@font-face{ font-family:"Estedad"; font-style:normal; font-display:swap; font-weight:100 900; src:url("/assets/fonts/estedad-arabic.woff2?v=20261101speed1") format("woff2-variations"); } @font-face{ font-family:"Estedad"; font-style:normal; font-display:swap; font-weight:100 900; src:url("/assets/fonts/estedad-latin.woff2?v=20261101speed1") format("woff2-variations"); } :root{ --navy:#07162d; --navy-2:#102846; --navy-3:#1b4167; --gold:#d9b85e; --gold-light:#f3dc99; --gold-dark:#9c7b29; --ink:#102238; --muted:#6f7b8b; --line:#e2e8ef; --soft:#f4f7fa; --white:#fff; --danger:#a63a3a; --success:#14704b; --container:min(1160px,calc(100% - 40px)); --radius:24px; --shadow:0 20px 55px rgba(7,22,45,.10); --shadow-soft:0 10px 30px rgba(7,22,45,.07); } *{box-sizing:border-box} html{ scroll-behavior:smooth; scroll-padding-top:136px; } body{ margin:0; min-width:320px; overflow-x:hidden; background:#fbfcfe; color:var(--ink); font-family:"Estedad",Tahoma,Arial,sans-serif; line-height:1.8; -webkit-font-smoothing:antialiased; } body.no-scroll{overflow:hidden} img{display:block;max-width:100%} a{text-decoration:none;color:inherit} button,input,select{font:inherit} button{cursor:pointer} .container{width:var(--container);margin-inline:auto} .skip-link{ position:fixed; inset-inline-start:16px; top:-100px; z-index:100; padding:10px 16px; border-radius:12px; background:#fff; color:var(--navy); box-shadow:var(--shadow-soft); } .skip-link:focus{top:16px} .site-header{ position:sticky; top:0; z-index:50; background:rgba(7,22,45,.97); border-bottom:1px solid rgba(255,255,255,.08); backdrop-filter:blur(14px); transition:box-shadow .2s ease; } .site-header.scrolled{box-shadow:0 12px 30px rgba(3,13,29,.18)} .header-inner{ min-height:82px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:28px; } .brand{ display:flex; align-items:center; gap:12px; min-width:0; } .brand-logo{ width:52px; height:52px; flex:0 0 52px; overflow:hidden; border-radius:15px; background:#050505; border:1px solid rgba(217,184,94,.35); } .brand-logo img{width:100%;height:100%;object-fit:cover} .brand-copy{ min-width:0; display:flex; flex-direction:column; color:#fff; line-height:1.35; } .brand-copy strong{font-size:1rem;white-space:nowrap} .brand-copy small{font-size:.7rem;color:rgba(255,255,255,.58)} .main-nav{ display:flex; justify-content:center; align-items:center; gap:26px; } .main-nav a{ color:rgba(255,255,255,.72); font-size:.88rem; transition:color .18s ease; } .main-nav a:hover,.main-nav a:focus-visible{color:#fff} .header-cta{ min-height:46px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; border-radius:15px; white-space:nowrap; background:linear-gradient(135deg,var(--gold-light),var(--gold)); color:#111; font-size:.9rem; font-weight:900; box-shadow:0 12px 28px rgba(217,184,94,.18); } .project-ribbon{ position:fixed; top:82px; right:0; left:0; z-index:45; pointer-events:none; opacity:0; transform:translateY(-14px); transition:opacity .2s ease,transform .2s ease; } .project-ribbon.is-visible{ opacity:1; transform:translateY(0); } .ribbon-card{ width:min(440px,100%); min-height:52px; margin:8px auto 0; padding:6px 10px; display:grid; grid-template-columns:40px minmax(0,1fr) 40px; grid-template-areas:"logo copy person"; align-items:center; gap:9px; border-radius:18px; background:rgba(18,47,80,.95); border:1px solid rgba(255,255,255,.09); box-shadow:0 14px 34px rgba(4,15,32,.18); backdrop-filter:blur(12px); } .ribbon-person{grid-area:person} .ribbon-copy{grid-area:copy} .ribbon-logo{grid-area:logo} .ribbon-person,.ribbon-logo{ width:38px; height:38px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:#fff; border:1px solid rgba(217,184,94,.70); isolation:isolate; padding:0; } .ribbon-person img{width:100%;height:100%;object-fit:cover;object-position:center 23%} .ribbon-logo img{ width:86%; height:86%; object-fit:contain; object-position:center; display:block; } .ribbon-copy{ min-width:0; text-align:center; line-height:1.2; } .ribbon-copy strong{ display:block; color:#fff; font-size:.84rem; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .ribbon-copy span{ display:block; margin-top:2px; color:rgba(243,220,153,.92); font-size:.55rem; font-weight:780; } .hero{ position:relative; isolation:isolate; overflow:hidden; min-height:760px; background:var(--navy); color:#fff; } .hero-background{ position:absolute; inset:0; z-index:-2; background:url("/assets/images/hero.webp") center/cover no-repeat; } .hero-overlay{ position:absolute; inset:0; z-index:-1; background: linear-gradient(90deg,rgba(5,17,34,.94) 0%,rgba(7,24,46,.83) 44%,rgba(7,24,46,.42) 72%,rgba(7,24,46,.58) 100%), linear-gradient(180deg,rgba(5,17,34,.10),rgba(5,17,34,.84)); } .hero-grid{ min-height:760px; padding:56px 0 66px; display:grid; grid-template-columns:minmax(0,1fr) minmax(350px,410px); align-items:center; gap:54px; } .hero-content{max-width:700px} .hero-identity{ width:fit-content; max-width:100%; margin-bottom:22px; padding:6px 8px; display:grid; grid-template-columns:46px minmax(0,1fr) 44px; grid-template-areas:"logo copy person"; align-items:center; gap:9px; border-radius:18px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(10px); } .identity-person{grid-area:person} .identity-copy{grid-area:copy} .identity-logo{grid-area:logo} .identity-person,.identity-logo{ width:44px; height:44px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:#fff; border:1px solid rgba(217,184,94,.75); isolation:isolate; padding:0; } .identity-person img{width:100%;height:100%;object-fit:cover;object-position:center 23%} .identity-logo img{ width:86%; height:86%; object-fit:contain; object-position:center; display:block; } .identity-copy{min-width:0;line-height:1.25} .identity-copy small{ display:block; color:rgba(243,220,153,.90); font-size:.66rem; font-weight:760; } .identity-copy strong{ display:block; color:#fff; font-size:.92rem; font-weight:900; white-space:nowrap; } .hero-kicker{ margin:0 0 10px; color:var(--gold-light); font-size:.94rem; font-weight:820; } .hero h1{ margin:0 0 22px; font-size:clamp(3.4rem,7vw,6.4rem); line-height:.97; letter-spacing:-2px; font-weight:950; text-wrap:balance; } .hero h1 span{display:block;color:var(--gold-light)} .offer-card{ width:min(100%,560px); padding:20px 22px; border-radius:24px; background:linear-gradient(145deg,rgba(8,31,59,.84),rgba(11,39,70,.72)); border:1px solid rgba(217,184,94,.34); box-shadow:0 18px 50px rgba(0,0,0,.18); backdrop-filter:blur(10px); } .offer-label{ display:block; margin-bottom:3px; color:rgba(255,255,255,.82); font-size:.92rem; font-weight:760; } .offer-price{ display:block; color:var(--gold-light); font-size:clamp(2.2rem,4vw,3.7rem); line-height:1.2; font-weight:950; letter-spacing:-1px; } .offer-price b{font-size:1.25em} .offer-features{ margin-top:12px; display:flex; flex-wrap:wrap; gap:8px; } .offer-features span{ padding:6px 12px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.10); color:#fff; font-size:.8rem; font-weight:800; } .hero-description{ max-width:620px; margin:18px 0 0; color:rgba(255,255,255,.77); font-size:1rem; line-height:1.95; } .hero-actions{ margin-top:22px; display:flex; gap:12px; flex-wrap:wrap; } .button{ min-height:52px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; border-radius:16px; border:0; font-weight:900; text-align:center; transition:transform .18s ease,box-shadow .18s ease; } .button:hover{transform:translateY(-1px)} .button-gold{ background:linear-gradient(135deg,var(--gold-light),var(--gold)); color:#111; box-shadow:0 14px 34px rgba(217,184,94,.20); } .button-outline{ color:#fff; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.03); } .button-navy{ background:linear-gradient(135deg,var(--navy),var(--navy-3)); color:#fff; box-shadow:var(--shadow-soft); } .hero-proof{ margin-top:18px; display:flex; flex-wrap:wrap; gap:14px; color:rgba(255,255,255,.72); font-size:.78rem; } .hero-proof span::before{ content:"✓"; margin-left:6px; color:var(--gold-light); font-weight:900; } .lead-card{ align-self:center; padding:22px; border-radius:26px; background:rgba(255,255,255,.985); color:var(--ink); border:1px solid rgba(255,255,255,.70); box-shadow:0 28px 75px rgba(0,0,0,.24); } .form-heading{margin-bottom:16px} .form-badge{ display:inline-flex; padding:5px 10px; border-radius:999px; background:#f7f0dc; color:var(--gold-dark); font-size:.72rem; font-weight:820; } .form-heading h2{ margin:7px 0 3px; font-size:1.38rem; line-height:1.35; } .form-heading p{ margin:0; color:var(--muted); font-size:.84rem; line-height:1.75; } .field-list{display:grid;gap:11px} .field{ position:relative; display:grid; gap:6px; } .field>span{ color:var(--navy); font-size:.82rem; font-weight:820; } .field input,.field select{ width:100%; height:49px; display:block; padding:0 14px; border:1px solid var(--line); border-radius:14px; outline:none; background:#fff; color:var(--ink); transition:border-color .18s ease,box-shadow .18s ease; } .field input::placeholder{color:#99a4b1} .field input:focus,.field select:focus{ border-color:var(--gold); box-shadow:0 0 0 4px rgba(217,184,94,.14); } .field input.invalid,.field select.invalid{ border-color:#cf5454; box-shadow:0 0 0 4px rgba(207,84,84,.11); } .field input[name="phone"]{ direction:ltr; text-align:left; unicode-bidi:plaintext; } .field-select::after{ content:""; position:absolute; left:17px; bottom:19px; width:8px; height:8px; border-left:2px solid #26415f; border-bottom:2px solid #26415f; transform:rotate(-45deg); pointer-events:none; } .field select{ appearance:none; -webkit-appearance:none; direction:rtl; text-align:right; text-align-last:right; padding-right:14px; padding-left:44px; } .field select:invalid{color:#8c98a6} .field select option{color:var(--ink)} .submit-button{ width:100%; min-height:52px; margin-top:16px; border:0; border-radius:15px; background:linear-gradient(135deg,var(--navy),var(--navy-3)); color:#fff; font-weight:950; display:flex; align-items:center; justify-content:center; gap:9px; box-shadow:var(--shadow-soft); } .submit-button:disabled{opacity:.72} .spinner{ display:none; width:18px; height:18px; border:2px solid rgba(255,255,255,.35); border-top-color:#fff; border-radius:50%; animation:spin .75s linear infinite; } .submit-button.loading .spinner{display:inline-block} @keyframes spin{to{transform:rotate(360deg)}} .form-message{ display:none; margin-top:10px; padding:10px 12px; border-radius:12px; font-size:.82rem; } .form-message.success{display:block;background:#e9f7ef;color:var(--success)} .form-message.error{display:block;background:#fbebeb;color:var(--danger)} .privacy-note{ margin:10px 0 0; text-align:center; color:var(--muted); font-size:.71rem; } .honeypot{ position:absolute!important; left:-9999px!important; opacity:0!important; pointer-events:none!important; } .facts-section{ position:relative; z-index:2; margin-top:-24px; } .facts-panel{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; border-radius:22px; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow); } .fact{ min-width:0; padding:20px; border-left:1px solid var(--line); } .fact:last-child{border-left:0} .fact span{ display:block; margin-bottom:4px; color:var(--muted); font-size:.72rem; } .fact strong{ display:block; color:var(--navy); font-size:1rem; line-height:1.5; } .section{padding:88px 0} .section-heading{ max-width:760px; margin:0 auto 34px; text-align:center; } .section-kicker{ display:inline-flex; align-items:center; gap:8px; margin-bottom:10px; color:var(--gold-dark); font-size:.82rem; font-weight:850; } .section-kicker::before{ content:""; width:8px; height:8px; border-radius:3px; background:var(--gold); } .section-heading h2,.section-copy h2,.final-card h2{ margin:0 0 12px; color:var(--navy); font-size:clamp(2rem,3.8vw,3.3rem); line-height:1.2; letter-spacing:-1px; text-wrap:balance; } .section-heading p,.section-copy>p{ margin:0; color:var(--muted); line-height:2; } .split-layout{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:center; gap:52px; } .media-card{ margin:0; overflow:hidden; border-radius:var(--radius); border:1px solid var(--line); background:#fff; box-shadow:var(--shadow); } .media-card img{ width:100%; height:470px; object-fit:cover; } .feature-list{ margin:22px 0 18px; padding:0; list-style:none; display:grid; gap:10px; } .feature-list li{ position:relative; padding-right:26px; color:var(--ink); } .feature-list li::before{ content:"✓"; position:absolute; right:0; color:var(--gold-dark); font-weight:950; } .text-link{ display:inline-flex; align-items:center; gap:8px; color:var(--navy); font-weight:900; } .text-link::after{content:"←";color:var(--gold-dark)} .benefits-section{background:var(--soft)} .benefits-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .benefit-card{ padding:22px; border-radius:22px; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-soft); } .benefit-head{ display:flex; align-items:center; gap:12px; margin-bottom:12px; } .benefit-number{ width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; border-radius:14px; background:#f7f0dc; color:var(--gold-dark); font-size:.92rem; font-weight:950; } .benefit-head h3{ margin:0; color:var(--navy); font-size:1.08rem; line-height:1.4; } .benefit-card p{ margin:0; padding-right:56px; color:var(--muted); font-size:.9rem; line-height:1.9; } .inline-cta{ margin-top:24px; padding:20px 22px; display:flex; align-items:center; justify-content:space-between; gap:22px; border-radius:22px; background:linear-gradient(135deg,var(--navy),var(--navy-2)); color:#fff; } .inline-cta strong{display:block;margin-bottom:3px} .inline-cta span{color:rgba(255,255,255,.68);font-size:.84rem} .gallery-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .gallery-item{ position:relative; min-height:280px; padding:0; overflow:hidden; border:0; border-radius:22px; background:#e7edf2; box-shadow:var(--shadow-soft); } .gallery-wide{grid-column:1/-1;min-height:410px} .gallery-item img{ width:100%; height:100%; position:absolute; inset:0; object-fit:cover; transition:transform .35s ease; } .gallery-item:hover img{transform:scale(1.025)} .gallery-item::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(3,16,32,.78)); } .gallery-item span{ position:absolute; z-index:2; right:20px; bottom:16px; color:#fff; font-weight:900; } .gallery-plan img{object-fit:contain;background:#fff} .builder-section{background:var(--soft)} .builder-panel{ display:grid; grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr); align-items:stretch; overflow:hidden; border-radius:28px; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow); } .builder-photo{ margin:0; min-height:520px; background:#edf1f4; } .builder-photo img{ width:100%; height:100%; object-fit:cover; object-position:center 20%; } .builder-content{ padding:38px; display:flex; flex-direction:column; justify-content:center; } .builder-brand{ width:fit-content; max-width:100%; margin-bottom:24px; display:flex; align-items:center; gap:16px; } .builder-brand img{ width:140px; height:72px; padding:8px; object-fit:contain; border-radius:16px; background:#fff; border:1px solid var(--line); } .builder-brand strong{ display:block; color:var(--navy); line-height:1.5; } .builder-brand span{ display:block; color:var(--muted); font-size:.78rem; } .builder-content h3{ margin:0 0 10px; color:var(--navy); font-size:clamp(2rem,3vw,3rem); line-height:1.25; } .builder-content>p{ margin:0; color:var(--muted); line-height:2; } .builder-tags{ margin:18px 0 24px; display:flex; gap:8px; flex-wrap:wrap; } .builder-tags span{ padding:6px 11px; border-radius:999px; background:#f5f7f9; border:1px solid var(--line); color:var(--navy); font-size:.76rem; font-weight:800; } .builder-content .button{align-self:flex-start} .faq-section{background:#fff} .faq-list{ max-width:850px; margin-inline:auto; display:grid; gap:12px; } .faq-list details{ padding:0 20px; border-radius:18px; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-soft); } .faq-list summary{ padding:17px 0; display:flex; justify-content:space-between; gap:16px; list-style:none; color:var(--navy); font-weight:900; cursor:pointer; } .faq-list summary::-webkit-details-marker{display:none} .faq-list summary::after{ content:"+"; color:var(--gold-dark); font-size:1.25rem; } .faq-list details[open] summary::after{content:"−"} .faq-list details p{ margin:0; padding:0 0 18px; color:var(--muted); line-height:1.9; } .final-cta{ padding:0 0 88px; background:#fff; } .final-card{ padding:32px; display:flex; align-items:center; justify-content:space-between; gap:28px; border-radius:26px; background:linear-gradient(135deg,var(--navy),var(--navy-2)); color:#fff; } .section-kicker-light{color:var(--gold-light)} .final-card h2{color:#fff;font-size:clamp(1.8rem,3vw,2.7rem)} .final-card p{margin:0;color:rgba(255,255,255,.70)} .site-footer{ padding:34px 0 18px; background:#041122; color:#fff; } .footer-layout{ display:flex; align-items:center; justify-content:space-between; gap:28px; } .footer-brand{ display:flex; align-items:center; gap:14px; } .footer-logo{ width:58px; height:58px; overflow:hidden; border-radius:15px; border:1px solid rgba(217,184,94,.25); } .footer-logo img{width:100%;height:100%;object-fit:cover} .footer-brand strong{display:block;margin-bottom:2px} .footer-brand p{margin:0;color:rgba(255,255,255,.62);font-size:.82rem} .footer-contact{text-align:left} .footer-contact span{display:block;color:rgba(255,255,255,.55);font-size:.7rem} .footer-contact strong{font-size:.92rem} .footer-bottom{ margin-top:18px; padding-top:14px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.46); font-size:.72rem; } .mobile-lead{ display:none; position:fixed; right:12px; left:12px; bottom:max(12px,env(safe-area-inset-bottom)); z-index:60; min-height:52px; align-items:center; justify-content:center; border-radius:16px; background:linear-gradient(135deg,var(--gold-light),var(--gold)); color:#111; font-weight:950; box-shadow:0 16px 38px rgba(0,0,0,.22); } .lightbox{ width:min(980px,calc(100% - 28px)); max-height:90vh; padding:0; overflow:hidden; border:0; border-radius:22px; background:#07162d; color:#fff; } .lightbox::backdrop{background:rgba(2,9,18,.82)} .lightbox-close{ position:absolute; top:10px; left:10px; z-index:3; width:38px; height:38px; border:0; border-radius:50%; background:rgba(255,255,255,.14); color:#fff; font-size:1.3rem; } .lightbox-content img{width:100%;max-height:80vh;object-fit:contain} .lightbox-content p{margin:0;padding:10px 16px;text-align:center} @media (max-width:980px){ .main-nav{display:none} .header-inner{grid-template-columns:1fr auto} .hero-grid{ grid-template-columns:1fr; gap:34px; } .hero-content{max-width:760px} .lead-card{width:min(100%,560px)} .split-layout{grid-template-columns:1fr;gap:34px} .benefits-grid{grid-template-columns:1fr} .builder-panel{grid-template-columns:1fr} .builder-photo{min-height:420px} .builder-content{padding:30px} } @media (max-width:760px){ :root{--container:calc(100% - 28px);--radius:22px} html{scroll-padding-top:124px} body{padding-bottom:0} main{padding-bottom:78px} .header-inner{min-height:72px;gap:12px} .brand{gap:9px} .brand-logo{width:46px;height:46px;flex-basis:46px;border-radius:13px} .brand-copy strong{font-size:.88rem} .brand-copy small{display:none} .header-cta{ min-height:40px; padding:0 13px; border-radius:14px; font-size:.78rem; } .project-ribbon{top:72px} .ribbon-card{ width:calc(100% - 12px); min-height:48px; margin-top:6px; grid-template-columns:34px minmax(0,1fr) 34px; padding:5px 8px; border-radius:16px; } .ribbon-person,.ribbon-logo{width:32px;height:32px} .ribbon-logo img{width:86%;height:86%;object-fit:contain;object-position:center} .ribbon-copy strong{font-size:.74rem} .ribbon-copy span{font-size:.49rem} .hero{ min-height:auto; } .hero-background{ background-image:url("/assets/images/hero-mobile.webp"); background-position:center top; } .hero-overlay{ background: linear-gradient(180deg,rgba(5,17,34,.72) 0%,rgba(5,17,34,.88) 45%,rgba(5,17,34,.98) 100%); } .hero-grid{ min-height:auto; padding:26px 0 42px; gap:28px; } .hero-content{text-align:center} .hero-identity{ width:100%; margin:0 auto 20px; grid-template-columns:40px minmax(0,1fr) 40px; padding:5px 7px; border-radius:16px; } .identity-person,.identity-logo{width:38px;height:38px} .identity-logo img{width:86%;height:86%;object-fit:contain;object-position:center} .identity-copy{text-align:center} .identity-copy small{font-size:.58rem} .identity-copy strong{font-size:.78rem} .hero-kicker{font-size:.83rem} .hero h1{ margin-bottom:18px; font-size:clamp(3rem,16vw,4.6rem); line-height:1; letter-spacing:-1.5px; } .offer-card{ margin-inline:auto; padding:17px 16px; border-radius:22px; } .offer-label{font-size:.82rem} .offer-price{font-size:2.35rem} .offer-features{justify-content:center} .offer-features span{font-size:.73rem} .hero-description{ margin:15px auto 0; font-size:.91rem; line-height:1.9; } .hero-actions{flex-direction:column} .hero-actions .button{width:100%} .hero-proof{justify-content:center;gap:10px;font-size:.7rem} .lead-card{ width:100%; padding:17px 15px; border-radius:22px; } .form-heading{text-align:center;margin-bottom:12px} .form-heading h2{font-size:1.2rem} .form-heading p{font-size:.77rem} .field-list{gap:9px} .field>span{font-size:.78rem} .field input,.field select{height:46px;font-size:.94rem} .field-select::after{left:16px;bottom:18px} .submit-button{min-height:49px;margin-top:13px;font-size:.94rem} .privacy-note{font-size:.67rem} .facts-section{margin-top:0;padding:18px 0} .facts-panel{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:20px} .fact{padding:15px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)} .fact:nth-child(2n){border-left:0} .fact:nth-last-child(-n+2){border-bottom:0} .fact span{font-size:.66rem} .fact strong{font-size:.88rem} .section{padding:66px 0} .section-heading{margin-bottom:24px} .section-heading h2,.section-copy h2,.final-card h2{ font-size:clamp(1.8rem,9vw,2.45rem); line-height:1.23; } .section-heading p,.section-copy>p{font-size:.94rem;line-height:1.9} .media-card img{height:320px} .feature-list{font-size:.91rem} .benefit-card{padding:18px} .benefit-head{gap:10px} .benefit-number{width:40px;height:40px;flex-basis:40px} .benefit-head h3{font-size:1rem} .benefit-card p{padding-right:50px;font-size:.86rem} .inline-cta{align-items:stretch;flex-direction:column;padding:18px} .inline-cta .button{width:100%} .gallery-grid{grid-template-columns:1fr} .gallery-wide{grid-column:auto;min-height:280px} .gallery-item{min-height:250px} .gallery-plan{min-height:320px} .builder-photo{min-height:300px;max-height:390px} .builder-content{padding:22px 18px} .builder-brand{ width:100%; gap:12px; margin-bottom:18px; } .builder-brand img{width:110px;height:60px} .builder-brand strong{font-size:.9rem} .builder-content h3{font-size:2rem} .builder-content>p{font-size:.92rem;line-height:1.9} .builder-content .button{width:100%} .faq-list details{padding:0 16px} .faq-list summary{font-size:.91rem} .final-cta{padding-bottom:64px} .final-card{align-items:stretch;flex-direction:column;padding:22px} .final-card .button{width:100%} .footer-layout{align-items:flex-start;flex-direction:column} .footer-contact{text-align:right} .footer-bottom{flex-direction:column} .mobile-lead.is-visible{display:flex} } .hero-identity{ grid-template-columns:46px minmax(0,1fr) 46px; gap:12px; padding:8px 12px; } .identity-copy{ min-width:0; display:flex; flex-direction:column; gap:5px; text-align:center; } .identity-copy small{ margin:0; color:rgba(243,220,153,.94); font-size:.74rem; font-weight:820; line-height:1.15; } .identity-copy strong{ display:block; color:#fff; font-size:1.2rem; font-weight:910; line-height:1.28; letter-spacing:-.3px; } .identity-logo img,.ribbon-logo img{ width:100%; height:100%; object-fit:contain; object-position:center; display:block; } .hero-title-wrap{ width:min(100%,720px); margin:0 0 24px; display:grid; grid-template-columns:minmax(0,1fr) 104px; align-items:end; gap:16px; } .hero h1{ margin:0; font-size:clamp(3.45rem,7.1vw,6.45rem); line-height:1; letter-spacing:-2px; font-weight:950; } .hero-title-line{display:block;text-wrap:balance} .hero-title-main{color:#fff;margin-bottom:.15em} .hero-title-accent{color:var(--gold-light);padding-top:.03em} .hero-mini-video{ margin:0; width:104px; padding:8px; display:grid; gap:7px; justify-items:center; border-radius:24px; background:rgba(13,36,63,.62); border:1px solid rgba(255,255,255,.12); box-shadow:0 18px 36px rgba(2,10,24,.22); backdrop-filter:blur(12px); } .hero-mini-video video{ width:100%; aspect-ratio:1/1; display:block; object-fit:cover; border-radius:18px; background:#102c4b; } .hero-mini-video figcaption{ color:rgba(255,255,255,.92); font-size:.68rem; font-weight:860; line-height:1; } .hero-kicker{margin:0 0 14px} .hero-description{max-width:680px} @media (max-width:980px){ .hero-title-wrap{ width:100%; grid-template-columns:minmax(0,1fr) 92px; gap:12px; margin:0 auto 22px; } .hero-mini-video{width:92px;padding:6px;border-radius:20px} .hero-mini-video video{border-radius:15px} } @media (max-width:760px){ .hero-identity{ grid-template-columns:40px minmax(0,1fr) 40px; gap:10px; padding:6px 9px; } .identity-copy{gap:4px} .identity-copy small{font-size:.66rem;line-height:1.12} .identity-copy strong{font-size:1.05rem;line-height:1.32} .hero-title-wrap{ grid-template-columns:minmax(0,1fr) 78px; gap:10px; align-items:center; margin:0 auto 18px; } .hero h1{ font-size:clamp(3rem,16vw,4.7rem); line-height:1.02; letter-spacing:-1.4px; } .hero-title-main{margin-bottom:.19em} .hero-mini-video{ width:78px; padding:5px; border-radius:18px; gap:5px; } .hero-mini-video video{border-radius:14px} .hero-mini-video figcaption{font-size:.58rem} } .hero-content{ min-width:0; max-width:720px; } .hero-identity{ width:min(100%,620px); grid-template-columns:48px minmax(0,1fr) 48px; grid-template-areas:"logo copy person"; align-items:center; gap:12px; padding:8px 12px; margin-bottom:18px; } .identity-person,.identity-logo{ width:46px; height:46px; flex:0 0 auto; } .identity-logo{ padding:5px; background:rgba(255,255,255,.98); } .identity-logo img{ width:100%; height:100%; object-fit:contain; object-position:center; transform:none; } .identity-copy{ min-width:0; overflow:hidden; text-align:center; } .identity-copy strong{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .hero-kicker{margin:0 0 12px} .hero-title-wrap{ width:100%; margin:0 0 18px; display:block; overflow:visible; } .hero h1, #hero-title{ width:100%; margin:0; color:#fff; font-size:clamp(2.45rem,5.3vw,4.8rem); line-height:1.12; font-weight:950; letter-spacing:clamp(-2.1px,-.045em,-.7px); white-space:nowrap; text-wrap:nowrap; text-align:right; } .hero-video{ width:clamp(390px,31vw,430px); max-width:100%; aspect-ratio:56 / 45; margin:0 0 20px; padding:0; border-radius:26px; overflow:hidden; background:#102c4b; border:1px solid rgba(217,184,94,.58); box-shadow:0 20px 52px rgba(2,10,24,.28); backdrop-filter:blur(12px); } .hero-video video{ width:100%; height:100%; aspect-ratio:auto; display:block; object-fit:cover; object-position:center; border-radius:inherit; background:transparent; } .hero-video figcaption, .hero-mini-video figcaption{display:none!important} .hero-actions{margin-top:18px} .hero-actions .button-gold{min-width:250px} @media (max-width:980px){ .hero h1,#hero-title{ font-size:clamp(2.2rem,7.4vw,4rem); text-align:center; } .hero-video{ width:min(100%,430px); margin:0 auto 20px; } .offer-card{margin-inline:auto} .hero-actions{justify-content:center} } @media (max-width:760px){ .hero-grid{overflow:hidden} .hero-content{width:100%;max-width:100%;min-width:0} .hero-identity{ width:100%; grid-template-columns:40px minmax(0,1fr) 40px; gap:8px; padding:6px 8px; margin-bottom:14px; } .identity-person,.identity-logo{width:40px;height:40px} .identity-logo{padding:4px} .identity-copy small{font-size:.62rem} .identity-copy strong{font-size:clamp(.76rem,3.55vw,.98rem);letter-spacing:-.2px} .hero-kicker{font-size:.82rem;margin-bottom:10px} .hero-title-wrap{margin-bottom:14px} .hero h1,#hero-title{ font-size:clamp(1.95rem,8.4vw,2.72rem); line-height:1.16; letter-spacing:clamp(-1.25px,-.04em,-.45px); text-align:center; } .hero-video{ width:100%; max-width:100%; margin:0 auto 16px; padding:0; border-radius:21px; } .hero-video video{border-radius:inherit} .offer-card{width:100%;padding:17px 16px;border-radius:21px} .offer-features{justify-content:center} .hero-actions{width:100%;margin-top:16px} .hero-actions .button-gold{width:100%;min-width:0} } @media (max-width:380px){ .hero-identity{ grid-template-columns:36px minmax(0,1fr) 36px; gap:6px; padding:5px 6px; } .identity-person,.identity-logo{width:36px;height:36px} .identity-copy small{font-size:.56rem} .identity-copy strong{font-size:.72rem} .hero h1,#hero-title{ font-size:clamp(1.75rem,8vw,2.05rem); letter-spacing:-.75px; } } @font-face{ font-family:"EstedadLocal"; font-style:normal; font-display:swap; font-weight:100 900; src:url("/assets/fonts/estedad-arabic.woff2?v=20261101speed1") format("woff2-variations"); } html,body,button,input,select,textarea{ font-family:"EstedadLocal","Estedad",Tahoma,Arial,sans-serif; } .hero-background{ background-color:#102846!important; background-image:linear-gradient(90deg,rgba(7,22,45,.78),rgba(7,22,45,.32)),url("/assets/images/gallery-1.webp?v=20260803v24")!important; background-size:cover!important; background-position:center!important; } .hero-video video{background:#102846} img[data-morvarid-broken="1"]{display:none!important} .builder-section{ overflow:hidden; padding-block:clamp(48px,7vw,88px)!important; } .builder-card{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(250px,320px)!important; grid-template-areas:"copy portrait"!important; align-items:center!important; gap:clamp(34px,6vw,82px)!important; min-height:0!important; padding:clamp(30px,4.5vw,58px)!important; overflow:hidden!important; } .builder-copy{ grid-area:copy!important; min-width:0!important; max-width:700px!important; justify-self:end!important; text-align:right!important; } .builder-copy>.section-kicker{margin-bottom:12px!important} .builder-copy h2{ margin:0 0 16px!important; font-size:clamp(30px,4vw,46px)!important; line-height:1.35!important; } .builder-copy>p{ margin:0 0 22px!important; max-width:650px!important; font-size:clamp(15px,1.3vw,18px)!important; line-height:2!important; text-wrap:pretty!important; } .builder-media{ grid-area:portrait!important; width:100%!important; max-width:320px!important; aspect-ratio:1/1!important; justify-self:center!important; margin:0!important; overflow:hidden!important; border:1px solid rgba(15,45,78,.08)!important; border-radius:30px!important; background:#eef2f7!important; box-shadow:0 22px 54px rgba(7,22,45,.16)!important; } .builder-media img{ display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center 18%!important; transform:scale(1.03)!important; } .builder-brand-lockup{ display:flex!important; align-items:center!important; gap:16px!important; width:min(100%,470px)!important; margin:0 0 24px!important; padding:14px 16px!important; border:1px solid rgba(15,45,78,.11)!important; border-radius:20px!important; background:#fff!important; box-shadow:0 10px 28px rgba(7,22,45,.07)!important; } .builder-brand-lockup img{ display:block!important; width:88px!important; height:64px!important; flex:0 0 88px!important; object-fit:contain!important; background:#fff!important; } .builder-brand-lockup span{ display:flex!important; flex-direction:column!important; gap:3px!important; min-width:0!important; color:#102846!important; } .builder-brand-lockup strong{font-size:15px!important;line-height:1.7!important} .builder-brand-lockup small{font-size:12px!important;line-height:1.7!important;color:#6f7b8b!important} .builder-meta{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; margin:0 0 24px!important; } .builder-meta>div{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:5px!important; min-width:0!important; padding:14px 16px!important; border:1px solid rgba(15,45,78,.09)!important; border-radius:16px!important; background:rgba(255,255,255,.76)!important; } .builder-meta strong{font-size:14px!important;line-height:1.7!important;color:#102846!important} .builder-meta span{font-size:12px!important;line-height:1.7!important;color:#66758a!important} .builder-copy>.button{margin-top:0!important} @media (max-width:900px){ .builder-card{ grid-template-columns:1fr!important; grid-template-areas:"portrait" "copy"!important; gap:28px!important; } .builder-copy{justify-self:stretch!important;max-width:none!important} .builder-media{max-width:290px!important} .builder-brand-lockup{width:100%!important} } @media (max-width:560px){ body{padding-bottom:92px!important} .builder-section{padding-block:34px 80px!important} .builder-card{padding:24px 18px 34px!important;gap:24px!important} .builder-media{ max-width:250px!important; aspect-ratio:1/1!important; border-radius:24px!important; } .builder-media img{ object-position:center 16%!important; transform:scale(1.06)!important; } .builder-brand-lockup{padding:12px!important;gap:12px!important} .builder-brand-lockup img{width:74px!important;height:56px!important;flex-basis:74px!important} .builder-brand-lockup strong{font-size:13px!important} .builder-copy h2{font-size:clamp(28px,9vw,38px)!important} .builder-copy>p{font-size:15px!important;line-height:2!important} .builder-meta{grid-template-columns:1fr!important} .builder-copy>.button{width:100%!important;justify-content:center!important} .mobile-lead{z-index:60!important} } @media (prefers-reduced-motion:reduce){ .hero-video video{display:none} } :root{--sadaf:#00795f;--sadaf-2:#009b78;--sadaf-dark:#023c2f;--sadaf-ink:#12332c;--gold:#f6c453;--cream:#f8f5ea;--surface:#fff;--line:#dce9e5;--shadow:0 24px 70px rgba(2,60,47,.16)} html{scroll-behavior:smooth}body{font-family:IRANSansX,Estedad,Tahoma,sans-serif;color:var(--sadaf-ink);background:#f7faf9} .site-header{background:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(0,121,95,.12);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(2,60,47,.07)} .header-inner{min-height:82px}.brand-copy strong{color:var(--sadaf-dark)!important}.brand-copy small{color:#648078!important} .brand-logo{background:transparent!important;border:0!important;box-shadow:none!important}.brand-logo img{width:56px;height:56px} .main-nav a{color:#48675f!important;font-weight:700}.main-nav a:hover{color:var(--sadaf)!important} .header-cta,.submit-button{background:linear-gradient(135deg,var(--sadaf-2),var(--sadaf-dark))!important;color:#fff!important;border:0!important;box-shadow:0 12px 28px rgba(0,121,95,.25)} .header-cta:hover,.submit-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,121,95,.32)} .hero{background:linear-gradient(145deg,#f3faf7 0%,#fff 46%,#f7f0d9 100%)!important;padding:64px 0 80px!important} .hero-background{opacity:.14!important;filter:saturate(.7)}.hero-overlay{background:linear-gradient(90deg,rgba(2,60,47,.02),rgba(0,121,95,.08))!important} .hero-grid{gap:42px!important;align-items:start!important}.hero-content{color:var(--sadaf-ink)!important} .hero-kicker,.section-kicker{color:var(--sadaf)!important;background:#e7f5f0!important;border:1px solid #cce9df!important} .hero h1,#hero-title{color:var(--sadaf-dark)!important;text-shadow:none!important;font-weight:900!important;letter-spacing:-1.6px} .hero-title-wrap:after{background:linear-gradient(90deg,var(--gold),var(--sadaf))!important} .hero-identity,.ribbon-card{background:rgba(2,60,47,.94)!important;border:1px solid rgba(246,196,83,.3)!important;box-shadow:0 16px 38px rgba(2,60,47,.2)!important} .hero-video{border:1px solid rgba(0,121,95,.18)!important;border-radius:28px!important;box-shadow:var(--shadow)!important;overflow:hidden} .hero-video:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.45);border-radius:inherit;pointer-events:none}.offer-card{background:rgba(255,255,255,.9)!important;border:1px solid var(--line)!important;border-radius:24px!important;box-shadow:0 16px 40px rgba(2,60,47,.1)!important} .offer-label{color:var(--sadaf)!important}.offer-price{color:var(--sadaf-dark)!important}.offer-features span{background:#edf8f4!important;color:#176451!important;border-color:#d5eee6!important} .lead-card{background:rgba(255,255,255,.96)!important;border:1px solid rgba(0,121,95,.17)!important;border-radius:30px!important;box-shadow:0 28px 80px rgba(2,60,47,.19)!important;padding:34px!important;position:sticky!important;top:104px!important} .form-badge{background:#fff4cf!important;color:#715516!important}.form-heading h2{color:var(--sadaf-dark)!important;font-size:1.65rem!important}.form-heading p{color:#6b817b!important} .field>span{color:#294d44!important}.field input,.field select{background:#fbfdfc!important;border:1.5px solid #d5e5e0!important;border-radius:15px!important;min-height:55px!important;color:var(--sadaf-dark)!important} .field input:focus,.field select:focus{border-color:var(--sadaf-2)!important;box-shadow:0 0 0 4px rgba(0,155,120,.1)!important;background:#fff!important} .form-message.success{background:#e8f7f1!important;color:#0a6b50!important;border:1px solid #c7eadf!important} .facts-section{background:#fff!important}.facts-panel{background:var(--sadaf-dark)!important;border:1px solid rgba(246,196,83,.22)!important;border-radius:26px!important;box-shadow:0 18px 50px rgba(2,60,47,.17)!important} .fact{border-color:rgba(255,255,255,.12)!important}.fact span{color:#b9d4cc!important}.fact strong{color:#fff!important} .section{padding:88px 0!important}.project-section,.gallery-section,.faq-section{background:#fff!important}.benefits-section,.builder-section{background:#f1f7f5!important} .section-heading h2,.section-copy h2,.builder-copy h2{color:var(--sadaf-dark)!important;letter-spacing:-1px} .media-card,.benefit-card,.builder-card,.gallery-item,.faq-list details{border:1px solid var(--line)!important;box-shadow:0 18px 48px rgba(2,60,47,.09)!important} .media-card,.builder-card{border-radius:30px!important;overflow:hidden}.benefit-card{border-radius:24px!important;background:#fff!important;transition:.25s ease} .benefit-card:hover{transform:translateY(-7px);box-shadow:0 24px 58px rgba(2,60,47,.14)!important}.benefit-number{color:var(--sadaf)!important;background:#e6f5ef!important} .feature-list li:before{background:var(--sadaf)!important}.text-link{color:var(--sadaf)!important}.text-link:hover{color:var(--sadaf-dark)!important} .inline-cta{background:linear-gradient(120deg,var(--sadaf-dark),var(--sadaf))!important;border:0!important;border-radius:26px!important;box-shadow:var(--shadow)!important} .button-gold{background:linear-gradient(135deg,#ffd86c,var(--gold))!important;color:#163c32!important;border:0!important;box-shadow:0 12px 28px rgba(246,196,83,.28)!important}.gallery-grid{gap:18px!important}.gallery-item{border-radius:22px!important;overflow:hidden}.gallery-item img{transition:transform .45s ease}.gallery-item:hover img{transform:scale(1.045)} .builder-brand-lockup{background:#edf8f4!important;border:1px solid #d5eee6!important;border-radius:18px!important}.builder-meta>div{background:#fff!important;border-color:var(--line)!important;border-radius:18px!important} .button-navy{background:linear-gradient(135deg,var(--sadaf),var(--sadaf-dark))!important;color:#fff!important;border:0!important} .faq-list details{background:#fff!important;border-radius:18px!important}.faq-list summary{color:var(--sadaf-dark)!important}.faq-list details[open]{border-color:#b9ded3!important} .final-cta{background:#f1f7f5!important}.final-card{background:linear-gradient(125deg,#012e24,var(--sadaf-dark) 45%,var(--sadaf))!important;border:1px solid rgba(246,196,83,.2)!important;border-radius:30px!important;box-shadow:var(--shadow)!important} .site-footer{background:#012e24!important;border-top:4px solid var(--sadaf)!important}.footer-logo{background:transparent!important;border:0!important}.footer-logo img{width:66px;height:66px} .mobile-lead{background:linear-gradient(135deg,var(--sadaf-2),var(--sadaf-dark))!important;color:#fff!important;box-shadow:0 12px 35px rgba(2,60,47,.34)!important} .privacy-note{color:#718781!important} @media(max-width:980px){.lead-card{position:relative!important;top:auto!important}.hero{padding-top:38px!important}.hero-grid{gap:28px!important}.hero-content{order:1!important}.lead-card{order:2!important}} @media(max-width:760px){.site-header{background:rgba(255,255,255,.97)!important}.header-inner{min-height:68px}.brand-logo img{width:46px;height:46px}.brand-copy strong{font-size:.93rem!important}.brand-copy small{font-size:.68rem!important} .hero{padding:28px 0 54px!important}.hero-identity{border-radius:18px!important}.hero-video{border-radius:22px!important}.lead-card{padding:24px 18px!important;border-radius:24px!important} .form-heading h2{font-size:1.38rem!important}.facts-panel{border-radius:20px!important}.section{padding:62px 0!important}.builder-card,.media-card,.final-card{border-radius:22px!important} .project-ribbon{display:none!important}.mobile-lead{border-radius:16px 16px 0 0!important}} .brand-logo{width:58px;height:58px;flex:0 0 58px;border-radius:50%;overflow:hidden;background:transparent!important;border:0!important;box-shadow:none!important} .brand-logo img{display:block;width:100%!important;height:100%!important;object-fit:contain!important} .footer-logo{width:70px;height:70px;flex:0 0 70px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:transparent!important;border:0!important;box-shadow:none!important} .footer-logo img{display:block;width:100%!important;height:100%!important;object-fit:contain!important} .hero{background:linear-gradient(135deg,#f1f8f5 0%,#fff 52%,#fff9eb 100%)!important} .hero-background{background:none!important;opacity:0!important;filter:none!important} .hero-overlay{background:linear-gradient(120deg,rgba(0,121,95,.025),rgba(255,255,255,0))!important} .hero-video{aspect-ratio:5/4!important;background:#eef6f2!important;border:1px solid rgba(0,121,95,.16)!important;box-shadow:0 22px 54px rgba(2,60,47,.15)!important} .hero-video img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 10%} .media-card{background:#f1f7f5!important} .media-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center} .project-ribbon{display:none!important} .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important} .gallery-item{background:#f3f7f5!important} .gallery-item img{display:block;width:100%;height:340px!important;object-fit:cover!important;object-position:center 18%!important} .gallery-item:first-child img{object-fit:contain!important;background:linear-gradient(145deg,#f9f8f3,#edf4f1)!important} @media(max-width:760px){ .brand-logo{width:48px;height:48px;flex-basis:48px} .footer-logo{width:60px;height:60px;flex-basis:60px} .hero{min-height:auto!important} .hero-video{width:min(100%,430px)!important;aspect-ratio:5/4!important} .gallery-grid{grid-template-columns:1fr!important;gap:16px!important} .gallery-item img{height:auto!important;aspect-ratio:4/3;object-fit:cover!important} } html{scroll-padding-top:100px} body,button,input,select,textarea{font-family:EstedadLocal,Estedad,Tahoma,sans-serif!important} body{line-height:1.9;background:#fafbf8} .container{width:min(1180px,calc(100% - 64px))!important} .site-header{box-shadow:none!important} .header-inner{min-height:88px!important} .header-cta{border-radius:12px!important;box-shadow:none!important} .main-nav{gap:30px} .hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 0%,#185b4b 0%,#0a3b30 48%,#062b24 100%)!important;padding:68px 0 80px!important;min-height:0!important;overflow:hidden} .hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(90deg,#b8d9c8 1px,transparent 1px),linear-gradient(#b8d9c8 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(270deg,#000,transparent 72%);pointer-events:none} .hero-overlay{display:none!important} .hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr)!important;gap:70px!important;align-items:center!important} .hero-content{padding:0!important;min-width:0} .hero-identity{max-width:460px;margin:0 0 30px!important;padding:10px 14px!important;background:rgba(255,255,255,.05)!important;border:1px solid #ffffff24!important;box-shadow:none!important;border-radius:14px!important} .identity-copy small{color:#bed9cd!important;font-size:10px!important} .identity-copy strong{font-size:14px!important;color:#fff!important} .identity-person,.identity-logo{width:38px!important;height:38px!important} .hero-kicker{display:inline-block!important;background:transparent!important;color:#e4c585!important;border:0!important;padding:0!important;margin:0 0 14px!important;font-size:13px!important;letter-spacing:0} .hero-title-wrap{margin:0!important;padding:0!important} .hero-title-wrap:after{display:none!important} .hero h1,#hero-title{font-size:clamp(40px,4.7vw,66px)!important;line-height:1.55!important;letter-spacing:-2px!important;color:#fff!important;margin:0!important;max-width:590px;font-weight:850!important} .hero-intro{font-size:16px;line-height:2.15;color:#d1e1da;max-width:530px;margin:18px 0 20px} .hero-location{display:flex;align-items:center;gap:10px;color:#b6cdc3;font-size:12px} .hero-location>span{color:#e4c585;font-size:24px} .hero-location i{width:4px;height:4px;background:#c8ad77;border-radius:50%;margin:0 5px} .offer-card{margin:28px 0 0!important;padding:20px 0!important;border:0!important;border-top:1px solid #ffffff24!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} .offer-label{font-size:11px!important;color:#b5cfc2!important} .offer-price,.offer-price b,.offer-price span{font-size:22px!important;line-height:1.8!important;color:#fff!important;letter-spacing:0!important;font-weight:650!important} .offer-features{margin-top:12px!important;gap:9px!important} .offer-features span{background:#ffffff09!important;border:1px solid #ffffff24!important;color:#d4e6dd!important;font-size:11px!important;padding:5px 12px!important;border-radius:6px!important} .hero-actions{margin-top:16px!important} .button{border-radius:10px!important;font-size:13px!important;min-height:48px} .button-gold{background:#e8ca8e!important;box-shadow:none!important} .lead-card{position:relative!important;top:auto!important;align-self:center!important;border:0!important;border-radius:22px!important;padding:30px!important;background:#fff!important;box-shadow:0 20px 60px #001e1a44!important;margin:0!important} .form-heading h2{font-size:23px!important;line-height:1.6!important;letter-spacing:-.8px} .form-heading p{font-size:12px!important;line-height:2!important} .form-badge{font-size:10px!important;background:#eef5ef!important;color:#45705c!important;border-radius:6px!important;padding:5px 10px!important} .field-list{gap:17px!important}.field>span{font-size:12px!important} .field input,.field select{border-radius:10px!important;min-height:51px!important;font-size:13px!important;background:#fafcfb!important} .submit-button{border-radius:10px!important;min-height:54px!important;box-shadow:none!important;font-size:13px!important;margin-top:22px!important} .privacy-note{font-size:10px!important;line-height:1.9} .facts-section{padding:0!important;background:#f4f6f1!important} .facts-panel{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:30px 0!important;margin:0!important} .fact{border-color:#d7e2da!important}.fact span{color:#6d7f75!important;font-size:11px!important} .fact strong{color:#163f31!important;font-size:16px!important} .section{padding:90px 0!important} .section-kicker{border:0!important;border-radius:6px!important;font-size:11px!important;padding:5px 10px!important} .section h2{font-size:clamp(25px,3vw,38px)!important;line-height:1.65!important;letter-spacing:-1px!important} .section p{font-size:14px!important;line-height:2.1!important;color:#60736a} .section-heading{margin-bottom:34px!important} .media-card,.benefit-card,.gallery-item,.faq-list details,.builder-card{box-shadow:none!important;border-radius:18px!important} .media-card img{aspect-ratio:auto!important;height:auto!important;object-fit:contain!important} .benefit-card{padding:30px!important;border-color:#e0e7df!important} .benefit-head{gap:16px!important}.benefit-number{border-radius:10px!important;color:#618476!important;background:#edf3ee!important} .benefit-card h3{font-size:18px!important}.inline-cta{box-shadow:none!important;border-radius:18px!important} .gallery-item img{height:440px!important;object-fit:contain!important;background:#f2f5ef!important} .builder-section{background:#f5f7f2!important} .builder-card{background:#fff!important}.builder-media{box-shadow:none!important} .faq-list{max-width:850px;margin-inline:auto}.faq-list summary{font-size:15px!important} .final-card{border-radius:20px!important;box-shadow:none!important} .final-card h2{font-size:29px!important;line-height:1.7} .footer-logo{background:#fff!important;padding:5px}.footer-bottom{font-size:11px!important} a,button,input,select{transition:background .2s,border-color .2s,box-shadow .2s} a:focus-visible,button:focus-visible{outline:3px solid #d9b86f;outline-offset:5px} @media(max-width:980px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)!important;gap:30px!important}.hero h1,#hero-title{font-size:43px!important}.hero-identity{margin-bottom:22px!important}.container{width:calc(100% - 40px)!important}.main-nav{gap:15px}.brand-copy strong{font-size:13px!important}} @media(max-width:760px){.container{width:calc(100% - 32px)!important}.header-inner{min-height:74px!important;gap:12px}.header-cta{padding:10px 14px!important;font-size:11px!important}.brand-copy strong{font-size:11px!important}.brand-copy small{font-size:9px!important}.brand-logo{width:42px!important;height:42px!important;flex-basis:42px!important}.hero{padding:32px 0 42px!important}.hero-grid{grid-template-columns:1fr!important;gap:30px!important}.hero h1,#hero-title{font-size:42px!important;letter-spacing:-1.5px!important;line-height:1.5!important}.hero-identity{max-width:100%;margin-bottom:22px!important}.hero-intro{font-size:14px!important}.hero-location{font-size:10px;gap:7px}.hero-actions{display:none!important}.offer-card{margin-top:18px!important;padding-bottom:0!important}.lead-card{padding:25px 20px!important;border-radius:18px!important}.facts-panel{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;padding:15px 0!important}.fact{padding:16px 8px!important;border:0!important}.fact strong{font-size:13px!important}.section{padding:52px 0!important}.split-layout{gap:28px!important}.gallery-item img{height:340px!important;aspect-ratio:auto!important;object-fit:contain!important}.inline-cta{padding:25px!important}.final-card{padding:28px!important}.final-card h2{font-size:24px!important}.site-footer{padding-bottom:85px!important}.mobile-lead{font-size:13px!important;border-radius:0!important;box-shadow:0 -4px 25px #052c241a!important}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important;animation:none!important}} .hero{padding:40px 0 50px!important} .hero h1,#hero-title{font-size:clamp(36px,4.2vw,56px)!important} .hero-identity{margin-bottom:20px!important} .hero-intro{margin:12px 0!important;font-size:14px!important} .hero-content .offer-card,.hero-actions{display:none!important} .hero-video.project-film{display:block!important;position:relative;width:100%!important;max-width:100%!important;aspect-ratio:auto!important;height:auto!important;margin:20px 0 0!important;padding:0!important;border-radius:16px!important;overflow:hidden;background:#062b24!important;border:1px solid #ffffff30!important;box-shadow:0 18px 38px #001d2040!important} .project-film video{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:contain!important;background:#062b24!important} .hero-video:after{display:none!important} .project-film figcaption{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;font-size:10px;color:#eef6ef;background:#103e34} .project-film figcaption span{color:#bdcfc6} .media-caption{padding:12px 18px;color:#60766b;font-size:11px;background:#f5f8f4} .gallery-item{position:relative;text-align:right!important;padding:0!important} .gallery-item img{height:390px!important;background:#edf3ed!important} .gallery-caption{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;background:#103f32;color:#fff;font-size:13px;font-weight:650} .gallery-caption small{font-size:10px;color:#c2d4c8;font-weight:400} .gallery-item:nth-child(2) img{object-fit:cover!important} .feature-list li:before{border-radius:50%;color:#fff!important} @media(max-width:760px){.hero{padding-top:24px!important}.hero-grid{gap:26px!important}.hero-identity{margin-bottom:16px!important}.hero-intro{font-size:13px!important}.hero-location{font-size:10px}.project-film figcaption{font-size:9px}.gallery-item img{height:300px!important}.gallery-caption{font-size:12px;padding:12px 14px}.gallery-caption small{font-size:9px}} 

.investment-hook{display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:center;padding:22px 24px;margin-bottom:22px;border:1px solid #dbbd7a70;border-radius:16px;background:linear-gradient(110deg,#f5dfab,#e3c484);color:#173d30;text-align:right;box-shadow:0 12px 24px #001f2220}
.investment-hook>span:first-child{grid-column:1/-1;font-size:14px;font-weight:650}
.investment-hook strong{grid-column:1;font-size:48px;line-height:1.5;font-weight:850;letter-spacing:-1.5px}
.investment-hook small{font-size:21px;letter-spacing:-.5px;font-weight:650}
.investment-hook .hook-unit{grid-column:1;font-size:12px}
.investment-hook>a{grid-column:2;grid-row:2/4;align-self:center;color:#fff;background:#114535;padding:12px 15px;border-radius:9px;font-size:11px;font-weight:650;text-decoration:none;white-space:nowrap}
.hero-identity{margin-bottom:18px!important}
.hero h1,#hero-title{font-size:clamp(33px,3.8vw,49px)!important}
.hero-intro{line-height:1.9!important}
.hero-video.project-film{position:relative!important}
.video-start{position:absolute;inset:0;margin:auto;width:max-content;height:max-content;max-width:90%;padding:12px 22px;border-radius:12px;border:1px solid #ffffff70;background:#073e32e8;color:#fff;font:inherit;font-size:14px;cursor:pointer;z-index:3}
.video-start[hidden]{display:none!important}
.media-card{line-height:0}
.media-card img{border-radius:inherit}
@media(max-width:760px){
 .hero{padding-top:22px!important}
 .investment-hook{padding:18px;margin-bottom:18px;gap:2px 10px}
 .investment-hook strong{font-size:40px}
 .investment-hook small{font-size:17px}
 .investment-hook>span:first-child{font-size:12px}
 .investment-hook .hook-unit{font-size:11px}
 .investment-hook>a{grid-column:1/-1;grid-row:auto;text-align:center;margin-top:10px;padding:9px 12px;font-size:12px}
 .hero h1,#hero-title{font-size:clamp(29px,7.7vw,40px)!important;line-height:1.5!important}
 .hero-identity{padding:8px 10px!important}
 .hero-kicker{margin-bottom:10px!important}
 .hero-intro{font-size:12px!important;margin:10px 0!important}
 .hero-grid{gap:24px!important}
 .section{padding:42px 0!important}
 .section-copy p{font-size:13px!important}
 .feature-list li{font-size:12px!important;line-height:1.9!important}
 .feature-list li:before{display:inline-grid;place-items:center;flex:0 0 20px;width:20px!important;height:20px!important;border-radius:50%;line-height:1!important}
 .mobile-lead{box-sizing:border-box!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;margin:0!important;padding:15px 16px calc(15px + env(safe-area-inset-bottom,0px))!important;font-size:12px!important;min-height:52px}
 .site-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:360px){.brand-copy strong{font-size:10px!important}.header-cta{font-size:10px!important;padding:9px 10px!important}.investment-hook strong{font-size:35px}.investment-hook small{font-size:15px}.hero-location{flex-wrap:wrap}}

/* Compact above-fold layout; retains page-first media loading. */
.hero{padding:26px 0 32px!important}
.hero-grid{min-height:0!important;padding:0!important;gap:48px!important}
.hero-content{display:flex!important;flex-direction:column;gap:12px!important;text-align:right!important}
.investment-hook{order:1;grid-template-columns:minmax(0,1fr) auto;gap:0 14px!important;padding:14px 18px!important;margin:0 0 2px!important;border-radius:13px!important;box-shadow:none!important}
.investment-hook>span:first-child{grid-column:1!important;grid-row:1;font-size:12px!important;line-height:1.6}
.investment-hook strong{grid-column:1;grid-row:2;font-size:36px!important;line-height:1.35!important;letter-spacing:-1px!important}
.investment-hook small{font-size:17px!important}
.investment-hook .hook-unit{grid-column:1;grid-row:3;font-size:10px!important;line-height:1.5}
.investment-hook>a{grid-column:2!important;grid-row:1/4!important;margin:0!important;padding:11px 13px!important;font-size:11px!important;min-height:44px;display:flex;align-items:center;justify-content:center}
.hero-kicker{order:2;font-size:11px!important;line-height:1.6!important;margin:0!important}
.hero-title-wrap{order:3;display:block!important;grid-template-columns:1fr!important;margin:0!important;gap:0!important}
.hero h1,#hero-title{font-size:clamp(30px,3.7vw,48px)!important;line-height:1.45!important;letter-spacing:-1.5px!important}
.hero-identity{order:4;width:100%!important;max-width:100%!important;padding:7px 10px!important;margin:0!important;border-radius:11px!important;grid-template-columns:34px minmax(0,1fr) 34px!important;gap:8px!important;background:#ffffff06!important;box-shadow:none!important}
.identity-person,.identity-logo{width:32px!important;height:32px!important}
.identity-copy{gap:1px!important}
.identity-copy small{font-size:9px!important;line-height:1.5!important}
.identity-copy strong{font-size:12px!important;line-height:1.5!important}
.hero-location{order:5;margin:0!important;line-height:1.7!important;font-size:11px!important}
.hero-location>span{font-size:18px!important;line-height:1}
.hero-video.project-film{order:6;margin:0!important;border-radius:13px!important}
.project-film figcaption{display:none!important}
@media(max-width:980px){.hero-grid{gap:26px!important}.hero-content{gap:10px!important}}
@media(max-width:760px){
 .header-inner{min-height:62px!important;gap:10px!important}
 .brand-logo{width:38px!important;height:38px!important;flex-basis:38px!important}
 .brand-copy small{display:none!important}
 .header-cta{min-height:40px!important;padding:9px 13px!important;font-size:10px!important}
 .hero{padding:14px 0 24px!important}
 .hero-grid{padding:0!important;min-height:0!important;gap:22px!important}
 .hero-content{gap:8px!important}
 .investment-hook{padding:10px 13px!important;border-radius:12px!important}
 .investment-hook strong{font-size:34px!important;line-height:1.25!important}
 .investment-hook small{font-size:15px!important}
 .investment-hook>span:first-child{font-size:10px!important}
 .investment-hook .hook-unit{font-size:9px!important}
 .investment-hook>a{font-size:10px!important;padding:9px 10px!important;min-width:72px!important;min-height:44px!important}
 .hero-kicker{font-size:10px!important;margin:1px 0 0!important}
 .hero h1,#hero-title{font-size:clamp(26px,7.7vw,35px)!important;line-height:1.4!important;letter-spacing:-1px!important}
 .hero-identity{padding:5px 8px!important;grid-template-columns:30px minmax(0,1fr) 30px!important;min-height:44px}
 .identity-person,.identity-logo{width:29px!important;height:29px!important}
 .identity-copy small{font-size:8px!important}
 .identity-copy strong{font-size:11px!important}
 .hero-location{font-size:10px!important;gap:7px!important}
 .hero-location i{margin:0 3px!important}
 .project-film video{aspect-ratio:16/9!important}
 .lead-card{width:100%!important;max-width:none!important}
}
@media(max-width:360px){.investment-hook strong{font-size:29px!important}.investment-hook small{font-size:13px!important}.investment-hook>a{font-size:9px!important;min-width:65px!important;padding:8px!important}.brand-copy strong{font-size:9px!important}.hero-content{gap:7px!important}}

/* Edge-to-edge gallery with source renders; no poster letterboxing. */
.gallery-section .section-heading{margin-bottom:26px!important}
.gallery-section .section-heading p{max-width:540px;margin-inline:auto;font-size:12px!important}
.official-gallery{display:block!important;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;isolation:isolate;overflow:hidden!important;padding:0!important;border:0!important;border-radius:18px!important;background:#123e33!important;box-shadow:0 10px 28px #073e3212!important}
.official-gallery img,.official-gallery:first-child img,.official-gallery:nth-child(2) img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;background:transparent!important;margin:0!important;transition:transform .35s ease!important}
.official-gallery.facade img{object-position:center 23%!important}
.official-gallery:after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,transparent 42%,#052b2460 72%,#052b24e8 100%)!important;pointer-events:none}
.official-gallery .gallery-caption{position:absolute!important;left:20px!important;right:20px!important;bottom:17px!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:white!important;box-shadow:none!important;transform:none!important;max-width:none!important}
.official-gallery .gallery-caption strong{font-size:16px;font-weight:750;line-height:1.7}
.official-gallery .gallery-caption small{font-size:10px;color:#dfede5!important;white-space:nowrap}
.gallery-zoom{position:absolute;z-index:2;top:13px;left:13px;width:32px;height:32px;display:grid;place-items:center;background:#ffffffdc;color:#0d4234;border-radius:50%;font-size:19px;line-height:1}
.official-gallery:hover img{transform:scale(1.025)}
.project-section .media-card{overflow:hidden!important;border:0!important}
.project-section .media-card img{width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important;border-radius:inherit}
@media(max-width:760px){.gallery-grid{gap:14px!important}.official-gallery{aspect-ratio:4/3!important;border-radius:16px!important}.official-gallery .gallery-caption{left:15px!important;right:15px!important;bottom:13px!important}.official-gallery .gallery-caption strong{font-size:14px}.official-gallery .gallery-caption small{font-size:9px}.gallery-section .section-heading{margin-bottom:20px!important}.project-section .media-card img{aspect-ratio:4/3!important}}

/* Identity, price, title, location, video — same visual and reading order. */
.hero-grid{align-items:start!important;gap:40px!important}
.hero-identity{order:0!important;grid-template-columns:40px minmax(0,1fr) 40px!important;min-height:56px!important;padding:8px 12px!important;border:1px solid #ffffff26!important;background:#ffffff08!important}
.identity-person,.identity-logo{width:38px!important;height:38px!important}
.identity-copy small{font-size:10px!important;line-height:1.55!important;color:#bcd5c9!important}
.identity-copy strong{font-size:14px!important;line-height:1.55!important}
.investment-hook{order:1!important}
.hero-kicker{order:2!important}
.hero-title-wrap{order:3!important}
.hero-location{order:4!important}
.hero-video.project-film{order:5!important}
.lead-card{align-self:start!important;margin:0!important;top:auto!important}
.hero-title-wrap{width:100%!important}
.hero h1,#hero-title{text-wrap:balance!important}
.header-inner{gap:20px!important}
.gallery-item:focus-visible{outline:3px solid #c5a15a!important;outline-offset:4px!important}
@media(max-width:980px) and (min-width:761px){
 .hero-grid{gap:24px!important}
 .hero h1,#hero-title{font-size:36px!important}
 .investment-hook small{font-size:14px!important}
 .investment-hook>a{font-size:10px!important;padding:10px!important}
 .lead-card{padding:24px!important}
 .form-heading h2{font-size:20px!important}
}
@media(max-width:760px){
 .hero-content{gap:9px!important}
 .hero-identity{grid-template-columns:34px minmax(0,1fr) 34px!important;min-height:48px!important;padding:6px 9px!important}
 .identity-person,.identity-logo{width:33px!important;height:33px!important}
 .identity-copy small{font-size:9px!important}
 .identity-copy strong{font-size:12px!important}
 .hero-grid{gap:22px!important}
 .hero h1,#hero-title{font-size:clamp(26px,7.7vw,35px)!important}
 .lead-card{align-self:auto!important}
 .header-inner{gap:9px!important}
 .brand-copy{min-width:0!important}
}
@media(max-width:360px){.identity-copy strong{font-size:11px!important}.identity-copy small{font-size:8px!important}.hero-content{gap:7px!important}}

@media(max-width:360px){body{min-width:0!important}.container{max-width:calc(100% - 28px)!important}}

/* One reserved space for the mobile action; no stacked blank padding. */
html,body{margin-bottom:0!important}
body{padding-bottom:0!important}
main{padding-bottom:0!important;margin-bottom:0!important}
.section{padding-block:72px!important}
.final-cta{padding:0 0 24px!important;margin:0!important}
.final-card{padding:24px 28px!important;gap:20px!important}
.final-card h2{font-size:26px!important;line-height:1.65!important;margin-bottom:8px!important}
.final-card p{font-size:13px!important}
.site-footer{padding:24px 0 16px!important;margin:0!important;border-top-width:2px!important}
.footer-layout{gap:20px!important}
.footer-brand{gap:12px!important}
.footer-brand strong{font-size:15px!important}
.footer-brand p{font-size:12px!important;line-height:1.9!important;margin:3px 0 0!important;max-width:470px}
.footer-logo{width:54px!important;height:54px!important;flex-basis:54px!important}
.footer-contact{line-height:1.7!important}
.footer-contact span{font-size:11px!important}
.footer-contact strong{font-size:15px!important}
.footer-bottom{margin-top:14px!important;padding-top:10px!important;gap:8px!important;font-size:10px!important;line-height:1.8!important}
@media(max-width:760px){
 .section{padding-block:36px!important}
 .section-heading{margin-bottom:22px!important}
 .section h2{margin-bottom:10px!important}
 .final-cta{padding:0 0 20px!important}
 .final-card{padding:20px!important;gap:15px!important}
 .final-card h2{font-size:22px!important;line-height:1.6!important}
 .final-card p{font-size:12px!important}
 .final-card .button{min-height:44px!important}
 .site-footer{padding:20px 0 calc(68px + env(safe-area-inset-bottom,0px))!important}
 .footer-layout{gap:14px!important}
 .footer-brand{gap:11px!important;align-items:center!important}
 .footer-brand strong{font-size:13px!important;line-height:1.7!important}
 .footer-brand p{font-size:11px!important;line-height:1.9!important}
 .footer-logo{width:48px!important;height:48px!important;flex-basis:48px!important}
 .footer-contact{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
 .footer-contact span{font-size:11px!important}
 .footer-contact strong{font-size:14px!important}
 .footer-bottom{gap:6px!important;margin-top:12px!important;padding-top:10px!important;font-size:9px!important}
}

.builder-projects{margin:0 0 22px}
.builder-projects h3{font-size:14px;font-weight:750;color:#154b38;margin:0 0 12px;line-height:1.9}
.builder-projects ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}
.builder-projects li{display:flex;align-items:center;gap:8px;padding:11px 12px;background:#f1f7f2;border:1px solid #dce9df;border-radius:10px;color:#285541;font-size:12px;line-height:1.8}
.builder-projects li:before{content:"";width:6px;height:6px;flex:0 0 6px;background:#198363;border-radius:50%}
@media(max-width:760px){.builder-projects{margin-bottom:18px}.builder-projects h3{font-size:12px;margin-bottom:9px}.builder-projects ul{gap:7px}.builder-projects li{font-size:11px;padding:9px 10px;gap:6px}}
@media(max-width:360px){.builder-projects li{font-size:10px;padding:8px;gap:5px}.builder-projects h3{font-size:11px}}