@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/DMSans-400.woff2) format('woff2')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/DMSans-500.woff2) format('woff2')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/DMSans-700.woff2) format('woff2')}
body{margin:0;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#141A3A;background:#ffffff}
a{color:inherit;text-decoration:none}
a:hover{color:#9EA2FF}
a:focus-visible{outline:3px solid #9EA2FF;outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;background:#ffffff;color:#141A3A;padding:12px 18px;border-radius:8px;font-weight:700}
.skip:focus{left:16px;z-index:10}

@property --n{syntax:'<integer>';initial-value:0;inherits:false}
@property --d{syntax:'<integer>';initial-value:0;inherits:false}

@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes slidein{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes growx{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes stamp{0%{opacity:0;transform:rotate(-16deg) scale(2)}65%{opacity:1;transform:rotate(-8deg) scale(0.93)}100%{opacity:1;transform:rotate(-8deg) scale(1)}}
@keyframes pulse{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}
@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0.6);opacity:0.55}100%{transform:translate(-50%,-50%) scale(2.1);opacity:0}}
@keyframes bob{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 6px))}}
@keyframes beacon{0%{box-shadow:0 0 0 0 rgba(82,82,234,0.55)}100%{box-shadow:0 0 0 14px rgba(82,82,234,0)}}
@keyframes cunt{from{--n:0;--d:0}}

.hi{animation:rise 0.8s cubic-bezier(0.2,0.7,0.2,1) both}

.ln{position:absolute;left:50%;top:50%;height:2px;background:#2A3170;transform-origin:0 50%}
.pd{position:absolute;top:50%;left:0;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--human);box-shadow:0 0 14px 3px rgba(255,138,91,0.6);animation:pulse 3.4s linear infinite}
.rp{position:absolute;left:50%;top:50%;width:84px;height:84px;border-radius:50%;border:2px solid #7B7FF5;animation:ripple 3.6s ease-out infinite}
.nd{position:absolute;max-width:104px;padding:9px 12px;border-radius:12px;background:#0E1432;border:1px solid #2F3994;color:#ffffff;font-size:13px;font-weight:700;text-align:center;line-height:1.25;transform:translate(-50%,-50%);animation:bob 6s ease-in-out infinite}

.pdot{animation:beacon 2s ease-out infinite}

.cu{counter-reset:n var(--n) d var(--d);animation:cunt 1.8s cubic-bezier(0.2,0.7,0.2,1) both}
.cu-5{--n:5}
.cu-90{--n:90}
.cu-7{--n:7}
.cu-money{--n:5;--d:95}
.cu-5::before,.cu-90::before,.cu-7::before{content:counter(n)}
.cu-money::before{content:'£' counter(n) '.' counter(d,decimal-leading-zero) 'B'}

.stamp{transform:rotate(-8deg)}

/* Logo: proof strokes */
@keyframes lgdraw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes hl1{0%,3%{stroke-dashoffset:100;opacity:0}4%{stroke-dashoffset:100;opacity:1}16%{stroke-dashoffset:0;opacity:1}88%{stroke-dashoffset:0;opacity:1}95%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes hl2{0%,9%{stroke-dashoffset:100;opacity:0}10%{stroke-dashoffset:100;opacity:1}22%{stroke-dashoffset:0;opacity:1}88%{stroke-dashoffset:0;opacity:1}95%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes hl3{0%,15%{stroke-dashoffset:100;opacity:0;filter:drop-shadow(0 0 0 rgba(255,138,91,0))}16%{stroke-dashoffset:100;opacity:1}30%{stroke-dashoffset:0;opacity:1;filter:drop-shadow(0 0 0 rgba(255,138,91,0))}38%{filter:drop-shadow(0 0 10px rgba(255,138,91,0.95))}52%{filter:drop-shadow(0 0 0 rgba(255,138,91,0))}88%{stroke-dashoffset:0;opacity:1}95%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes wmfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes wmpar{from{transform:translateY(70px)}to{transform:translateY(-70px)}}
@keyframes spin{to{transform:rotate(360deg)}}

.lg,.hl{stroke-dasharray:100 100}
.nav-logo .lg{animation:lgdraw 0.9s cubic-bezier(0.3,0.7,0.2,1) both}
.nav-logo .lg1{animation-delay:0.1s}
.nav-logo .lg2{animation-delay:0.3s}
.nav-logo .lg3{animation-delay:0.5s}
.hl1{animation:hl1 7s ease-in-out infinite}
.hl2{animation:hl2 7s ease-in-out infinite}
.hl3{animation:hl3 7s ease-in-out infinite}

/* Watermarks */
.wm{position:absolute;z-index:-1;pointer-events:none;animation:wmfloat 14s ease-in-out infinite}
.wm-l{color:#5252EA;opacity:0.07}
.wm-d{color:#ffffff;opacity:0.045}
.wm-hero path{stroke-dasharray:100 100;animation:lgdraw 2.6s ease-out both}
.globe{transform-origin:100px 100px;animation:spin 180s linear infinite}

.btn{transition:transform 0.2s ease,filter 0.2s ease}
.btn:hover{transform:translateY(-2px);filter:brightness(1.12)}
.card3,.reg,.pill4{transition:border-color 0.25s ease,box-shadow 0.25s ease}
.card3:hover{border-color:#9EA2FF;box-shadow:0 18px 40px rgba(60,60,160,0.14)}
.reg:hover{border-color:#9EA2FF}
.pill4:hover{border-color:#6A70E8}

@supports (animation-timeline:view()){
  .rv,.card3,.pill4,.reg{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
  .rowin{animation:slidein linear both;animation-timeline:view()}
  .bar{animation:growx linear both;animation-timeline:view();animation-range:entry 10% entry 70%}
  .stamp{animation:stamp linear both;animation-timeline:view();animation-range:entry 30% entry 80%}
  .prog{animation:grow linear both;animation-timeline:view()}
  .wm{animation:wmpar linear both;animation-timeline:view()}
  .sd{animation:lgdraw linear both;animation-timeline:view()}
  .sd1{animation-range:entry 0% entry 60%}
  .sd2{animation-range:entry 10% entry 70%}
  .sd3{animation-range:entry 20% entry 80%}
  .cu{animation-timeline:view();animation-duration:auto;animation-range:entry 20% entry 100%}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
}

.nl{position:relative}
.nl[aria-current="page"]{color:#ffffff;box-shadow:inset 0 -3px 0 var(--human)}
.cardlink{display:block;text-decoration:none}
.cardlink:hover{color:inherit}
.arrow{transition:transform 0.2s ease}
.cardlink:hover .arrow{transform:translateX(4px)}
.ph{border:2px dashed #B7BCE8;border-radius:16px;background:#F6F7FF;color:#4F587F}
.phd{border:2px dashed #3A4290;border-radius:16px;background:#0F1647;color:#B9BFEA}

/* People cards */
.pc{transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}
.pc:hover{transform:translateY(-4px) rotate(-0.6deg);box-shadow:0 16px 34px rgba(60,60,160,0.16);border-color:#9EA2FF}
.pav::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,#5252EA,var(--human),#9EA2FF,#5252EA);opacity:0;transition:opacity 0.25s ease}
.pc:hover .pav::before{opacity:1;animation:spin 3s linear infinite}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-12px) rotate(var(--r,0deg))}}
.chip{display:inline-flex;align-items:center;padding:10px 18px;border-radius:999px;font-size:15px;font-weight:700;animation:floaty 5s ease-in-out infinite}

/* Alive logo: draw on, then breathe, glow and wave. Hover replays the wave. */
@keyframes lgwave{0%,45%,100%{transform:translateY(0)}15%{transform:translateY(-9px)}30%{transform:translateY(0)}}
@keyframes lgglow{0%,100%{filter:drop-shadow(0 0 0 rgba(255,138,91,0))}20%{filter:drop-shadow(0 0 8px rgba(255,138,91,0.95))}45%{filter:drop-shadow(0 0 0 rgba(255,138,91,0))}}
.nav-logo .lg,.alive .lg{animation:lgdraw 0.9s cubic-bezier(0.3,0.7,0.2,1) both,lgwave 5s ease-in-out infinite}
.nav-logo .lg1,.alive .lg1{animation-delay:0.1s,2.2s}
.nav-logo .lg2,.alive .lg2{animation-delay:0.3s,2.35s}
.nav-logo .lg3,.alive .lg3{animation:lgdraw 0.9s cubic-bezier(0.3,0.7,0.2,1) both,lgwave 5s ease-in-out infinite,lgglow 5s ease-in-out infinite;animation-delay:0.5s,2.5s,2.5s}
.nav-logo:hover .lg,.alive:hover .lg{animation:lgwave 0.7s ease-in-out}
.nav-logo:hover .lg3,.alive:hover .lg3{animation:lgwave 0.7s ease-in-out,lgglow 0.7s ease-in-out}
.mini{flex:none;overflow:visible}
.mini path{animation:lgwave 3.6s ease-in-out infinite}
.mini .m2{animation-delay:0.15s}
.mini .m3{animation:lgwave 3.6s ease-in-out 0.3s infinite,lgglow 3.6s ease-in-out 0.3s infinite}

/* Brand kit animation */
@keyframes ims-orbit{to{transform:rotate(360deg)}}
@keyframes ims-pulse{0%,100%{filter:drop-shadow(0 0 0 rgba(124,108,255,0))}50%{filter:drop-shadow(0 0 9px rgba(124,108,255,0.95))}}
@keyframes ims-breathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.65}}
.ims-orbit{transform-origin:122px 122px;animation:ims-orbit 14s linear infinite}
.ims-core{animation:ims-pulse 3.2s ease-in-out infinite}
.ims-r2{transform-box:fill-box;transform-origin:center;animation:ims-breathe 4s ease-in-out infinite}
.ims-word{animation:rise 0.9s cubic-bezier(0.2,0.7,0.2,1) 0.2s both}

@keyframes cb-c{0%{transform:rotate(-220deg) scale(0.55);opacity:0}16%{transform:rotate(0) scale(1);opacity:1}80%{transform:rotate(0) scale(1);opacity:1}86%,100%{transform:rotate(0) scale(1);opacity:0}}
@keyframes cb-sq{0%,14%{transform:translateX(-30px) scale(0);opacity:0}24%{transform:translateX(0) scale(1.35);opacity:1}30%{transform:scale(1);opacity:1}42%{transform:scale(1.35)}48%{transform:scale(1)}58%{transform:scale(1.35)}64%{transform:scale(1)}80%{transform:scale(1);opacity:1}86%,100%{transform:scale(1);opacity:0}}
@keyframes cb-word{0%,16%{opacity:0;transform:translateX(-18px)}30%{opacity:1;transform:none}80%{opacity:1;transform:none}86%,100%{opacity:0;transform:none}}
.cb-c{animation:cb-c 8s ease-in-out infinite}
.cb-sq{transform-box:fill-box;transform-origin:center;animation:cb-sq 8s ease-in-out infinite}
.cb-word{animation:cb-word 8s ease-in-out infinite}

@keyframes al-face{0%,100%{transform:rotate(0) translateY(0)}20%{transform:rotate(-7deg) translateY(-3px)}45%{transform:rotate(6deg) translateY(0)}70%{transform:rotate(-3deg) translateY(-2px)}}
@keyframes al-ping{0%{transform:scale(1);opacity:0.9}70%,100%{transform:scale(3);opacity:0}}
@keyframes al-dot{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
@keyframes dotb{0%,60%,100%{transform:translateY(0);opacity:0.4}30%{transform:translateY(-6px);opacity:1}}
.al-face{transform-box:fill-box;transform-origin:center;animation:al-face 5s ease-in-out infinite}
.al-ping{transform-box:fill-box;transform-origin:center;animation:al-ping 2.4s ease-out infinite}
.al-dot{transform-box:fill-box;transform-origin:center;animation:al-dot 2.4s ease-in-out infinite}
.al-word{animation:rise 0.9s cubic-bezier(0.2,0.7,0.2,1) 0.2s both}
.typing{display:inline-flex;gap:6px;padding:10px 14px;border-radius:16px;background:#ffffff;border:1px solid #E1E4F8;box-shadow:0 6px 16px rgba(60,60,160,0.08)}
.typing i{display:block;width:8px;height:8px;border-radius:50%;background:#E60076;animation:dotb 1.2s ease-in-out infinite}
.typing i:nth-child(2){animation-delay:0.15s}
.typing i:nth-child(3){animation-delay:0.3s}

@keyframes tp-spin{to{transform:rotate(360deg)}}
.tp-spin{animation:tp-spin 22s linear infinite}
.bstage{position:relative;overflow:hidden}

.cu-874{--n:874}.cu-1845{--n:18;--d:45}.cu-154{--n:154}
.cu-154::before{content:'£' counter(n) 'M+'}
.cu-874::before{content:counter(n) '+'}
.cu-1845::before{content:'£' counter(n) '.' counter(d,decimal-leading-zero) 'M'}
.bframe{display:block;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #D5D9F2;box-shadow:0 26px 52px -26px rgba(11,16,48,0.5);transition:transform .35s ease,box-shadow .35s ease;color:inherit}
.bframe:hover{transform:translateY(-8px);box-shadow:0 36px 62px -26px rgba(11,16,48,0.6)}
.bframe .fbar{display:flex;align-items:center;gap:6px;height:28px;padding:0 12px;background:#EEF0FF;border-bottom:1px solid #D5D9F2}
.bframe .fbar i{display:block;width:9px;height:9px;border-radius:50%;background:#C3C8EE}
.bframe img{display:block;width:100%;height:auto}
.cu-491{--n:491}.cu-879{--n:8;--d:79}.cu-3{--n:3}
.cu-491::before{content:counter(n) '+'}.cu-3::before{content:counter(n)}
.cu-879::before{content:'£' counter(n) '.' counter(d,decimal-leading-zero) 'M'}

@keyframes gn-float{0%,100%{transform:translateY(0) rotate(0deg);filter:drop-shadow(0 0 0 rgba(64,0,255,0))}50%{transform:translateY(-8px) rotate(-3deg);filter:drop-shadow(0 12px 14px rgba(64,0,255,0.28))}}
@keyframes gn-in{0%{opacity:0;transform:translateX(-18px)}12%,86%{opacity:1;transform:none}100%{opacity:0;transform:translateX(-18px)}}
.gn-cube{animation:gn-float 5s ease-in-out infinite}
.gn-word{animation:gn-in 8s ease-in-out infinite}

.ppf{position:relative;margin:0;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #CFE0D6;box-shadow:0 24px 50px -22px rgba(18,54,56,0.45);transition:transform .35s ease,box-shadow .35s ease}
.ppf:hover{transform:translateY(-8px) rotate(-0.6deg);box-shadow:0 34px 60px -22px rgba(18,54,56,0.55)}
.ppf img{display:block;width:100%;height:auto}
.ppf::after{content:'';position:absolute;left:0;right:0;top:0;height:70px;background:linear-gradient(180deg,rgba(218,255,153,0) 0%,rgba(218,255,153,0.55) 50%,rgba(218,255,153,0) 100%);animation:ppscan 6s ease-in-out infinite;pointer-events:none}
.ppf2::after{animation-delay:1.2s}
@keyframes ppscan{0%{transform:translateY(-80px);opacity:0}10%{opacity:1}60%{opacity:1}75%,100%{transform:translateY(700px);opacity:0}}

@keyframes rl-spin{0%,100%{transform:rotate(0deg)}50%{transform:rotate(60deg)}}
@keyframes rl-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.45)}}
@keyframes rl-in{0%{opacity:0;transform:translateX(-14px)}12%,86%{opacity:1;transform:none}100%{opacity:0;transform:translateX(-14px)}}
.rl-hex{transform-box:fill-box;transform-origin:center;animation:rl-spin 6s ease-in-out infinite}
.rl-dot{transform-box:fill-box;transform-origin:center;animation:rl-pulse 3s ease-in-out infinite}
.rl-word{animation:rl-in 8s ease-in-out infinite}

@keyframes rl-float{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 0 rgba(230,8,130,0))}50%{transform:translateY(-7px);filter:drop-shadow(0 12px 12px rgba(230,8,130,0.22))}}
.rl-float{animation:rl-float 5s ease-in-out infinite}

.ptile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:190px;padding:26px 20px;background:#ffffff;border:1px solid #E1E4F8;border-radius:18px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.ptile img{display:block;max-width:100%;filter:grayscale(1);opacity:.78;transition:filter .3s ease,opacity .3s ease,transform .3s ease}
.ptile:hover{transform:translateY(-6px);border-color:#B7BCE8;box-shadow:0 22px 40px -22px rgba(11,16,48,0.35)}
.ptile:hover img{filter:none;opacity:1;transform:scale(1.04)}
.ptile .pn{font-size:13px;font-weight:700;letter-spacing:0.04em;color:#4F587F;text-align:center}
@media (prefers-reduced-motion:reduce){.ptile,.ptile img{transition:none}}

@keyframes ecg{0%{stroke-dashoffset:100;opacity:1}55%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.ecg{stroke-dasharray:100;animation:ecg 4s ease-in-out infinite}
.nhsph::before{content:'';position:absolute;inset:-30%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.22),transparent 45%);animation:nhsglow 8s ease-in-out infinite alternate}
@keyframes nhsglow{to{transform:translate(18%,12%)}}

.cn::before{content:counter(n)}
.cd::before{content:counter(n) '.' counter(d,decimal-leading-zero)}
.cd1::before{content:counter(n) '.' counter(d)}
.cn3::before{content:counter(n,decimal-leading-zero)}
.bframe .fbar .lv{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:0.1em;color:#0B7A4B}
.lv b{display:block;width:7px;height:7px;border-radius:50%;background:#12B76A;animation:lvpulse 1.6s ease-out infinite}
@keyframes lvpulse{0%{box-shadow:0 0 0 0 rgba(18,183,106,0.55)}80%,100%{box-shadow:0 0 0 8px rgba(18,183,106,0)}}
.lchips{position:absolute;left:12px;bottom:12px;right:12px;display:flex;flex-wrap:wrap;gap:8px;pointer-events:none;z-index:2}
.lchip{display:inline-flex;flex-direction:column;gap:1px;padding:8px 12px;border-radius:12px;background:rgba(7,10,24,0.9);color:#ffffff;box-shadow:0 10px 24px -10px rgba(0,0,0,0.5);animation:lchipfloat 4.5s ease-in-out infinite}
.lchip:nth-child(2){animation-delay:-1.5s}
.lchip:nth-child(3){animation-delay:-3s}
.lchip .lk{font-size:10.5px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#9EA2FF}
.lchip .lval{font-size:18px;line-height:1.15;font-weight:700;letter-spacing:-0.01em}
.lchip .lsm{font-size:10px;color:#9AA1DC;letter-spacing:0.06em}
@keyframes lchipfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.lchip,.lv b{animation:none}}

@media (min-width:1000px){.fsub{margin-top:auto !important;padding-top:24px}}

/* Live counters: time-based, loop so they are always visibly counting */
@property --p{syntax:'<number>';initial-value:1;inherits:false}
@property --v{syntax:'<integer>';initial-value:0;inherits:false}
@property --w{syntax:'<integer>';initial-value:0;inherits:false}
@keyframes cupulse{0%{--p:0}28%{--p:1}99.5%{--p:1}100%{--p:0}}
.cu{--v:calc(var(--n)*var(--p));--w:calc(var(--d)*var(--p));counter-reset:n var(--v) d var(--w);animation:cupulse 8s cubic-bezier(0.2,0.7,0.2,1) infinite}
@supports (animation-timeline:view()){.cu{animation-timeline:auto;animation-duration:8s;animation-range:normal}}
.lchip:nth-child(2) .cu,.reg:nth-child(2) .cu{animation-delay:-0.6s}
.lchip:nth-child(3) .cu{animation-delay:-1.2s}
@keyframes cbi{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes cbib{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.75}}
.cbi{animation:cbi 4s ease-in-out infinite}
.cbi-b{transform-box:fill-box;transform-origin:center;animation:cbib 3s ease-in-out infinite}
@keyframes pfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.ptile img{animation:pfloat 6s ease-in-out infinite}
.ptile:nth-child(2n) img{animation-delay:-1.5s}
.ptile:nth-child(3n) img{animation-delay:-3s}
.ptile:hover img{animation-play-state:paused}

@keyframes avspin{to{transform:rotate(360deg)}}
@keyframes avglow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes avsheen{0%,60%{transform:translateX(-120%) rotate(18deg)}100%{transform:translateX(220%) rotate(18deg)}}
.avs{display:block;overflow:visible}
.av-ring{transform-box:fill-box;transform-origin:center;animation:avspin 22s linear infinite}
.av-orb{transform-origin:40px 40px;animation:avspin 9s linear infinite}
.av-glow{transform-box:fill-box;transform-origin:center;animation:avglow 4s ease-in-out infinite}
.av-sheen{animation:avsheen 6s ease-in-out infinite}
.pc:hover .av-orb{animation-duration:2.4s}
.pc:hover .av-ring{animation-duration:6s}

@keyframes cbh-in{0%{transform:rotate(-200deg) scale(.6);opacity:0}100%{transform:none;opacity:1}}
@keyframes cbh-glow{0%,100%{filter:drop-shadow(0 0 0 rgba(218,255,153,0))}50%{filter:drop-shadow(0 0 14px rgba(218,255,153,.55))}}
@keyframes cbh-sq{0%,100%{transform:scale(1)}50%{transform:scale(1.4)}}
.cbh-c{animation:cbh-in 1.4s cubic-bezier(.2,.7,.2,1) both,cbh-glow 4s ease-in-out 1.4s infinite}
.cbh-sq{transform-box:fill-box;transform-origin:center;animation:cbh-sq 2.6s ease-in-out infinite}

.chl{background:linear-gradient(160deg,#0B1030 0%,#1B2563 55%,#2A2F8F 100%);background-size:180% 180%;animation:chgrad 14s ease-in-out infinite alternate}
@keyframes chgrad{to{background-position:100% 100%}}
.chring{transform-origin:130px 130px;animation:avspin 16s linear infinite}
.chap{transition:transform .35s ease,box-shadow .35s ease}
.chap:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(11,16,48,.45)}
.itile::after{content:'';position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(82,82,234,.10),transparent);animation:isheen 7s ease-in-out infinite}
.itile:nth-child(2)::after{animation-delay:-2.3s}
.itile:nth-child(3)::after{animation-delay:-4.6s}
@keyframes isheen{0%,55%{left:-60%}100%{left:130%}}
.itile{animation:itfloat 6s ease-in-out infinite}
.itile:nth-child(2){animation-delay:-2s}
.itile:nth-child(3){animation-delay:-4s}
@keyframes itfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.ba-arrow{animation:baarrow 1.8s ease-in-out infinite}
@keyframes baarrow{0%,100%{transform:translateY(-3px);opacity:.55}50%{transform:translateY(3px);opacity:1}}
.ba-a{animation:baglow 3.6s ease-in-out infinite}
@keyframes baglow{0%,100%{box-shadow:0 0 0 0 rgba(218,255,153,0)}50%{box-shadow:0 0 22px 0 rgba(218,255,153,.28)}}
.vis{animation:visglow 5s ease-in-out infinite}
@keyframes visglow{0%,100%{box-shadow:inset 5px 0 0 var(--human),0 0 0 0 rgba(255,138,91,0)}50%{box-shadow:inset 5px 0 0 var(--human),0 12px 30px -16px rgba(255,138,91,.45)}}
.ib .ibd{animation:ibpop 4s ease-in-out infinite}
.ib:nth-child(2) .ibd{animation-delay:-1.3s}
.ib:nth-child(3) .ibd{animation-delay:-2.6s}
@keyframes ibpop{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.ichip{animation:itfloat 5s ease-in-out infinite}

@keyframes lgdr{0%,6%{stroke-dashoffset:100;opacity:1}38%,86%{stroke-dashoffset:0;opacity:1}94%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes lgpp{0%,6%{transform:scale(0);opacity:0}18%{transform:scale(1.18);opacity:1}25%,86%{transform:scale(1);opacity:1}94%,100%{transform:scale(1);opacity:0}}
@keyframes lgpl{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(1.5);opacity:1}}
@keyframes lgrise{0%,30%{opacity:0;transform:translateY(8px)}48%,100%{opacity:1;transform:none}}
.lgdr{stroke-dasharray:100 100;animation:lgdr 7s ease-in-out infinite both}
.lgpp{transform-box:fill-box;transform-origin:center;animation:lgpp 7s ease-out infinite both}
.lgpl{transform-box:fill-box;transform-origin:center;animation:lgpl 1.8s ease-in-out infinite}
.lgwm{animation:lgrise 7s ease-out infinite both}
@media (prefers-reduced-motion:reduce){.lgdr{stroke-dasharray:none}}

.mp-land{animation:mpshim 6s ease-in-out infinite}
@keyframes mpshim{0%,100%{opacity:.7}50%{opacity:1}}
.mp-arc{animation:mpflow 1.6s linear infinite}
@keyframes mpflow{to{stroke-dashoffset:-20}}
.mp-ring{transform-box:fill-box;transform-origin:center;animation:mpring 2.4s ease-out infinite}
@keyframes mpring{0%{transform:scale(.8);opacity:.9}100%{transform:scale(3.2);opacity:0}}
.mp-lab{animation:mplab 5s ease-in-out infinite}
@keyframes mplab{0%,100%{margin-top:0}50%{margin-top:-4px}}
@media (max-width:640px){.mp-lab{font-size:11px !important;padding:4px 8px !important}}

.mp-t{animation:mpt 1.2s ease-in-out infinite}
@keyframes mpt{0%,100%{opacity:.25}50%{opacity:1}}
.mp-st{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:#ffffff;border:1px solid #D5D9F5;font-size:17px;font-weight:700;color:#4F587F;animation:mpst 6s ease-in-out infinite}
@keyframes mpst{0%,28%{background:#5252EA;color:#ffffff;border-color:#5252EA;box-shadow:0 12px 26px -12px rgba(82,82,234,.8);transform:translateY(-3px)}34%,100%{background:#ffffff;color:#4F587F;border-color:#D5D9F5;box-shadow:none;transform:none}}
.mp-ar{animation:mpar 2s ease-in-out infinite}
@keyframes mpar{0%,100%{transform:translateX(-2px);opacity:.5}50%{transform:translateX(3px);opacity:1}}
.mp-ci{animation:mpci 5s ease-in-out infinite}
@keyframes mpci{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-4deg)}}
.mp-card{transition:transform .3s ease,box-shadow .3s ease}
.mp-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -28px rgba(11,16,48,.45)}

.mp-with{animation:mpwith 4s ease-in-out infinite}
@keyframes mpwith{0%,100%{opacity:.75;letter-spacing:0}50%{opacity:1;letter-spacing:.02em}}

.hm-chip{display:inline-block;animation:hmchip 4.5s ease-in-out infinite}
@keyframes hmchip{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.hm-flow path{animation:mpflow 1.4s linear infinite}
.hm-dot{animation:hmdot 2.4s ease-in-out infinite}
@keyframes hmdot{0%{transform:translateX(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(88px);opacity:0}}
@media (max-width:760px){.hm-flow{transform:rotate(90deg)}}

.phon{animation:phon 2.2s ease-in-out infinite}
@keyframes phon{0%,100%{opacity:1}50%{opacity:.45}}
.phseg.phon{animation-duration:2.6s}
.phc{transition:transform .3s ease,box-shadow .3s ease}
.phc:hover{transform:translateY(-4px);box-shadow:0 22px 44px -28px rgba(11,16,48,.45)}

/* ---- mobile navigation ---- */
.nav-chk{position:absolute;opacity:0;width:44px;height:44px;margin:0;right:24px;pointer-events:none}
.nav-burger{display:none}
@media (max-width:960px){
.nav-burger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-left:auto;width:46px;height:46px;border-radius:12px;border:1px solid #3A4290;cursor:pointer;background:rgba(255,255,255,0.04)}
.nav-burger i{display:block;width:20px;height:2px;border-radius:2px;background:#ffffff;transition:transform .25s ease,opacity .2s ease}
.nav-chk:focus-visible + .nav-burger{outline:2px solid #9EA2FF;outline-offset:2px}
.nav-chk:checked + .nav-burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-chk:checked + .nav-burger i:nth-child(2){opacity:0}
.nav-chk:checked + .nav-burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
nav[aria-label="Primary"]{display:none !important;flex:1 1 100%;flex-direction:column;align-items:stretch !important;gap:0 !important;padding:6px 0 14px;font-size:17px !important}
.nav-chk:checked ~ nav[aria-label="Primary"]{display:flex !important;animation:navdrop .25s ease-out}
nav[aria-label="Primary"] a.nl{border-bottom:1px solid #1B2250;min-height:50px !important}
nav[aria-label="Primary"] a.nl[aria-current="page"]{box-shadow:none;color:#ffffff;font-weight:700}
nav[aria-label="Primary"] a.btn{margin-top:14px;min-height:50px !important}
}
@keyframes navdrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* ---- performance: compositor-friendly motion, skip off-screen work ---- */
main>section,main>article,footer{content-visibility:auto;contain-intrinsic-size:auto 760px}
.itile::after{left:0;transform:translateX(-150%);will-change:transform}
@keyframes isheen{0%,55%{transform:translateX(-150%)}100%{transform:translateX(330%)}}
@keyframes mplab{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes mpwith{0%,100%{opacity:.75}50%{opacity:1}}
.mp-land{will-change:opacity}
@media (max-width:760px){
.itile,.itile::after,.chl,.chring,.vis,.ba-a,.ib .ibd,.ichip,.hm-chip,.mp-land,.mp-lab,.mp-ci,.mp-with,.pdot,.phon,.chap{animation:none !important}
.chap:hover,.mp-card:hover,.phc:hover,.card3:hover{transform:none}
}

@media (max-width:760px){
.mp-wrap{overflow:hidden;height:420px}
.mp-in{width:250%;margin-left:-110%}
.mp-in .mp-lab:nth-of-type(5){transform:translate(-50%,-190%) !important}
main>section,main>article,footer{contain-intrinsic-size:auto 1300px}
}

/* ---- Staged timeline (How it works) ---- */
.stg{position:relative;display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:28px;margin-top:48px}
.stg-line{position:absolute;left:22px;right:0;top:21px;height:3px;border-radius:3px;background:#D9DCF5}
.stg-fill{position:absolute;inset:0;border-radius:3px;background:linear-gradient(90deg,#5252EA,#FF8A5B);transform-origin:left;transform:scaleX(1)}
.stg-dot{position:absolute;top:-5px;left:0;width:13px;height:13px;border-radius:50%;background:#FF8A5B;box-shadow:0 0 0 6px rgba(255,138,91,.22);animation:stgRun 7s linear infinite;animation-delay:1.2s}
.stg-i{position:relative;min-width:0;display:flex;flex-direction:column}
.stg-node{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:#5252EA;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700;letter-spacing:.04em;box-shadow:0 0 0 6px #F6F7FF}
.stg-c{flex:1;margin-top:18px;padding:22px;border-radius:18px;background:#fff;border:1px solid #E1E4F8;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.stg-c:hover{transform:translateY(-5px);border-color:#5252EA;box-shadow:0 24px 40px -28px rgba(82,82,234,.55)}
.stg-i:nth-child(2) .stg-node{background:#6A62F0}
.stg-i:nth-child(3) .stg-node{background:#9A6BE0}
.stg-i:nth-child(4) .stg-node{background:#FF8A5B}
.stg-i:nth-child(5) .stg-node{background:#FF8A5B}
@keyframes stgRun{0%{left:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:calc(100% - 13px);opacity:0}}
@keyframes stgIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes stgPop{from{transform:scale(0)}65%{transform:scale(1.2)}to{transform:scale(1)}}
@keyframes stgFillX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes stgFillY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@supports (animation-timeline:view()){
.stg-fill{animation:stgFillX linear both;animation-timeline:view();animation-range:entry 25% cover 48%}
.stg-c{animation:stgIn cubic-bezier(.2,.7,.2,1) both;animation-timeline:view();animation-range:entry 4% entry 42%}
.stg-node{animation:stgPop cubic-bezier(.2,.7,.2,1) both;animation-timeline:view();animation-range:entry 0% entry 30%}
.stg-i:nth-child(3) .stg-c{animation-range:entry 14% entry 52%}.stg-i:nth-child(3) .stg-node{animation-range:entry 10% entry 40%}
.stg-i:nth-child(4) .stg-c{animation-range:entry 24% entry 62%}.stg-i:nth-child(4) .stg-node{animation-range:entry 20% entry 50%}
.stg-i:nth-child(5) .stg-c{animation-range:entry 34% entry 72%}.stg-i:nth-child(5) .stg-node{animation-range:entry 30% entry 60%}
.stg-i:nth-child(2) .stg-c{animation-range:entry 9% entry 47%}.stg-i:nth-child(2) .stg-node{animation-range:entry 5% entry 35%}
}
@media (max-width:999px){
.stg{grid-template-columns:1fr;gap:22px;margin-top:36px}
.stg-line{left:21px;right:auto;top:22px;bottom:22px;width:3px;height:auto}
.stg-fill{transform-origin:top}
.stg-dot{display:none}
.stg-i{padding-left:64px;display:block}
.stg-node{position:absolute;left:0;top:0}
.stg-c{margin-top:0}
@supports (animation-timeline:view()){.stg-fill{animation-name:stgFillY;animation-range:entry 10% cover 55%}
.stg-c,.stg-node{animation-range:entry 0% entry 40%!important}}
}
@media (prefers-reduced-motion:reduce){.stg-dot{animation:none;display:none}}

/* ---- Grow: idea lab ---- */
.lab-r,.rsel .lab-r{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.lab,.rsel{position:relative}
.lab-chips,.rsel-chips{display:flex;flex-wrap:wrap;gap:10px}
.lab-chips label,.rsel-chips label{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid #D4D8F5;background:#fff;color:#1E2550;font-weight:700;font-size:15px;cursor:pointer;transition:transform .2s,background .2s,color .2s,border-color .2s}
.lab-chips label:hover,.rsel-chips label:hover{transform:translateY(-2px);border-color:#5252EA}
.lab-panels{margin-top:24px;padding:clamp(20px,3vw,32px);border-radius:24px;background:#fff;border:1px solid #E1E4F8;box-shadow:0 30px 60px -40px rgba(11,16,48,.35)}
.lab-p{display:none}
.lab-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:14px}
.lab-b{flex:1 1 240px;min-width:0;padding:20px;border-radius:16px;animation:labIn .55s cubic-bezier(.2,.7,.2,1) both}
.lab-ar{flex:none;align-self:center;animation:labArrow 1.6s ease-in-out infinite}
@keyframes labIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes labArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
@media (max-width:760px){.lab-ar{transform:rotate(90deg);animation:none;margin:0 auto}}
#lab1:checked ~ .lab-chips label[for=lab1]{background:#5252EA;color:#fff;border-color:#5252EA}#lab1:checked ~ .lab-panels .lp1{display:block}#lab1:focus-visible ~ .lab-chips label[for=lab1]{outline:3px solid #FF8A5B;outline-offset:2px}
#lab2:checked ~ .lab-chips label[for=lab2]{background:#5252EA;color:#fff;border-color:#5252EA}#lab2:checked ~ .lab-panels .lp2{display:block}#lab2:focus-visible ~ .lab-chips label[for=lab2]{outline:3px solid #FF8A5B;outline-offset:2px}
#lab3:checked ~ .lab-chips label[for=lab3]{background:#5252EA;color:#fff;border-color:#5252EA}#lab3:checked ~ .lab-panels .lp3{display:block}#lab3:focus-visible ~ .lab-chips label[for=lab3]{outline:3px solid #FF8A5B;outline-offset:2px}
#lab4:checked ~ .lab-chips label[for=lab4]{background:#5252EA;color:#fff;border-color:#5252EA}#lab4:checked ~ .lab-panels .lp4{display:block}#lab4:focus-visible ~ .lab-chips label[for=lab4]{outline:3px solid #FF8A5B;outline-offset:2px}
#lab5:checked ~ .lab-chips label[for=lab5]{background:#5252EA;color:#fff;border-color:#5252EA}#lab5:checked ~ .lab-panels .lp5{display:block}#lab5:focus-visible ~ .lab-chips label[for=lab5]{outline:3px solid #FF8A5B;outline-offset:2px}
#lab6:checked ~ .lab-chips label[for=lab6]{background:#5252EA;color:#fff;border-color:#5252EA}#lab6:checked ~ .lab-panels .lp6{display:block}#lab6:focus-visible ~ .lab-chips label[for=lab6]{outline:3px solid #FF8A5B;outline-offset:2px}

/* orbit hub */
.hub{position:relative;width:100%;aspect-ratio:1;max-width:380px;margin:0 auto}
.hub-ring{position:absolute;inset:14%;border:2px dashed #C3C8F3;border-radius:50%;animation:hubSpin 70s linear infinite reverse}
.hub-ring.r2{inset:2%;border-color:#E1E4F8;animation-duration:110s}
.orb{position:absolute;inset:0;animation:hubSpin 48s linear infinite}
.orb-pos{position:absolute;transform:translate(-50%,-50%)}
.orb-chip{white-space:nowrap;padding:7px 12px;border-radius:999px;background:#fff;border:1.5px solid #D4D8F5;font-size:12.5px;font-weight:700;color:#1E2550;box-shadow:0 10px 20px -14px rgba(11,16,48,.5);animation:hubSpin 48s linear infinite reverse}
.orb-pos:nth-child(odd) .orb-chip{border-color:#5252EA}
.orb-pos:nth-child(3) .orb-chip{background:#5252EA;color:#fff}
.hub-core{position:absolute;inset:33%;border-radius:50%;background:linear-gradient(135deg,#5252EA,#8B5CF6);color:#fff;display:grid;place-items:center;text-align:center;font-weight:700;font-size:17px;box-shadow:0 0 0 10px rgba(82,82,234,.12);animation:corePulse 3.4s ease-in-out infinite}
@keyframes hubSpin{to{transform:rotate(360deg)}}
@keyframes corePulse{0%,100%{box-shadow:0 0 0 8px rgba(82,82,234,.14)}50%{box-shadow:0 0 0 22px rgba(82,82,234,.05)}}
@media (max-width:760px){.orb,.orb-chip,.hub-ring{animation:none}.orb-chip{font-size:11px;padding:5px 9px}.hub-core{animation:none}}

/* route picker + card icons */
.rsel-cards .rcard{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,opacity .3s,border-color .3s}
.rsel-cards .rcard:hover{transform:translateY(-6px);box-shadow:0 30px 50px -34px rgba(82,82,234,.5);border-color:#5252EA}
.ri *{transform-box:fill-box;transform-origin:center}
.rb1{animation:rbob 3.2s ease-in-out infinite}.rb2{animation:rbob 3.2s ease-in-out -1.1s infinite}.rb3{animation:rbob 3.2s ease-in-out -2.2s infinite}
.rsp{animation:rspark 1.8s ease-in-out infinite}
.rv1,.rv2,.rv3{transform-origin:bottom;animation:rgrow 3.4s ease-in-out infinite}.rv2{animation-delay:-.4s}.rv3{animation-delay:-.8s}
@keyframes rbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes rspark{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes rgrow{0%,100%{transform:scaleY(.72)}50%{transform:scaleY(1)}}
@media (max-width:760px){.rb1,.rb2,.rb3,.rsp,.rv1,.rv2,.rv3{animation:none}}
#rs1:checked ~ .rsel-cards .rc1{transform:translateY(-6px);border-color:#5252EA;box-shadow:0 30px 50px -30px rgba(82,82,234,.6)}#rs1:checked ~ .rsel-cards .rcard:not(.rc1){opacity:.5}#rs1:checked ~ div .rsel-chips label[for=rs1]{background:#5252EA;color:#fff;border-color:#5252EA}#rs1:focus-visible ~ div .rsel-chips label[for=rs1]{outline:3px solid #FF8A5B;outline-offset:2px}
#rs2:checked ~ .rsel-cards .rc2{transform:translateY(-6px);border-color:#5252EA;box-shadow:0 30px 50px -30px rgba(82,82,234,.6)}#rs2:checked ~ .rsel-cards .rcard:not(.rc2){opacity:.5}#rs2:checked ~ div .rsel-chips label[for=rs2]{background:#5252EA;color:#fff;border-color:#5252EA}#rs2:focus-visible ~ div .rsel-chips label[for=rs2]{outline:3px solid #FF8A5B;outline-offset:2px}
#rs3:checked ~ .rsel-cards .rc3{transform:translateY(-6px);border-color:#5252EA;box-shadow:0 30px 50px -30px rgba(82,82,234,.6)}#rs3:checked ~ .rsel-cards .rcard:not(.rc3){opacity:.5}#rs3:checked ~ div .rsel-chips label[for=rs3]{background:#5252EA;color:#fff;border-color:#5252EA}#rs3:focus-visible ~ div .rsel-chips label[for=rs3]{outline:3px solid #FF8A5B;outline-offset:2px}

/* ---- Invest: hero flywheel ---- */
.ivis{position:absolute;right:max(24px,calc(50% - 600px));top:calc(50% + 42px);width:min(400px,34vw);aspect-ratio:1;transform:translateY(-50%);pointer-events:none}
.fw-r1{transform-box:fill-box;transform-origin:center;animation:fwSpin 90s linear infinite}
.fw-r2{transform-box:fill-box;transform-origin:center;animation:fwSpin 60s linear infinite reverse}
.fw-n circle{fill:#121842;stroke:#5252EA;stroke-width:2.5;transform-box:fill-box;transform-origin:center;animation:fwOn 8s ease-in-out infinite;animation-delay:inherit}
.fw-n text{fill:#E5E8FF;font-size:13px;font-weight:700}
.fw-core{transform-box:fill-box;transform-origin:center;animation:fwCore 3.6s ease-in-out infinite}
@keyframes fwSpin{to{transform:rotate(360deg)}}
@keyframes fwCore{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes fwOn{0%,14%{fill:#5252EA;stroke:#FF8A5B;transform:scale(1.18)}30%,100%{fill:#121842;stroke:#5252EA;transform:scale(1)}}
@media (max-width:1100px){.ivis{display:none}}

/* ---- Invest: transformation toggle ---- */
.tsw{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:#fff;border:1.5px solid #D4D8F5;cursor:pointer;user-select:none}
.tsw::before{content:'';position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:#FF8A5B;transition:transform .45s cubic-bezier(.2,.7,.2,1),background .45s}
.tsw span{position:relative;z-index:1;padding:11px 26px;font-weight:700;font-size:16px;text-align:center;color:#fff;transition:color .3s}
.tsw span+span{color:#1E2550}
#tt:checked ~ .tsw::before{transform:translateX(100%);background:#5252EA}
#tt:checked ~ .tsw span{color:#1E2550}#tt:checked ~ .tsw span+span{color:#fff}
#tt:focus-visible ~ .tsw{outline:3px solid #FF8A5B;outline-offset:3px}
.tt-grid{margin-top:28px;display:flex;flex-wrap:wrap;gap:28px 48px;align-items:center}
.tt-lists{flex:1 1 340px;min-width:0}
.tt-lists ul{list-style:none;margin:0;padding:0}
.tt-l2{display:none}
#tt:checked ~ .tt-grid .tt-l1{display:none}#tt:checked ~ .tt-grid .tt-l2{display:block}
.tt-li{margin:0 0 12px;padding:16px 20px 16px 52px;position:relative;border-radius:14px;background:#fff;border:1px solid #E1E4F8;font-size:17px;font-weight:600;color:#1E2550;animation:labIn .5s cubic-bezier(.2,.7,.2,1) both}
.tt-li::before{content:'';position:absolute;left:20px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:#FF8A5B}
.tt-l2 .tt-li::before{background:#5252EA;box-shadow:0 0 0 5px rgba(82,82,234,.15)}
.tt-chart{flex:1 1 380px;min-width:0;padding:20px;border-radius:20px;background:#fff;border:1px solid #E1E4F8}
.tt-curve{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.3,.6,.2,1)}
.tt-end,.tt-t2{opacity:0;transition:opacity .4s .9s}
#tt:checked ~ .tt-grid .tt-curve{stroke-dashoffset:0}
#tt:checked ~ .tt-grid .tt-end,#tt:checked ~ .tt-grid .tt-t2{opacity:1}

/* ---- Invest: fit check ---- */
.fit-grid{display:flex;flex-wrap:wrap;gap:28px 48px;align-items:flex-start}
.fit-qs{flex:1 1 360px;min-width:0;display:grid;gap:12px}
.fit-q{display:flex;align-items:center;gap:14px;min-height:60px;padding:14px 18px;border-radius:16px;border:1.5px solid #D4D8F5;background:#fff;font-size:17px;font-weight:600;color:#1E2550;cursor:pointer;transition:transform .2s,border-color .2s,background .25s}
.fit-q:hover{transform:translateX(4px);border-color:#5252EA}
.fit-box{flex:none;width:28px;height:28px;border-radius:9px;border:2px solid #B9BFEA;display:grid;place-items:center;background:#fff;transition:background .25s,border-color .25s}
.fit-box svg{opacity:0;transform:scale(.4);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.4,1)}
.fit-res{flex:1 1 320px;min-width:0;padding:26px;border-radius:20px;background:#F6F7FF;border:1px solid #E1E4F8}
.fit-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.fit-meter b{height:12px;border-radius:8px;background:#E1E4F8;transition:background .4s}
.fm{margin:18px 0 0;font-size:17px;line-height:1.55;color:#1E2550;animation:labIn .5s both}
.fm-some,.fm-all{display:none}
@media (prefers-reduced-motion:reduce){.fw-n circle,.fw-core,.fw-r1,.fw-r2{animation:none}}
#f1:checked ~ .fit-grid .fq1{border-color:#5252EA;background:#F1F2FF}#f1:checked ~ .fit-grid .fq1 .fit-box{background:#5252EA;border-color:#5252EA}#f1:checked ~ .fit-grid .fq1 .fit-box svg{opacity:1;transform:none}#f1:checked ~ .fit-grid .seg1{background:linear-gradient(90deg,#5252EA,#FF8A5B)}#f1:checked ~ .fit-grid .fm0{display:none}#f1:checked ~ .fit-grid .fm-some{display:block}#f1:focus-visible ~ .fit-grid .fq1{outline:3px solid #FF8A5B;outline-offset:2px}
#f2:checked ~ .fit-grid .fq2{border-color:#5252EA;background:#F1F2FF}#f2:checked ~ .fit-grid .fq2 .fit-box{background:#5252EA;border-color:#5252EA}#f2:checked ~ .fit-grid .fq2 .fit-box svg{opacity:1;transform:none}#f2:checked ~ .fit-grid .seg2{background:linear-gradient(90deg,#5252EA,#FF8A5B)}#f2:checked ~ .fit-grid .fm0{display:none}#f2:checked ~ .fit-grid .fm-some{display:block}#f2:focus-visible ~ .fit-grid .fq2{outline:3px solid #FF8A5B;outline-offset:2px}
#f3:checked ~ .fit-grid .fq3{border-color:#5252EA;background:#F1F2FF}#f3:checked ~ .fit-grid .fq3 .fit-box{background:#5252EA;border-color:#5252EA}#f3:checked ~ .fit-grid .fq3 .fit-box svg{opacity:1;transform:none}#f3:checked ~ .fit-grid .seg3{background:linear-gradient(90deg,#5252EA,#FF8A5B)}#f3:checked ~ .fit-grid .fm0{display:none}#f3:checked ~ .fit-grid .fm-some{display:block}#f3:focus-visible ~ .fit-grid .fq3{outline:3px solid #FF8A5B;outline-offset:2px}
#f4:checked ~ .fit-grid .fq4{border-color:#5252EA;background:#F1F2FF}#f4:checked ~ .fit-grid .fq4 .fit-box{background:#5252EA;border-color:#5252EA}#f4:checked ~ .fit-grid .fq4 .fit-box svg{opacity:1;transform:none}#f4:checked ~ .fit-grid .seg4{background:linear-gradient(90deg,#5252EA,#FF8A5B)}#f4:checked ~ .fit-grid .fm0{display:none}#f4:checked ~ .fit-grid .fm-some{display:block}#f4:focus-visible ~ .fit-grid .fq4{outline:3px solid #FF8A5B;outline-offset:2px}
#f1:checked ~ #f2:checked ~ #f3:checked ~ #f4:checked ~ .fit-grid .fm-some{display:none}#f1:checked ~ #f2:checked ~ #f3:checked ~ #f4:checked ~ .fit-grid .fm-all{display:block}

/* ---- About: journey ---- */
.jy,.pk{position:relative}
.jy-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);padding-top:4px}
.jy-line{position:absolute;left:10%;right:10%;top:28px;height:4px;border-radius:4px;background:#E1E4F8}
.jy-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px;background:linear-gradient(90deg,#5252EA,#FF8A5B);transition:width .6s cubic-bezier(.3,.7,.2,1)}
.jy-dot{position:absolute;top:-5px;left:0;width:14px;height:14px;border-radius:50%;background:#FF8A5B;box-shadow:0 0 0 6px rgba(255,138,91,.22);animation:stgRun 7s linear infinite}
.jn{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;text-align:center}
.jn i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:16px;background:#fff;color:#4A43D6;border:2.5px solid #C9CDF0;box-shadow:0 0 0 6px #fff;transition:transform .3s cubic-bezier(.3,1.5,.4,1),background .3s,color .3s,border-color .3s}
.jn span{font-size:15px;font-weight:700;color:#4F587F;transition:color .3s}
.jn:hover i{transform:scale(1.1);border-color:#5252EA}
.jy-panels{margin-top:28px;padding:clamp(22px,3vw,34px);border-radius:24px;background:#F6F7FF;border:1px solid #E1E4F8}
.jp{display:none}
.jp>*{animation:labIn .5s cubic-bezier(.2,.7,.2,1) both}
.jp>*:nth-child(2){animation-delay:.06s}.jp>*:nth-child(3){animation-delay:.12s}.jp>*:nth-child(4){animation-delay:.18s}
.jwho{padding:7px 14px;border-radius:999px;background:#fff;border:1px solid #D4D8F5;font-size:14px;font-weight:700;color:#1E2550}
@media (max-width:640px){.jn span{font-size:12px}.jn i{width:40px;height:40px}.jy-line{top:24px}.jy-dot{display:none}}
/* ---- About: picker ---- */
.pk-panels{margin-top:24px;padding:clamp(22px,3vw,34px);border-radius:24px;background:#F6F7FF;border:1px solid #E1E4F8}
.pk-p{display:none}
.pk-ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.pk-ul li{position:relative;padding:16px 18px 16px 52px;border-radius:14px;background:#fff;border:1px solid #E1E4F8;font-size:17px;font-weight:600;line-height:1.45;color:#1E2550;animation:labIn .5s cubic-bezier(.2,.7,.2,1) both}
.pk-ul li::before{content:'';position:absolute;left:18px;top:18px;width:20px;height:20px;border-radius:50%;background:#5252EA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 8.5l2.8 2.5L12 5.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
/* ---- About: time zones ---- */
.tz{--lw:clamp(96px,22%,170px)}
.tz-axis{display:flex;gap:14px}
.tz-ph,.tz-l{flex:none;width:var(--lw)}
.tz-ax{position:relative;flex:1;height:22px;font-size:12px;font-weight:700;color:#5A6285}
.tz-ax span{position:absolute;top:0;transform:translateX(-50%)}
.tz-ax span:first-child{transform:none}.tz-ax span:last-child{transform:translateX(-100%)}
.tz-rows{position:relative;display:grid;gap:10px;padding:12px 0}
.tz-row{display:flex;align-items:center;gap:14px;position:relative;z-index:1}
.tz-l{display:flex;flex-direction:column;line-height:1.2}
.tz-l b{font-size:15px;color:#141A3A}.tz-l span{font-size:12px;color:#5A6285}
.tz-t{position:relative;flex:1;height:34px;border-radius:10px;background:#F1F2FF;overflow:hidden}
.tz-b{position:absolute;top:0;bottom:0;border-radius:10px;background:linear-gradient(90deg,#5252EA,#7C5CFF);transform-origin:left;animation:tzGrow 1.2s cubic-bezier(.3,.7,.2,1) both}
.tz-row:nth-child(n+3) .tz-b{animation-delay:.1s}
.tz-over{position:absolute;top:0;bottom:0;left:calc(var(--lw) + 14px + (100% - var(--lw) - 14px) * .375);width:calc((100% - var(--lw) - 14px) * .08333);border-radius:12px;background:rgba(255,138,91,.22);border:2px dashed #FF8A5B;z-index:2;pointer-events:none}
.tz-over em{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:12px;font-weight:700;color:#B24A1F}
.tz-sweep{position:absolute;top:0;bottom:0;width:2px;background:#FF8A5B;z-index:3;left:calc(var(--lw) + 14px);animation:tzSweep 9s linear infinite;opacity:.8}
@keyframes tzGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes tzSweep{from{left:calc(var(--lw) + 14px)}to{left:100%}}
@media (max-width:640px){.tz-l b{font-size:13px}.tz-sweep{display:none}.tz-ax span:nth-child(2),.tz-ax span:nth-child(4){display:none}.tz-rows{padding-bottom:34px}.tz-over em{bottom:auto;top:calc(100% + 6px)}}
@media (prefers-reduced-motion:reduce){.tz-sweep,.jy-dot{animation:none;display:none}}
#j1:checked ~ .jy-track .jy-fill{width:0%}#j1:checked ~ .jy-track .jn1 i{background:#5252EA;color:#fff;border-color:#5252EA;transform:scale(1.12)}#j1:checked ~ .jy-track .jn1 span{color:#141A3A}#j1:checked ~ .jy-panels .jp1{display:block}#j1:focus-visible ~ .jy-track .jn1 i{outline:3px solid #FF8A5B;outline-offset:3px}
#j2:checked ~ .jy-track .jy-fill{width:25%}#j2:checked ~ .jy-track .jn2 i{background:#5252EA;color:#fff;border-color:#5252EA;transform:scale(1.12)}#j2:checked ~ .jy-track .jn2 span{color:#141A3A}#j2:checked ~ .jy-panels .jp2{display:block}#j2:focus-visible ~ .jy-track .jn2 i{outline:3px solid #FF8A5B;outline-offset:3px}
#j2:checked ~ .jy-track .jn1 i{background:#EEF0FF;border-color:#5252EA}
#j3:checked ~ .jy-track .jy-fill{width:50%}#j3:checked ~ .jy-track .jn3 i{background:#5252EA;color:#fff;border-color:#5252EA;transform:scale(1.12)}#j3:checked ~ .jy-track .jn3 span{color:#141A3A}#j3:checked ~ .jy-panels .jp3{display:block}#j3:focus-visible ~ .jy-track .jn3 i{outline:3px solid #FF8A5B;outline-offset:3px}
#j3:checked ~ .jy-track .jn1 i{background:#EEF0FF;border-color:#5252EA}
#j3:checked ~ .jy-track .jn2 i{background:#EEF0FF;border-color:#5252EA}
#j4:checked ~ .jy-track .jy-fill{width:75%}#j4:checked ~ .jy-track .jn4 i{background:#5252EA;color:#fff;border-color:#5252EA;transform:scale(1.12)}#j4:checked ~ .jy-track .jn4 span{color:#141A3A}#j4:checked ~ .jy-panels .jp4{display:block}#j4:focus-visible ~ .jy-track .jn4 i{outline:3px solid #FF8A5B;outline-offset:3px}
#j4:checked ~ .jy-track .jn1 i{background:#EEF0FF;border-color:#5252EA}
#j4:checked ~ .jy-track .jn2 i{background:#EEF0FF;border-color:#5252EA}
#j4:checked ~ .jy-track .jn3 i{background:#EEF0FF;border-color:#5252EA}
#j5:checked ~ .jy-track .jy-fill{width:100%}#j5:checked ~ .jy-track .jn5 i{background:#5252EA;color:#fff;border-color:#5252EA;transform:scale(1.12)}#j5:checked ~ .jy-track .jn5 span{color:#141A3A}#j5:checked ~ .jy-panels .jp5{display:block}#j5:focus-visible ~ .jy-track .jn5 i{outline:3px solid #FF8A5B;outline-offset:3px}
#j5:checked ~ .jy-track .jn1 i{background:#EEF0FF;border-color:#5252EA}
#j5:checked ~ .jy-track .jn2 i{background:#EEF0FF;border-color:#5252EA}
#j5:checked ~ .jy-track .jn3 i{background:#EEF0FF;border-color:#5252EA}
#j5:checked ~ .jy-track .jn4 i{background:#EEF0FF;border-color:#5252EA}
#pk1:checked ~ .lab-chips label[for=pk1]{background:#5252EA;color:#fff;border-color:#5252EA}#pk1:checked ~ .pk-panels .pp1{display:block}#pk1:focus-visible ~ .lab-chips label[for=pk1]{outline:3px solid #FF8A5B;outline-offset:2px}
#pk2:checked ~ .lab-chips label[for=pk2]{background:#5252EA;color:#fff;border-color:#5252EA}#pk2:checked ~ .pk-panels .pp2{display:block}#pk2:focus-visible ~ .lab-chips label[for=pk2]{outline:3px solid #FF8A5B;outline-offset:2px}
#pk3:checked ~ .lab-chips label[for=pk3]{background:#5252EA;color:#fff;border-color:#5252EA}#pk3:checked ~ .pk-panels .pp3{display:block}#pk3:focus-visible ~ .lab-chips label[for=pk3]{outline:3px solid #FF8A5B;outline-offset:2px}

/* ---- iMS OS live dashboard (sample) ---- */
@property --q{syntax:'<number>';initial-value:1;inherits:false}
@property --dv{syntax:'<integer>';initial-value:0;inherits:false}
.dn{--dv:calc(var(--n)*var(--q));counter-reset:dn var(--dv)}
.dn::before{content:counter(dn)}
.dframe:hover{transform:none}
.dwrap{container-type:inline-size;background:#fff}
.dash{display:flex;font-size:1.05cqw;line-height:1.35;color:#141A3A;text-align:left}
.dic{width:1.15em;height:1.15em;flex:none}.dic.sm{width:1.05em;height:1.05em;color:#5A6285}
.dch{width:.95em;height:.95em;flex:none;margin-left:auto;opacity:.75}
.dside{flex:none;width:15.5em;background:#0B3A99;color:#E3EBFF;padding:1.1em .8em 1.3em}
.dlogo{display:flex;align-items:center;gap:.7em;padding:.1em .5em 1.1em;margin-bottom:.6em;border-bottom:1px solid rgba(255,255,255,.14)}
.dsw{font-size:.7em;letter-spacing:.14em;color:#9DB4EE;margin:0 0 .6em .8em}
.dsi{display:flex;align-items:center;gap:.7em;padding:.58em .8em;border-radius:.35em;font-size:.92em;color:#E3EBFF}
.dsi span{flex:1}
.dsi.on{background:#1254D6;color:#fff;box-shadow:inset .22em 0 0 #fff}
.dmain{flex:1;min-width:0;background:#FAFBFD}
.dtop{display:flex;align-items:center;gap:1em;padding:.75em 1.4em;background:#fff;border-bottom:1px solid #E1E5F2;font-size:.85em}
.dtt{flex:1;font-weight:600}
.dsearch{display:flex;align-items:center;gap:.6em;padding:.45em 5em .45em .8em;border:1px solid #E1E5F2;border-radius:.5em;color:#8A91B5;background:#FAFBFD}
.dorg{display:flex;align-items:center;gap:.6em;font-weight:600}.dorg .dch{margin-left:.2em}
.dav{width:2.1em;height:2.1em;border-radius:.5em;background:#E6EAF8;display:grid;place-items:center;font-weight:700;font-size:.8em}
.dbody{padding:1.6em 2em 2em}
.dhead{display:flex;justify-content:space-between;gap:1em;align-items:flex-start;margin-bottom:1.2em}
.dh1{font-size:1.5em;font-weight:700;letter-spacing:-.01em}.dh2{font-size:.82em;color:#5A6285;margin-top:.2em}
.dacc{flex:none;display:inline-flex;align-items:center;gap:.6em;padding:.45em .8em;border:1px solid #E1E5F2;border-radius:.5em;background:#fff;font-size:.78em;color:#4F587F}
.dacc b{padding:.15em .7em;border-left:1px solid #E1E5F2;color:#141A3A;margin-left:.3em}
.ddot{width:.7em;height:.7em;border-radius:50%;background:#12A05C;animation:ddp 1.6s ease-in-out infinite}
@keyframes ddp{0%,100%{box-shadow:0 0 0 0 rgba(18,160,92,.5)}50%{box-shadow:0 0 0 .5em rgba(18,160,92,0)}}
.drow1{display:grid;grid-template-columns:1fr 1.3fr;gap:1em;align-items:stretch}
.dpulse{position:relative;padding:1.3em 1.4em;border:1px solid #DCE0EC;border-radius:.6em;background:linear-gradient(135deg,#E6F3EA 0%,#fff 55%);box-shadow:0 1px 2px rgba(20,26,58,.05)}
.dpl{font-size:.68em;letter-spacing:.12em;color:#6B7399}.dps{font-size:2em;font-weight:700;margin:.2em 0 .3em;color:#141A3A}
.dpt{font-size:.8em;color:#5A6285;max-width:26em}
.dpf{display:flex;gap:1.6em;margin-top:1.1em;align-items:flex-end}.dpc{font-size:1.8em;font-weight:700;line-height:1.1}
.dpdiv{border-left:1px solid #E1E5F2;padding-left:1.4em}
.dpn{font-size:.95em;font-weight:700;margin-top:.2em}
.dst{display:inline-block;margin-top:.4em;padding:.15em .6em;border-radius:.3em;background:#DDF3E6;color:#0E7A47;font-style:normal;font-size:.68em;font-weight:600}
.dshb{position:absolute;right:1.2em;top:1.2em;width:2.8em;height:2.8em;border:1px solid #DCE0EC;border-radius:.5em;background:#fff;display:grid;place-items:center}
.dsh{width:1.5em;height:1.5em;animation:dsh 3s ease-in-out infinite}
@keyframes dsh{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
.dkg{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em}
.dk{position:relative;padding:.9em 1em;border:1px solid #D5DAE8;border-radius:.5em;background:#fff;box-shadow:0 1px 2px rgba(20,26,58,.05)}
.dk.g{background:#F4F5F8;border-color:#E6E9F1;box-shadow:none}
.dar{position:absolute;right:.8em;top:.8em;width:.9em;height:.9em;color:#6B7399}
.dkl{font-size:.66em;letter-spacing:.1em;color:#4F587F}.dkv{font-size:1.7em;font-weight:700;margin:.2em 0 .1em}.dks{font-size:.7em;color:#6B7399;min-height:1em}
.drow2{display:grid;grid-template-columns:1.25fr 1fr;gap:1em;margin-top:1.1em}
.drow2.two{grid-template-columns:1fr 1fr}
.dcard{padding:1.2em 1.3em;border:1px solid #D5DAE8;border-radius:.6em;background:#fff;min-width:0;box-shadow:0 1px 2px rgba(20,26,58,.05)}
.dct{display:flex;justify-content:space-between;font-weight:700;font-size:.95em;margin-bottom:.5em}.dct em{font-style:normal;font-size:.8em;color:#1D4FD8;font-weight:600}
.dsub{font-size:.72em;color:#6B7399;margin:-.3em 0 .9em;max-width:34em}
.dtl{display:flex;justify-content:space-between;align-items:center;font-size:.78em;color:#4F587F;padding:.7em 0;margin-top:.4em;border-top:1px solid #EDF0F8}
.dtl b{padding:.4em .9em;border:1px solid #D5DAE8;border-radius:.4em;color:#141A3A;font-weight:600;background:#fff}
.dtr{display:flex;align-items:center;gap:.7em;padding:.62em .8em;margin-bottom:.45em;border:1px solid #E6E9F1;border-radius:.45em;font-size:.82em;animation:dtr 12s ease-in-out infinite}
.dtr i{width:.8em;height:.8em;border-radius:50%;flex:none}.dtr i.o{background:#F5A623}.dtr i.b{background:#3B82F6}.dtr i.g{background:#12A05C}
.dtr span{flex:1;min-width:0}.dtr em{font-style:normal;color:#6B7399;font-size:.9em;white-space:nowrap}
@keyframes dtr{0%,22%,100%{background:#fff}8%,14%{background:#EEF3FF}}
.dir{display:grid;grid-template-columns:1.8em 1fr auto auto;align-items:center;gap:.8em;font-size:.78em;margin-bottom:.55em;padding:.65em .8em;border:1px solid #E6E9F1;border-radius:.45em;background:#fff}
.dir b{color:#141A3A}.dir span{color:#4F587F;white-space:nowrap}
.dir em{font-style:normal;padding:.15em .6em;border-radius:.3em;background:#EEF0F6;color:#4F587F;font-size:.9em;white-space:nowrap}
.dir em.ok{background:#DDF3E6;color:#0E7A47}.dir em.nr{background:#FDEBCB;color:#9A5B05}
.dbar{height:.55em;border-radius:.4em;background:#EAEDF7;overflow:hidden}.dbar i{display:block;height:100%;border-radius:.4em;background:linear-gradient(90deg,#3B82F6,#12A05C);transform-origin:left}
.dleg{display:flex;justify-content:center;flex-wrap:wrap;gap:1em;font-size:.72em;color:#5A6285;margin-top:.3em}.dleg i{display:inline-block;width:.65em;height:.65em;border-radius:50%;margin-right:.4em}
.dtf{margin-top:1.1em;padding-top:1em;border-top:1px solid #EDF0F8}
.dtfh{font-size:.78em;font-weight:700;margin-bottom:.7em}
.dtfr{display:grid;grid-template-columns:9em 1fr 2em;align-items:center;gap:.8em;font-size:.74em;margin-bottom:.5em;color:#4F587F}.dtfr b{color:#141A3A;text-align:right}
.dl{stroke-dasharray:1;stroke-dashoffset:0}
@keyframes dd{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes dq{from{--q:0}to{--q:1}}
@keyframes dgrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dfade{from{opacity:0}to{opacity:1}}
@supports (animation-timeline:view()){
.dn{animation:dq linear both;animation-timeline:view();animation-range:entry 15% entry 85%}
.dl{animation:dd linear both;animation-timeline:view();animation-range:entry 20% entry 95%}
.dbar i{animation:dgrow linear both;animation-timeline:view();animation-range:entry 20% entry 90%}
.dd{animation:dfade linear both;animation-timeline:view();animation-range:entry 70% entry 100%}
}
.dn.z::before{content:counter(dn,decimal-leading-zero)}
.istats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.istat{padding:30px 28px;border:1px solid #2A3170;border-radius:20px;background:linear-gradient(160deg,rgba(82,82,234,.22),rgba(255,255,255,.04) 70%)}
.isv{font-size:clamp(44px,6vw,72px);line-height:1;font-weight:700;letter-spacing:-.03em;color:#fff}
.isl{margin-top:14px;font-size:17px;font-weight:700;color:#C7C9FF}
.iss{margin:8px 0 0;font-size:15px;line-height:1.6;color:#B9BFEA}
@media (max-width:860px){.istats{grid-template-columns:1fr}}
@container (max-width:760px){
.dash{flex-direction:column;font-size:2.5cqw}
.dside{width:auto;padding:1em 1.2em;font-size:1.25em}.dlogo{padding:0;margin:0;border:0}.dnav{display:none}
.dh2,.dacc,.dtt~.dsearch,.dorg,.dtop .dic.sm:not(:first-child){display:none}
.dtop{padding:.7em 1em}.dtop .dtt{flex:1}
.dbody{padding:1.2em 1em 7.5em}
.drow1,.drow2,.drow2.two{grid-template-columns:1fr}
.dir{grid-template-columns:1.8em 1fr auto}.dir em{display:none}
.dpdiv{padding-left:1em}
}

[data-if][hidden]{display:none !important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:#070A18}
img{max-width:100%}
#fb-photo{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
#fb-photo:focus-visible{position:static;opacity:1;width:auto;height:auto}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,label:focus-visible{outline:3px solid #9EA2FF;outline-offset:2px}