*{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:94vh;display:flex;flex-direction:column;align-items:center;justify-content:center;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:absolute;bottom:44px;left:50%;transform:translateX(-50%);width:24px;height:40px;border-radius:12px;display:flex;justify-content:center}
.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,.2);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,.16)}.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,.ft-cols{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}.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}}
.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}
.dk .mob{background:rgba(0,0,0,.97)}.lt .mob{background:rgba(255,255,255,.97)}
.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}.mob{display:block}
.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}
.ft-cols{grid-template-columns:repeat(2,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}
.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}
.ft-cols{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:12px;padding:4px 12px;border-radius:980px;display:inline-block}
.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}}
/* Scrollbar theming — dk/lt adaptive (service pages) */
.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}
[data-theme="lt"] *{scrollbar-color:rgba(0,0,0,.14) transparent}
[data-theme="lt"] ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.14)!important}
[data-theme="lt"] ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.28)!important}