.theme-switcher{position:fixed;z-index:50;left:50%;top:88px;transform:translateX(-50%);display:flex;gap:5px;padding:5px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:999px;box-shadow:0 7px 24px rgba(7,28,45,.13)}
.theme-switcher a{padding:7px 12px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;color:#52616c}
.theme-switcher a.active{background:var(--navy);color:#fff}
.scroll-progress{position:fixed;z-index:70;left:0;right:0;top:0;height:3px;background:transparent}
.scroll-progress span{display:block;width:100%;height:100%;background:var(--cyan);transform:scaleX(0);transform-origin:left;will-change:transform}
.capability-marquee{overflow:hidden;background:var(--navy);color:#fff;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
.capability-marquee>div{width:max-content;display:flex;align-items:center;gap:30px;padding:16px 0;animation:capability-scroll 28s linear infinite}
.capability-marquee span{font-size:11px;letter-spacing:.16em;font-weight:800;white-space:nowrap}
.capability-marquee i{font-style:normal;color:var(--cyan)}
@keyframes capability-scroll{to{transform:translateX(-50%)}}
.hero-media img{transform:translate3d(var(--hero-x,0),var(--hero-y,0),0) scale(1.025);transition:transform .35s ease-out}
.hero-copy{transition:transform .35s ease-out;transform:translate3d(calc(var(--hero-x,0) * -.25),calc(var(--hero-y,0) * -.25),0)}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease var(--delay,0ms),transform .75s cubic-bezier(.2,.7,.2,1) var(--delay,0ms)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.product-card,.range-cards article,.gallery figure{transition:transform .35s ease,box-shadow .35s ease}
.product-card:hover,.range-cards article:hover,.gallery figure:hover{transform:translateY(-8px);box-shadow:0 22px 55px rgba(16,44,70,.16)}
.range-cards article:nth-child(2):hover{transform:translateY(-24px)}
.site-header nav a{position:relative}
.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--cyan);transition:right .25s ease}
.site-header nav a.active:after,.site-header nav a:hover:after{right:0}
.faq summary{transition:color .25s ease,padding-left .25s ease}
.faq details[open] summary{color:var(--blue);padding-left:12px}

html[data-style="architectural"]{--navy:#26342d;--blue:#7a604e;--cyan:#d7a176;--sand:#dde2d8;--cream:#f5f2ec;--ink:#20251f;--muted:#6f756d;--line:#d8d8cf}
html[data-style="architectural"] body{font-family:"Avenir Next","Helvetica Neue","PingFang SC",sans-serif;background:#f5f2ec}
html[data-style="architectural"] .site-header{height:86px;background:rgba(248,246,241,.93);color:#20251f;border-bottom:1px solid rgba(38,52,45,.12);box-shadow:0 5px 25px rgba(38,52,45,.05)}
html[data-style="architectural"] .theme-switcher{display:none}
html[data-style="architectural"] .brand small{color:#757970}
html[data-style="architectural"] .brand-mark{background:#26342d;clip-path:none;border-radius:50%;font-family:Georgia,serif}
html[data-style="architectural"] .lang-btn{color:#20251f;border-color:rgba(38,52,45,.28);border-radius:999px}
html[data-style="architectural"] .menu-btn{color:#20251f}
html[data-style="architectural"] .mega-menu{border-top-color:#d7a176;border-radius:0 0 20px 20px;box-shadow:0 22px 55px rgba(38,52,45,.14)}
html[data-style="architectural"] .hero{min-height:780px;margin:104px 22px 0;border-radius:30px}
html[data-style="architectural"] .hero-overlay{background:linear-gradient(0deg,rgba(24,31,27,.84),rgba(24,31,27,.08) 70%)}
html[data-style="architectural"] .hero-media img{object-position:center 52%;filter:saturate(.92) contrast(1.03)}
html[data-style="architectural"] .hero-copy{align-self:flex-end;padding-bottom:68px;text-align:center}
html[data-style="architectural"] .hero-copy>*{margin-left:auto;margin-right:auto}
html[data-style="architectural"] .hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.045em;max-width:980px;font-size:clamp(54px,7.2vw,102px);line-height:.96}
html[data-style="architectural"] .hero-lead{max-width:760px;font-size:19px}
html[data-style="architectural"] .hero-actions,html[data-style="architectural"] .hero-proof{justify-content:center}
html[data-style="architectural"] .section h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em}
html[data-style="architectural"] .section{padding-top:125px;padding-bottom:125px}
html[data-style="architectural"] .section-kicker,html[data-style="architectural"] .eyebrow{letter-spacing:.18em}
html[data-style="architectural"] .btn{min-height:52px;padding:0 28px}
html[data-style="architectural"] .btn.primary{background:#f3efe7;color:#20251f}
html[data-style="architectural"] .hero .btn.primary{background:#fff}
html[data-style="architectural"] .product-card,html[data-style="architectural"] .range-cards article,html[data-style="architectural"] .gallery figure,html[data-style="architectural"] .contact form{border-radius:24px;overflow:hidden;box-shadow:0 12px 38px rgba(38,52,45,.07)}
html[data-style="architectural"] .product-card img{height:320px}
html[data-style="architectural"] .product-card.dark{background:#26342d}
html[data-style="architectural"] .solutions{margin:0 22px;border-radius:30px;max-width:calc(100% - 44px);background:#dde2d8}
html[data-style="architectural"] .about{margin:0 22px;border-radius:30px;max-width:calc(100% - 44px);background:#26342d}
html[data-style="architectural"] .decision-cta{background:#7a604e;border-radius:28px}
html[data-style="architectural"] .capability-marquee{background:#26342d}
html[data-style="architectural"] .subhero{margin-top:20px;border-radius:30px;min-height:600px}
html[data-style="architectural"] .subhero:after{background:linear-gradient(0deg,rgba(24,31,27,.88),rgba(24,31,27,.08) 75%)}
html[data-style="architectural"] .subhero-copy{text-align:center}
html[data-style="architectural"] .subhero-copy>*{margin-left:auto;margin-right:auto}
html[data-style="architectural"] .breadcrumbs{justify-content:center}
html[data-style="architectural"] footer{background:#26342d}

html[data-style="tech"]{--navy:#111;--blue:#244cff;--cyan:#b7f34a;--sand:#e8ebef;--cream:#f7f8fa;--ink:#0b0d10;--muted:#68707a;--line:#ccd2d8}
html[data-style="tech"] body{background-image:linear-gradient(rgba(20,30,40,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,30,40,.045) 1px,transparent 1px);background-size:32px 32px}
html[data-style="tech"] .site-header{background:rgba(247,248,250,.94);border-bottom:2px solid #111}
html[data-style="tech"] .brand-mark{background:#111;clip-path:none;border-radius:0}
html[data-style="tech"] .hero{min-height:720px;margin:96px 24px 0;border:2px solid #111}
html[data-style="tech"] .hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.55) 55%,rgba(0,0,0,.06))}
html[data-style="tech"] .hero h1{text-transform:uppercase;font-size:clamp(48px,6vw,78px);max-width:820px}
html[data-style="tech"] .btn.primary{background:#b7f34a;color:#111;border:2px solid #111}
html[data-style="tech"] .product-card,html[data-style="tech"] .range-cards article,html[data-style="tech"] .gallery figure,html[data-style="tech"] .contact form{border:2px solid #111;border-radius:0;box-shadow:8px 8px 0 #111}
html[data-style="tech"] .range-cards article:nth-child(2){background:#244cff}
html[data-style="tech"] .solutions{background:#e8ebef;border-top:2px solid #111;border-bottom:2px solid #111}
html[data-style="tech"] .about{background:#111}
html[data-style="tech"] .section-kicker,html[data-style="tech"] .eyebrow{color:#244cff}
html[data-style="tech"] .about .section-kicker,html[data-style="tech"] .hero .eyebrow{color:#b7f34a}
html[data-style="tech"] .decision-cta{background:#244cff;border:2px solid #111;border-radius:0;box-shadow:10px 10px 0 #111}
html[data-style="tech"] .floating-whatsapp{border:2px solid #111;border-radius:0}

@media(max-width:900px){.theme-switcher{top:auto;bottom:12px}.floating-whatsapp{bottom:65px}html[data-style="architectural"] .hero,html[data-style="tech"] .hero{margin-top:76px}html[data-style="architectural"] .hero{margin-left:8px;margin-right:8px}html[data-style="tech"] .hero{margin-left:10px;margin-right:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.capability-marquee>div{animation:none}.reveal{opacity:1;transform:none;transition:none}.hero-media img,.hero-copy{transform:none!important;transition:none}.product-card,.range-cards article,.gallery figure{transition:none}}
