:root{--dark:#0b0d10;--navy:#092d48;--gold:#edbd60;--golddeep:#c98b22;--ink:#17202a;--muted:#5c626a;--cream:#faf8f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5}a{color:inherit}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{background:#090b0d;color:white;position:relative;z-index:5;border-bottom:1px solid #8b691f}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:94px}.brand{width:250px;flex-shrink:0;display:block}.brand img{width:100%;height:80px;object-fit:contain;object-position:left center}.main-nav{display:flex;gap:31px;align-items:center}.main-nav a{font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.main-nav a:hover,.main-nav a:focus-visible,.main-nav .active{color:var(--gold)}.menu-toggle{display:none}.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;padding:13px 20px;font-weight:800;font-size:14px;line-height:1.15;text-align:center;min-height:46px;border:1px solid transparent;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn-gold{background:linear-gradient(135deg,#ffdc83,#dfa83f);color:#121212}.btn-outline{color:white;border-color:var(--gold);background:rgba(0,0,0,.5)}.btn-outline:hover{background:#323031}.header-whatsapp{font-size:13px;white-space:nowrap}.hero{background:radial-gradient(ellipse at 74% 48%,#776047 0%,#23242a 41%,#08090b 80%);color:white;position:relative;overflow:hidden}.hero-glow{position:absolute;inset:0;background:linear-gradient(90deg,#08090bd9 0%,#08090b69 56%,transparent 100%);pointer-events:none}.hero-content{position:relative;min-height:440px;display:grid;grid-template-columns:55% 45%;align-items:stretch}.hero-copy{position:relative;z-index:2;align-self:center;padding:38px 0 44px;max-width:600px}.eyebrow{font-size:12px;letter-spacing:2.1px;font-weight:700;color:var(--gold);margin:0 0 14px}.hero h1{font-size:clamp(31px,4.3vw,57px);line-height:1.09;letter-spacing:-1.8px;margin:0 0 18px;font-weight:900}.hero h1 span{display:block;color:var(--gold)}.hero-copy>p:not(.eyebrow){max-width:540px;font-size:17px;margin:0 0 26px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.hero-portrait{align-self:stretch;position:relative;overflow:hidden;min-height:440px}.hero-portrait:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#25201bcf 0%,transparent 24%)}.hero-portrait img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 26%;filter:saturate(.91)}.gold-strip{background:linear-gradient(90deg,#e8a83b,#ffce70,#dca037);color:#131313;text-align:center;padding:13px 20px;font-weight:800;letter-spacing:.2px;font-size:15px}.section{padding:24px 0}.benefits-section{padding-bottom:12px}.benefits-panel{background:#f4f1eb;border-radius:8px;display:grid;grid-template-columns:31% 69%;padding:23px;align-items:center}.benefits-title{display:flex;align-items:center;gap:18px;border-right:1px solid #d9d0c0;padding:8px 16px 8px 5px}.benefits-title h2{font-size:21px;line-height:1.18;margin:0}.target-icon{font-size:79px;line-height:1;color:#c58b24}.tick-list{padding:0;list-style:none;margin:0}.tick-list li{position:relative;padding-left:27px;margin:0 0 12px;line-height:1.35}.tick-list li:before{content:'✓';position:absolute;left:0;top:-1px;border-radius:50%;background:#f6ba50;color:#151515;font-size:13px;font-weight:900;width:20px;height:20px;text-align:center;line-height:20px}.columns-two{padding:0 10px 0 27px;display:grid;grid-template-columns:1fr 1fr;column-gap:23px;font-size:14px}.section-heading{text-align:center;font-size:25px;margin:0 0 25px;color:#17191c;letter-spacing:-.4px}.section-heading:after{content:"";display:block;width:65px;height:4px;background:var(--golddeep);margin:7px auto 0}.services-section{padding-top:5px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{border:1px solid #e1e1e1;border-radius:7px;overflow:hidden;position:relative;background:#fff;box-shadow:0 4px 12px #00000008}.service-card>img{height:138px;object-fit:cover;width:100%}.service-icon{height:61px;width:61px;position:absolute;top:108px;left:50%;transform:translateX(-50%);background:linear-gradient(145deg,#ffdb85,#e8a82e);color:#191919;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:39px;font-weight:700;box-shadow:0 4px 9px #0002}.service-card h3{background:#092f4e;color:white;text-align:center;font-size:15px;margin:0;padding:39px 10px 12px;min-height:88px;display:flex;align-items:flex-end;justify-content:center}.service-body{padding:16px 16px 20px;font-size:13px}.service-body p{text-align:center;margin:0 0 17px;min-height:42px}.service-body .tick-list li{padding-left:24px;margin-bottom:13px}.service-body .tick-list li:before{width:17px;height:17px;line-height:17px;font-size:11px;top:0}.cta-band{background:linear-gradient(115deg,#050607,#1e1b13 76%,#4e3514);border-block:2px solid #b8872d;color:white;padding:21px 0;margin-top:9px}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-heading{display:flex;align-items:center;gap:20px}.cta-symbol{font-size:58px;color:var(--gold)}.cta-heading h2{margin:0 0 6px;color:var(--gold);font-size:21px;line-height:1.25}.cta-heading p{margin:0;font-size:15px}.cta-actions{display:flex;gap:10px;flex-shrink:0}.lower-sections{background:#fff}.mission{display:flex;align-items:center;gap:25px;background:#f6f2ea;padding:24px;border-radius:8px;margin:0 0 14px}.compass{width:170px;flex-shrink:0;align-self:stretch;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:77px;background:radial-gradient(circle,#e6c98d,#533d20);color:#ffeb9d}.mission h2,.disclaimer h2{font-size:17px;margin:0 0 6px}.mission p,.disclaimer p{font-size:14px;margin:0}.disclaimer{display:flex;gap:18px;background:#f7f1e7;border-radius:8px;padding:20px 22px;border:1px solid #ebdfca}.disclaimer p{margin-bottom:10px}.disclaimer p:last-child{margin-bottom:0}.shield{font-size:52px;color:#bf8828;line-height:1}.site-footer{background:linear-gradient(120deg,#090c0d,#161a1c);color:white;padding-top:22px}.site-footer h2{font-size:22px;margin:0 0 18px}.footer-grid{display:grid;grid-template-columns:1fr 1.45fr 1fr 1.2fr;gap:25px;padding-bottom:25px}.footer-cell{border-right:1px solid #82662e;padding-right:17px;font-size:14px}.footer-cell:last-child{border:0}.footer-cell h3{font-size:14px;margin:0 0 5px;color:var(--gold)}.footer-cell .subheading{margin-top:18px}.footer-cell a{text-decoration:none;overflow-wrap:anywhere}.footer-cell a:hover,.text-link{text-decoration:underline!important}.footer-cell address{font-style:normal}.footer-cell p{margin:0}.share-button{border:1px solid var(--gold);color:#151515;background:var(--gold);padding:8px 12px;border-radius:5px;font-weight:700;cursor:pointer;margin-top:7px}.footer-bottom{border-top:1px solid #8f6c33;padding:14px 0;font-size:12px}.bottom-inner{display:flex;justify-content:space-between;gap:12px}#shareStatus{display:block;margin-top:7px;font-size:12px;color:#f7d18a}@media(max-width:1050px){.header-inner{gap:15px}.brand{width:190px}.main-nav{gap:14px}.main-nav a{font-size:11px}.service-grid{grid-template-columns:repeat(2,1fr)}.cta-inner{align-items:flex-start;flex-direction:column}.cta-actions{align-self:flex-start}}@media(max-width:720px){.container{width:min(100% - 30px,560px)}.header-inner{min-height:72px;flex-wrap:wrap}.brand{width:180px}.brand img{height:65px}.menu-toggle{display:block;background:#121212;border:1px solid #9a792e;color:white;font-size:24px;padding:6px 12px;border-radius:4px;margin-left:auto;cursor:pointer}.header-whatsapp{display:none}.main-nav{display:none;order:3;width:100%;padding:5px 0 18px;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav a{padding:11px 0;border-bottom:1px solid #333;font-size:13px}.hero-content{display:flex;flex-direction:column-reverse;min-height:0}.hero-portrait{height:310px;min-height:310px;margin-inline:-15px}.hero-portrait img{object-position:center 31%}.hero-portrait:before{background:linear-gradient(0deg,#0b0b0b 0%,transparent 40%)}.hero-copy{padding:17px 0 29px}.hero h1{font-size:clamp(31px,9vw,45px)}.hero-copy>p:not(.eyebrow){font-size:15px}.gold-strip{font-size:12px;padding:13px 15px}.benefits-panel{grid-template-columns:1fr;padding:19px}.benefits-title{border-right:0;border-bottom:1px solid #d9d0c0;padding:0 0 15px}.target-icon{font-size:58px}.benefits-title h2{font-size:19px}.columns-two{grid-template-columns:1fr;padding:18px 0 0}.service-grid{grid-template-columns:1fr}.service-card>img{height:190px}.service-icon{top:160px}.service-card h3{min-height:86px}.service-body p{min-height:0}.cta-heading{gap:10px}.cta-symbol{font-size:41px}.cta-heading h2{font-size:18px}.cta-actions{width:100%;flex-wrap:wrap}.cta-actions .btn{flex:1 1 150px}.mission{align-items:flex-start;gap:14px;padding:16px}.compass{width:75px;font-size:40px;min-height:95px}.disclaimer{gap:9px;padding:14px}.shield{font-size:31px}.disclaimer p{font-size:12px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-cell:nth-child(2){border-right:0}.bottom-inner{flex-direction:column}.section{padding:19px 0}}@media(max-width:420px){.button-row .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-cell{border:0;border-bottom:1px solid #544831;padding:0 0 14px}.footer-cell:last-child{border:0}.hero-portrait{height:270px;min-height:270px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Masthead refinement: warmer, balanced composition matching the approved wireframe. */
.hero{background:#161512 url("assets/hero-skyline.jpg") center center / cover no-repeat;}
.hero-glow{background:linear-gradient(90deg,rgba(3,5,8,.97) 0%,rgba(6,7,9,.90) 31%,rgba(13,11,10,.53) 55%,rgba(25,19,15,.10) 100%);}
.hero-content{min-height:360px;grid-template-columns:56% 44%;}
.hero-copy{padding:23px 0 30px;max-width:540px;}
.hero h1{font-size:clamp(32px,4vw,53px);line-height:1.04;margin-bottom:13px;}
.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.33;margin-bottom:18px;max-width:470px;}
.hero-portrait{min-height:360px;overflow:visible;}
.hero-portrait img{height:100%;width:74%;right:-24px;left:auto;object-fit:cover;object-position:center 21%;filter:saturate(.99);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%);}
.hero-portrait:before{display:none;}
.hero-handwriting{position:absolute;top:35px;left:-46px;z-index:2;display:flex;flex-direction:column;transform:rotate(-8deg);color:#1b1410;text-shadow:0 1px 2px rgba(255,227,181,.75);font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-style:italic;font-size:clamp(15px,2vw,25px);line-height:1.22;pointer-events:none;}
.hero-handwriting:after{content:"";width:80%;height:3px;background:#e3a128;transform:rotate(-7deg);margin-top:8px;align-self:flex-end;}
@media(max-width:720px){.hero{background-position:61% center;}.hero-glow{background:linear-gradient(0deg,#070809 0%,rgba(10,9,9,.80) 40%,rgba(30,23,20,.15) 100%);}.hero-content{min-height:0;}.hero-portrait{height:290px;min-height:290px;overflow:hidden;}.hero-portrait img{right:0;width:60%;object-position:center 21%;}.hero-handwriting{left:5%;top:40px;font-size:clamp(17px,4vw,24px);color:#fff1d4;text-shadow:0 2px 5px #000;}.hero-copy{padding:17px 0 29px;}.hero h1{font-size:clamp(31px,9vw,45px);}}
@media(max-width:420px){.hero-portrait{height:250px;min-height:250px;}.hero-handwriting{top:38px;left:4%;font-size:16px;}.hero-portrait img{width:64%;}}

/* Approved wireframe fidelity refinements — hero and benefit icon only. */
@media(min-width:721px){
  .hero{background-color:#18130e;background-image:url("assets/hero-skyline.jpg");background-size:cover;background-position:center 46%;}
  .hero-glow{background:linear-gradient(90deg,rgba(3,5,7,.98) 0%,rgba(5,6,8,.88) 29%,rgba(10,9,9,.56) 49%,rgba(29,20,13,.04) 82%);}
  .hero-content{grid-template-columns:53% 47%;min-height:348px;}
  .hero-copy{padding:20px 0 27px;max-width:545px;}
  .hero-copy .eyebrow{display:none;}
  .hero h1{font-size:clamp(30px,3.75vw,51px);line-height:1.04;letter-spacing:-1.15px;margin-bottom:11px;}
  .hero-copy>p:not(.eyebrow){max-width:452px;font-size:15px;margin-bottom:15px;}
  .hero-portrait{min-height:348px;overflow:visible;}
  .hero-portrait img{position:absolute;right:-10px;bottom:0;top:auto;width:77%;height:110%;object-fit:cover;object-position:center 20%;filter:saturate(1.03) contrast(1.02);-webkit-mask-image:radial-gradient(ellipse 71% 74% at 54% 42%,#000 44%,rgba(0,0,0,.91) 60%,transparent 100%);mask-image:radial-gradient(ellipse 71% 74% at 54% 42%,#000 44%,rgba(0,0,0,.91) 60%,transparent 100%);}
  .hero-handwriting{left:-35px;top:43px;z-index:3;color:#fff4d9;text-shadow:0 2px 7px rgba(0,0,0,.84),0 0 2px #291b10;font-size:clamp(17px,1.9vw,24px);transform:rotate(-8deg);line-height:1.12;}
  .hero-handwriting:after{background:#e9a52b;height:3px;}
}
.target-icon{display:flex;align-items:center;justify-content:center;width:88px;height:88px;flex-shrink:0;font-size:inherit;}
.target-icon svg{width:100%;height:100%;stroke:#bd8423;stroke-width:3.5;}
@media(max-width:720px){
  .hero{background-position:64% center;}
  .hero-portrait img{width:77%;right:-9%;height:112%;bottom:0;top:auto;object-position:center 18%;-webkit-mask-image:radial-gradient(ellipse 78% 78% at 55% 45%,black 43%,transparent 100%);mask-image:radial-gradient(ellipse 78% 78% at 55% 45%,black 43%,transparent 100%);}
  .hero-handwriting{left:3%;top:44px;color:#fff4de;text-shadow:0 2px 6px rgba(0,0,0,.95);z-index:3;}
  .target-icon{width:66px;height:66px;}
}


/* APPROVED WIREFRAME HERO: exact desktop artwork, with only WhatsApp as a live overlay.
   All previous hero CSS is intentionally overridden here; other sections remain unchanged. */
.hero-visual-master{position:relative;background:#0c0c0e;overflow:hidden;}
.hero-desktop{display:block;position:relative;width:100%;aspect-ratio:847 / 240;isolation:isolate;}
.hero-master-image{width:100%;height:100%;display:block;object-fit:fill;}
/* Hide the two static CTA graphics baked into the supplied visual master. */
.hero-cta-mask{position:absolute;z-index:1;bottom:0;left:0;width:57%;height:25%;pointer-events:none;background:linear-gradient(90deg,#101011 0%,#131313 40%,#201b17 78%,rgba(30,25,20,0) 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 19%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 19%,#000 100%);}
.hero-master-whatsapp{position:absolute;z-index:2;left:5.1%;bottom:4.8%;height:15.9%;min-height:35px;padding:0 2.1%;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#121314;background:linear-gradient(180deg,#ffe39c,#ecaf3d);border:1px solid #fbd17a;border-radius:5px;box-shadow:0 2px 7px #0006;text-decoration:none;font-weight:800;font-size:clamp(12px,1.28vw,19px);letter-spacing:.01em;line-height:1;white-space:nowrap;}
.hero-master-whatsapp:hover,.hero-master-whatsapp:focus-visible{background:#ffda83;outline:2px solid #fff4d6;outline-offset:2px;}
.hero-master-whatsapp svg{width:clamp(16px,1.8vw,24px);height:clamp(16px,1.8vw,24px);flex-shrink:0;}
.hero-accessible-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.hero-mobile{display:none;}
@media(max-width:720px){
 .hero-desktop{display:none;}
 .hero-mobile{display:block;position:relative;}
 .hero-mobile .hero-content{display:flex;flex-direction:column-reverse;min-height:0;}
 .hero-mobile .hero-portrait{height:285px;min-height:285px;overflow:hidden;}
 .hero-mobile .hero-portrait img{width:72%;right:-5%;height:109%;object-fit:cover;object-position:center 18%;-webkit-mask-image:radial-gradient(ellipse 80% 86% at 56% 44%,#000 52%,transparent 100%);mask-image:radial-gradient(ellipse 80% 86% at 56% 44%,#000 52%,transparent 100%);}
 .hero-mobile .hero-copy{padding:18px 0 28px;}
 .hero-mobile .hero-copy h1{font-size:clamp(31px,8vw,44px);}
 .hero-mobile .hero-handwriting{left:4%;top:48px;color:#fff3d6;text-shadow:0 2px 6px #000;}
 .hero-mobile .hero-mobile-whatsapp{width:max-content;min-width:175px;text-align:center;}
}
@media(max-width:420px){
 .hero-mobile .hero-portrait{height:260px;min-height:260px;}
 .hero-mobile .hero-handwriting{left:3%;top:40px;font-size:clamp(16px,4vw,21px);}
 .hero-mobile .hero-mobile-whatsapp{width:100%;}
}


/* Approved CTA / Mission / Disclaimer artwork refinements. */
.cta-symbol{display:flex;align-items:center;justify-content:center;width:62px;height:70px;flex:0 0 62px;font-size:0;color:#f1bb57;}
.cta-symbol svg{display:block;width:52px;height:70px;stroke:currentColor;}
.mission img.compass{display:block;width:170px;height:96px;flex:0 0 170px;align-self:center;object-fit:cover;object-position:center;border-radius:5px;background:none;}
.shield{display:flex;align-items:flex-start;justify-content:center;width:61px;flex:0 0 61px;font-size:0;color:#cb9336;line-height:1;}
.shield svg{display:block;width:58px;height:67px;stroke:currentColor;}
@media(max-width:720px){
 .cta-symbol{width:44px;height:54px;flex-basis:44px;}
 .cta-symbol svg{width:42px;height:54px;}
 .mission img.compass{width:95px;height:78px;flex-basis:95px;}
 .shield{width:40px;flex-basis:40px;}
 .shield svg{width:38px;height:44px;}
}