.vwow__loop{aspect-ratio:4/5;padding:0;overflow:hidden;background:#081327}
.vwow__loop .vloop{display:block;width:100%;height:100%;object-fit:cover}
.vision-checks li{cursor:default;transition:opacity .35s cubic-bezier(.23,1,.32,1),color .35s}
.vision-checks li>span{transition:background .35s,color .35s,transform .35s cubic-bezier(.23,1,.32,1)}
.vision-checks.is-sync li{opacity:.5}
.vision-checks.is-sync li.is-active{opacity:1}
.vision-checks li.is-active>span{background:var(--blue);color:#fff;transform:scale(1.08)}
@media(prefers-reduced-motion:reduce){.vision-checks.is-sync li{opacity:1}.vision-checks li>span{transition:none}}
.vwow:has(.vwow__loop) .vchip--2{bottom:-24px}

:root{--hu-ease:cubic-bezier(.23,1,.32,1);--hu-ink-2:#5B6680;--hu-hot:#D9473A}

.ticker{display:none}
.proof{background:#fff}
.proof__item{display:flex;align-items:center;gap:clamp(14px,1.6vw,22px);padding:26px clamp(18px,3vw,40px)}
.proof__item strong{font:700 clamp(18px,1.45vw,21px)/1.2 Poppins,system-ui,sans-serif;font-style:normal;letter-spacing:-.02em;color:var(--ink)}
.proof__item span.proof__txt{display:block;margin-top:4px;color:var(--hu-ink-2);font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;line-height:1.4}
.proof__item span.proof__txt::first-letter{text-transform:uppercase}
.pv{flex:0 0 auto;display:flex;align-items:center;min-width:96px;height:52px;padding:0 12px;border:1px solid var(--line);border-radius:14px;background:#F7F9FF}
.pv--live{position:relative;justify-content:center}
.pv--live i{display:grid;place-items:center;width:30px;height:30px;margin-left:-6px;letter-spacing:-.03em;border:2px solid #fff;border-radius:50%;background:var(--blue);color:#fff;font-size:9.5px;font-style:normal;font-weight:700}
.pv--live i:first-child{margin-left:0}.pv--live i.c2{background:#7A5AF8}.pv--live i.c3{background:var(--coral)}
.pv__cur{position:absolute;right:6px;bottom:4px;width:13px;height:13px;color:var(--ink);animation:huCur 4.8s var(--hu-ease) infinite}
.pv__cur svg{width:100%;height:100%;fill:currentColor;stroke:#fff;stroke-width:1.2}
.pv--kpi{gap:4px;padding:0 8px}
.pv span,.pv i{text-transform:none;letter-spacing:0;margin-top:0}
.pv--kpi span{display:grid;place-items:center;min-width:36px;height:32px;border-radius:8px;background:#E4F6EC;color:#1F6B47;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}
.pv--kpi span.hot{background:#F9C9C1;color:#8C2219;box-shadow:0 0 0 2px var(--hu-hot)}
.pv--meth{gap:7px;padding:0 10px}
.pv--meth span{padding:6px 8px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:700;color:var(--ink)}
.pv--meth span.to{background:var(--blue);border-color:var(--blue);color:#fff}
.pv--meth svg{width:26px;height:10px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@keyframes huCur{0%,100%{transform:translate(0,0)}35%{transform:translate(-30px,-14px)}60%{transform:translate(-14px,-6px)}}

.explorer__tabs{background:#F3F6FD}
.tab{position:relative;overflow:hidden;transition:background .25s,color .25s,box-shadow .25s,transform .2s var(--hu-ease)}
.tab:hover{transform:none;background:rgba(255,255,255,.7);color:var(--ink)}
.tab:active{transform:scale(.985)}
.tab__no{font-family:Poppins,system-ui,sans-serif;font-style:normal;font-weight:700;font-size:14px;color:var(--ink);background:#fff}
.tab b{font-size:16px;color:var(--ink)}
.tab small{opacity:1;color:var(--hu-ink-2)}
.tab[aria-selected="true"]{box-shadow:0 12px 28px rgba(11,25,47,.09),inset 0 0 0 1px rgba(59,91,219,.25)}
.tab__bar{position:absolute;left:14px;right:14px;bottom:8px;height:2px;border-radius:2px;background:rgba(59,91,219,.12);opacity:0}
.tab__bar i{display:block;height:100%;width:100%;border-radius:inherit;background:var(--blue);transform:scaleX(0);transform-origin:left}
.explorer[data-auto] .tab[aria-selected="true"] .tab__bar{opacity:1}
.explorer[data-auto] .tab[aria-selected="true"] .tab__bar i{animation:huBar var(--hu-dwell,7s) linear forwards}
@keyframes huBar{to{transform:scaleX(1)}}
.explorer__metric strong{font:700 clamp(26px,2.4vw,36px)/1 Poppins,system-ui,sans-serif;font-style:normal;letter-spacing:-.03em;color:var(--blue)}

.screen__viewport{aspect-ratio:16/9;background:#FBFCFF;container-type:inline-size}
.screen__bar{position:relative}
.screen__live{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--hu-ink-2);font-size:12px;font-weight:600}
.screen__live i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px rgba(79,195,140,.2)}
.screen__live b{display:flex}
.screen__live b span{display:grid;place-items:center;width:20px;height:20px;margin-left:-5px;border:2px solid #F2F5FD;border-radius:50%;background:var(--blue);color:#fff;font-size:8px;font-weight:700}
.screen__live b span:nth-child(2){background:#7A5AF8}.screen__live b span:nth-child(3){background:#2F9E6B}
.xv{position:absolute;inset:0;container-type:inline-size;opacity:0;pointer-events:none;transition:opacity .35s var(--hu-ease);color:var(--ink)}
.xv.is-active{opacity:1;pointer-events:auto}
.xv__stage{position:absolute;inset:0;container-type:inline-size;font-size:1.32cqi;line-height:1.25;
  background:linear-gradient(180deg,#FCFDFF,#F6F8FE)}
.xv [style*="--x"]{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%)}
.xv__wires{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#1C2333;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;overflow:visible}
.xv__wires marker path{fill:#1C2333}

.xv__lanes{position:absolute;inset:0;display:flex;flex-direction:column}
.xv__lane{display:flex;align-items:center;border-bottom:1px solid rgba(11,25,47,.07);background:linear-gradient(90deg,transparent 15.6%,rgba(11,25,47,.06) 15.6%,rgba(11,25,47,.06) calc(15.6% + 1px),transparent calc(15.6% + 1px))}
.xv__lane:last-child{border-bottom:0}
.xv__who,.xv__sysl,.xv__secl{display:flex;align-items:center;gap:.7em;width:15.6%;height:100%;padding:0 .9em;background:#F3F6FD;font-weight:600}
.xv__who i{display:grid;place-items:center;width:3em;height:3em;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),transparent 55%),var(--blue);color:#fff;font-size:.78em;font-style:normal;font-weight:700;flex:0 0 auto;box-shadow:0 0 0 2px #fff,0 0 0 3.5px rgba(59,91,219,.25)}
.xv__who i.c2{background:#7A5AF8}.xv__who i.c3{background:var(--coral)}.xv__who i.c4{background:#2F9E6B}
.xv__who b{display:block;font-size:.95em}.xv__who small{display:block;color:var(--hu-ink-2);font-weight:500;font-size:.82em}
.xv__sysl svg,.xv__secl svg{width:1.3em;height:1.3em;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.xv__plus{width:.9em;height:.9em;opacity:.5;background:linear-gradient(#C3CCE3,#C3CCE3) center/100% 1.5px no-repeat,linear-gradient(#C3CCE3,#C3CCE3) center/1.5px 100% no-repeat}

.xv{--b1:#3B5BDB;--b2:#7A5AF8;--b3:#EF7A6B;--b4:#2F9E6B}
.xv__card{width:13.125%;height:13.333%;display:flex;flex-direction:column;justify-content:center;padding:.5em .7em .4em;border:1px solid #D5DCEC;border-radius:.55em;background:#fff;text-align:center;box-shadow:0 1px 2px rgba(11,25,47,.06),0 .55em 1.3em rgba(11,25,47,.08)}
.xv__card::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:.42em;border-radius:.55em .55em 0 0;background:var(--bar,var(--b1))}
.xv__card.b2{--bar:var(--b2)}.xv__card.b3{--bar:var(--b3)}.xv__card.b4{--bar:var(--b4)}
.xv__card b{display:block;font-size:.98em;font-weight:600;line-height:1.2;text-wrap:balance}
.xv__card .m{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:.45em;display:inline-flex;align-items:center;gap:.3em;white-space:nowrap;color:#5B6680;font-size:.76em;font-weight:700;font-variant-numeric:tabular-nums}
.xv__card .m .e{padding-left:.45em;margin-left:.15em;border-left:1px solid rgba(11,25,47,.2)}
.xv__card .m svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2.2}
.xv__card .m.m--side{left:auto;right:50%;transform:none;margin-right:.9em}
.xv__card .m.hot{padding:.12em .55em;border-radius:999px;background:#FDE3DE;color:#A2342A}
.xv__card .m.hot .e{border-color:rgba(162,52,42,.3)}
.xv__card .pt{position:absolute;width:.62em;height:.62em;border:1.5px solid #9AA6C2;border-radius:50%;background:#fff}
.pt--l{left:-.36em;top:50%;margin-top:-.31em}.pt--r{right:-.36em;top:50%;margin-top:-.31em}
.pt--t{top:-.36em;left:50%;margin-left:-.31em;z-index:1}.pt--b{bottom:-.36em;left:50%;margin-left:-.31em}
.xv__card--hot{border-color:var(--hu-hot);box-shadow:0 0 0 .32em rgba(217,71,58,.12),0 .8em 1.6em rgba(217,71,58,.16)}
.xv__card--lock{border-color:#7A5AF8;box-shadow:0 0 0 .32em rgba(122,90,248,.14),0 .6em 1.4em rgba(11,25,47,.08)}
.xv__lock{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:.5em;padding:.15em .6em;border-radius:.5em;background:#7A5AF8;color:#fff;font-size:.72em;font-weight:700;white-space:nowrap}
.xv__cm{position:absolute;right:-.9em;top:-.9em;display:inline-flex;align-items:center;gap:.2em;padding:.18em .45em;border-radius:.5em .5em .5em .1em;background:#F2C14E;color:#4A3500;font-size:.72em;font-weight:800;box-shadow:0 .3em .7em rgba(11,25,47,.15)}
.xv__cm svg{width:1em;height:1em;fill:currentColor;stroke:none}
.xv__dia{width:7.5%;height:13.333%;display:grid;place-items:center;filter:drop-shadow(0 .45em .7em rgba(122,90,248,.28))}
.xv__dia::before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#7A5AF8}
.xv__dia span{position:relative;font-size:.78em;font-weight:700;color:#fff;text-align:center;line-height:1.1}
.xv__yn{padding:.12em .5em;border-radius:.35em;background:#fff;border:1px solid #1C2333;color:#1C2333;font-size:.7em;font-weight:800;letter-spacing:.02em}
.xv__cursor{display:flex;align-items:flex-start;gap:2px;z-index:3;transform:none!important}
.xv__cursor svg{width:1.4em;height:1.4em;fill:#7A5AF8;stroke:#fff;stroke-width:1.2;filter:drop-shadow(0 2px 3px rgba(11,25,47,.25))}
.xv__cursor b{margin-top:1em;padding:.2em .6em;border-radius:.45em;background:#7A5AF8;color:#fff;font-size:.78em;font-weight:700;white-space:nowrap}
.xv__cursor--2 svg{fill:var(--b1)}.xv__cursor--2 b{background:var(--b1)}

.xv--kpi .xv__stage{display:flex;flex-direction:column;justify-content:center;gap:3.2%;padding:3.5% 3.5% 3%}
.xv__table{display:grid;grid-template-columns:1.55fr repeat(5,1fr);border:1px solid rgba(11,25,47,.1);border-radius:.9em;overflow:hidden;background:#fff;box-shadow:0 .7em 1.8em rgba(11,25,47,.07)}
.xv__th{position:relative;display:flex;align-items:center;justify-content:center;gap:.45em;padding:1em .4em;border-left:1px solid rgba(11,25,47,.07);background:#F6F8FE;font-weight:700;font-size:.95em}
.xv__th .no{display:grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:#fff;border:1px solid rgba(11,25,47,.12);font-size:.8em}
.xv__corner{justify-content:flex-start;padding-left:1.1em;border-left:0;color:var(--hu-ink-2)}
.xv__th--hot{color:#8C2219;background:#FFF1EE}
.xv__th em{padding:.15em .65em;border-radius:999px;background:var(--hu-hot);color:#fff;font-size:.72em;font-style:normal;white-space:nowrap}
.xv__rl{display:flex;align-items:center;gap:.7em;padding:.9em 1.1em;border-top:1px solid rgba(11,25,47,.07)}
.xv__rl svg{width:1.3em;height:1.3em;fill:none;stroke:var(--hu-ink-2);stroke-width:1.8;flex:0 0 auto}
.xv__rl b{display:block;font-size:.95em}.xv__rl small{display:block;margin-top:.15em;color:var(--hu-ink-2);font-size:.75em}
.xv__table>span{display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(11,25,47,.07);border-left:1px solid rgba(11,25,47,.07);font-weight:700;font-size:1.02em;font-variant-numeric:tabular-nums}
.xv__table .k0{color:#8790A6}
.xv__table .k1{background:linear-gradient(90deg,rgba(79,195,140,.28),transparent 75%);color:#1F6B47}
.xv__table .k2{background:linear-gradient(90deg,rgba(242,193,78,.34),transparent 75%);color:#7A5A00}
.xv__table .k3{background:linear-gradient(90deg,rgba(239,122,107,.34),transparent 80%);color:#A2342A}
.xv__table .k4{background:linear-gradient(90deg,rgba(217,71,58,.55),rgba(217,71,58,.12));color:#7A1810;box-shadow:inset 0 0 0 2px var(--hu-hot)}
.xv__table .xv__hc{background-color:rgba(255,241,238,.6)}
.xv__foot{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;padding:.85em 1.1em;border:1px solid rgba(11,25,47,.1);border-radius:.8em;background:#fff;color:var(--hu-ink-2);font-weight:500}
.xv__foot b{color:var(--ink)}.xv__dot{width:.6em;height:.6em;border-radius:50%;background:var(--hu-hot)}
.xv__sep{width:1px;height:1.1em;margin:0 .4em;background:rgba(11,25,47,.15)}

.xv__sysl span{flex:1}
.xv__sysl em{display:grid;place-items:center;min-width:1.7em;height:1.7em;padding:0 .4em;border-radius:999px;background:#fff;border:1px solid rgba(11,25,47,.14);font-size:.78em;font-style:normal;font-weight:800;color:var(--ink)}
.xv__node{width:4.5%;aspect-ratio:1;display:grid;place-items:center}
.xv__node i{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFC27A,#F08A24 70%);box-shadow:0 0 0 .3em rgba(240,138,36,.16),0 .5em 1em rgba(240,138,36,.25)}
.xv__node i svg{width:45%;height:45%;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.xv__node--hot i{background:radial-gradient(circle at 35% 30%,#F5867A,#D9473A 70%);box-shadow:0 0 0 .3em rgba(217,71,58,.16),0 .5em 1em rgba(217,71,58,.28)}
.xv__node span{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:.45em;white-space:nowrap;font-size:.85em;font-weight:700}
.xv__mb{display:grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:#fff;border:1.5px solid #E7A33E;box-shadow:0 0 0 .22em #F8FAFF}
.xv__mb svg{width:.95em;height:.95em;fill:#E7A33E}
.xv__count{display:flex;align-items:center;gap:.55em;padding:.7em 1em;border-radius:.8em;background:#fff;border:1px solid rgba(11,25,47,.1);box-shadow:0 .6em 1.4em rgba(11,25,47,.08);font-weight:700;white-space:nowrap}
.xv__count b{font-size:2em;line-height:1;color:#C26D00}
.xv__count small{display:block;margin-top:.15em;color:var(--hu-ink-2);font-weight:500;font-size:.82em}
.xv__sticky{width:17%;padding:.8em .9em;border-radius:.2em .2em .9em .2em;background:#FFF3B8;color:#4A3B00;font-size:.85em;font-weight:600;line-height:1.3;transform:translate(-50%,-50%) rotate(-1.5deg)!important;box-shadow:0 .5em 1.1em rgba(11,25,47,.12)}

.xv--issues .xv__lane:first-child{flex:0 0 31%!important}
.xv__note{width:15.4%;padding:.75em .9em .7em;border-radius:.75em;border:1px solid transparent;box-shadow:0 .5em 1.2em rgba(11,25,47,.07)}
.xv__note p{margin:0 0 .45em;font-size:.88em;font-weight:600;line-height:1.3;text-wrap:pretty}
.xv__note small{display:flex;align-items:center;gap:.4em;color:var(--hu-ink-2);font-size:.75em;font-weight:600}
.xv__note small i{display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;background:var(--ink);color:#fff;font-style:normal;font-size:.85em}
.xv__note--issue{background:#FFF1EE;border-color:rgba(239,122,107,.45)}
.xv__note--idea{background:#FFF8DD;border-color:rgba(242,193,78,.6);padding-left:2.6em}
.xv__chk{position:absolute;left:.8em;top:.85em;display:grid;place-items:center;width:1.3em;height:1.3em;border-radius:.35em;border:1.8px solid #C9A33A;background:#fff}
.xv__chk svg{width:.9em;height:.9em;fill:none;stroke:#fff;stroke-width:3.4;opacity:0}
.xv__chk.on{background:#2F9E6B;border-color:#2F9E6B}.xv__chk.on svg{opacity:1}
.xv__note.is-done p{color:var(--hu-ink-2);text-decoration:line-through;text-decoration-color:rgba(11,25,47,.3)}

.xv--actions .xv__stage{display:flex;flex-direction:column;justify-content:center;gap:3%;padding:3.5%}
.xv__ahead{display:flex;align-items:center;gap:1em;flex-wrap:wrap}
.xv__ahead>b{font-size:1.25em;letter-spacing:-.01em}
.xv__chips{display:flex;gap:.4em}
.xv__chips span{padding:.3em .8em;border-radius:999px;border:1px solid rgba(11,25,47,.12);background:#fff;font-size:.82em;font-weight:600;color:var(--hu-ink-2)}
.xv__chips span.on{background:var(--ink);border-color:var(--ink);color:#fff}
.xv__prog{margin-left:auto;width:16%;height:.5em;border-radius:999px;background:#E6EBF6;overflow:hidden}
.xv__prog i{display:block;height:100%;width:var(--p);border-radius:inherit;background:#2F9E6B}
.xv__ahead small{color:var(--hu-ink-2);font-weight:600;font-size:.85em}
.xv__atable{border:1px solid rgba(11,25,47,.1);border-radius:.9em;overflow:hidden;background:#fff;box-shadow:0 .7em 1.8em rgba(11,25,47,.07)}
.xv__arow{display:grid;grid-template-columns:2.6fr .7fr 1.3fr .9fr 1.1fr;align-items:center;gap:1em;padding:1.05em 1.3em;border-top:1px solid rgba(11,25,47,.07);font-size:.95em}
.xv__arow--h{border-top:0;background:#F6F8FE;color:var(--hu-ink-2);font-weight:700;font-size:.82em}
.xv__arow .w{font-weight:600}
.xv__step{display:inline-grid;place-items:center;width:1.9em;height:1.9em;border-radius:.5em;background:#EEF2FC;color:var(--blue);font-style:normal;font-weight:800}
.xv__arow .p{display:flex;align-items:center;gap:.5em;font-weight:600}
.xv__arow .p i{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:var(--blue);color:#fff;font-style:normal;font-size:.8em;font-weight:700}
.xv__st{display:inline-flex;align-items:center;gap:.35em;padding:.25em .75em;border-radius:999px;font-style:normal;font-weight:700;font-size:.85em}
.xv__st::before{content:"";width:.5em;height:.5em;border-radius:50%;background:currentColor}
.xv__st--open{background:#F1F4FA;color:#5B6680}.xv__st--doing{background:#FFF4D6;color:#7A5A00}.xv__st--done{background:#DDF4E7;color:#1F6B47}

.explorer.is-seen .xv.is-active .xv__wires{animation:huWire .9s var(--hu-ease) .15s both}
.explorer.is-seen .xv.is-active [style*="--i"]{animation:huPop .5s var(--hu-ease) both;animation-delay:calc(var(--i) * 70ms)}
.explorer.is-seen .xv.is-active .xv__table>*{animation:huFade .45s var(--hu-ease) both;animation-delay:calc(var(--r, 0) * 70ms)}
.explorer.is-seen .xv.is-active .xv__card--hot{animation:huPop .5s var(--hu-ease) both,huPulse 2.6s ease-in-out 1s infinite}
.xv.is-active .xv__cursor{animation:huDrift 6s var(--hu-ease) infinite}
.xv.is-active .xv__cursor--2{animation-delay:-2.4s}
@keyframes huWire{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes huPop{from{opacity:0;scale:.94}to{opacity:1;scale:1}}
@keyframes huFade{from{opacity:0;translate:0 .4em}to{opacity:1;translate:0 0}}
@keyframes huPulse{0%,100%{box-shadow:0 0 0 .35em rgba(217,71,58,.12),0 .8em 1.6em rgba(217,71,58,.16)}50%{box-shadow:0 0 0 .7em rgba(217,71,58,.06),0 .8em 1.6em rgba(217,71,58,.16)}}
@keyframes huDrift{0%,100%{translate:0 0}40%{translate:1.2em -.6em}70%{translate:.4em .3em}}

.proof.is-seen .pv--live i{animation:huPop .45s var(--hu-ease) both}
.proof.is-seen .pv--live i:nth-child(2){animation-delay:.08s}.proof.is-seen .pv--live i:nth-child(3){animation-delay:.16s}
.proof.is-seen .pv--kpi span.hot{animation:huPop .5s var(--hu-ease) .35s both}
.proof.is-seen .pv--meth .to{animation:huPop .5s var(--hu-ease) .5s both}
.pv{background:linear-gradient(180deg,#fff,#F5F7FE);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(11,25,47,.05),0 6px 16px rgba(11,25,47,.05)}

@media(max-width:640px){
  #vision{overflow-x:clip}
  .explorer__tabs{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;overflow:visible!important;padding:14px!important}
  .explorer__tabs>p{grid-column:1/-1;margin:0 0 2px}
  .explorer__tabs .tab{width:auto!important;min-width:0;margin:0!important;padding:10px!important;gap:8px!important;align-items:center}
  .explorer__tabs .tab small{display:none}
  .explorer__tabs .tab b{font-size:14px;line-height:1.2;white-space:normal}
  .explorer__tabs .tab .tab__no{flex:0 0 26px;width:26px;height:26px;font-size:11px}
  .explorer__tabs .tab:last-of-type{grid-column:1/-1}
  .screen__bar span:not(.screen__live){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
  .screen__viewport{aspect-ratio:16/9;height:auto;overflow:hidden}
  .xv{right:0;width:auto}
  .screen__live{display:none}
}
@media(min-width:641px) and (max-width:1050px){
  .explorer__tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;overflow:visible!important}
  .explorer__tabs>p{grid-column:1/-1;margin:0 0 2px}
  .explorer__tabs .tab{width:auto!important;min-width:0;margin:0!important;padding:10px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important}
  .explorer__tabs .tab small{display:none}
  .explorer__tabs .tab b{font-size:14px;line-height:1.2;white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .pv__cur,.xv__cursor,.xv *{animation:none!important}
  .explorer.is-seen .xv.is-active *{animation:none!important}
  .proof.is-seen *{animation:none!important}
  .explorer[data-auto] .tab .tab__bar{display:none}
}
.explorer__metric strong{white-space:nowrap}

.learn{position:relative;padding:clamp(72px,9vw,128px) 0;background:#F3F6FD;overflow:hidden}
.learn__grid{display:grid;grid-template-columns:minmax(0,4.3fr) minmax(0,6fr);gap:clamp(32px,5vw,80px);align-items:center}
.learn .section-title{font-size:clamp(34px,3.6vw,56px);line-height:1.05;text-wrap:balance}
.learn .lead{max-width:44ch;margin-top:18px;color:var(--hu-ink-2)}
.learn__points{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:22px}
.learn__points li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}
.learn__points b{display:block;font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.learn__points p{margin:4px 0 0;max-width:52ch;color:var(--hu-ink-2);font-size:15.5px;line-height:1.55;text-wrap:pretty}
.learn__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 14px rgba(11,25,47,.06)}
.learn__ic svg{width:22px;height:22px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.learn__visual{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;align-items:start;font-family:Poppins,system-ui,sans-serif}
.lv{position:relative;background:#fff;border:1px solid rgba(11,25,47,.08);border-radius:18px;box-shadow:0 1px 2px rgba(11,25,47,.05),0 24px 48px -12px rgba(11,25,47,.16)}
.lv b{color:var(--ink)}.lv small{color:var(--hu-ink-2)}
.lv--tour{grid-column:1;grid-row:1;padding:22px 22px 18px}
.lv__head{margin-bottom:14px}
.lv__head b{display:block;font-size:17px}.lv__head small{display:block;margin-top:2px;font-size:12.5px;font-weight:600}
.lv__stages{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lv__stages li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;background:#F7F9FE;border:1px solid transparent}
.lv__stages li.is-doing{background:#fff;border-color:rgba(59,91,219,.35);box-shadow:0 0 0 4px rgba(59,91,219,.08)}
.lv__stages li.is-locked{opacity:.62}
.lv__n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid rgba(11,25,47,.12);font-weight:700;font-size:13px;color:var(--ink)}
.is-done .lv__n{background:#2F9E6B;border-color:#2F9E6B;color:#fff}
.is-doing .lv__n{background:var(--blue);border-color:var(--blue);color:#fff}
.lv__t b{display:block;font-size:13.5px;font-weight:600}.lv__t small{display:block;font-size:11.5px;font-weight:500;margin-top:1px}
.lv__dots{display:flex;gap:4px;margin-top:6px}
.lv__dots i,.lv__fd i{width:22px;height:4px;border-radius:2px;background:#DCE2F0}
.lv__dots i.on{background:#2F9E6B}.is-doing .lv__dots i.on{background:var(--blue)}
.lv__stages em{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-style:normal;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}
.lv__stages em svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.lv__stages em.ok{background:#DDF4E7;color:#1F6B47}.lv__stages em.go{background:#E7ECFC;color:var(--blue)}.lv__stages em.lk{background:#EEF0F5;color:#5B6680}
.lv__video{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px;border-radius:12px;border:1px dashed rgba(11,25,47,.14)}
.lv__play{display:grid;place-items:center;flex:0 0 auto;width:64px;height:40px;border-radius:8px;background:linear-gradient(135deg,#1C2B4F,#3B5BDB)}
.lv__play svg{width:16px;height:16px;fill:#fff}
.lv__video b{display:block;font-size:12.5px;font-weight:600}
.lv__video small{display:inline-flex;align-items:center;gap:5px;margin-top:3px;font-size:11.5px;font-weight:700;color:#1F6B47}
.lv__video small::before{content:"";width:7px;height:7px;border-radius:50%;background:#2F9E6B}
.lv--quiz{grid-column:1 / span 2;grid-row:2;justify-self:end;width:68%;margin-top:-56px;padding:18px 18px 16px;z-index:2}
.lv__q{display:block;font-size:11.5px;font-weight:700;letter-spacing:.01em}
.lv--quiz>b{display:block;margin:6px 0 12px;font-size:14.5px;font-weight:600;line-height:1.35;text-wrap:balance}
.lv--quiz ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lv--quiz li{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;border:1px solid rgba(11,25,47,.1);font-size:12.5px;font-weight:500;color:var(--ink)}
.lv--quiz li i{display:grid;place-items:center;flex:0 0 auto;width:18px;height:18px;border-radius:50%;border:1.6px solid #C3CCE3}
.lv--quiz li.ok{border-color:#2F9E6B;background:#EFFAF4;font-weight:600}
.lv--quiz li.ok i{background:#2F9E6B;border-color:#2F9E6B}
.lv--quiz li i svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.lv--cap{grid-column:2;grid-row:1;margin-top:36px;padding:18px}
.lv__ring{position:relative;display:grid;place-items:center;width:104px;height:104px;margin:0 auto 34px}
.lv__ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.lv__ring circle{fill:none;stroke-width:3.2}
.lv__ring .bg{stroke:#E6EBF6}.lv__ring .fg{stroke:var(--blue);stroke-linecap:round;stroke-dasharray:var(--p) 100}
.lv__ring span{text-align:center}.lv__ring b{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.lv__ring small{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:8px;white-space:nowrap;font-size:11.5px;font-weight:700}
.lv__fields{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.lv__fields li{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;color:var(--ink)}
.lv__fd{display:flex;gap:3px}.lv__fd i{width:14px}.lv__fd i.on{background:var(--blue)}
.lv__note{margin:12px 0 0;padding-top:10px;border-top:1px solid rgba(11,25,47,.08);font-size:11.5px;font-weight:600;color:var(--hu-ink-2);text-align:center}
@media(max-width:960px){
  .learn__grid{grid-template-columns:1fr}
  .learn__visual{min-height:0;display:grid;gap:14px}
  .learn__visual{grid-template-columns:1fr}
  .lv--tour,.lv--quiz,.lv--cap{grid-column:1;grid-row:auto;width:auto;margin:0;justify-self:stretch}
}
.learn.is-seen .learn__points li{animation:huFade .5s var(--hu-ease) both;animation-delay:calc(var(--i) * 90ms)}
.learn.is-seen .lv__stages li{animation:huFade .45s var(--hu-ease) both;animation-delay:calc(.2s + var(--i) * 80ms)}
.learn.is-seen .lv--quiz li.ok{animation:huOk .6s var(--hu-ease) .9s both}
.learn.is-seen .lv__ring .fg{animation:huRing 1.2s var(--hu-ease) .4s both}
.learn.is-seen .lv__fields li{animation:huFade .4s var(--hu-ease) both;animation-delay:calc(.5s + var(--i) * 60ms)}
@keyframes huOk{from{border-color:rgba(11,25,47,.1);background:#fff}to{border-color:#2F9E6B;background:#EFFAF4}}
@keyframes huRing{from{stroke-dasharray:0 100}}
@media(prefers-reduced-motion:reduce){.learn.is-seen *{animation:none!important}}

.hu-arm:not(.is-seen) .xv.is-active [style*="--i"],
.hu-arm:not(.is-seen) .xv.is-active .xv__table>*{opacity:0}
.hu-arm:not(.is-seen) .xv.is-active .xv__wires{clip-path:inset(0 100% 0 0)}
.learn.hu-arm:not(.is-seen) .learn__points li,.learn.hu-arm:not(.is-seen) .lv__stages li,.learn.hu-arm:not(.is-seen) .lv__fields li{opacity:0}
.learn.hu-arm:not(.is-seen) .lv__ring .fg{stroke-dasharray:0 100}
.learn__sub{color:var(--blue)}
