*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;font-size:17px;line-height:1.47;letter-spacing:-.022em}
::selection{background:rgba(243,127,13,.12)}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:none;background:none;cursor:pointer;font:inherit}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{border-radius:3px}.dk ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)}.lt ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.16)}
.pg{transition:background .6s,color .6s}.dk{background:#050506;color:#f0f0f2}.lt{background:#fafafa;color:#1d1d1f}

/* ═══ NAV ═══ */
.nv{position:fixed;top:0;left:0;right:0;z-index:200;height:48px;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);transition:background .4s}
.dk .nv{background:rgba(8,8,10,.88);border-bottom:1px solid rgba(255,255,255,.16)}
.lt .nv{background:rgba(251,251,253,.8);border-bottom:.5px solid rgba(0,0,0,.16)}
.nv-w{max-width:980px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 22px}
.nv-logo{font-size:21px;font-weight:700;letter-spacing:-.03em;transition:opacity .3s}.nv-logo:hover{opacity:.7}
.nv-r{display:flex;gap:0;align-items:center}
.nv-btn{font-size:12px;padding:0 12px;height:48px;display:flex;align-items:center;opacity:.75;transition:opacity .25s,background .25s;position:relative}
.dk .nv-btn{color:#f5f5f7}.lt .nv-btn{color:#1d1d1f}
.nv-btn:hover{opacity:1}
.nv-btn::after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:2px;background:#f37f0d;transform:scaleX(0);transition:transform .3s cubic-bezier(.25,.1,.25,1)}
.nv-btn.on::after{transform:scaleX(1)}
.nv-sep{width:1px;height:16px;margin:0 4px;opacity:.1}.dk .nv-sep{background:#fff}.lt .nv-sep{background:#000}
/* tg removed */
/* tg removed */
/* tg removed */
/* tg removed */

/* ═══ MEGA MENU ═══ */
.ov{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,0);backdrop-filter:blur(0px);pointer-events:none;visibility:hidden;opacity:0;transition:all .4s cubic-bezier(.25,.1,.25,1),visibility 0s .4s}
.ov.open{background:rgba(0,0,0,.48)}
.lt .ov.open{background:rgba(0,0,0,.2);backdrop-filter:blur(20px);pointer-events:auto;visibility:visible;opacity:1;transition:all .4s cubic-bezier(.25,.1,.25,1),visibility 0s}
.mg{position:fixed;top:48px;left:0;right:0;z-index:180;padding:0;max-height:0;opacity:0;overflow:hidden;pointer-events:none;visibility:hidden;transition:max-height .45s cubic-bezier(.25,.1,.25,1),opacity .35s,padding .35s,visibility 0s .5s}
.mg.open{max-height:380px;opacity:1;padding:36px 0 44px;pointer-events:auto;visibility:visible;transition:max-height .45s cubic-bezier(.25,.1,.25,1),opacity .35s,padding .35s,visibility 0s}
.dk .mg{background:rgba(22,22,24,.98)}.lt .mg{background:rgba(251,251,253,.98);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
.mg-w{max-width:980px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.mg-h{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}
.dk .mg-h{color:rgba(255,255,255,.65)}.lt .mg-h{color:rgba(0,0,0,.4)}
.mg-l{display:block;font-size:14px;padding:6px 0;transition:color .2s,transform .2s,padding-left .2s;border-left:2px solid transparent;padding-left:0}
.dk .mg-l{color:rgba(255,255,255,.8)}.lt .mg-l{color:rgba(0,0,0,.7)}
.mg-l:hover{color:#f37f0d;padding-left:8px;border-left-color:#f37f0d}

/* ═══ HERO ═══ */
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:88px 22px 60px;position:relative;overflow:hidden}
.hero-ey{font-size:17px;color:#f37f0d;margin-bottom:14px;letter-spacing:0}
.hero-h{font-size:clamp(60px,12vw,104px);font-weight:700;letter-spacing:-.06em;line-height:.92}
.dk .hero-h{background:linear-gradient(180deg,#fff 30%,rgba(255,255,255,.65) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:clamp(19px,2.5vw,28px);margin-top:24px;max-width:620px;line-height:1.35;letter-spacing:-.025em}
.dk .hero-sub{color:rgba(255,255,255,.3)}.lt .hero-sub{color:#3a3a3d}
.hlk{display:flex;gap:28px;margin-top:36px;flex-wrap:wrap;justify-content:center}
.lk{font-size:21px;color:#f37f0d;display:inline-flex;align-items:center;gap:.2em;transition:gap .3s cubic-bezier(.25,.1,.25,1)}.lk:hover{gap:.45em}
.la{font-size:1.2em;line-height:1}
.lk--s{font-size:21px}.dk .lk--s{color:rgba(255,255,255,.3)}.lt .lk--s{color:#3a3a3d}
.lk--sm{font-size:17px}.lk--xs{font-size:14px}
.sci{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;margin:200px auto 0!important;width:24px;height:40px;border-radius:12px;display:flex;justify-content:center;z-index:10;cursor:pointer;text-decoration:none}
.dk .sci{border:2px solid rgba(255,255,255,.18)}.lt .sci{border:2px solid rgba(0,0,0,.14)}
.sci::after{content:"";width:4px;height:8px;border-radius:2px;margin-top:6px;animation:sb 2.2s ease-in-out infinite}
.dk .sci::after{background:rgba(255,255,255,.15)}.lt .sci::after{background:rgba(0,0,0,.1)}
@keyframes sb{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(10px);opacity:.7}}

/* ═══ PLACEHOLDER IMAGES ═══ */
.ph{width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ph--hero{min-height:480px;max-height:640px}
.ph--short{min-height:320px;max-height:480px}
.ph--card{min-height:100%;border-radius:24px}
.ph-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.6);position:absolute;bottom:16px;right:24px}

/* ═══ LEAD ═══ */
.ld{max-width:980px;margin:0 auto;text-align:center;padding:clamp(80px,10vw,140px) 22px}
.ld p{font-size:clamp(19px,2.2vw,24px);line-height:1.55;letter-spacing:-.02em;max-width:680px;margin:0 auto}
.dk .ld p{color:rgba(255,255,255,.65)}.lt .ld p{color:#3a3a3d}

/* ═══ SECTION ═══ */
.sec{padding:clamp(100px,12vw,160px) 22px}
.sec--alt{transition:background .6s}.dk .sec--alt{background:#0c0c0e}.lt .sec--alt{background:#f2f2f4}
.sec-w{max-width:980px;margin:0 auto;padding:0 22px}
.ey{font-size:17px;color:#f37f0d;margin-bottom:8px;letter-spacing:0}
.sh{font-size:clamp(48px,7vw,72px);font-weight:700;letter-spacing:-.05em;line-height:1.02;margin-bottom:12px}
.sh-sub{font-size:clamp(21px,2.5vw,28px);letter-spacing:-.025em;line-height:1.3;margin-bottom:8px}
.dk .sh-sub{color:rgba(255,255,255,.6)}.lt .sh-sub{color:#6e6e73}
.ssub{font-size:17px;max-width:520px;line-height:1.5;margin-bottom:clamp(48px,6vw,80px)}
.dk .ssub{color:rgba(255,255,255,.28)}.lt .ssub{color:#3a3a3d}

/* ═══ CARD GRID ═══ */
.cg{display:grid;gap:12px}
.cg--2{grid-template-columns:repeat(2,1fr)}
.cg--3{grid-template-columns:repeat(3,1fr)}
.cg--asym{grid-template-columns:1.3fr 1fr}
.cg [data-r]{height:100%}
.cg [data-r]>.c{height:100%}

/* ═══ CARD BASE ═══ */
.c{border-radius:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,3vw,40px);text-decoration:none;color:inherit;transition:transform .6s cubic-bezier(.25,.1,.25,1);min-height:260px}
.c:hover{transform:scale(1.005)}
.c--tall{min-height:440px}

/* gradient bg placeholder */
.c--grad{border:none}
.c--grad .c-nm{color:#fff}.c--grad .c-net{color:rgba(255,255,255,.6)!important}.c--grad .c-ds{color:rgba(255,255,255,.5)}
.c--grad .c-fav{background:rgba(255,255,255,.15)!important}
.c--grad .c-ph{position:absolute;top:24px;right:24px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.2)}

/* glass */
.dk .c--glass{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16)}
.lt .c--glass{background:#fff;border:1px solid rgba(0,0,0,.14);box-shadow:0 1px 3px rgba(0,0,0,.03)}
.dk .c--glass:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.1)}.lt .c--glass:hover{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.14);border-color:rgba(0,0,0,.16)}
.dk .c--glass .c-ds{color:rgba(255,255,255,.65)}.lt .c--glass .c-ds{color:#3a3a3d}

/* dark */
.c--dk{background:#111;color:#f5f5f7;border:1px solid rgba(255,255,255,.18)}
.lt .c--dk{background:#1d1d1f;color:#f5f5f7}
.c--dk .c-ds{color:rgba(255,255,255,.65)}

/* outline */
.c--outline{border:1.5px solid var(--oc,#555);background:transparent}
.dk .c--outline{background:rgba(255,255,255,.18)}.lt .c--outline{background:rgba(0,0,0,.01)}
.c--outline:hover{background:rgba(255,255,255,.09)}.lt .c--outline:hover{background:rgba(0,0,0,.02)}
.dk .c--outline .c-ds{color:rgba(255,255,255,.3)}.lt .c--outline .c-ds{color:#3a3a3d}

/* glow */
.c--glow{background:radial-gradient(ellipse at bottom,color-mix(in srgb,var(--gc) 12%,transparent) 0%,transparent 70%);border:1px solid rgba(255,255,255,.18)}
.lt .c--glow{background:radial-gradient(ellipse at bottom,color-mix(in srgb,var(--gc) 8%,transparent) 0%,#f5f5f7 70%);border:1px solid transparent}
.dk .c--glow .c-ds{color:rgba(255,255,255,.65)}.lt .c--glow .c-ds{color:#3a3a3d}

/* tagline */
.c--tag{justify-content:flex-start;padding-top:clamp(36px,4vw,52px)}
.c-phrase{font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.035em;line-height:1.06;margin-bottom:auto;padding-bottom:28px;display:block}

/* centered */
.c--center{justify-content:center;align-items:center;text-align:center;padding:clamp(36px,4vw,52px);min-height:280px}
.c-cw{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:16px}

/* split */
.c--split{flex-direction:row;padding:0;min-height:260px;height:100%}
.c-si{width:42%;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:24px 0 0 24px;overflow:hidden}
.c-st{padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;justify-content:center;flex:1}
.dk .c--split{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.045)}
.lt .c--split{background:#f5f5f7;border:1px solid transparent}
.dk .c--split .c-ds{color:rgba(255,255,255,.3)}.lt .c--split .c-ds{color:#3a3a3d}

/* card atoms */
.c-fav{width:36px;height:36px;border-radius:10px;object-fit:contain;margin-bottom:12px;padding:4px}
.dk .c-fav{background:rgba(255,255,255,.16)}.lt .c-fav{background:rgba(0,0,0,.03)}
.c-fav--lg{width:52px;height:52px;border-radius:14px;margin-bottom:14px;padding:6px}
.c-fav--xxl{width:72px;height:72px;border-radius:20px;padding:8px}
.c-net{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;display:block}
.c-bg{font-size:10px;font-weight:500;padding:3px 9px;border-radius:980px;display:inline-block;width:fit-content;margin-bottom:8px}
.c-bg--on{background:rgba(16,185,129,.12);color:#10B981}
.c-bg--dev{background:rgba(59,130,246,.12);color:#60a5fa}
.c-bg--soon{background:rgba(255,255,255,.16);color:rgba(255,255,255,.6)}.lt .c-bg--soon{background:rgba(0,0,0,.16);color:#3a3a3d}
.c-nm{font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.025em;margin-bottom:6px;display:block}
.c-ds{font-size:14px;line-height:1.5;margin-bottom:12px;display:block}

/* ═══ CAROUSEL ═══ */
.carousel{position:relative;overflow:hidden;padding:0 22px}
.carousel-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.carousel-track::-webkit-scrollbar{display:none}
.carousel-card{flex:0 0 280px;scroll-snap-align:start;border-radius:20px;padding:clamp(24px,3vw,32px);display:flex;flex-direction:column;justify-content:flex-end;min-height:200px;transition:transform .4s}
.carousel-card:hover{transform:translateY(-4px)}
.dk .carousel-card--glass{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18)}
.lt .carousel-card--glass{background:#f5f5f7}
.carousel-nav{display:flex;gap:8px;justify-content:center;margin-top:20px}
.carousel-dot{width:8px;height:8px;border-radius:4px;transition:all .3s}
.dk .carousel-dot{background:rgba(255,255,255,.15)}.lt .carousel-dot{background:rgba(0,0,0,.1)}
.carousel-dot.on{width:24px}.dk .carousel-dot.on{background:rgba(255,255,255,.5)}.lt .carousel-dot.on{background:rgba(0,0,0,.3)}

/* ═══ BAND ═══ */
.band{width:100%;text-align:center;padding:clamp(140px,18vw,240px) 22px}
.bh{font-size:clamp(48px,8vw,88px);font-weight:700;letter-spacing:-.055em;line-height:.98;max-width:900px;margin:0 auto}
.bsub{font-size:clamp(17px,2vw,21px);max-width:520px;margin:20px auto 0;line-height:1.5}
.dk .bsub{color:rgba(255,255,255,.3)}.lt .bsub{color:#3a3a3d}
.band--aegis{background:linear-gradient(145deg,#12061a 0%,#0a0810 40%,#080c14 100%);color:#f5f5f7}
.band--aegis .bsub{color:rgba(255,255,255,.65)}
.band--cta{transition:background .6s}.dk .band--cta{background:#0a0a0c}.lt .band--cta{background:#f0f0f2}

/* ═══ NETWORK ═══ */
.nr{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.nc{border-radius:20px;padding:36px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .5s cubic-bezier(.25,.1,.25,1),box-shadow .4s;text-decoration:none;color:inherit}
.dk .nc{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18)}
.lt .nc{background:#fff;border:1px solid rgba(0,0,0,.16)}
.nc:hover{transform:translateY(-8px)}.dk .nc:hover{box-shadow:0 16px 48px rgba(0,0,0,.4)}.lt .nc:hover{box-shadow:0 12px 40px rgba(0,0,0,.16)}
.nc-dot{width:8px;height:8px;border-radius:4px;margin-bottom:8px}
.nc-n{font-size:17px;font-weight:700}
.nc-cnt{font-size:12px}.dk .nc-cnt{color:rgba(255,255,255,.60)}.lt .nc-cnt{color:#3a3a3d}
.nc-d{font-size:11px;line-height:1.4}.dk .nc-d{color:rgba(255,255,255,.2)}.lt .nc-d{color:#6e6e73}

/* ═══ STUDIOS SPLIT ═══ */
.sp{display:grid;grid-template-columns:1fr 1fr;min-height:clamp(420px,52vw,600px)}
.sp-i{overflow:hidden;position:relative}
.sp-i .ph{height:100%}
.sp-t{display:flex;flex-direction:column;justify-content:center;padding:clamp(52px,6vw,88px)}
.sp--std{background:#0a0908}.sp--std .sp-t{color:#F4EBE2}
.sp-est{font-size:14px;color:#9e958a;margin-bottom:8px;letter-spacing:.02em}
.sp-hs{font-family:Georgia,'Times New Roman',serif;font-weight:200;font-style:italic;font-size:clamp(38px,5.5vw,56px);letter-spacing:-.02em;margin-bottom:18px;color:#F4EBE2}
.sp-p{font-size:17px;line-height:1.47;color:#d4cbbf}
.sp-meta{font-size:14px;color:#9e958a;margin-top:8px}

/* ═══ STATS ═══ */
.sts{display:grid;grid-template-columns:repeat(4,1fr);max-width:980px;margin:0 auto;padding:clamp(80px,10vw,140px) 22px;text-align:center}
.stn{font-size:clamp(56px,10vw,88px);font-weight:700;letter-spacing:-.055em;line-height:1}
.dk .stn{background:linear-gradient(180deg,#fff 25%,rgba(255,255,255,.60) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stl{font-size:14px;margin-top:8px;letter-spacing:0}.dk .stl{color:rgba(255,255,255,.60)}.lt .stl{color:#3a3a3d}

/* ═══ BUYSTRIP ═══ */
.bs{transition:background .6s}.dk .bs{background:#08080a;border-top:1px solid rgba(255,255,255,.18)}.lt .bs{background:#f4f4f6;border-top:.5px solid rgba(0,0,0,.14)}
.bs-w{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);padding:0 22px}
.bs-item{padding:clamp(36px,5vw,64px) clamp(16px,2vw,28px);text-align:center}
.bs-item:not(:last-child){transition:border-color .6s}.dk .bs-item:not(:last-child){border-right:1px solid rgba(255,255,255,.18)}.lt .bs-item:not(:last-child){border-right:.5px solid rgba(0,0,0,.14)}
.bs-icon{margin:0 auto 16px;display:flex;justify-content:center}.dk .bs-icon{color:rgba(255,255,255,.6)}.lt .bs-icon{color:#3a3a3d}
.bs-item h3{font-size:15px;font-weight:600;margin-bottom:8px}
.bs-item p{font-size:13px;line-height:1.5;margin-bottom:12px}.dk .bs-item p{color:rgba(255,255,255,.3)}.lt .bs-item p{color:#3a3a3d}

/* ═══ FOOTER ═══ */
.ft{transition:background .6s;padding:clamp(36px,5vw,64px) 0 24px}
.dk .ft{background:#08080a;border-top:1px solid rgba(255,255,255,.18)}.lt .ft{background:#f2f2f4;border-top:.5px solid rgba(0,0,0,.14)}
.ft-w{max-width:980px;margin:0 auto;padding:0 22px}
.ft-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding-bottom:28px}
.ft-c h5{font-size:12px;font-weight:600;margin-bottom:14px}.dk .ft-c h5{color:rgba(255,255,255,.6)}.lt .ft-c h5{color:rgba(0,0,0,.85)}
.ft-c a{display:block;font-size:12px;padding:4px 0;transition:color .2s}.dk .ft-c a{color:rgba(255,255,255,.65)}.lt .ft-c a{color:rgba(0,0,0,.5)}.ft-c a:hover{color:#f37f0d}
.ft-more{font-size:12px;padding:16px 0}.dk .ft-more{color:rgba(255,255,255,.60);border-top:1px solid rgba(255,255,255,.18)}.lt .ft-more{color:rgba(0,0,0,.4);border-top:.5px solid rgba(0,0,0,.14)}.ft-more a{margin-left:8px;transition:color .2s}.ft-more a:hover{color:#f37f0d}
.ft-legal{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:12px;padding:16px 0}.dk .ft-legal{color:rgba(255,255,255,.35);border-top:1px solid rgba(255,255,255,.18)}.lt .ft-legal{color:rgba(0,0,0,.4);border-top:.5px solid rgba(0,0,0,.14)}
.ft-lk{display:flex;gap:0;flex-wrap:wrap}.ft-lk a{transition:color .2s}.ft-lk a:hover{color:#f37f0d}
.ft-sep{margin:0 6px;opacity:.25}
.ft-corp{font-size:11px;padding:12px 0 0}.dk .ft-corp{color:rgba(255,255,255,.25)}.lt .ft-corp{color:rgba(0,0,0,.3)}

/* ═══ REVEAL ═══ */
[data-r]{opacity:0;transform:translateY(50px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}
[data-r].vis{opacity:1;transform:none}

/* ═══ STAGGER HELPERS ═══ */
.stk{display:grid;gap:12px;height:100%}

/* ═══ RESPONSIVE ═══ */
@media(max-width:834px){.nv-r{gap:8px}
  .cg--2,.cg--3,.cg--asym,.nr,.sts,.bs-w{grid-template-columns:1fr}
  .sp{grid-template-columns:1fr}
  .c--tall{min-height:300px}
  .c--split{flex-direction:column;min-height:auto}.c-si{width:100%;min-height:200px;border-radius:24px 24px 0 0}
  .hero{min-height:75vh}.sci{display:none}
  .mg-w{grid-template-columns:1fr;gap:28px}
  .ft-legal{flex-direction:column}
  .carousel-card{flex:0 0 85vw}
}

/* ═══ SUBNAV ═══ */
.subnav{height:44px;display:flex;align-items:center;position:sticky;top:48px;z-index:90;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);transition:background .4s}
.dk .subnav{background:rgba(0,0,0,.72);border-bottom:1px solid rgba(255,255,255,.18)}
.lt .subnav{background:rgba(251,251,253,.85);border-bottom:.5px solid rgba(0,0,0,.14)}
.subnav-w{max-width:980px;margin:0 auto;padding:0 22px;width:100%;display:flex;align-items:center;gap:28px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.subnav-w::-webkit-scrollbar{display:none}
.subnav-l{font-size:12px;white-space:nowrap;padding:12px 0;position:relative;transition:color .2s,opacity .2s;opacity:.55}
.subnav-l:hover{opacity:1}
.subnav-l.is-on{opacity:1;font-weight:600}
.subnav-l.is-on::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#f37f0d}
.subnav-l--p{color:#f37f0d!important;font-weight:600!important;opacity:1!important;padding-right:24px}
.subnav-l--p::after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:1px;height:14px;opacity:.15}
.dk .subnav-l--p::after{background:#fff}.lt .subnav-l--p::after{background:#000}

/* ═══ PAGE LAYOUT ═══ */
.page{min-height:60vh}
.page-hero{text-align:center;padding:clamp(100px,14vw,180px) 22px clamp(48px,6vw,80px)}
.page-hero-w{max-width:980px;margin:0 auto;padding:0 22px}
.page-body{padding-bottom:clamp(64px,8vw,120px)}

/* ═══ PREV/NEXT ═══ */
.pn{display:grid;grid-template-columns:1fr 1fr;transition:border-color .4s;width:100%}
.dk .pn{border-top:1px solid rgba(255,255,255,.18)}.lt .pn{border-top:.5px solid rgba(0,0,0,.14)}
.pn-item{display:block;padding:clamp(32px,4vw,56px) clamp(24px,3vw,48px);text-decoration:none;color:inherit;transition:background .3s}
.dk .pn-item:hover{background:rgba(255,255,255,.18)}.lt .pn-item:hover{background:rgba(0,0,0,.02)}
.pn-label{font-size:13px;display:flex;align-items:center;gap:6px;margin-bottom:8px}
.dk .pn-label{color:rgba(255,255,255,.3)}.lt .pn-label{color:#3a3a3d}
.pn-label svg{stroke:currentColor;flex-shrink:0;transition:transform .3s}
.pn-prev:hover .pn-label svg{transform:translateX(-4px)}
.pn-next:hover .pn-label svg{transform:translateX(4px)}
.pn-title{font-size:clamp(21px,3vw,28px);font-weight:700;letter-spacing:-.025em;transition:color .3s}
.pn-item:hover .pn-title{color:#f37f0d}
.pn-next{text-align:right;transition:border-color .4s}
.dk .pn-next{border-left:1px solid rgba(255,255,255,.18)}.lt .pn-next{border-left:.5px solid rgba(0,0,0,.14)}
.pn-next .pn-label{justify-content:flex-end}

@media(max-width:834px){.pn{grid-template-columns:1fr 1fr}.pn-next{text-align:right;border-left:none}.dk .pn-next{border-top:1px solid rgba(255,255,255,.18)}.lt .pn-next{border-top:.5px solid rgba(0,0,0,.14)}.pn-next .pn-label{justify-content:flex-end}.subnav-w{gap:20px;padding:0 16px}}
.tl-line{transition:background .4s}.dk .tl-line{background:rgba(255,255,255,.16)}.lt .tl-line{background:rgba(0,0,0,.16)}
.tl-dot{transition:background .4s,box-shadow .4s}.dk .tl-dot{background:rgba(255,255,255,.1);border:2px solid #000}.lt .tl-dot{background:rgba(0,0,0,.1);border:2px solid #fff}
.tl-now{background:#f37f0d!important;box-shadow:0 0 0 4px rgba(243,127,13,.15)}

/* Placeholder light mode override */
.lt .ph{background:linear-gradient(135deg,#e8e8e8 0%,#ddd 50%,#d0d0d0 100%)!important}
.lt .ph-label{color:rgba(0,0,0,.2)}

/* LANGA About v5 — Apple-level dynamics
   Liquid bar, mobile menu, responsive, scroll effects */

/* ═══ LIQUID NAV INDICATOR ═══ */
.nv-indicator{position:absolute;bottom:0;height:2px;background:#f37f0d;border-radius:1px;transition:left .35s cubic-bezier(.25,.1,.25,1),width .35s cubic-bezier(.25,.1,.25,1);pointer-events:none;opacity:0}
.nv-indicator.on{opacity:1}

/* ═══ NAV SCROLL HIDE/SHOW ═══ */
.nv{transition:background .4s,transform .35s cubic-bezier(.25,.1,.25,1)}
.nv.nv--hide{transform:translateY(-100%)}
.nv.nv--solid{backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px)}
.dk .nv.nv--solid{background:rgba(0,0,0,.88)}
.lt .nv.nv--solid{background:rgba(251,251,253,.92)}

/* ═══ MOBILE HAMBURGER ═══ */
.nv-ham{display:none;width:18px;height:14px;flex-direction:column;justify-content:space-between;cursor:pointer;padding:0;margin-left:12px;position:relative;z-index:210}
.nv-ham span{display:block;width:100%;height:1.5px;border-radius:1px;transition:all .35s cubic-bezier(.25,.1,.25,1)}
.dk .nv-ham span{background:#f5f5f7}.lt .nv-ham span{background:#1d1d1f}
.nv-ham.open span:nth-child(1){transform:translateY(6.25px) rotate(45deg)}
.nv-ham.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nv-ham.open span:nth-child(3){transform:translateY(-6.25px) rotate(-45deg)}

/* ═══ MOBILE NAV PANEL ═══ */
.mob{display:none;position:fixed;top:48px;left:0;right:0;bottom:0;z-index:190;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(100%);opacity:0;transition:transform .45s cubic-bezier(.25,.1,.25,1),opacity .35s;pointer-events:none}
.mob.open{transform:translateX(0);opacity:1;pointer-events:auto}.mob{padding-top:12px}
.dk .mob{background:rgba(0,0,0,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.lt .mob{background:rgba(255,255,255,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.mob-group{border-bottom:1px solid rgba(128,128,128,.08);overflow:hidden}
.mob-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px 28px;font-size:17px;font-weight:600;cursor:pointer;transition:color .2s}
.mob-toggle svg{width:12px;height:12px;transition:transform .35s cubic-bezier(.25,.1,.25,1);flex-shrink:0}
.dk .mob-toggle svg{stroke:#a1a1a6}.lt .mob-toggle svg{stroke:#3a3a3d}
.mob-group.open .mob-toggle svg{transform:rotate(90deg)}
.mob-links{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.25,.1,.25,1)}
.mob-group.open .mob-links{max-height:500px}
.mob-links a{display:block;font-size:15px;padding:10px 28px 10px 44px;transition:color .2s,padding-left .2s}
.dk .mob-links a{color:rgba(255,255,255,.5)}.lt .mob-links a{color:rgba(0,0,0,.5)}
.mob-links a:hover{color:#f37f0d;padding-left:52px}
.mob-cta{display:block;padding:28px;font-size:17px;font-weight:500;color:#f37f0d}

/* ═══ SUBNAV DEPTH BREADCRUMB ═══ */
.subnav{transition:background .4s,transform .35s cubic-bezier(.25,.1,.25,1)}
.subnav.sub--hide{transform:translateY(-100%)}

/* ═══ HERO PARALLAX ═══ */
.hero{position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:-20%;z-index:0;transition:transform .1s linear;will-change:transform}
.hero>*{position:relative;z-index:1}

/* ═══ LIQUID GRADIENT BG ═══ */
.liquid{position:relative;overflow:hidden}
.liquid::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from var(--liquid-angle,0deg) at 50% 50%,var(--liquid-c1,transparent) 0%,var(--liquid-c2,transparent) 25%,var(--liquid-c1,transparent) 50%,var(--liquid-c2,transparent) 75%,var(--liquid-c1,transparent) 100%);animation:liquidSpin 16s linear infinite;opacity:var(--liquid-opacity,.08);filter:blur(80px);pointer-events:none}
@keyframes liquidSpin{to{transform:rotate(360deg)}}

/* ═══ SCROLL PROGRESS BAR ═══ */
.scroll-bar{position:fixed;top:48px;left:0;height:2px;background:#f37f0d;z-index:199;transform-origin:left;transform:scaleX(0);transition:none;pointer-events:none}

/* ═══ CARD HOVER EFFECTS ═══ */
.c{transition:transform .6s cubic-bezier(.25,.1,.25,1),box-shadow .4s}
.c:hover{transform:scale(1.005)}
.dk .c:hover{box-shadow:0 20px 60px rgba(0,0,0,.3)}
.lt .c:hover{box-shadow:0 12px 48px rgba(0,0,0,.14)}
.c--grad:hover{transform:scale(1.008)}
.c--glass{transition:transform .6s cubic-bezier(.25,.1,.25,1),background .3s,box-shadow .4s}
.c--outline{transition:transform .6s cubic-bezier(.25,.1,.25,1),background .3s,border-color .3s}
.c--outline:hover{border-color:var(--oc-hover,var(--oc))}

/* Card tilt on hover (subtle) */
.c[data-tilt]{transition:transform .6s cubic-bezier(.25,.1,.25,1),box-shadow .4s}

/* ═══ NETWORK CARD HOVER ═══ */
.nc{transition:transform .5s cubic-bezier(.25,.1,.25,1),box-shadow .4s,border-color .3s}
.nc:hover .nc-dot{transform:scale(1.5);transition:transform .3s}

/* ═══ TEXT REVEAL ANIMATION ═══ */
.wr span{display:inline-block;opacity:0;transform:translateY(25px);transition:all .7s cubic-bezier(.16,1,.3,1)}
.wr.vis span{opacity:1;transform:none}

/* ═══ COUNTER ANIMATION ═══ */
.stn[data-count]{transition:none}

/* ═══ STAGGER GRID CHILDREN ═══ */
.cg>[data-r]:nth-child(1){--sd:0s}
.cg>[data-r]:nth-child(2){--sd:.08s}
.cg>[data-r]:nth-child(3){--sd:.16s}
.cg>[data-r]:nth-child(4){--sd:.24s}
.cg>[data-r]:nth-child(5){--sd:.32s}
.cg>[data-r]:nth-child(6){--sd:.4s}

/* ═══ SMOOTH SECTION TRANSITIONS ═══ */
.sec{position:relative}
.sec::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;opacity:0;transition:opacity .6s}
.dk .sec::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}
.lt .sec::before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.16),transparent)}
.sec.vis::before{opacity:1}

/* ═══ RESPONSIVE — TABLET ═══ */
@media(max-width:1068px){
  .nr{grid-template-columns:repeat(3,1fr)}
  .cg--3{grid-template-columns:repeat(2,1fr)}
  .sts{grid-template-columns:repeat(2,1fr)}
  .sec{padding:clamp(80px,10vw,120px) 22px}
  .sh{font-size:clamp(40px,6vw,56px)}
  .bh{font-size:clamp(40px,7vw,64px)}
}

/* ═══ RESPONSIVE — MOBILE ═══ */
@media(max-width:834px){
  .nv-btn{display:none}.nv-sep{display:none}
  .nv-ham{display:flex}
  
  .cg--2,.cg--3,.cg--asym{grid-template-columns:1fr}
  .nr{grid-template-columns:repeat(2,1fr)}
  .sts{grid-template-columns:repeat(2,1fr)}
  .bs-w{grid-template-columns:1fr}
  
  .sp{grid-template-columns:1fr}
  .sp-i{min-height:280px}
  .c--tall{min-height:300px}
  .c--split{flex-direction:column;min-height:auto}
  .c-si{width:100%;min-height:200px;border-radius:24px 24px 0 0}
  
  .hero{min-height:75vh;padding:72px 20px 40px}
  .hero-h{font-size:clamp(44px,10vw,64px)}
  .hero-sub{font-size:clamp(16px,3.5vw,21px)}
  .sci{display:none}
  
  .mg-w{grid-template-columns:1fr;gap:28px}
  .ft-legal{flex-direction:column}
  .pn{grid-template-columns:1fr 1fr}
  .pn-next{text-align:left;border-left:none}
  .dk .pn-next{border-top:1px solid rgba(255,255,255,.18)}
  .lt .pn-next{border-top:.5px solid rgba(0,0,0,.14)}
  .pn-next .pn-label{justify-content:flex-start}
  
  .subnav-w{gap:20px;padding:0 16px}
  .page-hero{padding:clamp(72px,10vw,120px) 20px clamp(32px,4vw,48px)}
  
  .band{padding:clamp(80px,14vw,140px) 20px}
  .ld{padding:clamp(48px,8vw,80px) 20px}
  
  .carousel-card{flex:0 0 85vw}
}

/* ═══ RESPONSIVE — SMALL MOBILE ═══ */
@media(max-width:480px){
  .nr{grid-template-columns:1fr}
  .sts{grid-template-columns:1fr}
  .bs-w{grid-template-columns:1fr}
  .bs-item:not(:last-child){border-right:none}
  .dk .bs-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.18)}
  .lt .bs-item:not(:last-child){border-bottom:.5px solid rgba(0,0,0,.14)}
  .c{min-height:200px;border-radius:20px}
  .c--tall{min-height:260px}
  .hero-h{font-size:clamp(36px,10vw,52px)}
}

/* ═══ REDUCE MOTION ═══ */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  [data-r]{opacity:1;transform:none}
  .liquid::before{animation:none}
}

/* ═══ SERVICE FILTER ═══ */
.flt{margin-bottom:clamp(32px,4vw,48px)}
.flt-row{display:flex;gap:0;margin-bottom:12px;flex-wrap:wrap}
.flt-btn{font-size:14px;padding:10px 20px;border-radius:980px;transition:all .3s;font-family:inherit}
.dk .flt-btn{color:rgba(255,255,255,.6);background:transparent}.lt .flt-btn{color:#3a3a3d;background:transparent}
.flt-btn:hover{opacity:1}.dk .flt-btn:hover{color:#f5f5f7}.lt .flt-btn:hover{color:#1d1d1f}
.dk .flt-btn.on{background:rgba(255,255,255,.1);color:#f5f5f7}.lt .flt-btn.on{background:rgba(0,0,0,.14);color:#1d1d1f}
.flt-pill{font-size:12px;padding:6px 14px;border-radius:980px;transition:all .3s;font-family:inherit;border:1.5px solid transparent}
.dk .flt-pill{color:rgba(255,255,255,.3)}.lt .flt-pill{color:#3a3a3d}
.flt-pill:hover{opacity:1}
.flt-pill.on{border-color:var(--pill-c,rgba(255,255,255,.2));color:var(--pill-c,#f5f5f7)}
.dk .flt-pill.on{background:color-mix(in srgb,var(--pill-c) 10%,transparent)}
.lt .flt-pill.on{background:color-mix(in srgb,var(--pill-c) 6%,transparent)}

/* SERVICE GRID */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.svc-card{transition:opacity .4s,transform .4s}
.svc-card.hide{opacity:0;transform:scale(.95);position:absolute;pointer-events:none;height:0;overflow:hidden}
.svc-tagline{font-size:15px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px;display:block}
.dk .svc-tagline{color:rgba(255,255,255,.6)}.lt .svc-tagline{color:#6e6e73}

/* SERVICE SINGLE */
.svc-hero{text-align:center;padding:clamp(120px,16vw,200px) 22px clamp(48px,6vw,80px);position:relative;overflow:hidden}
.svc-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--svc-c) 8%,transparent) 0%,transparent 60%);pointer-events:none}
.svc-hero-w{max-width:980px;margin:0 auto;padding:0 22px;position:relative;z-index:1}
.svc-type{font-size:10px;padding:3px 10px;border-radius:980px;display:inline-block;width:fit-content;margin-left:auto}
.dk .svc-type{background:rgba(255,255,255,.16);color:rgba(255,255,255,.6)}
.lt .svc-type{background:rgba(0,0,0,.16);color:#3a3a3d}

@media(max-width:834px){.svc-grid{grid-template-columns:1fr}.flt-row{gap:4px}}
@media(max-width:1068px){.svc-grid{grid-template-columns:repeat(2,1fr)}}

/* TIMELINE */
.tl{position:relative;padding-left:48px;margin-top:clamp(32px,4vw,48px)}
.tl::before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;border-radius:1px}
.dk .tl::before{background:rgba(255,255,255,.16)}.lt .tl::before{background:rgba(0,0,0,.16)}
.tl-item{position:relative;padding-bottom:clamp(28px,3vw,40px);display:flex;gap:20px;align-items:flex-start}
.tl-item::before{content:"";position:absolute;left:-33px;top:6px;width:10px;height:10px;border-radius:5px;flex-shrink:0}
.dk .tl-item::before{background:rgba(255,255,255,.1);border:2px solid #000}.lt .tl-item::before{background:rgba(0,0,0,.1);border:2px solid #fff}
.tl-item:last-child::before{background:#f37f0d!important;box-shadow:0 0 0 4px rgba(243,127,13,.15);border-color:transparent}
.tl-year{font-size:14px;font-weight:700;color:#f37f0d;min-width:48px;flex-shrink:0;padding-top:2px}
.tl-content{flex:1}
.tl-title{font-size:17px;font-weight:700;margin-bottom:4px}
.tl-desc{font-size:14px;line-height:1.5}
.dk .tl-desc{color:rgba(255,255,255,.65)}.lt .tl-desc{color:#3a3a3d}
.sec-icon{margin-bottom:12px;display:inline-flex}
.dk .sec-icon{color:rgba(255,255,255,.60)}.lt .sec-icon{color:#3a3a3d}

/* MEGA MENU STAGGER */
.mg.open .mg-l{animation:mgFade .35s ease both}
.mg.open .mg-w>div:nth-child(1) .mg-l:nth-child(2){animation-delay:.04s}
.mg.open .mg-w>div:nth-child(1) .mg-l:nth-child(3){animation-delay:.08s}
.mg.open .mg-w>div:nth-child(1) .mg-l:nth-child(4){animation-delay:.12s}
.mg.open .mg-w>div:nth-child(1) .mg-l:nth-child(5){animation-delay:.16s}
.mg.open .mg-w>div:nth-child(2) .mg-l{animation-delay:.08s}
.mg.open .mg-w>div:nth-child(3) .mg-l{animation-delay:.14s}
.mg.open .mg-h{animation:mgFade .3s ease both}
@keyframes mgFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* ═══ ABOUT LANGA v6 — Apple-level upgrade ═══ */

/* ═══ PRODUCT HEADER (like Mac Studio page) ═══ */
.prod-header{position:sticky;top:48px;z-index:89;height:52px;display:flex;align-items:center;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);transition:background .4s,border-color .4s}
.dk .prod-header{background:rgba(0,0,0,.82);border-bottom:1px solid rgba(255,255,255,.18)}
.lt .prod-header{background:rgba(251,251,253,.88);border-bottom:.5px solid rgba(0,0,0,.14)}
.prod-header-w{max-width:980px;margin:0 auto;padding:0 22px;width:100%;display:flex;align-items:center;justify-content:space-between}
.prod-name{font-size:21px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.prod-tabs{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.prod-tabs::-webkit-scrollbar{display:none}
.prod-tab{font-size:12px;padding:0 14px;height:52px;display:flex;align-items:center;white-space:nowrap;position:relative;transition:color .2s,opacity .2s;opacity:.55}
.prod-tab:hover{opacity:1}
.prod-tab.is-on{opacity:1;font-weight:600}
.prod-tab.is-on::after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:2px;background:#f37f0d;border-radius:1px}
.prod-cta{font-size:12px;padding:6px 16px;border-radius:980px;background:#f37f0d;color:#fff;font-weight:500;white-space:nowrap;transition:opacity .3s;margin-left:12px;text-decoration:none}
.prod-cta:hover{opacity:.85}

/* ═══ LIQUID BACKGROUND ENHANCED ═══ */
.liquid-bg{position:relative;overflow:hidden}
.liquid-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,var(--lq-c1,rgba(243,127,13,.06)) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,var(--lq-c2,rgba(59,130,246,.04)) 0%,transparent 50%);pointer-events:none;animation:liquidPulse 12s ease-in-out infinite alternate}
@keyframes liquidPulse{0%{opacity:.6;transform:scale(1)}100%{opacity:1;transform:scale(1.05)}}

/* ═══ ICON GRID (like Apple Store categories) ═══ */
.icon-grid{display:flex;justify-content:center;gap:clamp(20px,4vw,48px);padding:clamp(20px,3vw,36px) 22px;flex-wrap:wrap}
.icon-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:inherit;transition:transform .3s,opacity .3s;min-width:60px}
.icon-item:hover{transform:translateY(-4px)}
.icon-item svg{width:28px;height:28px;transition:color .3s}
.icon-item span{font-size:11px;font-weight:500;letter-spacing:.01em;text-align:center;white-space:nowrap}
.dk .icon-item{color:rgba(255,255,255,.65)}.lt .icon-item{color:#6e6e73}
.dk .icon-item:hover{color:#f5f5f7}.lt .icon-item:hover{color:#1d1d1f}
.icon-dot{width:44px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;transition:background .3s}
.dk .icon-dot{background:rgba(255,255,255,.18)}.lt .icon-dot{background:rgba(0,0,0,.03)}
.dk .icon-item:hover .icon-dot{background:rgba(255,255,255,.18)}.lt .icon-item:hover .icon-dot{background:rgba(0,0,0,.05)}

/* ═══ PHOTO WITH CAPTION (Apple-style) ═══ */
.fig{position:relative;overflow:hidden;border-radius:24px}
.fig-img{width:100%;display:block;object-fit:cover}
.fig-cap{position:absolute;bottom:16px;right:20px;font-size:11px;font-weight:500;letter-spacing:.02em;line-height:1.4;text-align:right;max-width:280px}
.fig-cap--left{right:auto;left:20px;text-align:left}
.dk .fig-cap{color:rgba(255,255,255,.6)}.lt .fig-cap{color:rgba(255,255,255,.65)}

/* ═══ FEATURE ROW (Apple 2-col with icon) ═══ */
.feat-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(60px,8vw,120px) 0}
.feat-row--r{direction:rtl}.feat-row--r>*{direction:ltr}
.feat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.dk .feat-icon{background:rgba(255,255,255,.18)}.lt .feat-icon{background:rgba(0,0,0,.03)}
.feat-ey{font-size:14px;color:#f37f0d;margin-bottom:6px;font-weight:500}
.feat-h{font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin-bottom:12px}
.feat-p{font-size:17px;line-height:1.5}
.dk .feat-p{color:rgba(255,255,255,.65)}.lt .feat-p{color:#3a3a3d}
.feat-vis{border-radius:24px;overflow:hidden;min-height:300px;display:flex;align-items:center;justify-content:center}
.dk .feat-vis{background:rgba(255,255,255,.07)}.lt .feat-vis{background:#f5f5f7}

/* ═══ SPEC PILLS (like Apple tech specs highlights) ═══ */
.spec-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.spec-pill{font-size:13px;padding:8px 16px;border-radius:980px;display:inline-flex;align-items:center;gap:6px;transition:background .3s}
.dk .spec-pill{background:rgba(255,255,255,.18);color:rgba(255,255,255,.65)}
.lt .spec-pill{background:rgba(0,0,0,.03);color:#6e6e73}
.spec-pill svg{width:16px;height:16px;flex-shrink:0}

/* ═══ NUMBER HIGHLIGHT (large stat inline) ═══ */
.num{font-size:clamp(56px,10vw,88px);font-weight:700;letter-spacing:-.055em;line-height:1.1;display:block;padding-bottom:.05em}
.dk .num{background:linear-gradient(180deg,#fff 25%,rgba(255,255,255,.60) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.num-label{font-size:14px;margin-top:6px;display:block}
.dk .num-label{color:rgba(255,255,255,.60)}.lt .num-label{color:#3a3a3d}
.num-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:clamp(16px,2vw,32px);text-align:center;padding:clamp(32px,4vw,48px) 0}

/* ═══ GRADIENT SECTION BANDS ═══ */
.band--net{padding:clamp(120px,16vw,200px) 22px;text-align:center;position:relative;overflow:hidden}
.band--net::before{content:"";position:absolute;inset:0;opacity:.08;background:radial-gradient(ellipse at 50% 0%,var(--net-c,#f37f0d) 0%,transparent 60%);pointer-events:none}
.band--net .bh{position:relative;z-index:1}
.band--net .bsub{position:relative;z-index:1}

/* ═══ CARD VARIANTS — FEATURE CARD ═══ */
.c--feat{padding:clamp(32px,4vw,48px);justify-content:flex-start}
.c--feat .c-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.dk .c--feat .c-icon{background:rgba(255,255,255,.18)}.lt .c--feat .c-icon{background:rgba(0,0,0,.03)}

/* ═══ MOBILE IMPROVEMENTS ═══ */
@media(max-width:834px){
  .prod-header-w{gap:8px}
  .prod-name{font-size:17px}
  .prod-tab{padding:0 10px;font-size:11px}
  .prod-cta{font-size:11px;padding:5px 12px}
  .feat-row{grid-template-columns:1fr;gap:32px}
  .feat-row--r{direction:ltr}
  .feat-vis{min-height:220px}
  .icon-grid{gap:16px}
  .icon-item span{font-size:10px}
  .num{font-size:clamp(44px,8vw,64px)}
}

@media(max-width:480px){
  .prod-tabs{gap:0}
  .prod-tab{padding:0 8px}
  .icon-grid{gap:12px}
  .icon-dot{width:36px;height:36px;border-radius:18px}
  .icon-dot svg{width:20px;height:20px}
}
/* ABOUT v7.3 — Clean */

/* TOGGLE — simple icon swap, no bg, no pill */
.tg{width:32px!important;height:32px!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;background:none!important;border:none!important;margin-left:8px;transition:opacity .3s;padding:0!important}
.tg:hover{opacity:.7}
.dk .tg svg{stroke:#f5f5f7}.lt .tg svg{stroke:#1d1d1f}
.tg-moon{display:none}
.lt .tg-sun{display:none}
.lt .tg-moon{display:block}

/* SEARCH BUTTON */
.nv-search{display:flex;align-items:center;justify-content:center;padding:0 8px;height:48px;opacity:.5;transition:opacity .25s;margin-left:4px}
.nv-search:hover{opacity:1}
.dk .nv-search{color:#f5f5f7}.lt .nv-search{color:#1d1d1f}

/* SEARCH PANEL */
.mg-search{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;opacity:0;pointer-events:none;transition:opacity .35s;display:none}
.mg-search.open{display:block;opacity:1;pointer-events:auto}
.dk .mg-search{background:rgba(0,0,0,.88);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}
.lt .mg-search{background:rgba(251,251,253,.94);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}
/* old search removed */
/* removed */
/* removed */
/* removed */
/* removed */
/* removed */
/* removed */
/* removed */
/* removed */

/* SERVICE BAR */
.svc-bar{height:44px;display:flex;align-items:center;justify-content:center;position:fixed;top:48px;left:0;right:0;z-index:95;transition:background .4s,top .35s cubic-bezier(.25,.1,.25,1)}
.dk .svc-bar{background:rgba(0,0,0,.7);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,.09)}
.lt .svc-bar{background:rgba(251,251,253,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid rgba(0,0,0,.05)}
.svc-bar-w{max-width:980px;margin:0 auto;padding:0 22px;width:100%;display:flex;align-items:center;gap:clamp(12px,2.5vw,28px);overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
.svc-bar-w::-webkit-scrollbar{display:none}
.svc-bar-i{font-size:12px;font-weight:500;letter-spacing:.01em;white-space:nowrap;padding:12px 0;position:relative;transition:color .2s,opacity .2s;opacity:.45;text-decoration:none}
.svc-bar-i:hover{opacity:1}
.svc-bar-i.is-on{opacity:1;font-weight:600}
.svc-bar-i.is-on::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:1px;background:currentColor}
.dk .svc-bar-i{color:#f5f5f7}.lt .svc-bar-i{color:#1d1d1f}

/* PRODUCT HEADER offsets */
.has-svc-bar .prod-header{top:92px}
.has-svc-bar .subnav{top:92px}

/* HERO GRADIENT */
.hero-grad{position:relative;overflow:hidden}
.hero-grad::before{content:"";position:absolute;inset:0;opacity:.08;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,var(--hero-c,#f37f0d) 0%,transparent 60%)}
.hero-grad::after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;pointer-events:none}
.dk .hero-grad::after{background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}
.lt .hero-grad::after{background:linear-gradient(to top,rgba(255,255,255,.7),transparent)}

/* REVEAL with blur */
[data-r]{opacity:0;transform:translateY(20px);transition:opacity .65s cubic-bezier(.25,.1,.25,1),transform .65s cubic-bezier(.25,.1,.25,1),filter .65s;filter:blur(3px)}
[data-r].vis{opacity:1;transform:none;filter:blur(0)}

/* ACCENT LINE */
.accent-line{width:40px;height:3px;border-radius:2px;background:#f37f0d;margin:0 auto 20px}

/* CARD HOVER */
.c{transition:transform .35s cubic-bezier(.25,.1,.25,1),box-shadow .35s}
.c:hover{transform:translateY(-4px)}
.dk .c:hover{box-shadow:0 12px 40px rgba(0,0,0,.4)}
.lt .c:hover{box-shadow:0 12px 40px rgba(0,0,0,.16)}

/* FEAT VIS */
.feat-vis{position:relative;overflow:hidden}
.feat-vis::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.07) 0%,transparent 50%);pointer-events:none}

/* NAV */
.nv--solid{backdrop-filter:saturate(180%) blur(20px)}
.dk .nv--solid{background:rgba(0,0,0,.88)!important}
.lt .nv--solid{background:rgba(251,251,253,.92)!important}
.nv--hide{transform:translateY(-100%)}
.has-svc-bar{padding-top:92px}
.has-svc-bar.svc-page{padding-top:130px}
.nv-up .svc-bar{transform:translateY(-100%)}
.nv-up .sub{top:0!important}
.svc-bar{transition:top .35s cubic-bezier(.25,.1,.25,1)}
.sub{transition:top .35s cubic-bezier(.25,.1,.25,1)}
.nv{transition:background .4s,transform .35s cubic-bezier(.25,.1,.25,1)}
.nv-ham{display:none;width:18px;height:14px;position:relative;flex-direction:column;justify-content:space-between;padding:0;margin-left:12px}
.nv-ham span{display:block;width:100%;height:1.5px;border-radius:1px;transition:transform .35s cubic-bezier(.25,.1,.25,1),opacity .2s}
.dk .nv-ham span{background:#f5f5f7}.lt .nv-ham span{background:#1d1d1f}
.nv-ham.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nv-ham.open span:nth-child(2){opacity:0}
.nv-ham.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* MEGA STAGGER */
.mg.open .mg-l{animation:mgFade .35s ease both}
.mg.open .mg-w>div:nth-child(2) .mg-l{animation-delay:.06s}
.mg.open .mg-w>div:nth-child(3) .mg-l{animation-delay:.12s}
.mg.open .mg-h{animation:mgFade .3s ease both}
@keyframes mgFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* RESPONSIVE */
@media(max-width:834px){
  .nv-r{display:flex;align-items:center;gap:8px}.nv-r .nv-btn,.nv-r .nv-sep,.nv-r .nv-search-inline{display:none!important}
  .nv-ham{display:flex}
  .svc-bar-w{justify-content:flex-start;gap:16px;padding:0 16px}
  .feat-row{grid-template-columns:1fr!important;gap:32px}
  .feat-row--r{direction:ltr}
  .feat-vis{min-height:200px;border-radius:20px}
  .cg--3,.cg--2{grid-template-columns:1fr}
  .sts{flex-wrap:wrap;gap:24px}
  .sts>div{min-width:calc(50% - 12px)}
  .prod-header-w{gap:8px}
  .prod-name{font-size:17px}
  .prod-tab{padding:0 8px;font-size:11px}
  .sp{grid-template-columns:1fr!important;min-height:auto}
  .sp-i{min-height:280px}
}
@media(max-width:480px){
  .svc-bar{height:40px}
  .svc-bar-i{font-size:11px;padding:10px 0}
  .sts>div{min-width:calc(50% - 8px)}
  .page-hero,.svc-hero{padding:clamp(80px,12vw,120px) 22px clamp(40px,6vw,60px)}
}

/* SEARCH APPLE STYLE */
.srch-top{display:flex;align-items:center;gap:12px;margin-bottom:clamp(32px,5vw,48px)}
.srch-field{flex:1;display:flex;align-items:center;gap:10px;border-radius:12px;padding:12px 16px}
.dk .srch-field{background:rgba(255,255,255,.16)}.lt .srch-field{background:rgba(0,0,0,.16)}
.dk .srch-field svg{stroke:rgba(255,255,255,.3)}.lt .srch-field svg{stroke:rgba(0,0,0,.25)}
.mg-search-input{flex:1;font-size:17px;font-weight:400;background:none;border:none;outline:none;padding:0}
.dk .mg-search-input{color:#f5f5f7}.lt .mg-search-input{color:#1d1d1f}
.mg-search-input::placeholder{color:rgba(128,128,128,.4)}
.mg-search-close{font-size:14px;opacity:.5;cursor:pointer;transition:opacity .2s;background:none;border:none;white-space:nowrap;padding:8px 0}
.mg-search-close:hover{opacity:1}
.dk .mg-search-close{color:#f5f5f7}.lt .mg-search-close{color:#1d1d1f}
.srch-body{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.srch-h{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}
.dk .srch-h{color:rgba(255,255,255,.3)}.lt .srch-h{color:rgba(0,0,0,.3)}
.srch-l{display:block;font-size:14px;padding:6px 0;transition:color .2s}
.dk .srch-l{color:rgba(255,255,255,.7)}.lt .srch-l{color:rgba(0,0,0,.7)}
.srch-l:hover{color:#f37f0d}
@media(max-width:480px){.srch-body{grid-template-columns:1fr;gap:28px}}

/* BRAND FONTS per servizio */
.brand-efruit .svc-hero .sh{font-family:'Plus Jakarta Sans',sans-serif!important}
.brand-drivein .svc-hero .sh{font-family:'DM Sans',sans-serif!important}
.brand-relaxyou .svc-hero .sh{font-family:'Outfit',sans-serif!important;font-weight:700!important}
.brand-fertilyze .svc-hero .sh{font-family:'Fraunces',serif!important;font-weight:400!important}
.brand-tools .svc-hero .sh{font-family:'Young Serif',serif!important;font-weight:400!important}
.brand-dm .svc-hero .sh{font-family:'DM Sans',sans-serif!important}

.mg-search-w{max-width:980px;margin:0 auto;padding:clamp(100px,14vw,160px) 22px 60px;position:relative}
/* ═══ BENTO GRID — Griglia variegata per embed slot ═══ */
.bento{display:grid;gap:12px;max-width:980px;margin:0 auto;padding:0 22px}
.bento--a{grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto}
.bento--b{grid-template-columns:1fr 1fr 1fr}
.bento--c{grid-template-columns:1fr 1.5fr}
.bento--d{grid-template-columns:1fr}
.bento .embed-slot{border-radius:24px;overflow:hidden}
.bento .embed-slot[data-size="embed-strip"],
.bento .embed-slot[data-size="strip"]{border-radius:16px}
.bento .embed-slot[data-size="embed-compact"],
.bento .embed-slot[data-size="compact"]{border-radius:20px}

@media(max-width:834px){
  .bento--a,.bento--b,.bento--c{grid-template-columns:1fr}
}

/* Embed iframes */
.embed-frame{width:100%;border:none;display:block;overflow:hidden;border-radius:16px;min-height:200px;transition:height .3s ease}
.embed-wrap{margin:24px 0}

/* Grip icon */
.nv-grip:hover{opacity:1!important}


/* ═══ INLINE SEARCH ═══ */
.nv-r{position:relative}
.nv-r .nv-btn,.nv-r .nv-sep,.nv-r .nv-grip,.nv-r .tg,.nv-r .nv-search{transition:opacity .3s ease,transform .3s ease}
.nv--searching .nv-r .nv-btn,.nv--searching .nv-r .nv-sep,.nv--searching .nv-r .nv-grip,.nv--searching .nv-r .tg,.nv--searching .nv-r .nv-search{opacity:0;transform:scale(.88);pointer-events:none}
.nv-search-inline{display:flex;align-items:center;gap:8px;position:absolute;right:0;top:50%;transform:translateY(-50%);max-width:320px;width:100%;padding:0 4px;opacity:0;pointer-events:none;transition:opacity .25s ease .08s}
.nv--searching .nv-search-inline{opacity:1;pointer-events:auto}
.nv-search-input{flex:1;font-size:14px;font-weight:400;background:none;border:none;outline:none;padding:6px 0;font-family:inherit;min-width:0}
.dk .nv-search-input{color:#f5f5f7}.lt .nv-search-input{color:#1d1d1f}
.nv-search-input::placeholder{color:rgba(128,128,128,.4);font-size:13px}
.nv-search-cancel{font-size:12px;font-weight:600;cursor:pointer;background:none;border:none;padding:4px 10px;border-radius:980px;transition:all .2s;white-space:nowrap;flex-shrink:0}
.dk .nv-search-cancel{color:rgba(255,255,255,.65)}.lt .nv-search-cancel{color:#6e6e73}
.dk .nv-search-cancel:hover{color:#f5f5f7;background:rgba(255,255,255,.16)}
.lt .nv-search-cancel:hover{color:#1d1d1f;background:rgba(0,0,0,.16)}
.nv-search-ic{flex-shrink:0;opacity:.3}
@media(max-width:834px){.nv-search-inline{max-width:220px}}
@media(max-width:480px){.nv-search-inline{max-width:170px}}

/* ═══════════════════════════════════════════════════════════
   ABOUT v8 — Apple-level animations & polish
   ═══════════════════════════════════════════════════════════ */

/* ── REVEAL SYSTEM: upgraded ── */
[data-r]{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1);filter:blur(6px);will-change:opacity,transform,filter}
[data-r].vis{opacity:1;transform:none;filter:blur(0)}

/* Scale-in for cards */
[data-r-scale]{opacity:0;transform:scale(.92);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}
[data-r-scale].vis{opacity:1;transform:scale(1)}

/* Slide-in from left/right for feat-rows */
.feat-row [data-r]{transform:translateY(0) translateX(-30px)}
.feat-row--r [data-r]{transform:translateY(0) translateX(30px)}
.feat-row [data-r].vis,.feat-row--r [data-r].vis{transform:none}

/* Stagger children */
[data-stagger]>*{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
[data-stagger].vis>*{opacity:1;transform:none}
[data-stagger].vis>*:nth-child(1){transition-delay:0s}
[data-stagger].vis>*:nth-child(2){transition-delay:.08s}
[data-stagger].vis>*:nth-child(3){transition-delay:.16s}
[data-stagger].vis>*:nth-child(4){transition-delay:.24s}
[data-stagger].vis>*:nth-child(5){transition-delay:.32s}
[data-stagger].vis>*:nth-child(6){transition-delay:.4s}

/* ── HERO PARALLAX fade ── */
.page-hero{transition:opacity .1s linear}
.page-hero.scrolled{opacity:0;pointer-events:none}
.page-hero-w{transition:transform .1s linear}

/* ── CARD HOVER: tilt + glow ── */
.page .c{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .3s}
.page .c:hover{transform:translateY(-6px)}
.page.dk .c:hover{box-shadow:0 16px 48px rgba(0,0,0,.5);border-color:rgba(255,255,255,.14)}
.page.lt .c:hover{box-shadow:0 16px 48px rgba(0,0,0,.08);border-color:rgba(0,0,0,.12)}

/* ── FEAT-VIS: subtle float ── */
@keyframes floatVis{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.feat-vis.vis{animation:floatVis 6s ease-in-out infinite}

/* ── NUMBERS: count-up ready ── */
.num{transition:opacity .5s;font-variant-numeric:tabular-nums}
.num[data-count]{opacity:0}
.num[data-count].counted{opacity:1}

/* ── NAV: smoother hide/show ── */
.nv{transition:background .4s,transform .45s cubic-bezier(.16,1,.3,1),box-shadow .4s}
.nv--hide{transform:translateY(-100%)}
.nv--solid{box-shadow:0 1px 12px rgba(0,0,0,.08)}

/* ── SUBNAV: underline slide ── */
.subnav-l{position:relative}
.subnav-l::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#f37f0d;transform:scaleX(0);transition:transform .35s cubic-bezier(.16,1,.3,1);transform-origin:left}
.subnav-l.is-on::after,.subnav-l:hover::after{transform:scaleX(1)}

/* ── BAND: parallax-ready ── */
.page .band{overflow:hidden;position:relative}
.page .band .bh{transition:transform .1s linear}

/* ── TIMELINE: line draw ── */
.tl::before{transform:scaleY(0);transform-origin:top;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.tl.vis::before{transform:scaleY(1)}
.tl-i{opacity:0;transform:translateX(-20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.tl-i.vis{opacity:1;transform:none}

/* ── AEGIS PILLS: stagger entrance ── */
.aegis-pill{opacity:0;transform:translateY(10px) scale(.95);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),border-color .2s,background .2s}
.aegis-pill.vis{opacity:1;transform:none}
.aegis-pill:hover{transform:translateY(-3px) scale(1.02)}

/* ── SPEC PILLS: hover pop ── */
.spec-pill{transition:background .25s,transform .25s cubic-bezier(.16,1,.3,1),color .25s}
.spec-pill:hover{transform:translateY(-2px)}
.dk .spec-pill:hover{background:rgba(255,255,255,.10);color:rgba(255,255,255,.8)}
.lt .spec-pill:hover{background:rgba(0,0,0,.06);color:#1d1d1f}

/* ── SCROLL BAR: accent color ── */
.scroll-bar{background:#f37f0d;height:2px;position:fixed;top:0;left:0;right:0;z-index:999;transform:scaleX(0);transform-origin:left;transition:none}

/* ── SMOOTH ANCHOR SCROLL ── */
html{scroll-behavior:smooth}

/* ── PREV/NEXT: arrow slide ── */
.pn-item svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}
.pn-next:hover svg{transform:translateX(4px)}
.pn-prev:hover svg{transform:translateX(-4px)}

/* ── FOOTER: reveal ── */
.page .ft{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.page .ft.vis{opacity:1;transform:none}

/* ── MEGA MENU: smoother ── */
.page .mg{transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);transform:translateY(-8px)}
.page .mg.open{transform:translateY(0)}

/* ── LOADING SHIMMER for placeholders ── */
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.feat-vis span{background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.03) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 3s ease infinite}

/* ── MOBILE: reduce motion ── */
@media(prefers-reduced-motion:reduce){
  [data-r],[data-r-scale],[data-stagger]>*,.tl-i,.aegis-pill,.page .ft{transition:none!important;animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
  .feat-vis.vis{animation:none}
}
/* ═══ MEGA MENU v2 ═══ */

/* 4-column layout */
.mg-w--4{grid-template-columns:1fr 1fr 1fr 1.2fr;gap:32px}
@media(max-width:834px){.mg-w--4{grid-template-columns:1fr;gap:20px}}

/* Network dot indicator */
.mg-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:middle;flex-shrink:0}

/* Description text after link */
.mg-desc{font-size:11px;opacity:.4;margin-left:6px;font-weight:400}
.dk .mg-desc{color:rgba(255,255,255,.35)}
.lt .mg-desc{color:rgba(0,0,0,.35)}

/* Featured card in mega menu */
.mg-card{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:14px;text-decoration:none;transition:transform .25s,border-color .25s}
.dk .mg-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.lt .mg-card{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.06)}
.mg-card:hover{transform:translateY(-2px)}
.dk .mg-card:hover{border-color:rgba(255,255,255,.16)}
.lt .mg-card:hover{border-color:rgba(0,0,0,.12)}

.mg-card-ey{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f37f0d}
.mg-card-h{font-size:17px;font-weight:700;letter-spacing:-.01em}
.dk .mg-card-h{color:#f5f5f7}
.lt .mg-card-h{color:#1d1d1f}
.mg-card-sub{font-size:13px;line-height:1.5;opacity:.5}
.mg-card-link{font-size:12px;font-weight:600;color:#f37f0d;margin-top:4px}

/* Galaxy card variant */
.mg-card--galaxy .mg-card-ey{color:#c1121f}
.mg-card--galaxy .mg-card-link{color:#c1121f}

.lt .hero-h{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#1d1d1f!important;background-clip:unset!important}
.lt .stn{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#1d1d1f!important;background-clip:unset!important}
.lt .num{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#1d1d1f!important;background-clip:unset!important}
.lt .c{background:#f0f0f2;border:1px solid rgba(0,0,0,.08)}
.lt .ec-card{border-color:rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.04)}
ENDFIX # SOLO i 5 fix light essenziali, NIENTE altro

.lt .hero-h{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#1d1d1f!important;background-clip:unset!important}
.lt .stn{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#1d1d1f!important;background-clip:unset!important}
.lt .num{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#1d1d1f!important;background-clip:unset!important}
.lt .c{background:#f0f0f2;border:1px solid rgba(0,0,0,.08)}
.langa-bar{max-width:100%}.langa-bar-w{max-width:980px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 22px}
.langa-bar-icon{width:32px;height:32px;flex-shrink:0;object-fit:contain}.langa-bar-text{flex:1;min-width:0;line-height:1.3}
.langa-bar-title{display:block;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.langa-bar-phrase{display:block;font-size:10px;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.langa-bar-btn{flex-shrink:0;background:#f37f0d;color:#fff;font-size:11px;font-weight:600;padding:0 14px;height:24px;line-height:24px;border-radius:14px;text-decoration:none;display:inline-block}
.dk .langa-bar{background:#0e0d0b;border-top:1px solid rgba(255,255,255,.04)}.dk .langa-bar-title{color:#f0f0f2}.dk .langa-bar-phrase{color:rgba(255,255,255,.35)}
.lt .langa-bar{background:#ebebed;border-top:1px solid rgba(0,0,0,.08)}.lt .langa-bar-title{color:#1a1a1a}.lt .langa-bar-phrase{color:#6b7280}
.ft-account{text-align:center;padding:24px 0 8px;border-top:1px solid rgba(128,128,128,.1)}
.ft-account-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:980px;font-size:13px;font-weight:600;text-decoration:none}
.dk .ft-account-btn{background:rgba(243,127,13,.1);color:#f37f0d;border:1px solid rgba(243,127,13,.2)}.lt .ft-account-btn{background:#f37f0d;color:#fff}
html{scroll-behavior:smooth}a.sci{cursor:pointer;text-decoration:none}
.dk .c--glass{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important}
.lt .c--glass{background:#fff!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 2px 8px rgba(0,0,0,.05)!important}
.dk .sec--alt{background:#0a0a0c!important}
.lt .sec--alt{background:#eaeaec!important}
.lt .band--cta{background:#e8e8ea!important}
.lt .langa-bar{background:#e5e5e7!important}
/* CARD CONTRASTO FORTE */
.dk .c{background:#111113!important;border:1px solid rgba(255,255,255,.1)!important}
.lt .c{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 2px 8px rgba(0,0,0,.05)!important}
.dk .c--glass{background:#111113!important;border:1px solid rgba(255,255,255,.1)!important}
.lt .c--glass{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 2px 8px rgba(0,0,0,.05)!important}
.dk .c:hover{background:#161618!important}.lt .c:hover{box-shadow:0 6px 20px rgba(0,0,0,.1)!important}
/* FOOTER RESPONSIVE: 5 desktop, 3 tablet, 2 mobile stretto */


@media(max-width:700px){.bs-w{grid-template-columns:repeat(3,1fr)!important;gap:16px!important;text-align:center}}
@media(max-width:400px){.bs-w{grid-template-columns:1fr!important}.bs-item{text-align:left}}
@media(max-width:700px){.sec{padding:clamp(40px,6vw,60px) 0!important}.ld{padding:clamp(32px,5vw,48px) 18px!important}}
.ft-account{text-align:center;padding:28px 0 24px!important;margin-bottom:24px!important;border-bottom:1px solid rgba(128,128,128,.1)!important}
.ft-more{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important}
.ft-acc-lk{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:6px 14px;border-radius:980px;text-decoration:none;transition:all .2s}
.dk .ft-acc-lk{background:rgba(243,127,13,.1);color:#f37f0d;border:1px solid rgba(243,127,13,.15)}.dk .ft-acc-lk:hover{background:rgba(243,127,13,.18)}
.lt .ft-acc-lk{background:#f37f0d;color:#fff;border:1px solid #f37f0d}.lt .ft-acc-lk:hover{opacity:.85}
@media(max-width:600px){.ft-more{flex-direction:column!important;gap:12px!important;align-items:flex-start!important}}
.pn{display:grid!important;grid-template-columns:1fr 1fr!important}.pn-next{text-align:right!important;border-top:none!important;border-left:none!important}.pn-next .pn-label{justify-content:flex-end!important}
/* FIX: ssub centering */
.ssub{margin-left:auto;margin-right:auto}
/* FIX: sci centered in flow instead of absolute */
.sci{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;margin:24px auto 0}
/* FIX: band--aegis light mode */
.lt .band--aegis{background:linear-gradient(145deg,#f0eff4 0%,#eeedf2 40%,#edecf0 100%)!important;color:#1d1d1f!important}
.lt .band--aegis .bsub{color:#6e6e73!important}
.lt .band--aegis .bh{color:#1d1d1f!important}
.lt .band--aegis .lk{color:#f37f0d!important}
.cl-card{display:flex;align-items:flex-start;gap:14px;padding:20px;border-radius:14px;text-decoration:none;transition:transform .3s,border-color .3s}
.dk .cl-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.lt .cl-card{background:#fff;border:1px solid rgba(0,0,0,.06)}
.cl-card:hover{transform:translateY(-2px)}
.dk .cl-card:hover{border-color:rgba(255,255,255,.12)}
.lt .cl-card:hover{border-color:rgba(0,0,0,.12)}
.cl-card svg{flex-shrink:0;margin-top:2px}
.cl-label{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--cl-c);margin-bottom:4px}
.cl-title{font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:3px}
.dk .cl-title{color:#f5f5f7}.lt .cl-title{color:#1d1d1f}
.cl-desc{font-size:13px;line-height:1.4}
.dk .cl-desc{color:rgba(255,255,255,.45)}.lt .cl-desc{color:#6e6e73}
/* Global notice bar */
.hp-notice{display:flex;align-items:center;justify-content:center;gap:0;padding:0;font-size:13px;position:relative;z-index:10;transition:all .4s}
.hp-notice-link{display:flex;align-items:center;gap:8px;padding:9px 22px;text-decoration:none;color:inherit;flex:1;justify-content:center}
.hp-notice-x{background:none;border:none;color:inherit;opacity:.3;cursor:pointer;padding:8px 14px;font-size:18px;transition:opacity .2s;line-height:1}
.hp-notice-x:hover{opacity:.7}
.hp-notice-la{opacity:.3;margin-left:4px}
.hp-notice-tx{opacity:.7}
.hp-notice-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;color:#fff}
.dk .hp-notice{background:#111113;border-bottom:1px solid rgba(255,255,255,.06)}
.lt .hp-notice{background:#f0f0f2;border-bottom:1px solid rgba(0,0,0,.04)}
/* Glow border button v2 — ::before rotating conic gradient */
@keyframes glow-spin{to{transform:rotate(360deg)}}
.btn-glow{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:980px;font-size:14px;font-weight:600;letter-spacing:-.01em;text-decoration:none;cursor:pointer;border:none;overflow:hidden;z-index:0;transition:transform .2s,box-shadow .3s}
.btn-glow::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 0deg,transparent 0deg,transparent 50deg,#5a3a0f 75deg,#f37f0d 90deg,#5a3a0f 105deg,transparent 130deg,transparent 230deg,#5a3a0f 255deg,#f37f0d 270deg,#5a3a0f 285deg,transparent 310deg,transparent 360deg);animation:glow-spin 3s linear infinite;z-index:-2}
.btn-glow::after{content:"";position:absolute;inset:2px;border-radius:inherit;z-index:-1}
.dk .btn-glow{color:#f5f5f7}.dk .btn-glow::after{background:#0a0a0a}
.lt .btn-glow{color:#1d1d1f}.lt .btn-glow::after{background:#fff}
.lt .btn-glow::before{background:conic-gradient(from 0deg,transparent 0deg,transparent 50deg,#f5f5f7 75deg,#f37f0d 90deg,#f5f5f7 105deg,transparent 130deg,transparent 230deg,#f5f5f7 255deg,#f37f0d 270deg,#f5f5f7 285deg,transparent 310deg,transparent 360deg)}
.btn-glow:hover{transform:scale(1.03);box-shadow:0 0 24px rgba(243,127,13,.25)}
.btn-glow svg{flex-shrink:0;position:relative;z-index:1}
.btn-glow span,.btn-glow{position:relative}
.btn-glow--sm{padding:9px 22px;font-size:13px}
.btn-glow--lg{padding:16px 36px;font-size:16px}
/* Search Results v1 */
.srch-results{padding:0 0 20px}
.srch-loading{display:flex;justify-content:center;padding:48px 0}
.srch-spin{width:24px;height:24px;border:2px solid rgba(128,128,128,.15);border-top-color:#f37f0d;border-radius:50%;animation:srch-rot .6s linear infinite}
@keyframes srch-rot{to{transform:rotate(360deg)}}
.srch-empty{text-align:center;padding:48px 20px}
.srch-empty svg{margin-bottom:12px}
.srch-empty p{font-size:15px;margin:0 0 6px}
.srch-empty span{font-size:13px;opacity:.5}
.srch-head{padding:8px 0 4px}
.srch-count{font-size:12px;font-weight:600;opacity:.4;letter-spacing:.04em;text-transform:uppercase}
.srch-group{margin-bottom:8px}
.srch-group-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.35;padding:12px 0 6px}
.srch-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;text-decoration:none;transition:background .2s}
.dk .srch-item{color:#fff}.lt .srch-item{color:#1d1d1f}
.dk .srch-item:hover{background:rgba(255,255,255,.06)}.lt .srch-item:hover{background:rgba(0,0,0,.03)}
.srch-item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.srch-item-body{flex:1;min-width:0}
.srch-item-title{font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srch-item-net{font-size:10px;font-weight:700;opacity:.35;letter-spacing:.04em;vertical-align:middle;margin-left:6px}
.srch-item-desc{font-size:13px;line-height:1.5;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dk .srch-item-desc{color:rgba(255,255,255,.45)}.lt .srch-item-desc{color:#6e6e73}
.srch-item-arrow{flex-shrink:0;opacity:.2;transition:opacity .2s}
.srch-item:hover .srch-item-arrow{opacity:.5}
.srch-item mark{background:rgba(243,127,13,.2);color:inherit;border-radius:2px;padding:0 2px}
.srch-foot{text-align:center;padding:16px 0 8px;font-size:13px}
.srch-foot a{color:#f37f0d;text-decoration:none;font-weight:600}
.srch-foot a:hover{text-decoration:underline}
/* Hide status dots in suggested-scroll cards */
.suggested-scroll .ec-status{display:none}
.nv-srch-drop{position:fixed;top:48px;left:0;right:0;max-height:calc(100vh - 60px);overflow-y:auto;z-index:999;padding:0;display:none}
.nv-srch-drop:not(:empty){display:block}
.dk .nv-srch-drop{background:rgba(15,15,15,.97);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px)}
.lt .nv-srch-drop{background:rgba(255,255,255,.97);border-bottom:1px solid rgba(0,0,0,.06);backdrop-filter:blur(20px)}
.nv-srch-drop .srch-group{max-width:980px;margin:0 auto;padding:16px 22px}
.nv-srch-drop .srch-group-h{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.25;margin-bottom:10px}
.nv-srch-drop .srch-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;transition:.2s;margin-bottom:4px}
.dk .nv-srch-drop .srch-item{background:rgba(255,255,255,.04)}.dk .nv-srch-drop .srch-item:hover{background:rgba(255,255,255,.08)}
.lt .nv-srch-drop .srch-item{background:rgba(0,0,0,.02)}.lt .nv-srch-drop .srch-item:hover{background:rgba(0,0,0,.05)}
.nv-srch-drop .srch-item-nm{font-size:13px;font-weight:600}
.nv-srch-drop .srch-item-desc{font-size:11px;opacity:.35;margin-top:1px}
.nv-srch-drop .srch-item-arrow{margin-left:auto;opacity:.15;font-size:18px}
.nv-srch-drop .srch-empty{text-align:center;padding:32px;font-size:13px;opacity:.3}
.nv-srch-drop .srch-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.nv-srch-drop .srch-head{max-width:980px;margin:0 auto;padding:12px 22px 0;font-size:11px;opacity:.3}
.nv-srch-drop .srch-group-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.25;margin-bottom:8px;padding:0 12px}
.nv-srch-drop .srch-item-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.nv-srch-drop .srch-item-body{flex:1;min-width:0}
.nv-srch-drop .srch-item-title{font-size:13px;font-weight:600}
.nv-srch-drop .srch-item-net{font-size:9px;opacity:.3;font-weight:400;margin-left:4px}
.nv-srch-drop .srch-item-desc{font-size:11px;opacity:.35;margin-top:1px}
.nv-srch-drop .srch-item-arrow{opacity:.15}
.nv-srch-drop .srch-foot{text-align:center;padding:16px;font-size:11px;opacity:.25}
.nv-srch-drop .srch-foot a{color:#f37f0d}
.nv-srch-drop mark{background:rgba(243,127,13,.2);color:inherit;border-radius:2px;padding:0 1px}
.nv-srch-drop .srch-loading{text-align:center;padding:32px}
.ai-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:clamp(24px,3vw,40px)}
.ai-tab{font-size:12px;font-weight:600;padding:8px 18px;border-radius:980px;border:none;cursor:pointer;transition:.3s;opacity:.4;background:none;font-family:inherit}
.dk .ai-tab{color:#f5f5f7}.lt .ai-tab{color:#1d1d1f}
.ai-tab.on{opacity:1;background:var(--tc);color:#fff}
.ai-tab:hover{opacity:.7}
.c .lk--xs{display:inline-flex;align-items:center}
.c .svc-type{display:inline-flex;margin-left:8px;vertical-align:middle}

.ft{padding:24px 0 16px!important}
.ft-c h5{font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.ft-c a{font-size:11px;padding:2px 0}
.ft-more{padding:10px 0;font-size:10px}
.ft-legal{font-size:9px;gap:4px}
.ft-lk{gap:3px 6px}
.ft-corp{font-size:9px;padding:8px 0 0}
}

@media(max-width:900px){.ft-cols{grid-template-columns:repeat(3,1fr);gap:24px}}
@media(max-width:480px){.ft-cols{grid-template-columns:repeat(2,1fr);gap:20px 16px}}

.mob-tools{display:flex;justify-content:center;gap:32px;padding:32px 28px;border-top:1px solid rgba(128,128,128,.08);margin-top:auto}
.mob-tool{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;cursor:pointer;transition:background .2s,opacity .2s;opacity:.5;text-decoration:none;color:inherit}
.mob-tool:hover{opacity:1}
.dk .mob-tool:hover{background:rgba(255,255,255,.08)}.lt .mob-tool:hover{background:rgba(0,0,0,.05)}
/* Breadcrumb */
.bc{font-size:12px;font-weight:500;letter-spacing:.02em;padding:16px 22px 0;max-width:980px;margin:0 auto;opacity:.55}
.bc a{color:inherit;text-decoration:none;transition:opacity .2s}.bc a:hover{opacity:.7}
.bc-sep{margin:0 6px;opacity:.35}.bc-cur{opacity:.7}

/* Responsive: inline grid collapse on mobile */
@media(max-width:700px){
  [data-stagger]{grid-template-columns:1fr!important}
}
@media(max-width:1068px){
  [data-stagger][style*="repeat(3"]{grid-template-columns:repeat(2,1fr)!important}
}

/* Breadcrumb responsive */
@media(max-width:700px){
  .bc{padding:12px 22px 0;font-size:11px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .bc::-webkit-scrollbar{display:none}
}

/* Spacer reduction on mobile */
@media(max-width:700px){
  div[style*="height:60px"],div[style*="height:48px"]{height:32px!important}
}

/* Form components (shared contact + projects) */
.cf-lb{font-size:12px;font-weight:600;letter-spacing:.04em;opacity:.5;margin-bottom:4px}
.cf-in,.cf-ta{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(128,128,128,.15);background:transparent;color:inherit;font-size:15px;font-family:inherit;outline:none;transition:border-color .2s}
.cf-in:focus,.cf-ta:focus{border-color:#f37f0d}
.cf-ta{min-height:120px;resize:vertical}
.cf-btn{padding:14px 32px;border-radius:980px;border:none;background:#f37f0d;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s;font-family:inherit}
.cf-btn:hover{opacity:.85}
@media(max-width:640px){.cf-in,.cf-ta{font-size:16px}}

/* Scrollbar theming — dk/lt adaptive */
.dk{scrollbar-color:rgba(255,255,255,.12) transparent}
.lt{scrollbar-color:rgba(0,0,0,.14) transparent}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
.dk ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px}
.dk ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}
.lt ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.14);border-radius:3px}
.lt ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.28)}
.dk *{scrollbar-color:rgba(255,255,255,.12) transparent}
.lt *{scrollbar-color:rgba(0,0,0,.14) transparent}

/* Form grid responsive */
@media(max-width:520px){
  .ip-cta form [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
}

/* Rotating stat value (B2C/B2B toggle) */

/* Stats responsive — cap text on small screens */
@media(max-width:480px){
  .stn{font-size:clamp(36px,8vw,56px)!important}
  .stl{font-size:12px}
  .sts{gap:12px}
}

/* Login gate split card responsive */
@media(max-width:600px){
  .ip-cta > div[style*="grid-template-columns:1fr 1fr"][style*="min-height"]{grid-template-columns:1fr!important;min-height:auto!important}
}

/* Rotating stat B2C/B2B — clean crossfade */
.stn-rotate{position:relative;overflow:hidden;height:1.25em;display:inline-block;min-width:3.5ch;text-align:center;line-height:1.25}
.stn-rotate span{display:block;position:absolute;left:0;right:0;text-align:center}
.stn-rotate span:first-child{animation:stnA 5s ease-in-out infinite}
.stn-rotate span:last-child{animation:stnB 5s ease-in-out infinite}
@keyframes stnA{0%,42%{transform:translateY(0)}48%,92%{transform:translateY(-120%)}98%,100%{transform:translateY(0)}}
@keyframes stnB{0%,42%{transform:translateY(120%)}48%,92%{transform:translateY(0)}98%,100%{transform:translateY(120%)}}
.dk .stn-rotate,.dk .stn-rotate span{-webkit-text-fill-color:#f5f5f7!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;color:#f5f5f7!important}
.lt .stn-rotate span{color:#1d1d1f!important;-webkit-text-fill-color:#1d1d1f!important}

/* Card service hover image */
.c--glass{position:relative;overflow:hidden}
.c--glass::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .5s ease;z-index:0;pointer-events:none}
.c--glass:hover::before{opacity:.15}
.c--glass>*{position:relative;z-index:1}
.lt .c--glass:hover::before{opacity:.1}
.c--glass[href*="efruit"]::before{background-image:url(/uploads/img/efruit3.jpg)}
.c--glass[href*="drivein"]::before{background-image:url(/uploads/img/langa_bg-1.jpg)}
.c--glass[href*="relaxyou"]::before{background-image:url(/uploads/img/spa.jpg)}
.c--glass[href*="burolink"]::before{background-image:url(/uploads/img/burolink-1.jpg)}
.c--glass[href*="timesbank"]::before{background-image:url(/uploads/img/langa_bg-11.jpg)}
.c--glass[href*="treed"]::before{background-image:url(/uploads/rendering-esterno-viste-modello1.jpg)}
.c--glass[href*="fertilyze"]::before{background-image:url(/uploads/img/fertilyze2.jpg)}
.c--glass[href*="tools"]::before{background-image:url(/uploads/img/langa_bg-4.jpg)}
.c--glass[href*="esay"]::before{background-image:url(/uploads/img/langa_design.jpg)}
.c--glass[href*="anon"]::before{background-image:url(/uploads/img/langa_bg-3.jpg)}
.c--glass[href*="steel"]::before{background-image:url(/uploads/img/langa_bg-6.jpg)}
.c--glass[href*="minte"]::before{background-image:url(/uploads/img/langa_bg-5.jpg)}
.c--glass[href*="segno"]::before{background-image:url(/uploads/img/langa_bg-9.jpg)}
.c--glass[href*="thecubes"]::before{background-image:url(/uploads/img/langa_bg-7.jpg)}
.c--glass[href*="orchestra"]::before{background-image:url(/uploads/img/langa_bg-15.jpg)}
.c--glass[href*="link-hub"]::before{background-image:url(/uploads/img/langa_bg-14.jpg)}
.c--glass[href*="history"]::before{background-image:url(/uploads/img/langa_alba.jpg)}
.c--glass[href*="aegis"]::before{background-image:url(/uploads/img/langa_bg-16.jpg)}
.c--glass[href*="studios"]::before{background-image:url(/uploads/img/langa-studios-3.jpg)}

/* svc-bar: Studios btn pinned right */
.svc-bar-w{justify-content:flex-start!important}
.svc-bar-btn{margin-left:auto!important;opacity:1!important;flex-shrink:0;padding:5px 14px!important;border-radius:980px;font-size:11px!important;font-weight:600!important;letter-spacing:.02em;transition:background .2s,color .2s}
.dk .svc-bar-btn{background:rgba(255,255,255,.1);color:#f5f5f7!important}
.dk .svc-bar-btn:hover{background:rgba(255,255,255,.18)}
.lt .svc-bar-btn{background:rgba(0,0,0,.06);color:#1d1d1f!important}
.lt .svc-bar-btn:hover{background:rgba(0,0,0,.1)}
.svc-bar-btn.is-on::after{display:none}

/* Theme transition dk<->lt */

/* Preloader */

/* Preloader v2 */
#langa-preloader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0a0a0a;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility .5s}
.lt #langa-preloader{background:#f5f5f7}
#langa-preloader.loaded{opacity:0;visibility:hidden;pointer-events:none}
.lp-dot{width:8px;height:8px;border-radius:50%;background:#f37f0d;animation:lpPulse 1.4s ease-in-out infinite}
@keyframes lpPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.6);opacity:.3}}
.lp-word{font-size:10px;font-weight:600;letter-spacing:.2em;opacity:.2;font-family:-apple-system,system-ui,sans-serif}
.dk .lp-word,.lp-word{color:#fff}.lt .lp-word{color:#1d1d1f}
.page-exit #langa-preloader{opacity:1!important;visibility:visible!important}

/* Preloader failsafe — hide after 3s even if JS fails */

/* CTA band premium */
.band--cta.band--img::before{background:linear-gradient(135deg,rgba(0,0,0,.75),rgba(0,0,0,.55))!important}
.band--cta.band--img .bh{font-size:clamp(36px,5.5vw,64px);line-height:1.08;letter-spacing:-.03em}

/* Breadcrumb — bottom placement */
.bc{background:none!important;padding:20px 22px!important;max-width:1200px;text-align:center;opacity:.35}

/* General page card hover images */
a.c[href*="support/contact"]::before,a.c[href*="support/careers"]::before,a.c[href*="support/faq"]::before,a.c[href*="support/visit"]::before,a.c[href*="technology/aegis"]::before,a.c[href*="technology/security"]::before,a.c[href*="values/accessibility"]::before,a.c[href*="values/innovation"]::before,a.c[href*="values/sustainability"]::before,a.c[href*="company/mission"]::before,a.c[href*="company/vision"]::before,a.c[href*="company/history"]::before,a.c[href*="company/team"]::before,a.c[href*="company/locations"]::before,a.c[href*="/services/"]::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .5s ease;z-index:0;pointer-events:none;border-radius:inherit}
a.c[href*="support/contact"]::before,a.c[href*="support/careers"]::before,a.c[href*="support/faq"]::before,a.c[href*="support/visit"]::before,a.c[href*="technology/"]::before,a.c[href*="values/"]::before,a.c[href*="company/"]::before,a.c[href*="/services/"]::before{border-radius:inherit}
a.c{position:relative;overflow:hidden}
a.c:hover::before{opacity:.15}
.lt a.c:hover::before{opacity:.1}
a.c>*{position:relative;z-index:1}
/* Support cards */
a.c[href*="support/contact"]::before{background-image:url(/uploads/img/langa_studio_riunioni.jpg)}
a.c[href*="support/careers"]::before{background-image:url(/uploads/img/lavoro-langa.jpg)}
a.c[href*="support/faq"]::before{background-image:url(/uploads/img/langa_bg-10.jpg)}
a.c[href*="support/visit"]::before{background-image:url(/uploads/img/LANGA-Brescia-1.jpg)}
/* Technology cards */
a.c[href*="technology/aegis"]::before{background-image:url(/uploads/img/langa_bg-16.jpg)}
a.c[href*="technology/security"]::before{background-image:url(/uploads/img/sicurezza_langa_hacking-etico.jpg)}
/* Values cards */
a.c[href*="values/accessibility"]::before{background-image:url(/uploads/img/accessibility-langa.jpg)}
a.c[href*="values/innovation"]::before{background-image:url(/uploads/img/innovazione.jpg)}
a.c[href*="values/sustainability"]::before{background-image:url(/uploads/img/langa_bg-12.jpg)}
/* Company cards */
a.c[href*="company/mission"]::before{background-image:url(/uploads/img/LANGA-Dubai.jpg)}
a.c[href*="company/vision"]::before{background-image:url(/uploads/img/tech-langa.jpg)}
a.c[href*="company/history"]::before{background-image:url(/uploads/img/langa_alba.jpg)}
a.c[href*="company/team"]::before,a.c[href*="company/leadership"]::before{background-image:url(/uploads/img/team_langa_brescia.png)}
a.c[href*="company/locations"]::before{background-image:url(/uploads/img/LANGA-Brescia-3.jpg)}
/* Crosslink card hover images */
.cl-card{position:relative;overflow:hidden}
.cl-card::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .5s ease;z-index:0;pointer-events:none;border-radius:inherit}
.cl-card:hover::before{opacity:.12}
.cl-card>*{position:relative;z-index:1}
.cl-card[href*="services"]::before{background-image:url(/uploads/img/pipeline_project_langa.jpg)}
.cl-card[href*="technology"]::before{background-image:url(/uploads/img/tech-langa.jpg)}
.cl-card[href*="company"]::before,.cl-card[href*="mission"]::before{background-image:url(/uploads/img/LANGA-Dubai.jpg)}
.cl-card[href*="support"]::before{background-image:url(/uploads/img/langa_studio_riunioni.jpg)}
.cl-card[href*="faq"]::before{background-image:url(/uploads/img/langa_bg-10.jpg)}
.cl-card[href*="security"]::before{background-image:url(/uploads/img/security_full.jpg)}
.cl-card[href*="values"]::before{background-image:url(/uploads/img/langa_bg-12.jpg)}
.cl-card[href*="history"]::before{background-image:url(/uploads/img/langa_alba.jpg)}
.cl-card[href*="team"]::before{background-image:url(/uploads/img/team_langa_brescia.png)}
.cl-card[href*="locations"]::before{background-image:url(/uploads/img/LANGA-Brescia-1.jpg)}
.cl-card[href*="innovation"]::before{background-image:url(/uploads/img/innovazione.jpg)}
.cl-card[href*="accessibility"]::before{background-image:url(/uploads/img/accessibility-langa.jpg)}
.cl-card[href*="sustainability"]::before{background-image:url(/uploads/img/langa_bg-12.jpg)}
.cl-card[href*="aegis"]::before{background-image:url(/uploads/img/langa_bg-16.jpg)}
.cl-card[href*="studios"]::before{background-image:url(/uploads/img/langa-studios-3.jpg)}
.cl-card[href*="vision"]::before{background-image:url(/uploads/img/tech-langa.jpg)}
.cl-card[href*="careers"]::before{background-image:url(/uploads/img/lavoro-langa.jpg)}

/* Num stat fix — prevent % clipping */
.num{padding-bottom:4px;overflow:visible}
.num-row{overflow:visible}

/* Studios banner spacing */
.stb{margin-top:clamp(40px,6vw,64px)!important}

/* AI Model banners */
.ai-card{padding:clamp(24px,3vw,32px);border-radius:20px;position:relative;overflow:hidden}
.dk .ai-card{background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.15)}
.lt .ai-card{background:rgba(124,58,237,.03);border:1px solid rgba(124,58,237,.12)}
.ai-card-badge{position:absolute;top:16px;right:16px;font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:6px;background:rgba(124,58,237,.12);color:#7C3AED}
.ai-card-icon{margin-bottom:12px}
.ai-card-name{font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}
.ai-card-tag{font-size:15px;font-weight:600;font-style:italic;opacity:.7;margin-bottom:8px}
.ai-card-desc{font-size:14px;opacity:.5;line-height:1.5;margin-bottom:16px}
.ai-card-stat{display:flex;align-items:baseline;gap:6px;margin-bottom:12px}
.ai-card-num{font-size:28px;font-weight:700;letter-spacing:-.03em}
.ai-card-sl{font-size:12px;opacity:.4}
.ai-card-pw{font-size:11px;opacity:.3;letter-spacing:.02em}
.ai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;padding:clamp(24px,3vw,40px) 0}
/* AI strip — compact inline */
.ai-strip{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;font-size:13px}
.dk .ai-strip{background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.12)}
.lt .ai-strip{background:rgba(124,58,237,.03);border:1px solid rgba(124,58,237,.1)}
.ai-strip-name{font-weight:700;font-size:14px}
.ai-strip-tag{opacity:.5;flex:1}
.ai-strip-net{font-size:10px;font-weight:700;letter-spacing:.06em}

/* AEGIS 5 components responsive */
@media(max-width:768px){.sec-w>[style*="grid-template-columns:repeat(5"]{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:480px){.sec-w>[style*="grid-template-columns:repeat(5"]{grid-template-columns:repeat(2,1fr)!important}}

/* Dark mode fixes for white sections */
.dk .bai-section,.dk .bai-s2{background:#080808!important}
.dk .band{color:#f5f5f7}
.dk .ld{color:rgba(245,245,247,.8)}

/* eNews mega-menu tiers */
.mg-en-t{flex:1;padding:10px 8px;text-align:center;text-decoration:none;border-right:1px solid rgba(128,128,128,.08);transition:background .2s}
.mg-en-t:last-child{border-right:0}
.mg-en-t:hover{background:rgba(255,255,255,.04)}
.mg-en-l{font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.mg-en-p{font-size:14px;font-weight:800;color:#f5f5f7;line-height:1.2}
.mg-en-p span{font-size:9px;color:#666;font-weight:500}

/* Services rotation in mega-menu */
.mg-svc-rot{height:44px;overflow:hidden;position:relative;border-top:1px solid rgba(128,128,128,.08);padding:0 18px}
.mg-svc-it{display:flex;align-items:center;gap:10px;height:44px;position:absolute;inset:0;padding:0 18px;opacity:0;transition:opacity .4s,transform .4s;transform:translateY(8px)}
.mg-svc-it.on{opacity:1;transform:translateY(0)}
.mg-svc-ic{width:20px;height:20px;border-radius:6px;flex-shrink:0;object-fit:contain}
.mg-svc-n{font-size:13px;font-weight:700;color:#f5f5f7}
.mg-svc-d{font-size:11px;opacity:.4;margin-left:auto;white-space:nowrap}
.aegis-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.a5-item{text-align:center;padding:24px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.06);transition:transform .4s,border-color .4s}
.a5-item:hover{transform:translateY(-4px);border-color:currentColor}
.a5-dot{width:10px;height:10px;border-radius:50%;margin:0 auto 12px;transition:transform .4s}
.a5-item:hover .a5-dot{transform:scale(1.8)}
.a5-letter{font-size:clamp(32px,5vw,48px);font-weight:800;opacity:.1;line-height:1;margin-bottom:8px}
.a5-name{font-size:14px;font-weight:700;color:#f5f5f7;margin-bottom:6px}
.a5-desc{font-size:11px;opacity:.4;line-height:1.5}
.aegis-word{font-size:clamp(64px,12vw,120px);font-weight:800;letter-spacing:-.04em;margin-top:48px;opacity:.15}
@media(max-width:768px){.aegis-5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.aegis-5{grid-template-columns:repeat(2,1fr)}}

/* Force dark bg on white embed cards in dark mode */
.dk .ec-card[style*="background:#fff"],.dk .ec-card[style*="background: #fff"],.dk .ec-card[style*="background:white"]{background:#111113!important;border-color:rgba(255,255,255,.08)!important;color:#f5f5f7!important}
.dk .ec-card[style*="color:#111"],.dk .ec-card[style*="color: #111"],.dk .ec-card[style*="color:#000"]{color:#f5f5f7!important}

/* Global dk safety */
.dk .sec-w,.dk .page,.dk article{color:#f5f5f7}
.dk .page-hero-w{color:#f5f5f7}
.dk .ld p{color:rgba(245,245,247,.8)}

/* Ensure feat-row text columns readable in dk */
.dk .feat-row>div{color:#f5f5f7}
.dk .feat-h{color:#f5f5f7}
.dk .spec-pill{color:rgba(255,255,255,.65)}

/* Dark embed cards need visible border in dk mode */
.dk .ec-card{border:1px solid rgba(255,255,255,.08)!important}