:root{
  --bg:#080b0d; --bg2:#0d1114; --panel:#111619; --text:#f7f8f8; --muted:#b9c0c3;
  --line:rgba(255,255,255,.12); --lime:#a8f12e; --teal:#18bfc1; --max:1680px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:96px;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:340px 1fr auto;align-items:center;padding:0 3.2vw;background:rgba(6,9,11,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand img{display:block;width:min(320px,22vw);height:auto}.desktop-nav{display:flex;justify-content:center;gap:2vw;font-size:14px}.desktop-nav a{color:#eef0f1;transition:.2s}.desktop-nav a:hover{color:var(--lime)}.header-actions{display:flex;align-items:center;gap:24px}.lang-switch{display:flex;align-items:center;gap:9px;font-size:13px}.lang{background:none;border:0;padding:5px 0;color:#fff;cursor:pointer}.lang.active{color:var(--lime)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 25px;border-radius:4px;font-size:13px;font-weight:750;letter-spacing:.03em;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--lime);color:#071006}.btn-outline{border:1px solid var(--lime);color:var(--lime)}.btn-ghost{border:1px solid rgba(255,255,255,.7);color:#fff;background:rgba(0,0,0,.12)}.menu-toggle{display:none;background:none;border:0;width:38px;height:38px}.menu-toggle span{display:block;width:24px;height:1px;background:#fff;margin:7px auto}.mobile-menu{display:none}
.hero{min-height:690px;height:calc(100vh - 96px);max-height:930px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,9,.91) 0%,rgba(4,7,9,.72) 35%,rgba(4,7,9,.08) 73%,rgba(4,7,9,.38) 100%),linear-gradient(0deg,rgba(4,7,9,.38),transparent 44%)}.hero-content{position:relative;z-index:2;width:min(760px,55vw);padding:7.2vh 0 0 3.5vw}.eyebrow{font-size:14px;letter-spacing:.38em;color:#e7e9e9;margin:0 0 20px}.eyebrow:before{content:"";display:inline-block;width:38px;height:2px;background:var(--lime);vertical-align:middle;margin-right:20px}.hero h1{font-size:clamp(52px,5vw,88px);line-height:.98;margin:0 0 24px;letter-spacing:-.045em}.hero-lead{font-size:clamp(19px,1.4vw,26px);max-width:700px;color:#eef0f0;margin:0 0 34px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.location-line{margin-top:24px;color:#e4e8e8;display:flex;gap:10px;align-items:center;font-size:15px}.location-line svg{width:20px;fill:#fff}.hero-tags{position:absolute;z-index:2;right:3.5vw;bottom:52px;display:flex;flex-direction:column;gap:4px;font-size:12px;letter-spacing:.25em;color:#d7dedf}.hero-tags:after{content:"";width:32px;height:2px;background:var(--lime);margin-top:12px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--max);margin:0 auto}.service-card{position:relative;min-height:410px;overflow:hidden;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.service-card:first-child{border-left:1px solid var(--line)}.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.service-card:hover img{transform:scale(1.035)}.service-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.7) 48%,rgba(5,8,9,.08) 100%)}.service-copy{position:absolute;z-index:2;left:30px;right:28px;bottom:26px}.service-icon{font-size:30px;margin-bottom:10px}.service-copy h2{font-size:21px;margin:0 0 10px}.service-copy p{color:#e2e6e7;margin:0 0 20px;font-size:15px;min-height:68px}.service-copy a{font-size:12px;font-weight:800;color:var(--lime);letter-spacing:.04em}.proof-strip{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-strip article{padding:42px 34px;min-height:210px;border-right:1px solid var(--line)}.proof-strip article:last-child{border-right:0}.proof-mark{font-size:32px;color:var(--lime)}.proof-strip h3{font-size:17px;text-transform:uppercase;margin:12px 0 7px}.proof-strip p{color:var(--muted);margin:0;font-size:14px}.positioning{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.65fr 1.15fr 1fr;gap:6vw;padding:110px 4vw;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 15% 15%,rgba(24,191,193,.07),transparent 30%)}.positioning-kicker{font-size:12px;letter-spacing:.3em;color:var(--lime)}.positioning h2{font-size:clamp(38px,3vw,58px);line-height:1.03;margin:0;letter-spacing:-.035em}.positioning p{font-size:17px;color:#c7cdcf;margin:0 0 20px}.contact{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.5fr .8fr;gap:8vw;padding:100px 4vw;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(115deg,#0b1113,#07090a 60%)}.contact h2{font-size:clamp(40px,4vw,70px);line-height:1.02;max-width:900px;margin:0 0 25px}.contact-copy>p:not(.eyebrow){max-width:760px;font-size:18px;color:#c7cdcf}.contact-copy .btn{margin-top:15px}.contact-panel{align-self:end;border-left:1px solid var(--line);padding-left:36px}.contact-panel span{display:block;font-size:11px;letter-spacing:.25em;color:var(--lime);margin-bottom:14px}.contact-panel a{font-size:24px;font-weight:700}.contact-panel p{color:#aab3b5;margin:8px 0}footer{max-width:var(--max);margin:auto;padding:48px 4vw 34px;display:grid;grid-template-columns:1fr auto;gap:28px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.footer-brand img{width:240px;height:auto;display:block;object-fit:contain}.footer-brand p{font-size:10px;letter-spacing:.16em;color:#919b9e}.footer-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-end;color:#bcc3c5;font-size:13px}.footer-links a:hover{color:var(--lime)}.copyright{grid-column:1/-1;margin:0;color:#6f7b7f;font-size:12px;border-top:1px solid var(--line);padding-top:22px}
@media(max-width:1180px){.site-header{grid-template-columns:270px 1fr auto}.desktop-nav{display:none}.menu-toggle{display:block}.header-cta{display:none}.mobile-menu{position:fixed;z-index:49;top:78px;left:0;right:0;background:#090d0f;padding:24px 6vw 34px;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.mobile-menu.open{display:flex}.mobile-menu a{font-size:20px}.site-header{height:78px}.brand img{width:250px}.hero{height:800px;max-height:none}.hero-content{width:min(760px,78vw);padding-top:90px}.service-grid{grid-template-columns:repeat(2,1fr)}.proof-strip{grid-template-columns:repeat(2,1fr)}.positioning{grid-template-columns:1fr 1.7fr}.positioning>div:last-child{grid-column:2}.contact{grid-template-columns:1fr}.contact-panel{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}}
@media(max-width:700px){.site-header{padding:0 18px}.brand img{width:205px}.header-actions{gap:14px}.lang-switch{font-size:12px}.hero{height:790px;min-height:0}.hero-media{object-position:62% center}.hero-shade{background:linear-gradient(0deg,rgba(4,7,9,.95) 0%,rgba(4,7,9,.8) 48%,rgba(4,7,9,.18) 78%),linear-gradient(90deg,rgba(4,7,9,.55),transparent)}.hero-content{width:auto;padding:50px 20px 0}.eyebrow{font-size:11px;letter-spacing:.27em}.eyebrow:before{width:26px;margin-right:12px}.hero h1{font-size:45px;line-height:1.02}.hero-lead{font-size:18px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{width:100%}.location-line{font-size:13px;align-items:flex-start}.hero-tags{display:none}.service-grid{grid-template-columns:1fr}.service-card{min-height:470px;border-left:1px solid var(--line)}.service-copy{left:22px}.proof-strip{grid-template-columns:1fr}.proof-strip article{border-right:0;border-bottom:1px solid var(--line);padding:30px 22px;min-height:0}.proof-strip article:last-child{border-bottom:0}.positioning{grid-template-columns:1fr;padding:75px 22px;gap:25px}.positioning>div:last-child{grid-column:auto}.contact{padding:75px 22px}.contact-panel a{font-size:20px}.footer-brand img{width:210px}footer{grid-template-columns:1fr;padding:38px 22px}.footer-links{justify-content:flex-start}.copyright{grid-column:auto}}

/* v2 — dedicated content pages */
.desktop-nav a.active{color:var(--lime)}
.page-hero{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.86fr 1.14fr;min-height:650px;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#080b0d}.page-hero-copy{padding:105px 5vw 80px 4vw;align-self:center}.page-hero h1,.contact-page h1,.legal-page h1{font-size:clamp(54px,5vw,88px);line-height:.98;letter-spacing:-.045em;margin:0 0 28px}.page-lead{font-size:clamp(19px,1.45vw,25px);color:#c9d0d2;max-width:760px;margin:0 0 36px}.page-hero-image{min-height:650px;position:relative;overflow:hidden}.page-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b0d 0%,transparent 18%)}.page-hero-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.editorial{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.55fr 1.12fr 1fr;gap:5vw;padding:105px 4vw;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.editorial-kicker{font-size:11px;letter-spacing:.28em;color:var(--lime)}.editorial h2{font-size:clamp(38px,3.3vw,60px);line-height:1.02;letter-spacing:-.04em;margin:0}.editorial p,.split-copy p{font-size:17px;color:#c3cbcd;margin:0 0 20px}.detail-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-grid article{padding:48px 32px 52px;border-right:1px solid var(--line);min-height:300px}.detail-grid article:last-child{border-right:0}.detail-num{font-size:12px;letter-spacing:.18em;color:var(--lime)}.detail-grid h3{font-size:24px;line-height:1.1;margin:45px 0 14px}.detail-grid p{color:#aeb8bb;font-size:15px;margin:0}.split-feature{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.08fr .92fr;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:630px}.split-feature.reverse>div:first-child{order:2}.split-feature>div:first-child{position:relative;min-height:590px;overflow:hidden}.split-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.split-copy{padding:80px 5vw;align-self:center}.split-copy h2{font-size:clamp(38px,3.3vw,62px);line-height:1.03;letter-spacing:-.04em;margin:0 0 28px}.page-cta{max-width:var(--max);margin:auto;text-align:center;padding:105px 7vw;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 25%,rgba(168,241,46,.09),transparent 34%),#080b0d}.page-cta .eyebrow:before{display:none}.page-cta h2{font-size:clamp(42px,4vw,70px);line-height:1;letter-spacing:-.04em;max-width:1000px;margin:0 auto 25px}.page-cta>p:not(.eyebrow){font-size:18px;color:#bac3c5;max-width:780px;margin:0 auto 32px}.contact-page{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;padding:105px 4vw;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:760px}.direct-card{margin-top:65px;border-top:1px solid var(--line);padding-top:30px}.direct-card span{font-size:11px;letter-spacing:.25em;color:var(--lime);display:block;margin-bottom:12px}.direct-card a{font-size:clamp(23px,2vw,34px);font-weight:750}.direct-card p{color:#9da8ab;margin:8px 0}.project-form{background:#0d1215;border:1px solid var(--line);padding:42px;align-self:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid label{display:flex;flex-direction:column;gap:8px}.form-grid label.full{grid-column:1/-1}.form-grid label span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#bfc7c9}.project-form input,.project-form select,.project-form textarea{width:100%;background:#080b0d;border:1px solid rgba(255,255,255,.18);color:#fff;padding:14px 15px;border-radius:3px;font:inherit;outline:none}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:var(--lime)}.project-form option{background:#0d1114}.form-note{font-size:12px;color:#7f8b8f;margin:20px 0 25px}.legal-page{max-width:1100px;min-height:650px;margin:auto;padding:100px 4vw}.legal-box{margin-top:50px;padding:36px;border:1px solid var(--line);background:#0d1215}.legal-box h2{font-size:28px}.legal-box p{color:#bbc4c6;font-size:17px}
@media(max-width:1180px){.page-hero{grid-template-columns:1fr;min-height:0}.page-hero-copy{padding:75px 6vw 55px}.page-hero-image{min-height:520px}.page-hero-image:after{background:linear-gradient(0deg,#080b0d 0%,transparent 16%)}.editorial{grid-template-columns:1fr 1.7fr}.editorial>div:last-child{grid-column:2}.detail-grid{grid-template-columns:repeat(2,1fr)}.split-feature{grid-template-columns:1fr}.split-feature.reverse>div:first-child{order:0}.contact-page{grid-template-columns:1fr}.project-form{max-width:900px}}
@media(max-width:700px){.page-hero-copy{padding:58px 22px 48px}.page-hero h1,.contact-page h1,.legal-page h1{font-size:47px}.page-hero-image{min-height:430px}.editorial{grid-template-columns:1fr;padding:70px 22px;gap:24px}.editorial>div:last-child{grid-column:auto}.detail-grid{grid-template-columns:1fr}.detail-grid article{min-height:0;padding:36px 22px}.detail-grid h3{margin-top:24px}.split-feature>div:first-child{min-height:430px}.split-copy{padding:65px 22px}.page-cta{padding:78px 22px}.contact-page{padding:65px 22px}.project-form{padding:24px 18px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.legal-page{padding:70px 22px}}

/* v8 production form + legal polish */
.form-honeypot{position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;height:1px!important;width:1px!important;margin:-1px!important;padding:0!important;border:0!important}
.project-form input[type=file]{padding:11px 12px;color:#aeb8bb}
.project-form input[type=file]::file-selector-button{background:#172024;color:#fff;border:1px solid rgba(255,255,255,.18);padding:9px 12px;margin-right:12px;border-radius:3px;cursor:pointer}
.privacy-check{display:grid!important;grid-template-columns:20px 1fr;align-items:start;gap:11px!important;text-transform:none!important}.privacy-check input{width:18px!important;height:18px;margin:2px 0 0;padding:0}.privacy-check span{text-transform:none!important;letter-spacing:0!important;line-height:1.45;color:#aeb8bb!important}.form-upload-note{font-size:12px;color:#98a3a6;margin:20px 0 0}.form-privacy-link{display:inline-block;color:var(--lime);font-size:12px;margin:0 0 22px;text-decoration:underline;text-underline-offset:4px}.legal-sections{display:grid;gap:34px}.legal-sections section{padding-bottom:30px;border-bottom:1px solid var(--line)}.legal-sections section:last-child{border-bottom:0;padding-bottom:0}.legal-sections h2{margin:0 0 13px}.legal-sections p{margin:0 0 12px}.legal-sections a{color:var(--lime)}.legal-warning{border:1px solid rgba(168,241,46,.22)!important;background:rgba(168,241,46,.035);padding:24px!important}.thank-you-page{max-width:var(--max);min-height:680px;margin:auto;padding:120px 4vw;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.thank-you-page h1{font-size:clamp(54px,5vw,88px);line-height:.98;letter-spacing:-.045em;margin:0 0 28px;max-width:950px}.thank-you-page .page-lead{max-width:850px}


/* v11 — mobile navigation, image framing and contact polish */
@media(max-width:1180px){
  .site-header{grid-template-columns:minmax(0,1fr) auto;padding:0 24px;column-gap:16px}
  .brand{min-width:0;overflow:hidden}
  .brand img{width:min(250px,42vw);max-width:100%}
  .header-actions{grid-column:2;justify-self:end;gap:14px;white-space:nowrap}
  .menu-toggle{display:block;flex:0 0 40px;width:40px;height:40px;padding:4px;cursor:pointer}
  .menu-toggle span{width:24px;height:2px;margin:6px auto;background:#fff;border-radius:2px}
  .mobile-menu{top:78px;max-height:calc(100dvh - 78px);overflow-y:auto;box-shadow:0 18px 45px rgba(0,0,0,.35)}
}
@media(max-width:700px){
  .site-header{padding:0 14px;column-gap:8px}
  .brand img{width:min(185px,48vw)}
  .header-actions{gap:8px}
  .lang-switch{gap:5px;font-size:12px}
  .menu-toggle{flex-basis:36px;width:36px;height:36px}
  .mobile-menu{padding:22px 20px 30px;gap:16px}
  .mobile-menu a{font-size:18px}
  .page-hero-image{min-height:0;aspect-ratio:16/10}
  .page-hero-image img{object-position:center center}
  .split-feature>div:first-child{min-height:0;aspect-ratio:16/10}
  .split-feature img{object-position:center center}
  .service-card{min-height:390px}
  .direct-card{margin-top:42px}
  .contact-number-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 20px}
  .contact-number-row .contact-number{font-size:clamp(22px,7vw,30px);line-height:1.15}
  .contact-number-row .contact-whatsapp{font-size:14px;color:var(--lime);font-weight:750;border:1px solid rgba(168,241,46,.35);padding:7px 10px;border-radius:3px}
}
@media(max-width:390px){
  .brand img{width:160px}
  .lang-switch{font-size:11px}
  .site-header{padding-left:12px;padding-right:10px}
  .header-actions{gap:6px}
}


/* v13 — pre-launch mobile, accessibility and performance polish */
html,body{max-width:100%;overflow-x:hidden}img{max-width:100%}.brand,.header-actions,.desktop-nav{min-width:0}
:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.lang:focus-visible,.menu-toggle:focus-visible{outline-offset:2px}
.mobile-menu a.active{color:var(--lime)}.mobile-menu-cta{margin-top:8px!important;border:1px solid var(--lime);color:#071006!important;background:var(--lime);padding:14px 16px;font-size:13px!important;font-weight:800;letter-spacing:.03em;text-align:center;border-radius:4px}
.menu-toggle{position:relative}.menu-toggle span{transition:transform .2s ease,opacity .2s ease}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}body.menu-open{overflow:hidden}
.legal-updated{color:#8e999c;font-size:13px;margin:-10px 0 35px}.legal-sections a{text-decoration:underline;text-underline-offset:3px}.legal-sections a:hover{color:#c8ff65}
@media(max-width:700px){
  .site-header{height:72px;grid-template-columns:minmax(0,1fr) auto;padding:0 14px}
  .brand img{width:min(180px,48vw)}
  .header-actions{gap:7px}
  .lang-switch{font-size:11px;gap:5px}
  .menu-toggle{display:block;flex:0 0 38px;width:38px;height:38px;padding:5px}
  .menu-toggle span{width:23px;height:2px}
  .mobile-menu{top:72px;max-height:calc(100dvh - 72px);padding:20px 18px 26px;gap:15px}
  .mobile-menu a{font-size:17px}
  .hero{height:auto;min-height:calc(100svh - 72px);max-height:none}
  .hero-media{object-position:64% center}
  .hero-content{width:auto;padding:46px 20px 52px}
  .hero h1{font-size:clamp(40px,12.2vw,48px);line-height:1.01;margin-bottom:22px}
  .hero-lead{font-size:17px;line-height:1.55;margin-bottom:28px}
  .hero-buttons{gap:12px}.hero-buttons .btn{min-height:52px;padding:0 16px}
  .location-line{margin-top:20px;line-height:1.45}
  .service-card{min-height:0;aspect-ratio:4/3}
  .service-card img{object-position:center center}
  .service-copy{left:20px;right:20px;bottom:18px}
  .service-icon{font-size:24px;margin-bottom:6px}.service-copy h2{font-size:20px;margin-bottom:7px}.service-copy p{font-size:13.5px;line-height:1.4;min-height:0;margin-bottom:12px}.service-copy a{font-size:11px}
  .page-hero-copy{padding:52px 20px 42px}.page-hero h1,.contact-page h1,.legal-page h1{font-size:clamp(42px,12vw,50px)}
  .page-hero-image{min-height:0;aspect-ratio:4/3}.page-hero-image img{object-position:center center}.page-hero-image:after{background:linear-gradient(0deg,#080b0d 0%,transparent 12%)}
  .split-feature>div:first-child{min-height:0;aspect-ratio:4/3}.split-feature img{object-position:center center}
  .editorial{padding:62px 20px}.detail-grid article{padding:32px 20px}.split-copy{padding:56px 20px}.page-cta{padding:68px 20px}.contact{padding:64px 20px}.contact-page{padding:58px 20px}.legal-page{padding:62px 20px}.thank-you-page{padding:78px 20px;min-height:560px}.thank-you-page h1{font-size:clamp(42px,12vw,52px)}
  .project-form{padding:22px 16px}.project-form input,.project-form select,.project-form textarea{font-size:16px}
  .direct-card a{overflow-wrap:anywhere}.contact-number-row{gap:8px 10px}.contact-number-row .contact-number{font-size:clamp(21px,6.3vw,28px)}
  footer{padding:34px 20px;gap:22px}.footer-brand img{width:min(205px,70vw)}.footer-brand p{line-height:1.8;overflow-wrap:anywhere;letter-spacing:.1em}.footer-links{gap:16px 20px;font-size:12px}
  .legal-box{padding:26px 20px;margin-top:36px}.legal-box p{font-size:16px}.legal-sections{gap:28px}
}
@media(max-width:380px){
  .brand img{width:156px}.lang-switch{font-size:10.5px}.site-header{padding-left:11px;padding-right:8px}.header-actions{gap:4px}.menu-toggle{flex-basis:36px;width:36px;height:36px}
  .hero h1{font-size:39px}.eyebrow{letter-spacing:.2em}.hero-content{padding-left:17px;padding-right:17px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.service-card:hover img,.btn:hover{transform:none}}


/* v16 — targeted mobile image framing for Home and About only */
@media(max-width:700px){
  /* Keep the Home installer comfortably in frame without changing the hero layout. */
  .hero-media{object-position:82% center}
  /* About uses the same wide master image; preserve its full 16:9 composition on phones. */
  .page-about .page-hero-image{aspect-ratio:16/9}
  .page-about .page-hero-image img{object-position:center center}
}
@media(max-width:380px){
  .hero-media{object-position:84% center}
}

/* v17 — final About image framing + contact spacing */
/* Keep the installer side of the wide About hero visible on desktop/tablet. */
.page-about .page-hero-image img{object-position:right center}

/* Keep phone number and WhatsApp as distinct, readable actions at every viewport size. */
.contact-number-row{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  column-gap:16px;
  row-gap:8px;
  margin:0 0 20px;
}
.contact-number-row .contact-whatsapp{
  font-size:15px;
  color:var(--lime);
  font-weight:750;
  white-space:nowrap;
}
@media(max-width:700px){
  .page-about .page-hero-image{aspect-ratio:16/9}
  .page-about .page-hero-image img{object-position:center center}
  .contact-number-row{column-gap:12px;row-gap:8px}
}