
/* ═══════════════════════════════════════════════════════════
   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}

/* ── 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}
}
.bn--card{border-radius:16px;padding:clamp(32px,4vw,48px) 22px;text-align:center;max-width:720px;margin-left:auto;margin-right:auto;margin-bottom:48px}
.dk .bn--card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.lt .bn--card{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05)}
.bn--card{position:relative;overflow:hidden}
.bn--card>*{position:relative;z-index:1}
.bn--card{--mx:.5;--my:.5}
.bn--card canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;border-radius:inherit;opacity:.6;mix-blend-mode:screen;transition:opacity .4s}
.bn--card:hover canvas{opacity:.85}
.bn--card>:not(canvas){position:relative;z-index:1}
.lt .bn--card canvas{mix-blend-mode:multiply;opacity:.35}
.lt .bn--card:hover canvas{opacity:.55}

/* Card layout improvements v2 */
.c--glass{justify-content:flex-start!important;gap:0}
.c--glass .c-net{order:1;margin-bottom:2px}
.c--glass .c-bg{order:2;margin-bottom:auto}
.c--glass .c-nm{order:3;margin-top:auto;margin-bottom:4px}
.c--glass .c-ds{order:4;margin-bottom:8px}
.c--glass .lk{order:5}
.c--glass .svc-type{order:6;position:absolute;top:clamp(24px,3vw,36px);right:clamp(24px,3vw,36px)}
.net-pat{position:relative;overflow:hidden;padding:clamp(80px,10vw,140px) 0}
.net-pat-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.06}
.net-pat-t{white-space:nowrap;font-size:clamp(60px,10vw,120px);font-weight:800;text-transform:uppercase;letter-spacing:-.03em;line-height:1.1;will-change:transform}
.net-pat-t:nth-child(even){animation:npL 25s linear infinite}
.net-pat-t:nth-child(odd){animation:npR 20s linear infinite}
@keyframes npR{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes npL{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
.net-pat-c{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto;padding:0 24px}
.net-pat-c h2{font-size:clamp(32px,5vw,52px);font-weight:700;letter-spacing:-.03em;margin-bottom:16px;color:#fff}
.net-pat-c p{font-size:clamp(16px,2vw,20px);line-height:1.6;max-width:600px;margin:0 auto}

/* ═══════════════════════════════════════
   LIGHT MODE — Service pages overrides
   Tutte le classi .dk-only delle pagine
   servizio (embed-engine + standalone)
   ═══════════════════════════════════════ */
.lt .svc-bar{background:rgba(255,255,255,.95)!important;backdrop-filter:blur(16px)}
.lt .sub-name{color:#1d1d1f}
.lt .sub-stato{color:#6e6e73}
.lt .sub-tag{background:rgba(0,0,0,.06);color:#1d1d1f}
.lt .cs-badge{background:rgba(0,0,0,.05);color:#6e6e73;border:1px solid rgba(0,0,0,.08)}
.lt .sh{color:#1d1d1f}
.lt .ssub{color:#6e6e73}
.lt .st-n{color:#1d1d1f}
.lt .st-l{color:#86868b}
.lt .e5-h{color:#1d1d1f}
.lt .e5-p{color:#6e6e73}
.lt .step-h{color:#1d1d1f}
.lt .step-p{color:#6e6e73}
.lt .bg{color:#6e6e73;border-color:rgba(0,0,0,.12)}
.lt .sec--alt{background:rgba(0,0,0,.015)}
.lt .img-ph{background:rgba(0,0,0,.04)}
.lt .hsc-c{background:#fff;border:1px solid rgba(0,0,0,.08)}
.lt .hsc-nm{color:#1d1d1f}
.lt .hsc-desc{color:#6e6e73}
.lt .hsc-pill{background:rgba(0,0,0,.04);color:#6e6e73}
.lt .svc-card{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.06)}
.lt .svc-card-nm,.lt .svc-ic{color:#1d1d1f}
.lt .svc-card-desc{color:#6e6e73}
.lt .bai-section{background:rgba(0,0,0,.02)}
.lt .h::before{opacity:.04}
.lt .pill-toggle{background:rgba(0,0,0,.06);color:#6e6e73}
.lt .tb{color:#1d1d1f;border-color:rgba(0,0,0,.06)}
.lt .usp-nm{color:#1d1d1f}
.lt .usp-ic{color:#6e6e73}

/* Hero blob — network pages */
.hblob-wrap{position:relative;z-index:3;margin:0 auto 12px;display:flex;justify-content:center}
.hblob-wrap canvas{pointer-events:auto;display:block}
.svc-hero:has(.hblob-wrap){padding-top:clamp(100px,12vw,140px)}
header.svc-hero.hero-grad{top:-5px}

/* Stats alignment — fix sfasamento numeri/label */
.st-i{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.sts>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.ps{align-items:flex-end}
.ps>div{display:flex;flex-direction:column;align-items:center}

/* Holiday notice — light mode fix */
.lt .hp-notice--hol{background:#f0f0f2!important;border-bottom:1px solid rgba(0,0,0,.06)}
.lt .hp-notice--hol .hp-notice-tx{color:#1d1d1f}
.lt .hp-notice--hol .hp-notice-emo{filter:none}
.lt .hp-notice--hol .hp-notice-la,.lt .hp-notice--hol .hp-notice-x{color:rgba(0,0,0,.35)}

/* Blob iPad fix — constrain canvas size */
.blob-wrap{overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 auto}
.blob-wrap canvas,.ai-blob{width:80px!important;height:80px!important;display:block}
.hblob-wrap{overflow:hidden}
.hblob-wrap canvas{display:block}
@media(min-width:700px) and (max-width:1100px){
.hblob-wrap canvas{width:120px!important;height:120px!important}
.blob-wrap,.blob-wrap canvas,.ai-blob{width:64px!important;height:64px!important}
.bai-section{padding:clamp(40px,6vw,60px) 0!important}
.ai-brain-wrap{width:100px!important;height:100px!important}
.ai-brain-wrap canvas{width:100px!important;height:100px!important}
}

/* Suggested cards — center all content */
.suggested-scroll .ec{text-align:center!important}
.suggested-scroll .ec-top{justify-content:center}
.suggested-scroll .ec-hd,.suggested-scroll .ec-sub{text-align:center}
.suggested-scroll .ec-sts{justify-content:center}
.suggested-scroll .ec-btns{justify-content:center}
.ec-btn{justify-content:center;text-align:center}

/* Galaxy mega-menu — hide service slogans for compact equal-height columns */
#mg-galaxy .mg-desc{font-size:10px;opacity:.35;display:block;margin-top:1px}

/* Solid orange CTA button (replaces btn-glow on non-LANGA-Galaxy buttons) */
.btn-cta{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;background:#f37f0d;color:#fff;transition:transform .2s,opacity .2s}
.btn-cta:hover{transform:scale(1.03);opacity:.9}
.btn-cta--sm{padding:9px 22px;font-size:13px}
.btn-cta svg{flex-shrink:0}
/* LANGA Galaxy btn in mega-menu: fit-content */
#mg-galaxy .btn-glow{width:fit-content;padding:7px 18px;font-size:11px;margin-top:10px}

/* Segno card — diagonal stroke background */
.ec--segno{position:relative;overflow:hidden}
.ec--segno::before{content:"";position:absolute;top:-30%;left:-10%;width:120%;height:160%;background:linear-gradient(135deg,transparent 44%,#cc000012 44%,#cc000012 46%,transparent 46%,transparent 54%,#cc000008 54%,#cc000008 56%,transparent 56%);pointer-events:none;z-index:0}
.ec--segno .ec-z{position:relative;z-index:1}

.sh,.pvc-h,.hero-h,.bh,.stn:not(.stn-rotate),.hp-break-h{overflow-wrap:break-word;word-break:break-word;overflow:visible}
.ft-lang{display:inline-flex;align-items:center;gap:4px;margin-right:12px}.ft-lang-lk{font-size:11px;font-weight:500;text-decoration:none;padding:2px 6px;border-radius:4px;transition:all .2s}.dk .ft-lang-lk{color:rgba(255,255,255,.3)}.lt .ft-lang-lk{color:rgba(0,0,0,.3)}.ft-lang-lk:hover{opacity:.7}.ft-lang--on{font-weight:700!important}.dk .ft-lang--on{color:#f5f5f7!important;background:rgba(255,255,255,.08)}.lt .ft-lang--on{color:#1d1d1f!important;background:rgba(0,0,0,.06)}
/* === RESPONSIVE APP-LIKE POLISH v1 === */

/* iOS safe areas */
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.nv,.svc-bar{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.ft-w{padding-bottom:calc(24px + env(safe-area-inset-bottom))}

/* Smoother global transitions — unified spring curve */
*{-webkit-tap-highlight-color:transparent}
a,button,.ec,.ec-btn,.pill,.bn,.lk,.subnav-l,.mob-row{
  transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1),
  background .25s ease,color .25s ease,border-color .25s ease,box-shadow .3s ease!important}

/* Reveal animations — softer, more app-like */
[data-r]{opacity:0;transform:translateY(12px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)!important}
[data-r].vis{opacity:1;transform:none}
[data-r-scale]{opacity:0;transform:scale(.97);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)!important}
[data-r-scale].vis{opacity:1;transform:none}

/* Stagger delay refinement */
[data-d=".06"]{transition-delay:.06s!important}
[data-d=".1"]{transition-delay:.1s!important}
[data-d=".12"]{transition-delay:.12s!important}
[data-d=".18"]{transition-delay:.18s!important}
[data-d=".25"]{transition-delay:.25s!important}
[data-d=".3"]{transition-delay:.3s!important}

/* Touch targets — minimum 44px for all interactive */
@media(max-width:768px){
  .mob-row{min-height:52px;padding:14px 22px}
  .subnav-l{min-height:44px;padding:12px 16px}
  .ef-sl-cat{min-height:36px;padding:8px 16px;font-size:12px}
  .pill,.spec-pill{min-height:36px;padding:8px 16px;font-size:12px}
}

/* Card interactions — subtle depth on hover */
.ec:hover{transform:translateY(-2px)}
.ec{will-change:transform}

/* Scroll snap for horizontal sections */
.ef-sl-cats{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.ef-sl-cat{scroll-snap-align:start}

/* Mobile-first homepage grid fixes */
@media(max-width:700px){
  .hp-slot-grid{grid-template-columns:1fr!important;gap:24px}
  .hp-slot{padding:0 16px;margin-bottom:48px}
  .page-hero{padding:120px 20px 60px}
  .page-hero-h{font-size:clamp(28px,7vw,48px)}
  .ai-detail{grid-template-columns:1fr!important;min-height:auto}
  .ai-detail-demo{min-height:260px}
}

/* Tablet tweaks */
@media(min-width:701px) and (max-width:1024px){
  .hp-slot-grid{grid-template-columns:1fr 1fr!important}
  .page .c{padding:0 32px}
}

/* Smoother theme transition */
body,.nv,.svc-bar,.ec,.ft-w,.mg,.ai-detail,.bn,.page-hero{
  transition:background-color .4s ease,color .4s ease,border-color .3s ease}

/* Better scrollbar */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:transparent}
.dk::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px}
.lt::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(128,128,128,.3)}

/* Footer cleaner spacing */
.ft-cols{gap:clamp(24px,4vw,48px)}
@media(max-width:600px){.ft-cols{flex-direction:column;gap:32px}}

/* Accessibility — focus visible */
:focus-visible{outline:2px solid #f37f0d;outline-offset:3px;border-radius:4px}
button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}

/* Reduced motion preference */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
  [data-r],[data-r-scale]{opacity:1!important;transform:none!important}
}
.ft-lucky{opacity:.5;transition:opacity .3s,color .3s;font-style:italic}.ft-lucky:hover{opacity:1;color:#f37f0d!important}

/* MOB MENU v2 — drill groups + fidelity + direct link */
.mob-drill-h{padding:14px 16px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.35}
.mob-drill-h:first-child{padding-top:10px}
@media(max-width:600px){.mob-drill-h{padding-left:12px;padding-right:12px}}
.mob-row--direct{opacity:.55;font-weight:400}
.mob-row--direct svg{opacity:.2}
.mob.open .mob-row:nth-child(6){animation-delay:.24s}
.mob-sub.in .mob-sub-links>*:nth-child(8){animation:mobLinkIn .35s cubic-bezier(.25,.1,.25,1) .25s both}
.mob-sub.in .mob-sub-links>*:nth-child(9){animation:mobLinkIn .35s cubic-bezier(.25,.1,.25,1) .28s both}
.mob-sub.in .mob-sub-links>*:nth-child(10){animation:mobLinkIn .35s cubic-bezier(.25,.1,.25,1) .31s both}
.mob-sub.in .mob-sub-links>*:nth-child(11){animation:mobLinkIn .35s cubic-bezier(.25,.1,.25,1) .34s both}
.mob-sub.in .mob-sub-links>*:nth-child(12){animation:mobLinkIn .35s cubic-bezier(.25,.1,.25,1) .37s both}
.mob-sub.in .mob-sub-links>*:nth-child(13){animation:mobLinkIn .35s cubic-bezier(.25,.1,.25,1) .40s both}
.mob-sub.in .mob-sub-links>*:nth-child(14){animation:mobLinkIn .35s cubic-bezier(.25,.1,.25,1) .43s both}
.mob-fidelity{border-radius:14px;border:1px solid rgba(128,128,128,.14);overflow:hidden;margin-bottom:12px}
.dk .mob-fidelity{background:rgba(255,255,255,.04)}.lt .mob-fidelity{background:rgba(0,0,0,.03)}
.mob-fidelity-head{padding:14px 16px 10px;display:flex;align-items:baseline;gap:6px}
.mob-fidelity-badge{font-size:11px;font-weight:700;color:#1d3557;letter-spacing:.02em}
.mob-fidelity-sub{font-size:10px;opacity:.4}
.mob-fidelity-tiers{display:flex;border-top:1px solid rgba(128,128,128,.08)}
.mob-fidelity-tier{flex:1;padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;border-right:1px solid rgba(128,128,128,.06)}
.mob-fidelity-tier:last-child{border-right:none}
.mob-fidelity-level{font-size:10px;font-weight:700}
.mob-fidelity-price{font-size:14px;font-weight:600;opacity:.7}
.mob-fidelity-price small{font-size:10px;opacity:.6}

/* LA-CODES — Support ID + Friend Code boxes */
.la-codes{display:flex;gap:6px;position:relative}
.la-codes--footer{margin-top:8px;flex-direction:column;gap:4px}
.la-code{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;border:1px solid rgba(128,128,128,.12);cursor:pointer;transition:background .2s,border-color .2s;position:relative;min-width:0}
.dk .la-code{background:rgba(255,255,255,.03)}.lt .la-code{background:rgba(0,0,0,.02)}
.la-code:hover{border-color:rgba(243,127,13,.25)}
.dk .la-code:hover{background:rgba(255,255,255,.06)}.lt .la-code:hover{background:rgba(0,0,0,.04)}
.la-code-inner{min-width:0;flex:1}
.la-code-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.4;line-height:1.2}
.la-code-val{font-size:12px;font-weight:600;font-family:'SF Mono',SFMono-Regular,ui-monospace,monospace;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.la-blur{filter:blur(3px);user-select:none;pointer-events:none}
.la-code-copy{flex-shrink:0;opacity:.3;transition:opacity .2s;background:none;border:none;cursor:pointer;padding:2px;color:inherit}
.la-code-copy:hover{opacity:.7}
.la-codes-gate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:6px}
.dk .la-codes-gate{background:rgba(0,0,0,.4);backdrop-filter:blur(2px)}
.lt .la-codes-gate{background:rgba(255,255,255,.5);backdrop-filter:blur(2px)}
.la-codes-gate-btn{font-size:11px;font-weight:600;color:#f37f0d;text-decoration:none;padding:4px 12px;border-radius:4px;border:1px solid rgba(243,127,13,.3);transition:background .2s}
.la-codes-gate-btn:hover{background:rgba(243,127,13,.12)}
.la-popup-ov{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}
.la-popup-ov{background:rgba(0,0,0,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}

.la-popup-ov.la-popup--show{opacity:1;pointer-events:auto}
.la-popup{position:relative;max-width:380px;width:90%;padding:28px 24px;border-radius:16px;border:1px solid rgba(128,128,128,.15);transform:translateY(12px);transition:transform .3s cubic-bezier(.25,.1,.25,1)}
.la-popup{background:#141414;color:#f5f5f7}
.la-popup-ov.la-popup--show .la-popup{transform:translateY(0)}
.la-popup-x{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;opacity:.4;transition:opacity .2s;color:inherit;padding:4px}
.la-popup-x:hover{opacity:.8}
.la-popup-title{font-size:18px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}
.la-popup-desc{font-size:13px;line-height:1.55;opacity:.6;margin-bottom:16px}
.la-popup-code{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:8px;border:1px solid rgba(128,128,128,.12)}
.dk .la-popup-code{background:rgba(255,255,255,.04)}.lt .la-popup-code{background:rgba(0,0,0,.03)}
.la-popup-code-val{font-size:15px;font-weight:600;font-family:'SF Mono',SFMono-Regular,ui-monospace,monospace;letter-spacing:.03em}
.la-popup-code-copy{font-size:12px;font-weight:600;color:#f37f0d;background:none;border:none;cursor:pointer;padding:4px 10px;border-radius:4px;transition:background .2s}
.la-popup-code-copy:hover{background:rgba(243,127,13,.12)}
.la-popup-gate{text-align:center;padding:16px 0 4px}
.la-popup-gate-btn{display:inline-block;font-size:13px;font-weight:600;color:#F4EBE2;background:#f37f0d;text-decoration:none;padding:10px 24px;border-radius:8px;transition:opacity .2s}
.la-popup-gate-btn:hover{opacity:.85}

/* LUCKY GALAXY — embed card modal */
.lucky-ov{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
.lucky-ov{background:rgba(0,0,0,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

.lucky-ov.lucky--show{opacity:1;pointer-events:auto}
.lucky-card{max-width:360px;width:92%;transform:scale(.92);transition:transform .35s cubic-bezier(.25,.1,.25,1),opacity .2s}
.lucky-ov.lucky--show .lucky-card{transform:scale(1)}
.lucky-label{text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.12em;opacity:.3;margin-bottom:12px}
.lucky-wrap{border-radius:16px;overflow:hidden}
.lucky-wrap .ec{border-radius:16px!important}
.lucky-bar{display:flex;justify-content:center;gap:10px;margin-top:14px}
.lucky-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:980px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s;border:none}
.lucky-btn--retry{background:rgba(128,128,128,.15);color:inherit;opacity:.6}
.lucky-btn--retry:hover{opacity:1;background:rgba(128,128,128,.25)}
.lucky-btn--x{background:none;color:inherit;opacity:.3;font-size:20px;padding:8px 14px}
.lucky-btn--x:hover{opacity:.6}
.la-codes-gate{z-index:2}
.la-codes:has(.la-codes-gate) .la-code{pointer-events:none}
.la-codes--locked .la-code{pointer-events:none}
.ft h5{text-transform:uppercase;letter-spacing:.06em;font-size:10px}

.la-codes--inline{display:flex;gap:8px;margin-left:auto;flex-shrink:0}
.la-codes--inline .la-code{min-width:130px}
@media(max-width:700px){.la-codes--inline{margin-left:0;flex-basis:100%;gap:6px}.la-codes--inline .la-code{flex:1;min-width:0}}
.ft .la-code{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
.ft .la-code:hover{background:rgba(255,255,255,.14);border-color:rgba(243,127,13,.4)}
.ft .la-code-lbl{opacity:.5}
.ft .la-code-val{color:rgba(255,255,255,.85)}
.lt .ft .la-code{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1)}
.lt .ft .la-code:hover{background:rgba(0,0,0,.07)}
.lt .ft .la-code-val{color:rgba(0,0,0,.6)}
.la-popup-share{display:block;width:100%;margin-top:10px;padding:10px;border-radius:8px;border:1px solid rgba(128,128,128,.15);background:none;color:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;text-align:center}
.la-popup-share:hover{border-color:rgba(243,127,13,.3);background:rgba(243,127,13,.08)}
.la-popup-code--blur{opacity:.6}
.la-popup-gate{text-align:center;padding:16px 0 4px;display:flex;flex-direction:column;align-items:center;gap:8px}
.la-popup-gate-btn{display:inline-block;font-size:13px;font-weight:600;color:#141414;background:#f37f0d;text-decoration:none;padding:10px 24px;border-radius:8px;transition:opacity .2s}
.la-popup-gate-btn:hover{opacity:.85}
.la-popup-gate-link{font-size:12px;opacity:.4;transition:opacity .2s}
.la-popup-gate-link:hover{opacity:.7}
@media(max-width:834px){.ft-desk{display:none}}
.ft-more .la-code{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);padding:5px 10px}
.ft-more .la-code:hover{background:rgba(255,255,255,.16);border-color:#f37f0d}
.ft-more .la-code-lbl{color:rgba(255,255,255,.5)}
.ft-more .la-code-val{color:#fff;font-size:11px}
.ft-more .la-code-copy{color:rgba(255,255,255,.4)}
.la-codes--mega{margin-top:10px}
.la-toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(20px);background:#141414;color:#f5f5f7;padding:10px 24px;border-radius:980px;font-size:13px;font-weight:600;z-index:99999;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;border:1px solid rgba(255,255,255,.1)}
.la-toast--show{opacity:1;transform:translateX(-50%) translateY(0)}
.la-code-num{letter-spacing:.03em}
.ec-stato{position:absolute;top:12px;right:12px;font-size:9px;font-weight:600;padding:3px 8px;border-radius:4px;letter-spacing:.02em;z-index:5}
.suggested-scroll .ec-stato{display:none}
@media(min-width:901px){.ft-c--banner{grid-column:1/-1}}
@media(max-width:900px){.ft-dsk{display:none!important}}
@media(min-width:601px) and (max-width:900px){.ft-mh{display:none!important}}
@media(min-width:901px){.ft-mob{display:none!important}}
.lucky-wrap .ec--card{min-height:auto;padding:clamp(20px,4vw,28px)}
.lucky-wrap .ec-badge{display:inline-block;margin-bottom:6px}
.lucky-wrap .ec-stato{position:absolute;top:12px;right:12px}
.lucky-wrap .ec-hd--sm{font-size:clamp(16px,4vw,20px);margin-bottom:6px}
.lucky-wrap .ec-sub--sm{font-size:12px;margin-bottom:10px}
@media(max-width:600px){.nr-cl{display:none}}
.mg.open .mg-card,.mg.open .btn-glow,.mg.open .btn-glow--sm{animation:mgFade .35s ease both}
.page .c:hover{transform:translateY(-4px)}
.page.dk .c:hover{box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.page.lt .c:hover{box-shadow:0 8px 32px rgba(0,0,0,.08);border-color:rgba(0,0,0,.14)}
.page .c:hover svg{transform:scale(1.1)}
.page .c svg{transition:transform .3s}
.lt .la-code-lbl{color:rgba(0,0,0,.5)}
.lt .la-code-num{color:#1d1d1f}
.lt .la-code{border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.03)}
.lt .la-code-copy{color:rgba(0,0,0,.4)}
.nv-up .svc-bar{transition-delay:0s}
.nv-up .subnav{transition-delay:.15s}
.nv-up-all .svc-bar{transition-delay:.05s}
.nv-up-all .subnav{transition-delay:0s}
.subnav{transition:background .4s,top .35s cubic-bezier(.25,.1,.25,1),transform .35s cubic-bezier(.25,.1,.25,1)}

/* === LT band--aegis inline white fix (2026-06-04) === */
.lt .band--aegis .kk,
.lt .band--aegis .ey,
.lt .band--aegis .ov{color:#7C3AED!important}
.lt .band--aegis .bb-sub,
.lt .band--aegis .bd{color:#6e6e73!important}
.lt .band--aegis .spec-pill{background:rgba(124,58,237,.06)!important;color:#7C3AED!important;border:1px solid rgba(124,58,237,.12)!important}
.lt .band--aegis a{color:#7C3AED!important}
.lt .band--aegis a:hover{color:#6d28d9!important}
