@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap";:root{color:#12322e;font-synthesis:none;--ink:#0b3d36;--ink-deep:#062d28;--gold:#c49b55;--gold-light:#e9d5ab;--paper:#f7f5ee;--white:#fff;background:#f7f5ee;font-family:Tajawal,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.page-shell{isolation:isolate;background:radial-gradient(circle at 17% 12%,#c49b551f,#0000 27rem),linear-gradient(135deg,#faf9f5 0%,#f7f5ee 52%,#f0ede3 100%);min-height:100vh;position:relative;overflow:hidden}.ambient{filter:blur(1px);z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.ambient-one{background:#0b3d360e;width:420px;height:420px;bottom:-140px;left:-220px}.ambient-two{border:1px solid #c49b5538;width:260px;height:260px;top:18%;right:44%}.site-header{border-bottom:1px solid #0b3d361a;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:92px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;display:inline-flex}.brand-mark{color:#fff;background:var(--ink);border-radius:14px;place-items:center;width:45px;height:45px;display:grid;box-shadow:0 10px 24px #0b3d362b}.brand span:last-child{line-height:1.15;display:grid}.brand strong{letter-spacing:-.2px;font-size:17px;font-weight:800}.brand small{color:#6c7d79;margin-top:5px;font-size:12px;font-weight:500}.header-phone{color:var(--ink);direction:ltr;background:#ffffff8c;border:1px solid #0b3d3629;border-radius:12px;align-items:center;gap:9px;padding:11px 16px;font-weight:700;transition:transform .16s cubic-bezier(.23,1,.32,1),background .16s;display:inline-flex}.header-phone:hover{background:#fff}.header-phone:active,.button:active{transform:scale(.97)}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;width:min(1180px,100% - 40px);min-height:calc(100vh - 166px);margin:0 auto;padding:70px 0 58px;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{color:#84642f;background:#c49b5524;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:22px;padding:8px 13px;font-size:14px;font-weight:700;display:inline-flex}h1{color:var(--ink-deep);letter-spacing:-2.8px;margin:0;font-size:clamp(42px,5vw,72px);font-weight:800;line-height:1.13}h1 span{color:var(--gold);white-space:nowrap;position:relative}h1 span:after{content:"";background:var(--gold);border-radius:10px;width:34%;height:3px;position:absolute;bottom:-9px;right:0}h2{max-width:620px;color:var(--ink);margin:28px 0 0;font-size:21px;font-weight:700;line-height:1.6}.lead{color:#536864;max-width:600px;margin:10px 0 25px;font-size:19px;font-weight:500;line-height:1.85}.benefits{color:#38534e;flex-wrap:wrap;gap:10px 18px;margin-bottom:31px;font-size:14px;font-weight:700;display:flex}.benefits span{align-items:center;gap:6px;display:flex}.benefits svg{color:var(--ink);background:#0b3d361a;border-radius:50%;padding:2px}.actions{flex-wrap:wrap;gap:12px;display:flex}.button{border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:55px;padding:0 24px;font-size:16px;font-weight:800;transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .18s,background .18s;display:inline-flex}.button-primary{color:#fff;background:var(--ink);box-shadow:0 13px 28px #0b3d3630}.button-primary:hover{background:#0e5047;box-shadow:0 16px 34px #0b3d3640}.button-secondary{color:var(--ink);background:#ffffffbd;border:1px solid #0b3d362e}.button-secondary:hover{background:#fff}.visual{place-items:center;min-height:460px;display:grid;position:relative}.visual:before{content:"";background:var(--ink);border-radius:50%;width:370px;height:370px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14}.visual-grid{opacity:.25;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:28px 28px;border-radius:50%;width:370px;height:370px;position:absolute;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 71%);mask-image:radial-gradient(circle,#000 20%,#0000 71%)}.building-card{z-index:2;background:#ffffffed;border:1px solid #ffffffb3;border-radius:28px;width:310px;height:360px;padding:22px;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 70px #03231f3d}.card-topline{color:var(--ink);justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.building-illustration{height:235px;margin-top:8px;position:relative}.ground{background:#dfddd4;border-radius:50%;height:8px;position:absolute;bottom:19px;left:12px;right:12px;box-shadow:0 8px 15px #0000001a}.tower{background:linear-gradient(145deg,#e4d3aa,#b88c46);border-radius:8px 8px 3px 3px;grid-template-columns:repeat(2,1fr);align-content:start;gap:12px;padding:18px 15px;display:grid;position:absolute;bottom:26px;box-shadow:inset 7px 0 18px #ffffff2e}.tower i{background:#073c35d4;border-radius:10px 10px 2px 2px;width:23px;height:31px;display:block;box-shadow:inset 0 0 0 3px #ffffff14}.tower-back{background:linear-gradient(145deg,#d9d7cd,#a6a99f);width:105px;height:160px;right:25px}.tower-front{grid-template-columns:repeat(2,1fr);width:134px;height:205px;right:91px}.tower-front:before{content:"";background:var(--ink);border-radius:4px;width:150px;height:16px;position:absolute;top:-11px;right:-8px}.door{background:var(--ink-deep);border-radius:16px 16px 0 0;width:34px;height:50px;position:absolute;bottom:0;right:49px}.seal{color:#fff;background:var(--ink);border:6px solid #fff;border-radius:50%;place-items:center;width:66px;height:66px;display:grid;position:absolute;bottom:3px;left:4px;box-shadow:0 12px 24px #0427223d}.card-footer{color:var(--ink);border-top:1px solid #ebe9e1;align-items:center;gap:11px;margin-top:6px;padding-top:15px;display:flex}.card-footer>svg{color:var(--gold)}.card-footer div{line-height:1.2;display:grid}.card-footer small{color:#87918e;font-size:11px}.card-footer strong{margin-top:4px;font-size:15px}.floating-tag{z-index:3;color:var(--ink);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:800;display:flex;position:absolute;box-shadow:0 12px 30px #04272226}.floating-tag svg{color:var(--gold)}.tag-one{top:80px;left:-12px}.tag-two{bottom:77px;right:-8px}footer{color:#71817e;border-top:1px solid #0b3d3614;justify-content:center;align-items:center;gap:9px;height:74px;font-size:13px;display:flex}footer p{margin:0}footer a{color:var(--ink);font-size:14px;font-weight:800}@media (prefers-reduced-motion:no-preference){.hero-copy{animation:.55s cubic-bezier(.23,1,.32,1) both reveal}.visual{animation:.6s cubic-bezier(.23,1,.32,1) 80ms both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}@media (width<=900px){.hero{text-align:center;grid-template-columns:1fr;gap:35px;padding-top:50px}.hero-copy{flex-direction:column;align-items:center;display:flex}.lead{max-width:620px}.visual{min-height:425px}.ambient-two{top:45%;left:20%;right:auto}}@media (width<=560px){.site-header{width:min(100% - 28px,1180px);height:78px}.brand-mark{border-radius:12px;width:40px;height:40px}.brand strong{font-size:14px}.brand small{font-size:10px}.header-phone{border-radius:50%;justify-content:center;width:43px;height:43px;padding:0;font-size:0}.header-phone svg{width:19px;height:19px}.hero{gap:23px;width:min(100% - 28px,1180px);min-height:auto;padding:43px 0 45px}.eyebrow{margin-bottom:17px;font-size:13px}h1{letter-spacing:-1.7px;font-size:clamp(36px,11vw,52px);line-height:1.18}h1 span{white-space:normal}h2{margin-top:24px;font-size:18px;line-height:1.55}.lead{margin:9px 0 20px;font-size:16px;line-height:1.8}.benefits{justify-content:center;gap:9px 13px;margin-bottom:26px;font-size:12px}.actions{flex-direction:column;width:100%}.button{width:100%}.visual{min-height:390px;margin:-10px 0 -20px;transform:scale(.9)}.visual:before,.visual-grid{width:335px;height:335px}.building-card{width:290px}.tag-one{top:72px;left:-8px}.tag-two{bottom:63px;right:-4px}footer{flex-direction:column;gap:1px;height:72px}}@media (width<=370px){.visual{margin-inline:-25px;transform:scale(.82)}.benefits{max-width:290px}}