/* ARKEA IA — light adaptation of the reference system.
   Keeps geometry/typography/navigation behavior intact and remaps the full
   interface to white + black + silver + gold. Loaded last by every page. */
:root{
  --light-bg:#ffffff;
  --light-paper:#ffffff;
  --light-surface:#f5f6f7;
  --light-surface-2:#eceff1;
  --light-ink:#0a0a0b;
  --light-muted:#62646a;
  --light-line:rgba(10,10,11,.14);
  --light-line-strong:rgba(10,10,11,.24);
  --light-silver:#c9ccd1;
  --light-silver-deep:#72767d;
  --light-gold:#d4af37;
  --light-gold-bright:#f2c94c;
  --light-gold-deep:#80610c;
}

html{background:var(--light-bg)!important;color-scheme:light!important}
body.light-theme.dark-ref{
  --ref-bg:var(--light-bg);
  --ref-bg-2:var(--light-paper);
  --ref-panel:rgba(255,255,255,.97);
  --ref-panel-2:var(--light-surface);
  --ref-text:var(--light-ink);
  --ref-muted:var(--light-muted);
  --ref-line:var(--light-line);
  --ref-line-strong:var(--light-line-strong);
  --ref-rust:var(--light-gold);
  --ref-rust-deep:var(--light-gold-deep);
  --ref-acid:var(--light-gold);
  --arkea-black:var(--light-ink);
  --arkea-black-2:#171719;
  --arkea-panel:var(--light-paper);
  --arkea-white:var(--light-bg);
  --arkea-silver:var(--light-silver);
  --arkea-silver-2:var(--light-silver-deep);
  --arkea-border:var(--light-line);
  --arkea-border-soft:rgba(10,10,11,.08);
  background:var(--light-bg)!important;
  color:var(--light-ink)!important;
}
body.light-theme.dark-ref:before{
  background:
    radial-gradient(48rem 34rem at 72% 14%,rgba(212,175,55,.075),transparent 62%),
    radial-gradient(42rem 32rem at 8% 58%,rgba(201,204,209,.14),transparent 68%),
    var(--light-bg)!important;
}

/* Global text and separators */
.light-theme.dark-ref,
.light-theme.dark-ref h1,.light-theme.dark-ref h2,.light-theme.dark-ref h3,.light-theme.dark-ref h4,
.light-theme.dark-ref p,.light-theme.dark-ref a,.light-theme.dark-ref button,.light-theme.dark-ref span,
.light-theme.dark-ref small,.light-theme.dark-ref strong,.light-theme.dark-ref label{
  color:var(--light-ink);
}
.light-theme.dark-ref .muted,
.light-theme.dark-ref .section-head p,
.light-theme.dark-ref .service-row p,
.light-theme.dark-ref .reason p,
.light-theme.dark-ref .member p,
.light-theme.dark-ref .method p,
.light-theme.dark-ref .case-card>p,
.light-theme.dark-ref .article time,
.light-theme.dark-ref .article p,
.light-theme.dark-ref .feature p,
.light-theme.dark-ref .legal p,
.light-theme.dark-ref .legal li{color:var(--light-muted)!important}
.light-theme.dark-ref .eyebrow{color:var(--light-silver-deep)!important}
.light-theme.dark-ref .metal-em{color:var(--light-gold-deep)!important}
.light-theme.dark-ref .section{background:var(--light-bg)!important;border-color:var(--light-line)!important}

/* Navigation — same transparent glass geometry, but tuned for light surfaces. */
.light-theme .nav{color:var(--light-ink)!important}
.light-theme .nav__cell{
  color:var(--light-ink)!important;
  background:rgba(255,255,255,.38)!important;
  border-color:rgba(10,10,11,.18)!important;
  -webkit-backdrop-filter:blur(10px) saturate(118%)!important;
  backdrop-filter:blur(10px) saturate(118%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 1px 0 rgba(10,10,11,.02)!important;
}
.light-theme .nav__cell:hover,
.light-theme .nav__group.is-open{
  background:rgba(255,255,255,.70)!important;
  border-color:rgba(128,97,12,.34)!important;
}
.light-theme .nav__caret{color:var(--light-ink)!important}
.light-theme .nav__dropdown{
  background:rgba(255,255,255,.975)!important;
  border-color:rgba(10,10,11,.16)!important;
  box-shadow:0 26px 70px rgba(18,18,20,.14),0 2px 8px rgba(18,18,20,.06)!important;
}
.light-theme .nav__scrim{
  background:rgba(255,255,255,.58)!important;
  -webkit-backdrop-filter:blur(12px) saturate(88%)!important;
  backdrop-filter:blur(12px) saturate(88%)!important;
}
.light-theme .np__hi,.light-theme .np__role,.light-theme .np__text{color:var(--light-muted)!important}
.light-theme .np__title,.light-theme .nsv__item,.light-theme .nsv__item strong,
.light-theme .nav__panel--about .nap__item,.light-theme .nav__panel--about .nap__item:hover,
.light-theme .nav__panel--about .nap__item strong{color:var(--light-ink)!important}
.light-theme .nsv__desc,.light-theme .nav__panel--about .nap__item .nsv__desc{color:var(--light-muted)!important}
.light-theme .nsv__item:hover{background:rgba(212,175,55,.08)!important;color:var(--light-ink)!important}
.light-theme .nsv__icon{
  color:var(--light-silver-deep)!important;
  background:rgba(201,204,209,.15)!important;
  border-color:rgba(10,10,11,.12)!important;
}
.light-theme .nsv__item:hover .nsv__icon{color:var(--light-gold-deep)!important;border-color:rgba(128,97,12,.32)!important;background:rgba(212,175,55,.10)!important}
.light-theme .nap__thumb{
  border-color:rgba(10,10,11,.10)!important;
  background:radial-gradient(circle at 28% 30%,rgba(242,201,76,.24),transparent 24%),linear-gradient(145deg,#f1f3f4,#dfe1e5)!important;
}
.light-theme .nap__thumb--2,.light-theme .nap__thumb--5{background:radial-gradient(circle at 68% 32%,rgba(114,118,125,.20),transparent 25%),linear-gradient(145deg,#f8f9fa,#e3e6e8)!important}
.light-theme .nap__thumb--3,.light-theme .nap__thumb--6{background:radial-gradient(circle at 48% 58%,rgba(212,175,55,.18),transparent 28%),linear-gradient(160deg,#f5f6f7,#eceff1)!important}
.light-theme .nap__cta{color:var(--light-ink)!important;background:rgba(212,175,55,.08)!important;border-color:rgba(128,97,12,.25)!important}
.light-theme .nap__cta:hover{background:rgba(212,175,55,.14)!important;border-color:rgba(128,97,12,.42)!important}
.light-theme .nap__cta-kicker,.light-theme .nap__cta-arrow{color:var(--light-gold-deep)!important}
.light-theme .nap__cta-desc{color:var(--light-muted)!important}
.light-theme .np__photo--brand{
  background:radial-gradient(circle at 24% 34%,rgba(212,175,55,.16),transparent 28%),linear-gradient(135deg,#fff,#f1f3f4)!important;
  border-color:rgba(10,10,11,.10)!important;
}
.light-theme .np__social{border-color:rgba(10,10,11,.11)!important}
.light-theme .np__social a{color:var(--light-muted)!important}
.light-theme .np__social a:hover{color:var(--light-gold-deep)!important;background:rgba(212,175,55,.08)!important}
.light-theme .nav__panel .np__btn{color:var(--light-ink)!important;border-color:rgba(10,10,11,.16)!important}
.light-theme .nav__panel .np__btn:hover{background:rgba(212,175,55,.08)!important;border-color:rgba(128,97,12,.30)!important}
.light-theme .nav__panel .np__btn--solid{color:#fff!important;background:var(--light-ink)!important;border-color:var(--light-ink)!important}
.light-theme .langsw{background:rgba(255,255,255,.42)!important;border-color:rgba(10,10,11,.16)!important}
.light-theme .langsw__l{color:var(--light-muted)!important}
.light-theme .langsw__l:hover{color:var(--light-ink)!important}
.light-theme .langsw__l.is-on{color:#fff!important;background:var(--light-ink)!important}
.light-theme .nav__burger span{background:var(--light-ink)!important}
.light-theme .nav__drawer{background:rgba(255,255,255,.985)!important;border-color:var(--light-line)!important;box-shadow:0 24px 70px rgba(18,18,20,.12)}
.light-theme .nav__drawer>a,.light-theme .nav__drawer summary{color:var(--light-ink)!important;border-color:var(--light-line)!important}
.light-theme .nav__drawer-sub a{color:var(--light-muted)!important}

/* Hero: preserve the reference photo/composition while converting the visual mass to light. */
.light-theme.home-ref .home-hero{
  border-color:var(--light-line)!important;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.56) 0%,rgba(255,255,255,.72) 48%,rgba(255,255,255,.98) 100%),
    linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.35) 72%),
    none!important;
  background-color:#fff!important;
}
.light-theme.home-ref .home-hero:after{background:radial-gradient(circle at 78% 24%,rgba(212,175,55,.10),transparent 26%)!important}
.light-theme.home-ref .home-hero .hero-kicker{color:var(--light-silver-deep)!important}
.light-theme.home-ref .home-hero h1{color:var(--light-ink)!important}
.light-theme.home-ref .home-hero h1 em{color:var(--light-gold-deep)!important}
.light-theme.home-ref .hero-copy{color:#4d5056!important}
.light-theme.home-ref .home-hero .btn.dark{
  color:var(--light-ink)!important;
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(10,10,11,.20)!important;
  box-shadow:0 8px 30px rgba(10,10,11,.06)!important;
}
.light-theme.home-ref .home-hero .btn.dark:hover{background:#fff!important;border-color:rgba(128,97,12,.38)!important}

/* Core sections / cards */
.light-theme.dark-ref .partner-bar{background:#fff!important;border-color:var(--light-line)!important}
.light-theme.dark-ref .partner-bar:before{background:radial-gradient(ellipse,rgba(212,175,55,.12),rgba(201,204,209,.12) 38%,transparent 68%)!important}
.light-theme.dark-ref .tech-track span{color:#34363a!important}
.light-theme.dark-ref .intro-split{background:#fff!important;border-color:var(--light-line-strong)!important}
.light-theme.dark-ref .intro-copy{background:#fff!important;color:var(--light-ink)!important}
.light-theme.dark-ref .intro-visual{
  background:radial-gradient(circle at 72% 58%,rgba(212,175,55,.17),transparent 20%),linear-gradient(135deg,#f8f9fa,#e8eaed)!important;
}
.light-theme.dark-ref .intro-visual:before{background-image:linear-gradient(rgba(10,10,11,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(128,97,12,.08) 1px,transparent 1px)!important}
.light-theme.dark-ref .intro-visual:after{background:var(--light-gold)!important;color:var(--light-ink)!important}
.light-theme.dark-ref .client-logos{background:#fff!important;border-color:var(--light-line)!important}
.light-theme.dark-ref .client-logo{background:#fafafa!important;border-color:var(--light-line)!important;color:#3f4247!important}
.light-theme.dark-ref .service-list{background:#fff!important}
.light-theme.dark-ref .service-row{background:#fff!important;border-color:var(--light-line)!important;color:var(--light-ink)!important;box-shadow:0 1px 0 rgba(10,10,11,.01)}
.light-theme.dark-ref .service-row:before{background:radial-gradient(circle,rgba(212,175,55,.12),transparent 68%)!important}
.light-theme.dark-ref .service-row:hover{background:#f8f9fa!important;border-color:rgba(128,97,12,.34)!important;box-shadow:0 18px 44px rgba(10,10,11,.06)!important}
.light-theme.dark-ref .service-row .num{color:var(--light-gold-deep)!important}
.light-theme.dark-ref .service-row .arrow{color:var(--light-ink)!important}
.light-theme.dark-ref .tag{background:#fafafa!important;border-color:var(--light-line)!important;color:#55585e!important}

.light-theme.dark-ref .difference-layout{background:#fff!important}
.light-theme.dark-ref .difference-visual{
  background:radial-gradient(circle at 34% 28%,rgba(212,175,55,.22),transparent 24%),radial-gradient(circle at 70% 63%,rgba(201,204,209,.42),transparent 28%),linear-gradient(135deg,#f8f9fa,#e5e7eb)!important;
}
.light-theme.dark-ref .difference-visual:after{color:var(--light-ink)!important}
.light-theme.dark-ref .difference-panel{
  background:radial-gradient(110% 85% at 70% 15%,rgba(242,201,76,.31) 0%,rgba(212,175,55,.12) 36%,rgba(201,204,209,.15) 70%,#fff 100%)!important;
  color:var(--light-ink)!important;
}
.light-theme.dark-ref .difference-panel:after{background:linear-gradient(120deg,rgba(255,255,255,.68),transparent 45%)!important}
.light-theme.dark-ref .reason{border-color:var(--light-line)!important}
.light-theme.dark-ref .reason:before{color:var(--light-gold-deep)!important}
.light-theme.dark-ref .reason h3{color:var(--light-ink)!important}
.light-theme.dark-ref .reason p{color:var(--light-muted)!important}

.light-theme.dark-ref .team-grid{background:transparent!important}
.light-theme.dark-ref .member{background:#fff!important;border-color:var(--light-line)!important;color:var(--light-ink)!important;box-shadow:0 10px 30px rgba(10,10,11,.035)}
.light-theme.dark-ref .member:before{background-image:linear-gradient(to bottom,transparent,rgba(255,255,255,.36)),radial-gradient(circle at 50% 24%,rgba(242,201,76,.31),transparent 19%),linear-gradient(145deg,#f3f4f6,#dfe1e5)!important;filter:grayscale(.4)!important}
.light-theme.dark-ref .member:nth-child(2n):before{background-image:linear-gradient(to bottom,transparent,rgba(255,255,255,.35)),radial-gradient(circle at 45% 28%,rgba(114,118,125,.24),transparent 20%),linear-gradient(145deg,#f7f7f7,#e1e1df)!important}
.light-theme.dark-ref .member:nth-child(3n):before{background-image:linear-gradient(to bottom,transparent,rgba(255,255,255,.38)),radial-gradient(circle at 56% 26%,rgba(212,175,55,.25),transparent 20%),linear-gradient(160deg,#eef0f2,#d9dce0)!important}
.light-theme.dark-ref .member h3{color:var(--light-ink)!important}
.light-theme.dark-ref .member p{color:var(--light-muted)!important}
.light-theme.dark-ref .member:after{color:var(--light-gold-deep)!important}

.light-theme.dark-ref .method-grid{background:transparent!important}
.light-theme.dark-ref .method{background:#fff!important;border-color:var(--light-line)!important;color:var(--light-ink)!important}
.light-theme.dark-ref .method small{color:var(--light-silver-deep)!important}
.light-theme.dark-ref .method h3{color:var(--light-ink)!important}
.light-theme.dark-ref .method p{color:var(--light-muted)!important}
.light-theme.dark-ref .method b{color:var(--light-gold)!important;opacity:.34!important}
.light-theme.dark-ref .method:hover{background:#f8f9fa!important;border-color:rgba(128,97,12,.34)!important}

.light-theme.dark-ref .case-tabs button,.light-theme.dark-ref .filter-row button{background:#fff!important;color:var(--light-ink)!important;border-color:var(--light-line-strong)!important}
.light-theme.dark-ref .case-tabs button:hover,.light-theme.dark-ref .filter-row button:hover{border-color:rgba(128,97,12,.34)!important;background:#f8f9fa!important}
.light-theme.dark-ref .case-tabs button.active,.light-theme.dark-ref .filter-row button.active{background:var(--light-ink)!important;color:#fff!important;border-color:var(--light-ink)!important}
.light-theme.dark-ref .case-grid{background:transparent!important;border-color:var(--light-line)!important}
.light-theme.dark-ref .case-card{background:#fff!important;border-color:var(--light-line)!important;color:var(--light-ink)!important}
.light-theme.dark-ref .case-card h3{color:var(--light-ink)!important}
.light-theme.dark-ref .case-visual{background:radial-gradient(circle at 30% 45%,rgba(212,175,55,.14),transparent 42%),#f3f4f6!important}
.light-theme.dark-ref .case-visual img{opacity:1!important;filter:none!important}
.light-theme.dark-ref .metric{border-color:var(--light-line)!important;color:var(--light-muted)!important}
.light-theme.dark-ref .metric strong{color:var(--light-ink)!important}

.light-theme.dark-ref .testimonial-shell,.light-theme.dark-ref .signal-grid,.light-theme.dark-ref .usecase,
.light-theme.dark-ref .portal-preview,.light-theme.dark-ref .split,.light-theme.dark-ref .feature-grid,
.light-theme.dark-ref .newsletter-box,.light-theme.dark-ref .portal-card{background:#fff!important;border-color:var(--light-line-strong)!important}
.light-theme.dark-ref .quote,.light-theme.dark-ref .signal,.light-theme.dark-ref .usecase-copy,
.light-theme.dark-ref .portal-copy,.light-theme.dark-ref .feature{background:#fff!important;border-color:var(--light-line)!important;color:var(--light-ink)!important}
.light-theme.dark-ref .review-score{background:radial-gradient(circle at 35% 36%,rgba(242,201,76,.76),rgba(212,175,55,.38) 46%,#f4f5f7 100%)!important;color:var(--light-ink)!important}
.light-theme.dark-ref .review-score *{color:inherit!important}
.light-theme.dark-ref .signal .num{color:var(--light-gold-deep)!important}
.light-theme.dark-ref .usecase-visual,.light-theme.dark-ref .portal-ui{background:#f4f5f7!important;color:var(--light-ink)!important}
.light-theme.dark-ref .usecase-visual img{filter:none!important;opacity:1!important}
.light-theme.dark-ref .faq{border-color:var(--light-line-strong)!important}
.light-theme.dark-ref .faq-item{border-color:var(--light-line)!important}
.light-theme.dark-ref .faq-q{color:var(--light-ink)!important;border-color:var(--light-line)!important}
.light-theme.dark-ref .faq-q:after{color:var(--light-silver-deep)!important}
.light-theme.dark-ref .faq-a{color:var(--light-muted)!important}
.light-theme.dark-ref .portal-metrics{background:var(--light-line)!important}
.light-theme.dark-ref .portal-metric{background:#fff!important}
.light-theme.dark-ref .portal-metric span{color:var(--light-muted)!important}
.light-theme.dark-ref .portal-ui .live:before{background:var(--light-gold)!important}

/* Generic buttons: black primary, transparent/white secondary, gold only as accent. */
.light-theme.dark-ref .btn,.light-theme.dark-ref .menu-btn{color:var(--light-ink)!important;border-color:var(--light-line-strong)!important;background:rgba(255,255,255,.55)!important}
.light-theme.dark-ref .btn:hover,.light-theme.dark-ref .menu-btn:hover{background:#fff!important;border-color:rgba(128,97,12,.36)!important}
.light-theme.dark-ref .btn.dark{background:var(--light-ink)!important;color:#fff!important;border-color:var(--light-ink)!important}
.light-theme.dark-ref .btn.dark:hover{background:#232326!important;color:#fff!important}
.light-theme.dark-ref .btn.acid{background:var(--light-gold)!important;color:var(--light-ink)!important;border-color:var(--light-gold)!important}

/* Inner pages */
.light-theme.dark-ref .page-hero{
  border-color:var(--light-line)!important;
  background:radial-gradient(42rem 28rem at 78% 22%,rgba(212,175,55,.11),transparent 62%),radial-gradient(34rem 24rem at 15% 75%,rgba(201,204,209,.16),transparent 65%),#fff!important;
}
.light-theme.dark-ref .page-hero h1,.light-theme.dark-ref .headline,.light-theme.dark-ref .display{color:var(--light-ink)!important}
.light-theme.dark-ref .visual{background:#f1f3f4!important}
.light-theme.dark-ref .visual img{opacity:1!important;filter:none!important}
.light-theme.dark-ref .visual .overlay-label{background:var(--light-gold)!important;color:var(--light-ink)!important}
.light-theme.dark-ref .feature-grid{background:transparent!important}
.light-theme.dark-ref .feature{background:#fff!important;border-color:var(--light-line)!important}
.light-theme.dark-ref .feature h3,.light-theme.dark-ref .article h3{color:var(--light-ink)!important}
.light-theme.dark-ref .article-list,.light-theme.dark-ref .article{border-color:var(--light-line)!important}
.light-theme.dark-ref .field input,.light-theme.dark-ref .field textarea{border-color:var(--light-line-strong)!important;color:var(--light-ink)!important;background:transparent!important}
.light-theme.dark-ref .field input::placeholder,.light-theme.dark-ref .field textarea::placeholder{color:#85888f!important}
.light-theme.dark-ref .field label{color:var(--light-muted)!important}
.light-theme.dark-ref .legal h2{color:var(--light-ink)!important}
.light-theme.dark-ref .podcast-card{border-color:var(--light-line)!important}
.light-theme.dark-ref .episode-art{background:linear-gradient(145deg,var(--light-gold-bright),var(--light-gold))!important;color:var(--light-ink)!important}
.light-theme.dark-ref .newsletter-box{background:radial-gradient(circle at 76% 18%,rgba(242,201,76,.40),rgba(212,175,55,.12) 36%,rgba(201,204,209,.14) 72%,#fff 100%)!important;color:var(--light-ink)!important}
.light-theme.dark-ref .portal-card{background:#fff!important;box-shadow:0 22px 60px rgba(10,10,11,.07)}

/* CTA + footer become a coherent light ending, not a dark island. */
.light-theme.dark-ref .cta{background:#fff!important;color:var(--light-ink)!important;border-top:1px solid var(--light-line)!important}
.light-theme.dark-ref .cta:before{background:radial-gradient(ellipse at center,rgba(212,175,55,.12),rgba(201,204,209,.07) 38%,transparent 68%)!important}
.light-theme.dark-ref .cta h2{color:var(--light-ink)!important}
.light-theme.dark-ref .cta p{color:var(--light-muted)!important}
.light-theme.dark-ref .cta .btn{background:var(--light-ink)!important;border-color:var(--light-ink)!important;color:#fff!important}
.light-theme.dark-ref .footer{background:#ffffff!important;color:var(--light-ink)!important;border-color:var(--light-line)!important}
.light-theme.dark-ref .footer h4{color:var(--light-silver-deep)!important}
.light-theme.dark-ref .footer p,.light-theme.dark-ref .footer-bottom{color:var(--light-muted)!important}
.light-theme.dark-ref .footer a{color:#303238!important}
.light-theme.dark-ref .footer a:hover{color:var(--light-gold-deep)!important}
.light-theme.dark-ref .footer-bottom{border-color:var(--light-line)!important}

/* Cookies + chat */
.light-theme.dark-ref .cookie-banner{background:rgba(255,255,255,.97)!important;color:var(--light-ink)!important;border-color:var(--light-line-strong)!important;box-shadow:0 20px 60px rgba(10,10,11,.12)!important}
.light-theme.dark-ref .cookie-banner span{color:var(--light-muted)!important}
.light-theme.dark-ref .chat-toggle{background:linear-gradient(145deg,var(--light-gold),var(--light-silver))!important;border-color:rgba(10,10,11,.18)!important;color:var(--light-ink)!important;box-shadow:0 10px 34px rgba(10,10,11,.12)}
.light-theme.dark-ref .chat-panel{background:#fff!important;border-color:var(--light-line-strong)!important;color:var(--light-ink)!important;box-shadow:0 20px 70px rgba(10,10,11,.13)}
.light-theme.dark-ref .chat-head,.light-theme.dark-ref .chat-form{border-color:var(--light-line)!important}
.light-theme.dark-ref .bubble{background:#f0f2f4!important;color:var(--light-ink)!important}
.light-theme.dark-ref .bubble.me{background:rgba(212,175,55,.22)!important;color:var(--light-ink)!important}
.light-theme.dark-ref .chat-form input{color:var(--light-ink)!important}
.light-theme.dark-ref .chat-form button{background:var(--light-ink)!important;border-color:var(--light-ink)!important;color:#fff!important}

.light-theme.dark-ref :focus-visible{outline:2px solid var(--light-gold-deep)!important;outline-offset:3px}
.light-theme.dark-ref ::selection{background:var(--light-gold)!important;color:var(--light-ink)!important}

@media(max-width:700px){
  .light-theme.home-ref .home-hero{
    background-image:
      linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.78) 58%,rgba(255,255,255,.48)),
      linear-gradient(0deg,rgba(255,255,255,.99),rgba(255,255,255,.20) 40%),
      none!important;
  }
}
@media(prefers-reduced-transparency:reduce){
  .light-theme .nav__cell,.light-theme .langsw{background:#fff!important}
  .light-theme .nav__scrim{background:rgba(255,255,255,.92)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}

/* 2026-09-01 — pure-white system + media-first hero + truly transparent nav.
   User correction: the first visual layer is the hero image/video; the site
   canvas is pure white (not cream); top nav cells are transparent. */
:root{
  --light-bg:#ffffff;
  --light-paper:#ffffff;
  --light-surface:#f5f6f7;
  --light-surface-2:#eceff1;
  --light-ink:#090a0b;
  --light-muted:#5f6368;
  --light-line:rgba(9,10,11,.14);
  --light-line-strong:rgba(9,10,11,.24);
}
html,
body.light-theme.dark-ref{
  background:#ffffff!important;
}
body.light-theme.dark-ref:before{
  background:#ffffff!important;
}

/* Remove the remaining warm/cream cast from the light system. */
.light-theme.dark-ref .section,
.light-theme.dark-ref .partner-bar,
.light-theme.dark-ref .intro-split,
.light-theme.dark-ref .intro-copy,
.light-theme.dark-ref .client-logos,
.light-theme.dark-ref .service-list,
.light-theme.dark-ref .service-row,
.light-theme.dark-ref .difference-layout,
.light-theme.dark-ref .member,
.light-theme.dark-ref .method,
.light-theme.dark-ref .case-card,
.light-theme.dark-ref .testimonial-shell,
.light-theme.dark-ref .signal-grid,
.light-theme.dark-ref .usecase,
.light-theme.dark-ref .portal-preview,
.light-theme.dark-ref .split,
.light-theme.dark-ref .feature-grid,
.light-theme.dark-ref .newsletter-box,
.light-theme.dark-ref .portal-card,
.light-theme.dark-ref .quote,
.light-theme.dark-ref .signal,
.light-theme.dark-ref .usecase-copy,
.light-theme.dark-ref .portal-copy,
.light-theme.dark-ref .feature,
.light-theme.dark-ref .cta,
.light-theme.dark-ref .footer,
.light-theme.dark-ref .chat-panel,
.light-theme.dark-ref .cookie-banner{
  background-color:#ffffff!important;
}
.light-theme.dark-ref .client-logo,
.light-theme.dark-ref .tag,
.light-theme.dark-ref .case-visual,
.light-theme.dark-ref .usecase-visual,
.light-theme.dark-ref .portal-ui,
.light-theme.dark-ref .visual,
.light-theme.dark-ref .bubble{
  background-color:#f5f6f7!important;
}
.light-theme.dark-ref .service-row:hover,
.light-theme.dark-ref .method:hover,
.light-theme.dark-ref .case-tabs button:hover,
.light-theme.dark-ref .filter-row button:hover,
.light-theme.dark-ref .btn:hover,
.light-theme.dark-ref .menu-btn:hover{
  background:#f8f9fa!important;
}
.light-theme.dark-ref .footer{background:#ffffff!important}

/* The first layer of the home page is the media itself, like the reference.
   White starts after the hero, not over the hero image. */
.light-theme.home-ref .home-hero{
  min-height:92vh!important;
  background-color:#111!important;
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.54) 0%,rgba(0,0,0,.27) 47%,rgba(0,0,0,.10) 76%,rgba(0,0,0,.14) 100%),
    linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.52) 100%),
    none!important;
  background-size:cover!important;
  background-position:center!important;
  border-bottom:1px solid rgba(9,10,11,.12)!important;
}
.light-theme.home-ref .home-hero:after{
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08))!important;
}
.light-theme.home-ref .home-hero .hero-kicker{color:rgba(255,255,255,.72)!important}
.light-theme.home-ref .home-hero h1{color:#ffffff!important;text-shadow:0 1px 18px rgba(0,0,0,.18)!important}
.light-theme.home-ref .home-hero h1 em{color:#f2c94c!important}
.light-theme.home-ref .hero-copy{color:rgba(255,255,255,.82)!important}
.light-theme.home-ref .home-hero .btn.dark{
  color:#ffffff!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.34)!important;
  -webkit-backdrop-filter:blur(10px) saturate(105%)!important;
  backdrop-filter:blur(10px) saturate(105%)!important;
  box-shadow:none!important;
}
.light-theme.home-ref .home-hero .btn.dark:hover{
  color:#ffffff!important;
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.56)!important;
}

/* Top navigation: no filled cards. Only a fine edge + transparent glass. */
.light-theme .nav__cell{
  background:transparent!important;
  border-color:rgba(9,10,11,.16)!important;
  -webkit-backdrop-filter:blur(5px) saturate(105%)!important;
  backdrop-filter:blur(5px) saturate(105%)!important;
  box-shadow:none!important;
}
.light-theme .nav__cell:hover,
.light-theme .nav__group.is-open{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(128,97,12,.34)!important;
}
.light-theme .nav__trigger{background:transparent!important}
.light-theme .langsw{
  background:transparent!important;
  border-color:rgba(9,10,11,.16)!important;
  -webkit-backdrop-filter:blur(5px)!important;
  backdrop-filter:blur(5px)!important;
}

/* On the media hero the transparent nav switches to white text/edges, while
   on inner white pages it remains black for accessibility. */
.light-theme.home-ref .nav__cell,
.light-theme.home-ref .nav__trigger,
.light-theme.home-ref .nav__caret,
.light-theme.home-ref .langsw__l{
  color:#ffffff!important;
}
.light-theme.home-ref .nav__cell{
  border-color:rgba(255,255,255,.30)!important;
  background:transparent!important;
}
.light-theme.home-ref .nav__cell:hover,
.light-theme.home-ref .nav__group.is-open{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.48)!important;
}
.light-theme.home-ref .langsw{border-color:rgba(255,255,255,.30)!important;background:transparent!important}
.light-theme.home-ref .langsw__l{color:rgba(255,255,255,.72)!important}
.light-theme.home-ref .langsw__l:hover{color:#ffffff!important}
.light-theme.home-ref .langsw__l.is-on{color:#090a0b!important;background:#ffffff!important}
.light-theme.home-ref .nav__burger span{background:#ffffff!important}

/* Open dropdowns stay crisp; the page beneath becomes translucent/blurred. */
.light-theme .nav__scrim{
  background:rgba(255,255,255,.34)!important;
  -webkit-backdrop-filter:blur(14px) saturate(82%)!important;
  backdrop-filter:blur(14px) saturate(82%)!important;
}
.light-theme .nav__dropdown{
  background:rgba(255,255,255,.985)!important;
  border-color:rgba(9,10,11,.15)!important;
  box-shadow:0 24px 60px rgba(9,10,11,.14),0 2px 8px rgba(9,10,11,.05)!important;
}

@media(max-width:700px){
  .light-theme.home-ref .home-hero{
    min-height:86vh!important;
    background-image:
      linear-gradient(90deg,rgba(0,0,0,.56) 0%,rgba(0,0,0,.24) 68%,rgba(0,0,0,.12) 100%),
      linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.50)),
      none!important;
    background-position:58% center!important;
  }
}
@media(prefers-reduced-transparency:reduce){
  .light-theme .nav__cell,
  .light-theme .langsw{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* FINAL 2026-09-01 — CHAMELEON / ENVIRONMENTAL GLASS NAVIGATION
   No fixed gray, lead, olive or silver fill. The four primary controls are
   nearly transparent and blur ONLY the pixels behind each control. This makes
   them naturally inherit the tone of an image, video, dark area or light area. */
@media (min-width:1025px){
  .light-theme .nav__cells > .nav__cell,
  .light-theme .nav__cells > a.nav__cell,
  .light-theme .nav__cells > .nav__cell.nav__group,
  .light-theme.home-ref .nav__cells > .nav__cell,
  .light-theme.home-ref .nav__cells > a.nav__cell,
  .light-theme.home-ref .nav__cells > .nav__cell.nav__group{
    background-color:rgba(255,255,255,.012)!important;
    background-image:none!important;
    -webkit-backdrop-filter:blur(18px) saturate(118%) contrast(96%)!important;
    backdrop-filter:blur(18px) saturate(118%) contrast(96%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(0,0,0,.045)!important;
  }

  /* Light inner pages: same environmental glass, dark accessible type. */
  .light-theme:not(.home-ref) .nav__cells > .nav__cell{
    border-color:rgba(9,10,11,.16)!important;
    color:var(--light-ink)!important;
  }
  .light-theme:not(.home-ref) .nav__cells > .nav__cell .nav__trigger,
  .light-theme:not(.home-ref) .nav__cells > .nav__cell .nav__caret,
  .light-theme:not(.home-ref) .nav__cells > a.nav__cell{
    color:var(--light-ink)!important;
  }

  /* Media hero: the glass stays tint-free; only type/edge switch to white. */
  .light-theme.home-ref .nav__cells > .nav__cell{
    border-color:rgba(255,255,255,.26)!important;
    color:#fff!important;
  }
  .light-theme.home-ref .nav__cells > .nav__cell .nav__trigger,
  .light-theme.home-ref .nav__cells > .nav__cell .nav__caret,
  .light-theme.home-ref .nav__cells > a.nav__cell{
    color:#fff!important;
  }

  /* Child triggers never add their own fill. */
  .light-theme .nav__cells > .nav__cell .nav__trigger,
  .light-theme.home-ref .nav__cells > .nav__cell .nav__trigger,
  .light-theme .nav__cells > a.nav__cell,
  .light-theme.home-ref .nav__cells > a.nav__cell{
    background:transparent!important;
  }

  /* Hover/open: keep the same environmental tone. Only edge contrast changes. */
  .light-theme .nav__cells > .nav__cell:hover,
  .light-theme .nav__cells > a.nav__cell:hover,
  .light-theme .nav__cells > .nav__group.is-open,
  .light-theme .nav__cells > .nav__cell:focus-within,
  .light-theme.home-ref .nav__cells > .nav__cell:hover,
  .light-theme.home-ref .nav__cells > a.nav__cell:hover,
  .light-theme.home-ref .nav__cells > .nav__group.is-open,
  .light-theme.home-ref .nav__cells > .nav__cell:focus-within{
    background-color:rgba(255,255,255,.022)!important;
    background-image:none!important;
  }
  .light-theme:not(.home-ref) .nav__cells > .nav__cell:hover,
  .light-theme:not(.home-ref) .nav__cells > .nav__group.is-open,
  .light-theme:not(.home-ref) .nav__cells > .nav__cell:focus-within{
    border-color:rgba(9,10,11,.28)!important;
  }
  .light-theme.home-ref .nav__cells > .nav__cell:hover,
  .light-theme.home-ref .nav__cells > .nav__group.is-open,
  .light-theme.home-ref .nav__cells > .nav__cell:focus-within{
    border-color:rgba(255,255,255,.42)!important;
  }
}

@media(prefers-reduced-transparency:reduce){
  .light-theme .nav__cells > .nav__cell{
    background:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}

/* 2026-09-01 — LANGUAGE SWITCHER CHAMELEON GLASS
   Match the environmental glass logic of the four primary navigation cells.
   No fixed gray/lead/olive fill. ES/EN inherit and blur the pixels behind them. */
@media (min-width:1025px){
  .light-theme .nav__lang .langsw,
  .light-theme.home-ref .nav__lang .langsw{
    background-color:rgba(255,255,255,.012)!important;
    background-image:none!important;
    border-color:rgba(9,10,11,.16)!important;
    -webkit-backdrop-filter:blur(18px) saturate(118%) contrast(96%)!important;
    backdrop-filter:blur(18px) saturate(118%) contrast(96%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(0,0,0,.045)!important;
  }

  .light-theme.home-ref .nav__lang .langsw{
    border-color:rgba(255,255,255,.26)!important;
  }

  .light-theme .nav__lang .langsw__l,
  .light-theme.home-ref .nav__lang .langsw__l{
    background:transparent!important;
    box-shadow:none!important;
    transition:color .16s ease,background-color .16s ease,box-shadow .16s ease!important;
  }

  .light-theme:not(.home-ref) .nav__lang .langsw__l{
    color:rgba(9,10,11,.58)!important;
  }
  .light-theme:not(.home-ref) .nav__lang .langsw__l:hover{
    color:var(--light-ink)!important;
    background:rgba(0,0,0,.035)!important;
  }
  .light-theme:not(.home-ref) .nav__lang .langsw__l.is-on{
    color:var(--light-ink)!important;
    background:rgba(0,0,0,.055)!important;
    box-shadow:inset 0 0 0 1px rgba(9,10,11,.09)!important;
  }

  .light-theme.home-ref .nav__lang .langsw__l{
    color:rgba(255,255,255,.70)!important;
  }
  .light-theme.home-ref .nav__lang .langsw__l:hover{
    color:#fff!important;
    background:rgba(255,255,255,.055)!important;
  }
  .light-theme.home-ref .nav__lang .langsw__l.is-on{
    color:#fff!important;
    background:rgba(255,255,255,.10)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important;
  }
}

/* Mobile drawer: keep the same language semantics without an opaque pill. */
.light-theme .nav__drawer-lang.langsw{
  background-color:rgba(255,255,255,.02)!important;
  background-image:none!important;
  -webkit-backdrop-filter:blur(14px) saturate(112%)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
}
.light-theme .nav__drawer-lang.langsw .langsw__l.is-on{
  background:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;
}

/* 2026-09-01 — ROTATING IMPACT STAT + TEAM ORBIT
   Replaces the old connected-capabilities marquee and placeholder team grid.
   Mirrors the supplied Palo Seco reference composition while using ARKEA IA assets. */
.light-theme .impact-team{
  --impact-bg:#070707;
  --impact-text:#f7f7f5;
  --impact-line:rgba(255,255,255,.10);
  --impact-rust:#7d3827;
  position:relative;
  z-index:1;
  background:var(--impact-bg)!important;
  color:var(--impact-text)!important;
  overflow:hidden;
  border-top:1px solid var(--impact-line);
  border-bottom:1px solid var(--impact-line);
}
.light-theme .impact-rotator{
  min-height:clamp(220px,20vw,292px);
  display:grid;
  place-items:center;
  position:relative;
  padding:54px 5vw;
  border-bottom:1px solid var(--impact-line);
  background:#080808;
  isolation:isolate;
}
.light-theme .impact-rotator:before{
  content:"";
  position:absolute;
  inset:-40% 10% auto;
  height:170%;
  background:radial-gradient(ellipse at 50% 0%,rgba(212,175,55,.055),transparent 62%);
  pointer-events:none;
  z-index:-1;
}
.light-theme .impact-stat{
  grid-area:1/1;
  width:min(1380px,92vw);
  text-align:center;
  color:var(--impact-text)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(42px,4.25vw,74px);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.048em;
  opacity:0;
  transform:translateY(20px);
  filter:blur(3px);
  transition:opacity .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1),filter .62s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.light-theme .impact-stat.is-active{
  opacity:1;
  transform:translateY(0);
  filter:none;
}
.light-theme .impact-stat span{font:inherit;color:inherit}
.light-theme .impact-stat em{
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:1.04em;
  font-weight:400;
  font-style:italic;
  letter-spacing:-.055em;
  white-space:nowrap;
  color:inherit!important;
}
.light-theme .team-orbit-shell{
  position:relative;
  min-height:clamp(700px,58vw,900px);
  background:
    radial-gradient(ellipse 58% 55% at 50% 48%,rgba(148,109,18,.58) 0%,rgba(92,68,18,.46) 28%,rgba(31,24,10,.58) 52%,rgba(7,7,7,.98) 78%),
    #070707!important;
  overflow:hidden;
}
.light-theme .team-orbit-shell:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,7,7,.84) 0%,transparent 14%,transparent 80%,rgba(7,7,7,.82) 100%);
  pointer-events:none;
}
.light-theme .team-orbit{
  position:relative;
  width:min(1500px,100%);
  min-height:inherit;
  margin:0 auto;
}
.light-theme .team-orbit-copy{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  width:min(660px,48vw);
  transform:translate(-50%,-42%);
  text-align:center;
  color:#fff!important;
}
.light-theme .team-orbit-copy h2{
  margin:0;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(42px,4.4vw,68px);
  font-weight:700;
  line-height:.98;
  letter-spacing:-.052em;
}
.light-theme .team-orbit-copy h2 em{
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:400;
  font-style:italic;
  letter-spacing:-.045em;
}
.light-theme .team-orbit-copy p{
  width:min(590px,100%);
  margin:38px auto 34px;
  color:rgba(255,255,255,.78)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(16px,1.45vw,21px);
  line-height:1.62;
  letter-spacing:-.018em;
}
.light-theme .team-orbit-cta{
  display:inline-flex;
  min-height:58px;
  align-items:center;
  justify-content:center;
  padding:0 28px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:10px;
  background:rgba(20,20,20,.72);
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:16px;
  font-weight:700;
  text-decoration:none;
  -webkit-backdrop-filter:blur(14px) saturate(115%);
  backdrop-filter:blur(14px) saturate(115%);
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.light-theme .team-orbit-cta:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.72);background:rgba(30,30,30,.88)}
.light-theme .team-orbit-photo{
  position:absolute;
  z-index:2;
  margin:0;
  width:clamp(126px,11vw,176px);
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:20px;
  background:#f7f7f6;
  border:1px solid rgba(255,255,255,.32);
  box-shadow:0 22px 55px rgba(0,0,0,.34),0 2px 10px rgba(0,0,0,.28);
  transform-origin:center;
}
.light-theme .team-orbit-photo img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center 18%;
  filter:saturate(.92) contrast(1.02);
}
.light-theme .team-orbit-photo--1{left:8%;top:31%;transform:rotate(7deg)}
.light-theme .team-orbit-photo--2{left:31%;top:9%;transform:rotate(3deg)}
.light-theme .team-orbit-photo--3{right:31%;top:9%;transform:rotate(-3deg)}
.light-theme .team-orbit-photo--4{right:8%;top:31%;transform:rotate(-7deg)}
.light-theme .team-orbit-photo--5{left:3%;bottom:8%;transform:rotate(10deg)}
.light-theme .team-orbit-photo--6{left:24%;bottom:4%;transform:rotate(-4deg)}
.light-theme .team-orbit-photo--7{right:24%;bottom:4%;transform:rotate(4deg)}
.light-theme .team-orbit-photo--8{right:3%;bottom:8%;transform:rotate(-10deg)}

/* Dedicated team page: use the supplied team portraits instead of placeholders. */
.light-theme.dark-ref .team-grid--photos{gap:10px!important;background:transparent!important;border:0!important}
.light-theme.dark-ref .team-grid--photos .member--photo{
  min-height:0!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  background:#f7f7f6!important;
  border:1px solid rgba(9,10,11,.10)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 12px 34px rgba(10,10,11,.055)!important;
}
.light-theme.dark-ref .team-grid--photos .member--photo:before,
.light-theme.dark-ref .team-grid--photos .member--photo:after{display:none!important}
.light-theme.dark-ref .team-grid--photos .member--photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 16%}

@media(max-width:1050px){
  .light-theme .impact-stat{width:min(900px,90vw);font-size:clamp(40px,6vw,64px)}
  .light-theme .team-orbit-shell{min-height:760px}
  .light-theme .team-orbit-photo{width:clamp(116px,14vw,154px)}
  .light-theme .team-orbit-copy{width:min(590px,54vw)}
  .light-theme .team-orbit-photo--1{left:3%;top:31%}.light-theme .team-orbit-photo--4{right:3%;top:31%}
  .light-theme .team-orbit-photo--2{left:26%;top:8%}.light-theme .team-orbit-photo--3{right:26%;top:8%}
  .light-theme .team-orbit-photo--6{left:21%;bottom:5%}.light-theme .team-orbit-photo--7{right:21%;bottom:5%}
}
@media(max-width:760px){
  .light-theme .impact-rotator{min-height:240px;padding:44px 20px}
  .light-theme .impact-stat{font-size:clamp(35px,10.8vw,54px);line-height:1.02;letter-spacing:-.052em}
  .light-theme .impact-stat em{white-space:normal}
  .light-theme .team-orbit-shell{min-height:0;padding:64px 18px 74px}
  .light-theme .team-orbit{min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}
  .light-theme .team-orbit-photo{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;border-radius:14px!important;transform:none!important;box-shadow:0 12px 28px rgba(0,0,0,.24)}
  .light-theme .team-orbit-photo--1{transform:rotate(-2deg)!important}.light-theme .team-orbit-photo--2{transform:rotate(2deg)!important}.light-theme .team-orbit-photo--3{transform:rotate(-1.5deg)!important}.light-theme .team-orbit-photo--4{transform:rotate(1.5deg)!important}
  .light-theme .team-orbit-photo--5{transform:rotate(1.5deg)!important}.light-theme .team-orbit-photo--6{transform:rotate(-1.5deg)!important}.light-theme .team-orbit-photo--7{transform:rotate(2deg)!important}.light-theme .team-orbit-photo--8{transform:rotate(-2deg)!important}
  .light-theme .team-orbit-copy{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:auto!important;grid-column:1/-1;margin:46px 10px 42px}
  .light-theme .team-orbit-copy h2{font-size:clamp(38px,11vw,56px)}
  .light-theme .team-orbit-copy p{font-size:16px;margin:28px auto 28px}
  .light-theme .team-orbit-cta{min-height:54px;font-size:15px}
}
@media(max-width:480px){
  .light-theme .team-orbit{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .light-theme .team-orbit-photo{border-radius:16px!important}
  .light-theme .team-orbit-copy{margin:38px 4px}
}
@media(prefers-reduced-motion:reduce){
  .light-theme .impact-stat{transition:none!important;transform:none!important;filter:none!important}
}
.light-theme .impact-rotator.reduced-motion .impact-stat{transition:none!important;transform:none!important;filter:none!important}


/* ARKEA protected media */
img[data-protected-image="true"]{
  -webkit-user-drag:none;
  -webkit-user-select:none;
  user-select:none;
}

/* V16 — FULL-FRAME HERO VIDEO, NO CROPPING.
   The supplied source is 800×342 (aspect 400/171 ≈ 2.339:1). The visible
   foreground media always uses object-fit: contain, so every pixel of every
   frame remains inside the viewport. On desktop the hero tracks the source
   aspect ratio closely so the full video occupies the hero without cover-crop. */
.light-theme.home-ref .home-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#050505!important;
  background-image:none!important;
}
.light-theme.home-ref .home-hero .hero-motion-media{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  background:#050505!important;
  filter:saturate(.82) contrast(1.06) brightness(.64)!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
.light-theme.home-ref .home-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.54) 42%,rgba(0,0,0,.28) 72%,rgba(0,0,0,.32) 100%),
    linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.22) 46%,rgba(0,0,0,.64) 100%)!important;
}
.light-theme.home-ref .home-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  height:auto!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 78% 24%,rgba(212,175,55,.045),transparent 32%)!important;
}
.light-theme.home-ref .home-hero>.wrap{
  position:relative!important;
  z-index:2!important;
}
@media (min-width:701px){
  .light-theme.home-ref .home-hero{
    /* 342 / 800 = 42.75vw. The clamps only protect small/very-wide screens. */
    height:clamp(620px,42.75vw,860px)!important;
    min-height:clamp(620px,42.75vw,860px)!important;
  }
}
@media (max-width:700px){
  .light-theme.home-ref .home-hero{
    min-height:82vh!important;
    height:auto!important;
    background:#050505!important;
  }
  .light-theme.home-ref .home-hero .hero-motion-media{
    object-fit:contain!important;
    object-position:50% 50%!important;
    filter:saturate(.80) contrast(1.07) brightness(.58)!important;
  }
  .light-theme.home-ref .home-hero::before{
    background:
      linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.50) 68%,rgba(0,0,0,.30) 100%),
      linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.68))!important;
  }
}
/* Keep requested brand motion active; never swap this hero for a poster. */
@media (prefers-reduced-motion:reduce){
  .light-theme.home-ref .home-hero{background-image:none!important}
  .light-theme.home-ref .home-hero .hero-motion-media{display:block!important}
}

/* V17 — exact user-supplied animated WebP, full native sequence.
   This element is the ONLY visual source for the hero motion. Browser-native
   animated WebP playback consumes all 44 embedded frames in order and loops
   only when the file reaches its own final frame (Iterations: 0). */
.light-theme.home-ref .home-hero{
  background:#050505!important;
  background-image:none!important;
}
.light-theme.home-ref .home-hero .hero-motion-media{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#050505!important;
  filter:saturate(.84) contrast(1.05) brightness(.58)!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
/* Never replace or hide the supplied animation because of reduced-motion. */
@media (prefers-reduced-motion:reduce){
  .light-theme.home-ref .home-hero .hero-motion-media{display:block!important}
}

/* V18 — RESTORE THE ORIGINAL HERO EXPERIENCE + TRUE 25 SECOND WEBP CYCLE.
   The animated WebP is centered exactly like the pre-contain hero, fills the
   hero naturally with object-fit:cover, and its internal animation metadata is
   a full 25.00-second cycle before looping. No JS timer restarts it. */
.light-theme.home-ref .home-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:92vh!important;
  height:auto!important;
  padding:8rem 0 clamp(3rem,6vw,6rem)!important;
  display:flex!important;
  align-items:flex-end!important;
  background:#070707!important;
  background-image:none!important;
}
.light-theme.home-ref .home-hero .hero-motion-media{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  background:transparent!important;
  filter:saturate(.80) contrast(1.08) brightness(.60)!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
.light-theme.home-ref .home-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.60) 43%,rgba(0,0,0,.43) 74%,rgba(0,0,0,.48) 100%),
    linear-gradient(180deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,.34) 44%,rgba(0,0,0,.72) 100%)!important;
}
.light-theme.home-ref .home-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  height:auto!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 78% 24%,rgba(212,175,55,.05),transparent 32%)!important;
}
.light-theme.home-ref .home-hero>.wrap{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:1024px){
  .light-theme.home-ref .home-hero{min-height:86vh!important}
}
@media(max-width:700px){
  .light-theme.home-ref .home-hero{
    min-height:82vh!important;
    padding:7.2rem 0 3.4rem!important;
  }
  .light-theme.home-ref .home-hero .hero-motion-media{
    object-fit:cover!important;
    object-position:58% 50%!important;
    filter:brightness(.60) contrast(1.14) saturate(.74) sepia(.055)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .light-theme.home-ref .home-hero .hero-motion-media{display:block!important}
}

/* V19 — definitive hero playback: the visible motion comes only from the
   animated WebP element. The full 25-second sequence advances from first to
   last frame before its native loop restarts. Preserve the centered V18 crop. */
.light-theme.home-ref .home-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:92vh!important;
  height:auto!important;
  background:#070707!important;
  background-image:none!important;
}
.light-theme.home-ref .home-hero .hero-motion-media{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  filter:saturate(.80) contrast(1.08) brightness(.60)!important;
  background:transparent!important;
}
@media(max-width:700px){
  .light-theme.home-ref .home-hero .hero-motion-media{
    object-fit:cover!important;
    object-position:58% 50%!important;
  }
}


/* V22 — five-image hero slideshow. The first image is immediate. Later images
   crossfade every 9s, repeat for 3 minutes, then freeze. The hero remains centered. */
.light-theme.home-ref .home-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:92vh!important;
  height:auto!important;
  background:#070707!important;
  background-image:none!important;
}
.light-theme.home-ref .hero-slideshow{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  background:#070707!important;
  pointer-events:none!important;
}
.light-theme.home-ref .hero-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  display:block!important;
  opacity:0;
  z-index:0;
  filter:brightness(.64) contrast(1.13) saturate(.76) sepia(.055)!important;
  transition:opacity 1.2s cubic-bezier(.22,1,.36,1)!important;
  will-change:opacity;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}

/* Subtle per-frame color grading: neutral/cinematic, no fixed brand tint. */
.light-theme.home-ref .hero-slide:nth-child(2){filter:brightness(.62) contrast(1.15) saturate(.74) sepia(.075)!important}
.light-theme.home-ref .hero-slide:nth-child(3){filter:brightness(.65) contrast(1.12) saturate(.72) sepia(.045)!important}
.light-theme.home-ref .hero-slide:nth-child(4){filter:brightness(.61) contrast(1.16) saturate(.77) sepia(.065)!important}
.light-theme.home-ref .hero-slide:nth-child(5){filter:brightness(.63) contrast(1.14) saturate(.73) sepia(.05)!important}
.light-theme.home-ref .hero-slide.is-active{opacity:1}
.light-theme.home-ref .hero-slide.is-entering{opacity:1;z-index:1}
.light-theme.home-ref .home-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.60) 43%,rgba(0,0,0,.43) 74%,rgba(0,0,0,.48) 100%),
    linear-gradient(180deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,.34) 44%,rgba(0,0,0,.72) 100%)!important;
}
.light-theme.home-ref .home-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  height:auto!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 78% 24%,rgba(212,175,55,.05),transparent 32%)!important;
}
.light-theme.home-ref .home-hero>.wrap{position:relative!important;z-index:2!important}
@media(max-width:1024px){.light-theme.home-ref .home-hero{min-height:86vh!important}}
@media(max-width:700px){
  .light-theme.home-ref .home-hero{min-height:82vh!important;padding:7.2rem 0 3.4rem!important}
  .light-theme.home-ref .hero-slide{object-position:58% 50%!important;filter:brightness(.60) contrast(1.14) saturate(.74) sepia(.055)!important}
}
@media(prefers-reduced-motion:reduce){
  .light-theme.home-ref .hero-slide{transition-duration:.01ms!important}
}

/* V21 — first hero photo paints immediately. Crossfade is enabled only after
   the first rendered frame, so page load never starts from a black/faded hero. */
.light-theme.home-ref .hero-slideshow:not(.is-ready) .hero-slide.is-initial{
  opacity:1!important;
  transition:none!important;
  z-index:1!important;
}


/* ARKEA V31 — keep AI integrations marquee dark inside the light theme */
.light-theme.dark-ref .ai-stack{
  background:#060606!important;
  color:#eeeeee!important;
  border-color:rgba(255,255,255,.075)!important;
}
.light-theme.dark-ref .ai-stack .ai-stack__title{
  color:rgba(238,238,238,.74)!important;
  text-align:center!important;
  text-transform:uppercase!important;
  letter-spacing:.20em!important;
}
.light-theme.dark-ref .ai-stack .ai-logo{
  color:rgba(238,238,238,.80)!important;
}
.light-theme.dark-ref .ai-stack .ai-logo__name{
  color:currentColor!important;
}
.light-theme.dark-ref .ai-stack .ai-logo:hover{
  color:#ffffff!important;
}
.light-theme.dark-ref .ai-stack .ai-marquee__track{
  align-items:center;
}
.light-theme.dark-ref .ai-stack .ai-marquee__group{
  justify-content:space-evenly;
  min-width:100vw;
}
@media(max-width:700px){
  .light-theme.dark-ref .ai-stack .ai-stack__title{
    color:rgba(238,238,238,.78)!important;
    letter-spacing:.16em!important;
  }
}

/* ARKEA V37 — header cleanup requested 2026-09-04.
   White edge illumination around the brand, plain ES/EN labels, no selector pills. */
.nav__brand{
  position:relative!important;
  isolation:isolate;
  overflow:visible!important;
}
.nav__brand::before,
.nav__brand::after{
  content:"";
  position:absolute;
  top:50%;
  width:34px;
  height:28px;
  border-radius:50%;
  background:rgba(255,255,255,.78);
  filter:blur(18px);
  opacity:.62;
  pointer-events:none;
  z-index:-1;
  transform:translateY(-50%);
}
.nav__brand::before{left:2px;}
.nav__brand::after{right:4px;}

/* Language switcher: text only. No outer capsule and no active-item box. */
.langsw,
.light-theme .langsw,
.light-theme.home-ref .langsw,
.light-theme .nav__lang .langsw,
.light-theme.home-ref .nav__lang .langsw,
.light-theme .nav__drawer-lang.langsw{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  padding:0!important;
  gap:.42rem!important;
}
.langsw__l,
.light-theme .langsw__l,
.light-theme.home-ref .langsw__l,
.light-theme .nav__lang .langsw__l,
.light-theme.home-ref .nav__lang .langsw__l,
.light-theme .nav__drawer-lang.langsw .langsw__l{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:.28rem .10rem!important;
}
.langsw__l.is-on,
.light-theme .langsw__l.is-on,
.light-theme.home-ref .langsw__l.is-on,
.light-theme .nav__lang .langsw__l.is-on,
.light-theme.home-ref .nav__lang .langsw__l.is-on,
.light-theme .nav__drawer-lang.langsw .langsw__l.is-on{
  background:transparent!important;
  box-shadow:none!important;
}
.light-theme.home-ref .nav__lang .langsw__l.is-on{color:#fff!important;}
.light-theme:not(.home-ref) .nav__lang .langsw__l.is-on{color:var(--light-ink)!important;}

@media(max-width:700px){
  .nav__brand::before,.nav__brand::after{
    width:25px;
    height:22px;
    filter:blur(14px);
    opacity:.52;
  }
}

/* ARKEA V38 — keep the header Contact CTA legible on light pages. */
.light-theme.dark-ref .nav__primary-cta,
.light-theme .nav__primary-cta{
  color:#fff!important;
}
.light-theme .nav__drawer>a.nav__drawer-cta,
.light-theme.dark-ref .nav__drawer>a.nav__drawer-cta{
  color:#fff!important;
}