/* Konan Tech: estilos do site.
   As cores e medidas principais ficam nas variáveis do :root, logo abaixo. */
body{margin:0;background:#000}
:root{--bg:#000;--tx:#E8EDF3;--mu:#A3AEBB;--fa:#7A8693;--ac:#3EA6FF;--ok:#5BE3A1;--ln:rgba(170,200,235,0.10);--ln2:rgba(170,200,235,0.20);--ease:cubic-bezier(0.32,0.72,0,1);--acm:color-mix(in srgb,var(--ac) 55%,transparent);--acs:color-mix(in srgb,var(--ac) 18%,transparent);--acl:color-mix(in srgb,var(--ac) 50%,white)}
html{scroll-behavior:smooth;background:#000}
*,*::before,*::after{box-sizing:border-box}
a{color:var(--tx)}
a:hover{color:var(--acl)}
::selection{background:var(--ac);color:#000}
:where(.k) p,:where(.k) h1,:where(.k) h2,:where(.k) h3,:where(.k) ul,:where(.k) ol,:where(.k) figure,:where(.k) blockquote{margin:0;padding:0}
:where(.k) ul{list-style:none}
:where(.k) button{font:inherit;color:inherit}
.k{position:relative;font-family:'Geist',system-ui,sans-serif;background:#000;color:var(--tx);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased;overflow-x:clip}
.k :focus-visible{outline:2px solid var(--ac);outline-offset:4px;border-radius:8px}
.mono{font-family:'Geist Mono',ui-monospace,monospace}
.t-xs{font-size:12px;line-height:16px}
.t-sm{font-size:14px;line-height:20px}
.t-lg{font-size:18px;line-height:28px}
.mu{color:var(--mu)}
.fa{color:var(--fa)}
.acl{color:var(--acl)}
.wrap{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:0 64px}
.skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--ac);color:#000;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:600}
.skip:focus{top:16px;color:#000}
.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}

.metal{background-image:linear-gradient(105deg,transparent 42%,rgba(255,255,255,0.95) 50%,transparent 58%),linear-gradient(180deg,#FFFFFF 0%,#DCE3EA 44%,#8C98A6 100%);background-size:260% 100%,100% 100%;background-position:160% 0,0 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.mt{background:linear-gradient(180deg,#FFFFFF 0%,#D8DFE7 50%,#98A4B2 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@keyframes sheen{0%,60%{background-position:160% 0,0 0}86%,100%{background-position:-60% 0,0 0}}

.kick{display:inline-flex;align-items:center;gap:10px;font-family:'Geist Mono',ui-monospace,monospace;font-size:13px;line-height:20px;color:var(--mu)}
.kd{width:6px;height:6px;border-radius:50%;background:var(--ac);box-shadow:0 0 12px var(--ac);animation:blink 2.4s ease-in-out infinite}
@keyframes blink{50%{opacity:.35}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;font-size:16px;line-height:24px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .35s var(--ease),background-color .35s,border-color .35s,box-shadow .35s,color .35s}
.btn:active{transform:scale(.97)}
.btn-ac{background:var(--ac);color:#02060B;box-shadow:0 12px 40px -10px var(--acm)}
.btn-ac:hover{color:#02060B;transform:translateY(-1px);box-shadow:0 0 0 4px var(--acs),0 16px 56px -8px var(--acm)}
.btn-gh{background:rgba(255,255,255,0.04);border-color:var(--ln2);color:var(--tx);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn-gh:hover{color:var(--tx);border-color:var(--acm);background:rgba(255,255,255,0.07)}
.btn-sm{height:44px;padding:0 20px;font-size:14px;line-height:20px}

.gl{position:relative;background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.012));border:1px solid var(--ln);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.spot::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(460px circle at var(--mx,50%) var(--my,-30%),color-mix(in srgb,var(--ac) 13%,transparent),transparent 62%);opacity:0;transition:opacity .45s;pointer-events:none}
.spot:hover::before{opacity:1}
.aura{position:absolute;pointer-events:none;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ac) 24%,transparent) 0%,transparent 66%);filter:blur(30px);z-index:0;animation:drift 24s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate3d(60px,-40px,0) scale(1.12)}}

.kjs [data-rv]{opacity:0;transform:translateY(48px);filter:blur(10px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease),filter 1.1s var(--ease)}
.kjs [data-rv].in{opacity:1;transform:none;filter:none}
.kjs .rd1{transition-delay:.12s}
.kjs .rd2{transition-delay:.24s}
.kjs .rd3{transition-delay:.36s}
.kjs .fin{opacity:0;transform:translateY(16px);animation:fin 1.1s var(--ease) forwards}
.kjs .a1{animation-delay:.6s}
.kjs .a2{animation-delay:1.3s}
.kjs .a3{animation-delay:1.5s}
.kjs .a4{animation-delay:1.9s}
@keyframes fin{to{opacity:1;transform:none}}

.nav{position:fixed;top:16px;left:0;right:0;z-index:60;display:flex;justify-content:center;padding:0 16px;pointer-events:none}
.pill{pointer-events:auto;display:flex;align-items:center;gap:4px;width:100%;max-width:1080px;height:64px;padding:0 10px 0 24px;border-radius:999px;background:rgba(3,6,10,0.62);border:1px solid var(--ln);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 20px 60px -30px rgba(0,0,0,0.9),inset 0 1px 0 rgba(255,255,255,0.05)}
.brand{display:flex;align-items:center;height:44px;margin-right:auto;text-decoration:none}
.brand img{display:block;height:20px;width:auto}
.links{display:flex;gap:2px}
.nl{display:inline-flex;align-items:center;height:44px;padding:0 16px;border-radius:999px;font-size:14px;line-height:20px;color:var(--mu);text-decoration:none;transition:color .3s,background-color .3s}
.nl:hover{color:var(--tx);background:rgba(255,255,255,0.05)}
.nl.on{color:var(--tx);background:rgba(255,255,255,0.08)}
.nav-cta{margin-left:10px}
.burger{display:none;width:44px;height:44px;border-radius:999px;border:1px solid var(--ln2);background:rgba(255,255,255,0.04);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;margin-left:8px}
.burger span{display:block;width:16px;height:1.5px;border-radius:2px;background:var(--tx);transition:transform .45s var(--ease)}
.burger.x span:nth-child(1){transform:translateY(3.25px) rotate(45deg)}
.burger.x span:nth-child(2){transform:translateY(-3.25px) rotate(-45deg)}
.mm{position:fixed;left:0;right:0;top:0;height:100vh;max-height:1200px;z-index:55;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:120px 32px 48px;background:rgba(0,0,0,0.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility 0s linear .5s}
.mm.open{opacity:1;visibility:visible;transition:opacity .5s var(--ease)}
.ml{font-family:'Unbounded',sans-serif;font-weight:400;font-size:28px;line-height:44px;color:var(--tx);text-decoration:none;opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.mm.open .ml{opacity:1;transform:none}
.mm.open .d1{transition-delay:.06s}
.mm.open .d2{transition-delay:.12s}
.mm.open .d3{transition-delay:.18s}
.mm.open .d4{transition-delay:.24s}
.mm-cta{align-self:flex-start;margin-top:32px}

.hero{position:relative;height:max(760px,min(100vh,980px));overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-3}
.h-a1{width:760px;height:760px;right:-4%;top:6%}
.h-a2{width:520px;height:520px;right:30%;bottom:-24%;opacity:.55;animation-delay:-8s}
.hero-cv{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%}
.hero-vig{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,0.86) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0) 48%),linear-gradient(0deg,#000 0%,rgba(0,0,0,0) 20%)}
.hero-in{height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:72px}
.hero-txt{max-width:660px}
.h1{margin-top:28px;font-family:'Unbounded',sans-serif;font-weight:400;font-size:56px;line-height:64px;letter-spacing:-0.02em}
.h1 .ln{display:block;overflow:hidden;padding-bottom:6px;margin-bottom:-6px}
.h1 .ln-i{display:inline-block}
.kjs .h1 .ln-i{transform:translateY(110%);animation:lnup 1.3s var(--ease) .2s forwards,sheen 9s var(--ease) 2.2s infinite}
.kjs .h1 .ln2 .ln-i{animation-delay:.34s,2.45s}
.kjs .h1 .ln3 .ln-i{animation-delay:.48s,2.7s}
@keyframes lnup{to{transform:none}}
.lead{margin-top:28px;max-width:540px;font-size:18px;line-height:28px;color:var(--mu)}
.hero-act{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.cue{position:absolute;left:max(64px,calc((100% - 1280px) / 2 + 64px));bottom:40px;z-index:2;display:flex;align-items:center;gap:12px;font-size:12px;line-height:16px;color:var(--fa);text-decoration:none}
.cue-l{position:relative;width:1px;height:40px;overflow:hidden;background:rgba(170,200,235,0.18)}
.cue-l::after{content:'';position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--ac);animation:cue 2.2s var(--ease) infinite}
@keyframes cue{to{top:100%}}
.hud{position:absolute;right:max(64px,calc((100% - 1280px) / 2 + 64px));bottom:40px;z-index:2;width:340px}
.hud-t{display:flex;align-items:baseline;gap:6px;font-size:12px;line-height:16px;color:var(--fa)}
.hud-n{color:var(--tx)}
.cap{margin-left:10px;color:var(--mu);transition:opacity .35s var(--ease),transform .35s var(--ease)}
.cap.hide{opacity:0;transform:translateY(4px)}
.hud-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:12px}
.seg{position:relative;height:2px;border-radius:2px;overflow:hidden;background:rgba(170,200,235,0.16)}
.seg i{position:absolute;inset:0;background:var(--ac);transform:scaleX(0);transform-origin:left}
.seg.done i{transform:scaleX(1);opacity:.5}
.seg.on i{animation:segfill linear forwards}
@keyframes segfill{to{transform:scaleX(1)}}

.sec{position:relative;padding:128px 0}
.sh{max-width:780px}
.sh .h2{margin-top:20px}
.h2{font-family:'Unbounded',sans-serif;font-weight:400;font-size:40px;line-height:50px;letter-spacing:-0.02em}
.sub{margin-top:20px;max-width:640px;font-size:18px;line-height:28px;color:var(--mu)}

.mf{padding:144px 0 112px}
.mf-t{max-width:1100px;font-family:'Unbounded',sans-serif;font-weight:300;font-size:44px;line-height:60px;letter-spacing:-0.02em}
.w{color:#1B222B;transition:color .7s var(--ease)}
.w.on{color:var(--tx)}

.ab-a{width:680px;height:680px;left:-260px;top:80px}
.ab-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:end}
.ab-p{margin-top:24px;max-width:600px;color:var(--mu)}
.ab-p.t-lg{color:var(--tx)}
.ab-q{padding:40px;border-radius:28px;overflow:hidden}
.qm{display:block;font-family:'Unbounded',sans-serif;font-size:56px;line-height:40px;color:var(--ac);height:28px}
.ab-q blockquote{margin-top:20px;font-size:20px;line-height:32px;color:var(--tx)}
.ab-q figcaption{display:flex;align-items:center;gap:14px;margin-top:28px;font-size:14px;line-height:20px;color:var(--mu)}
.ab-q figcaption b{display:block;color:var(--tx);font-weight:600}
.av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;font-family:'Geist Mono',monospace;font-size:13px;background:var(--acs);border:1px solid var(--acm);color:var(--acl)}
.pr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:72px}
.pr{padding:32px;border-radius:24px;overflow:hidden}
.pr-n{font-family:'Geist Mono',monospace;font-size:12px;line-height:16px;color:var(--ac)}
.pr h3{margin-top:28px;font-size:20px;line-height:28px;font-weight:600}
.pr p{margin-top:8px;color:var(--mu)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:72px;border-top:1px solid var(--ln)}
.st{padding:40px 32px 0 0}
.st + .st{padding-left:32px;border-left:1px solid var(--ln)}
.st-n{font-family:'Unbounded',sans-serif;font-weight:300;font-size:56px;line-height:64px;letter-spacing:-0.03em}
.st-l{margin-top:12px;max-width:260px;color:var(--mu)}

.sol{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:48px;align-items:start;margin-top:64px}
.so{border-top:1px solid var(--ln)}
.so:last-child{border-bottom:1px solid var(--ln)}
.so-h{display:flex;align-items:center;gap:20px;width:100%;padding:24px 0;border:0;background:none;text-align:left;cursor:pointer;color:var(--mu);transition:color .3s}
.so-h:hover,.so.on .so-h{color:var(--tx)}
.so-n{width:24px;font-family:'Geist Mono',monospace;font-size:12px;line-height:16px;color:var(--fa);transition:color .3s}
.so.on .so-n{color:var(--ac)}
.so-t{flex:1;font-size:22px;line-height:30px;font-weight:500}
.so-x{width:20px;height:20px;transition:transform .5s var(--ease)}
.so.on .so-x{transform:rotate(45deg)}
.so-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.so.on .so-b{grid-template-rows:1fr}
.so-bi{overflow:hidden;padding-left:44px}
.so-d{color:var(--mu)}
.so-r{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-weight:500}
.so-r .ic{margin-top:3px;color:var(--ac)}
.so-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-bottom:28px}
.tg{padding:6px 12px;border-radius:999px;border:1px solid var(--ln2);font-family:'Geist Mono',monospace;font-size:12px;line-height:16px;color:var(--mu)}
.holo{position:sticky;top:104px;display:flex;flex-direction:column;aspect-ratio:5/4;border-radius:28px;overflow:hidden}
.holo-top{display:flex;align-items:center;gap:14px;height:48px;padding:0 20px;border-bottom:1px solid var(--ln);color:var(--fa)}
.dots{display:flex;gap:6px}
.dots i{width:8px;height:8px;border-radius:50%;background:rgba(170,200,235,0.2)}
.live{display:inline-flex;align-items:center;gap:8px;margin-left:auto;color:var(--mu);white-space:nowrap}
.live i{width:6px;height:6px;border-radius:50%;background:var(--ac);box-shadow:0 0 10px var(--ac);animation:blink 1.6s ease-in-out infinite}
.holo-cap{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.holo-in{position:relative;flex:1;overflow:hidden}
.holo-in::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(170,200,235,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(170,200,235,0.05) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 25%,transparent 78%);mask-image:radial-gradient(circle at 50% 50%,#000 25%,transparent 78%)}
.v{position:absolute;inset:0;padding:28px;animation:vin .7s var(--ease)}
@keyframes vin{from{opacity:0;transform:scale(.98)}}

.v-ai{display:grid;grid-template-columns:0.8fr 1.3fr 1.1fr;gap:10px;align-items:center}
.ai-in{display:flex;flex-direction:column;gap:12px}
.doc{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--ln2);background:rgba(255,255,255,0.04);font-size:12px;line-height:16px;color:var(--mu);white-space:nowrap;animation:docf 6s var(--ease) infinite both}
.doc .ic{width:16px;height:16px;color:var(--acl)}
.doc.d2{animation-delay:.6s}
.doc.d3{animation-delay:1.2s}
@keyframes docf{0%{opacity:0;transform:translateX(-12px)}10%{opacity:1;transform:none}46%{opacity:1;transform:none}62%{opacity:0;transform:translateX(40px) scale(.9)}100%{opacity:0;transform:translateX(40px) scale(.9)}}
.ai-net{display:block;width:100%;height:auto;overflow:visible}
.ai-e{fill:none;stroke:rgba(170,200,235,0.14);stroke-width:1}
.ai-p path{fill:none;stroke:var(--ac);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:7 100;stroke-dashoffset:107;animation:flow 2.2s linear infinite}
@keyframes flow{to{stroke-dashoffset:0}}
.ai-nd circle{fill:#05080C;stroke:var(--acm);stroke-width:1.5;animation:nod 2.2s ease-in-out infinite}
@keyframes nod{50%{stroke:var(--ac);fill:color-mix(in srgb,var(--ac) 35%,#05080C)}}
.ai-out{padding:16px;border-radius:16px;border:1px solid var(--ln2);background:rgba(255,255,255,0.035)}
.ao-h{margin-bottom:8px;font-size:12px;line-height:16px;color:var(--acl)}
.ao-r{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--ln);font-size:12px;line-height:16px;color:var(--fa);animation:rowin 6s var(--ease) infinite both}
.ao-r b{color:var(--tx);font-weight:500;white-space:nowrap}
.ao-r.r2{animation-delay:.25s}
.ao-r.r3{animation-delay:.5s}
.ao-r.r4{animation-delay:.75s}
.ao-ok{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;line-height:16px;color:var(--ok);animation:rowin 6s var(--ease) 1s infinite both}
.ao-ok .ic{width:14px;height:14px}
@keyframes rowin{0%,38%{opacity:0;transform:translateX(-8px)}48%,90%{opacity:1;transform:none}100%{opacity:0;transform:none}}

.v-au{display:flex;align-items:center;justify-content:center}
.au{position:relative;width:100%;max-width:460px;padding-left:36px}
.au-rail{position:absolute;left:11px;top:24px;bottom:24px;width:2px;border-radius:2px;background:rgba(170,200,235,0.14)}
.au-dot{position:absolute;left:-4px;top:0;width:10px;height:10px;border-radius:50%;background:var(--ac);box-shadow:0 0 16px var(--ac),0 0 3px #fff;animation:aurail 4.8s cubic-bezier(.6,0,.4,1) infinite}
@keyframes aurail{0%{top:0;opacity:0}6%{opacity:1}88%{top:calc(100% - 10px);opacity:1}100%{top:calc(100% - 10px);opacity:0}}
.au-list{display:flex;flex-direction:column;gap:14px}
.au-i{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;border:1px solid var(--ln);background:rgba(255,255,255,0.03);animation:auon 4.8s var(--ease) infinite both}
.au-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;background:rgba(255,255,255,0.05);color:var(--acl)}
.au-tx{flex:1;display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:20px;min-width:0}
.au-tx b{font-weight:500;color:var(--tx)}
.au-tx span{font-size:12px;line-height:16px;color:var(--fa)}
.au-ok{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--ok);color:#02060B;transform:scale(0);animation:aupop 4.8s var(--ease) infinite both}
.au-ok .ic{width:14px;height:14px;stroke-width:2.4}
.i1,.i1 .au-ok{animation-delay:.3s}
.i2,.i2 .au-ok{animation-delay:1.6s}
.i3,.i3 .au-ok{animation-delay:2.9s}
.i4,.i4 .au-ok{animation-delay:4.2s}
@keyframes auon{0%{border-color:var(--ln);background-color:rgba(255,255,255,0.03);box-shadow:none}5%,60%{border-color:var(--acm);background-color:color-mix(in srgb,var(--ac) 10%,transparent);box-shadow:0 0 32px -8px var(--acm)}75%,100%{border-color:var(--ln);background-color:rgba(255,255,255,0.03);box-shadow:none}}
@keyframes aupop{0%,4%{transform:scale(0)}10%,60%{transform:scale(1)}75%,100%{transform:scale(0)}}

.v-sy{display:flex;align-items:center;justify-content:center}
.sy{position:relative;display:flex;flex-direction:column;width:100%;max-width:500px;aspect-ratio:16/11;border-radius:16px;border:1px solid var(--ln2);background:rgba(4,7,11,0.75);overflow:hidden}
.sy-bar{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-bottom:1px solid var(--ln)}
.sy-bar i{width:7px;height:7px;border-radius:50%;background:rgba(170,200,235,0.25)}
.sy-bar span{margin-left:12px;width:120px;height:8px;border-radius:4px;background:rgba(170,200,235,0.12)}
.sy-body{flex:1;display:flex;gap:10px;padding:10px;min-height:0}
.sy-side{width:22%;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px}
.sy-side i{height:8px;border-radius:4px;background:rgba(170,200,235,0.16)}
.sy-side i:first-child{background:var(--ac)}
.sy-main{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}
.sy-head{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 10px;border-radius:10px}
.sy-head span{width:40%;height:8px;border-radius:4px;background:rgba(170,200,235,0.24)}
.sy-head em{width:56px;height:14px;border-radius:999px;background:var(--ac)}
.sy-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sy-k{display:flex;flex-direction:column;justify-content:space-between;height:56px;padding:10px;border-radius:10px}
.sy-k span{width:60%;height:6px;border-radius:3px;background:rgba(170,200,235,0.18)}
.sy-k b{width:45%;height:12px;border-radius:4px;background:rgba(232,237,243,0.75)}
.sy-tb{flex:1;display:flex;flex-direction:column;justify-content:space-around;padding:8px 10px;border-radius:10px}
.sy-tb p{height:8px;border-radius:4px;background:rgba(170,200,235,0.12)}
.sy-tb p:nth-child(2n){width:84%}
.bl{border:1px dashed transparent;animation:bld 8s var(--ease) infinite both}
@keyframes bld{0%{opacity:0;transform:translateY(6px);border-color:transparent;background-color:transparent}5%{opacity:1;transform:none;border-color:var(--ac);background-color:transparent}14%,86%{opacity:1;transform:none;border-color:var(--ln);background-color:rgba(255,255,255,0.035)}96%,100%{opacity:0;transform:none;border-color:var(--ln);background-color:rgba(255,255,255,0.035)}}
.b1{animation-delay:.3s}
.b2{animation-delay:.6s}
.b3{animation-delay:.9s}
.b4{animation-delay:1.1s}
.b5{animation-delay:1.3s}
.b6{animation-delay:1.6s}
.b7{animation-delay:1.9s}
.sy-scan{position:absolute;left:0;right:0;top:-60px;height:60px;pointer-events:none;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ac) 16%,transparent),transparent);animation:scan 8s linear infinite}
@keyframes scan{0%{top:-60px}30%,100%{top:100%}}

.v-da{display:flex;flex-direction:column;gap:14px}
.da-k{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dk{padding:14px;border-radius:14px;border:1px solid var(--ln);background:rgba(255,255,255,0.03);animation:rowin 7s var(--ease) infinite both}
.dk:nth-child(2){animation-delay:.2s}
.dk:nth-child(3){animation-delay:.4s}
.dk span{display:block;font-size:11px;line-height:16px;color:var(--fa)}
.dk b{display:block;margin-top:6px;font-family:'Unbounded',sans-serif;font-weight:400;font-size:18px;line-height:26px}
.dk em{font-style:normal;font-size:11px;line-height:16px;color:var(--ok)}
.da-ch{position:relative;flex:1;min-height:0;padding:16px;border-radius:16px;border:1px solid var(--ln);background:rgba(255,255,255,0.025)}
.da-bars{position:absolute;inset:16px;display:flex;align-items:flex-end;gap:10px}
.da-bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--ac),color-mix(in srgb,var(--ac) 14%,transparent));transform-origin:bottom;animation:barg 7s var(--ease) infinite both}
.da-dots{position:absolute;inset:16px;pointer-events:none}
.da-dots span{position:absolute;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#fff;box-shadow:0 0 12px var(--ac);animation:drop 7s var(--ease) infinite both}
@keyframes barg{0%,14%{transform:scaleY(0)}28%,86%{transform:scaleY(1)}100%{transform:scaleY(0)}}
@keyframes drop{0%{transform:translateY(-180px);opacity:0}6%{opacity:1}15%{transform:translateY(-2px);opacity:1}20%,100%{transform:translateY(-2px);opacity:0}}
.da-ln{position:absolute;left:16px;top:16px;width:calc(100% - 32px);height:calc(100% - 32px);overflow:visible}
.da-ln path{fill:none;stroke:var(--acl);stroke-width:2;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 6px var(--ac));animation:draw 7s var(--ease) infinite both}
@keyframes draw{0%,30%{stroke-dashoffset:100}56%,86%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}

.v-si{display:flex;align-items:center;justify-content:center;perspective:1100px}
.si{position:relative;width:100%;height:100%;transform-style:preserve-3d}
.si-p{position:absolute;top:50%;left:50%;transform-style:preserve-3d}
.si-dk{width:58%;aspect-ratio:16/10;transform:translate(-50%,-50%) rotateX(6deg)}
.si-ph{width:19%;aspect-ratio:9/18;transform:translate(-50%,-50%) translateX(-200%) translateZ(80px) rotateY(24deg)}
.si-tb{width:30%;aspect-ratio:4/3;transform:translate(-50%,-50%) translateX(124%) translateZ(-40px) rotateY(-24deg)}
.si-f{display:flex;flex-direction:column;gap:6px;width:100%;height:100%;padding:8px;border-radius:14px;border:1px solid var(--ln2);background:rgba(5,9,14,0.88);overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,0.9),0 0 40px -12px var(--acm);animation:flt 7s ease-in-out infinite}
.si-ph .si-f{border-radius:18px;animation-delay:-2s}
.si-tb .si-f{animation-delay:-4s}
@keyframes flt{50%{transform:translateY(-10px)}}
.si-n{flex:none;height:6px;border-radius:3px;background:rgba(170,200,235,0.14)}
.si-h{flex:1;min-height:0;border-radius:8px;background:radial-gradient(120% 90% at 80% 20%,color-mix(in srgb,var(--ac) 50%,transparent),transparent 60%),linear-gradient(180deg,#111821,#06090D)}
.si-t{flex:none;width:70%;height:6px;border-radius:3px;background:rgba(232,237,243,0.6)}
.si-t2{flex:none;width:46%;height:5px;border-radius:3px;background:rgba(170,200,235,0.24)}
.si-b{flex:none;width:40%;height:10px;border-radius:999px;background:var(--ac)}

.cmp{position:relative;height:560px;margin-top:56px;border-radius:28px;overflow:hidden;border:1px solid var(--ln2);background:#0B0C0E;user-select:none;-webkit-user-select:none}
.pane{position:absolute;inset:0;overflow:hidden}
.pane-b{background:#0E0F11}
.pane-a{background:radial-gradient(90% 70% at 70% 0%,color-mix(in srgb,var(--ac) 18%,transparent),transparent 60%),#03060A}
.tag{position:absolute;top:20px;z-index:2;padding:6px 12px;border-radius:999px;border:1px solid var(--ln2);background:rgba(0,0,0,0.6);font-family:'Geist Mono',monospace;font-size:12px;line-height:16px;color:var(--mu)}
.tag-l{left:20px}
.tag-r{right:20px;color:var(--acl);border-color:var(--acm)}
.sheet{position:absolute;left:40px;top:72px;width:min(620px,68%);border-radius:10px;overflow:hidden;background:#E4E6E8;color:#2B2F33;font-size:12px;line-height:16px;transform:rotate(-1.2deg);box-shadow:0 30px 60px -20px rgba(0,0,0,0.8)}
.sh-bar{display:flex;gap:12px;padding:8px 12px;border-bottom:1px solid #C8CCD0;color:#6A7178}
.sh-f{color:#B3261E}
.gx{display:grid;grid-template-columns:28px 1.2fr 0.8fr 0.8fr 0.6fr 1fr}
.gx span{min-height:28px;padding:6px 8px;border-right:1px solid #D2D6DA;border-bottom:1px solid #D2D6DA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gh,.gn{background:#D3D7DB}
.gh{font-weight:600}
.gn{color:#6A7178;text-align:center}
.ge{color:#B3261E;font-weight:600}
.gr{color:#B3261E}
.gy{background:#F3E7A6}
.fw6{font-weight:600}
.tabs{display:flex;gap:2px;padding:6px 8px;background:#D3D7DB}
.tab{padding:3px 8px;border-radius:4px 4px 0 0;font-size:11px;color:#6A7178;white-space:nowrap}
.tab.on{background:#E4E6E8;color:#2B2F33}
.note{position:absolute;right:64px;top:96px;width:200px;padding:16px;background:#E7D98A;color:#3B351A;font-size:14px;line-height:20px;transform:rotate(3deg);box-shadow:0 20px 40px -16px rgba(0,0,0,0.8)}
.wa{position:absolute;right:48px;bottom:96px;display:flex;flex-direction:column;gap:8px;width:280px}
.wa-b{position:relative;padding:10px 12px 18px;border-radius:12px 12px 12px 4px;background:#1F2C2A;color:#D5DDDB;font-size:13px;line-height:18px}
.wa-b2{margin-left:24px}
.wa-t{position:absolute;right:10px;bottom:4px;font-size:10px;line-height:12px;color:#8A9895}
.warn{position:absolute;left:40px;bottom:32px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(179,38,30,0.16);border:1px solid rgba(179,38,30,0.4);color:#F2B8B5;font-size:13px;line-height:18px}
.dash{position:absolute;left:40px;right:40px;top:72px;bottom:40px;display:flex;flex-direction:column;gap:16px}
.dash-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.dash-tt{margin-top:2px;font-family:'Unbounded',sans-serif;font-weight:400;font-size:20px;line-height:28px}
.toast{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--ok) 14%,transparent);border:1px solid color-mix(in srgb,var(--ok) 40%,transparent);color:var(--ok);font-size:13px;line-height:18px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.kpi{padding:16px;border-radius:16px;border:1px solid var(--ln);background:rgba(255,255,255,0.035)}
.kpi-l{font-size:12px;line-height:16px;color:var(--fa)}
.kpi-v{margin-top:4px;font-family:'Unbounded',sans-serif;font-weight:400;font-size:28px;line-height:36px}
.kpi-v.okc{color:var(--ok)}
.kpi-v.acc{color:var(--acl)}
.dash-b{flex:1;display:grid;grid-template-columns:1.2fr 1fr;gap:12px;min-height:0}
.dcard{display:flex;flex-direction:column;gap:12px;min-height:0;padding:16px;border-radius:16px;border:1px solid var(--ln);background:rgba(255,255,255,0.03)}
.dc-t{font-size:13px;line-height:18px;color:var(--mu)}
.bars{flex:1;display:flex;align-items:flex-end;gap:10px;min-height:60px}
.bars span{flex:1;border-radius:6px 6px 2px 2px;background:color-mix(in srgb,var(--ac) 40%,transparent)}
.bars span.hi{background:var(--ac);box-shadow:0 0 16px var(--acm)}
.bars span.fu{background:rgba(170,200,235,0.08)}
.bars-l{display:flex;gap:10px}
.bars-l span{flex:1;text-align:center;font-size:11px;line-height:14px;color:var(--fa)}
.lr{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--ln);font-size:13px;line-height:18px}
.sx{padding:3px 10px;border-radius:999px;font-size:11px;line-height:16px;white-space:nowrap}
.sx-ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}
.sx-ac{color:var(--acl);background:var(--acs)}
.sx-n{color:var(--mu);background:rgba(255,255,255,0.06)}
.rng{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.divi{position:absolute;top:0;bottom:0;z-index:3;width:2px;margin-left:-1px;background:var(--ac);box-shadow:0 0 18px var(--ac);pointer-events:none}
.knob{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;display:grid;place-items:center;background:#03060A;border:1px solid var(--ac);color:var(--acl);box-shadow:0 0 30px -4px var(--acm)}
.rng:focus-visible ~ .divi .knob{outline:2px solid var(--ac);outline-offset:4px}

.pj-list{display:flex;flex-direction:column;gap:32px;margin-top:64px}
.pj{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:64px;align-items:center;padding:56px;border-radius:32px;overflow:hidden}
.pj.rev .pj-tx{order:2}
.pj-top{display:flex;align-items:center;gap:14px}
.pj-num{font-family:'Geist Mono',monospace;font-size:12px;line-height:16px;color:var(--fa)}
.stg{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--ln2);font-size:12px;line-height:16px;color:var(--mu)}
.stg i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.stg.op,.stg.en{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}
.stg.im{color:var(--acl);border-color:var(--acm)}
.stg.te{color:#C9D2DC}
.pj h3{margin-top:24px;font-family:'Unbounded',sans-serif;font-weight:400;font-size:32px;line-height:40px;letter-spacing:-0.02em}
.pj-kind{margin-top:8px;font-size:14px;line-height:20px;color:var(--acl)}
.pj-d{margin-top:20px;color:var(--mu)}
.caps{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.caps li{display:flex;align-items:flex-start;gap:10px}
.caps .ic{margin-top:3px;color:var(--ac)}
.pj-dev{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:420px}
.dev-gl{position:absolute;left:12%;right:12%;bottom:4%;height:36%;border-radius:50%;background:radial-gradient(ellipse at center,var(--acm),transparent 70%);filter:blur(36px);opacity:.5;pointer-events:none}
.dev-cap{position:relative;font-family:'Geist Mono',monospace;font-size:11px;line-height:16px;color:var(--fa)}
.tilt{position:relative;display:flex;justify-content:center;width:100%;perspective:1400px}
.tilt-in{display:flex;justify-content:center;width:100%;transform-style:preserve-3d;transition:transform .6s var(--ease)}
.dv{display:flex;justify-content:center;width:100%;transform-style:preserve-3d}
.kjs .pj .dv{opacity:0;transform:rotateY(-22deg) rotateX(10deg) translateZ(-120px);transition:opacity 1.4s var(--ease) .2s,transform 1.6s var(--ease) .2s}
.kjs .pj.in .dv{opacity:1;transform:none}
.lap{width:100%;max-width:560px}
.lap-s{padding:8px;border-radius:16px;background:linear-gradient(180deg,#1A2029,#0A0D12);border:1px solid rgba(200,215,230,0.22);box-shadow:0 40px 80px -30px rgba(0,0,0,0.9),inset 0 1px 0 rgba(255,255,255,0.08)}
.lap-u{display:flex;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:#04070B}
.lap-b{position:relative;height:16px;margin:0 -7%;border-radius:2px 2px 14px 14px;background:linear-gradient(180deg,#C5CDD6,#6E7884 60%,#3A424C)}
.lap-b::after{content:'';position:absolute;left:41%;top:0;width:18%;height:5px;border-radius:0 0 6px 6px;background:rgba(0,0,0,0.35)}
.ui{font-size:10px;line-height:14px;color:var(--mu)}
.ui-sd{display:flex;flex-direction:column;gap:9px;width:22%;padding:12px 10px;border-right:1px solid var(--ln)}
.ui-lg{margin-bottom:6px;font-size:10px;line-height:14px;font-weight:600;color:var(--tx);white-space:nowrap}
.ui-sd i{height:6px;border-radius:3px;background:rgba(170,200,235,0.14)}
.ui-sd i.on{background:var(--ac)}
.ui-mn{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px}
.ui-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:600;color:var(--tx)}
.ui-ai{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:var(--acs);color:var(--acl);font-style:normal;font-weight:500;font-size:9px;white-space:nowrap}
.ui-ai .ic{width:10px;height:10px}
.ui-kp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ui-kp p{padding:8px;border-radius:8px;border:1px solid var(--ln);background:rgba(255,255,255,0.04)}
.ui-kp span{display:block;font-size:9px;color:var(--fa)}
.ui-kp b{display:block;margin-top:2px;font-size:12px;line-height:16px;font-weight:600;color:var(--tx);white-space:nowrap}
.ui-kp b.ok{color:var(--ok)}
.ui-two{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0}
.ui-cd{display:flex;flex-direction:column;gap:6px;min-height:0;padding:8px;border-radius:8px;border:1px solid var(--ln);background:rgba(255,255,255,0.03)}
.ui-ct{font-size:9px;color:var(--fa)}
.ui-bars{flex:1;display:flex;align-items:flex-end;gap:5px;min-height:30px}
.ui-bars i{flex:1;border-radius:3px 3px 1px 1px;background:color-mix(in srgb,var(--ac) 45%,transparent);transform-origin:bottom}
.ui-bars i.hi{background:var(--ac);box-shadow:0 0 10px var(--acm)}
.ui-pg{display:flex;flex-direction:column;gap:3px;font-size:9px;line-height:12px}
.ui-pg em{display:block;height:4px;border-radius:2px;background:rgba(170,200,235,0.12)}
.ui-pg i{display:block;height:4px;border-radius:2px;background:var(--ac);transform-origin:left}
.pj.in .ui-bars i{animation:gy 1.2s var(--ease) .6s both}
.pj.in .ui-bars i:nth-child(2){animation-delay:.7s}
.pj.in .ui-bars i:nth-child(3){animation-delay:.8s}
.pj.in .ui-bars i:nth-child(4){animation-delay:.9s}
.pj.in .ui-bars i:nth-child(5){animation-delay:1s}
.pj.in .ui-bars i:nth-child(6){animation-delay:1.1s}
.pj.in .ui-pg i{animation:gx 1.4s var(--ease) .8s both}
@keyframes gy{from{transform:scaleY(0)}}
@keyframes gx{from{transform:scaleX(0)}}
.ph{width:240px;aspect-ratio:9/19;padding:9px;border-radius:40px;background:linear-gradient(160deg,#C9D1DA,#5B6571 40%,#20262E);box-shadow:0 40px 80px -30px rgba(0,0,0,0.9)}
.ph-s{position:relative;width:100%;height:100%;border-radius:31px;background:#04070B;overflow:hidden}
.ph-s::before{content:'';position:absolute;top:8px;left:50%;z-index:3;width:70px;height:20px;margin-left:-35px;border-radius:999px;background:#000}
.mc{display:flex;flex-direction:column;gap:12px;padding:40px 14px 14px;font-size:11px;line-height:15px;color:var(--mu)}
.mc-tt{display:block;margin-top:2px;font-size:16px;line-height:22px;font-weight:600;color:var(--tx)}
.mc-sum{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.mc-sum p{padding:8px 10px;border-radius:12px;border:1px solid var(--ln);background:rgba(255,255,255,0.05)}
.mc-sum b{display:block;font-size:16px;line-height:20px;color:var(--tx)}
.mc-sum span{font-size:10px;color:var(--fa)}
.mc-l{display:flex;flex-direction:column;gap:8px}
.mc-i{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:12px;border:1px solid var(--ln);background:rgba(255,255,255,0.03)}
.mc-i.on{border-color:var(--acm);background:color-mix(in srgb,var(--ac) 10%,transparent)}
.mc-d{flex:none;width:8px;height:8px;margin-top:4px;border-radius:50%;background:rgba(170,200,235,0.3)}
.mc-d.ok{background:var(--ok)}
.mc-d.ac{background:var(--ac);box-shadow:0 0 8px var(--ac);animation:blink 1.6s ease-in-out infinite}
.mc-i b{display:block;font-weight:500;color:var(--tx)}
.mc-i span{font-size:10px;color:var(--fa)}
.mc-btn{display:grid;place-items:center;height:38px;margin-top:4px;border-radius:12px;background:var(--ac);color:#02060B;font-weight:600}
.fchip{position:absolute;right:4%;top:14%;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;font-size:12px;line-height:16px;color:var(--tx);white-space:nowrap;transform:translateZ(80px)}
.fchip i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}
.uo{position:relative;display:flex;align-items:center;justify-content:center;width:100%;transform-style:preserve-3d}
.uo-ph{margin-right:140px}
.sc-cam{position:relative;display:grid;place-items:center;height:56%;overflow:hidden;background:#0A0E13}
.sc-note{display:flex;flex-direction:column;gap:7px;width:62%;aspect-ratio:3/4;padding:12px 10px;border-radius:4px;background:#E9ECEF;opacity:.92;transform:rotate(-4deg)}
.sc-note i{height:5px;border-radius:2px;background:#9AA3AD}
.sc-note i.s{width:60%}
.sc-c{position:absolute;width:22px;height:22px;border:2px solid var(--ac)}
.c1{top:12%;left:14%;border-right:0;border-bottom:0;border-radius:6px 0 0 0}
.c2{top:12%;right:14%;border-left:0;border-bottom:0;border-radius:0 6px 0 0}
.c3{bottom:12%;left:14%;border-right:0;border-top:0;border-radius:0 0 0 6px}
.c4{bottom:12%;right:14%;border-left:0;border-top:0;border-radius:0 0 6px 0}
.sc-ls{position:absolute;left:12%;right:12%;top:14%;height:2px;background:var(--ac);box-shadow:0 0 14px 2px var(--ac);animation:laser 2.6s ease-in-out infinite alternate}
@keyframes laser{to{top:84%}}
.sc-res{display:flex;flex-direction:column;gap:8px;padding:14px;font-size:11px;line-height:15px}
.sc-res p{display:flex;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--ln);color:var(--fa)}
.sc-res b{font-weight:500;color:var(--tx)}
.uo-sh{position:absolute;right:0;top:50%;width:270px;padding:16px;border-radius:18px;font-size:12px;line-height:16px;transform:translateY(-50%) translateZ(70px)}
.uo-sh-h{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:500;color:var(--tx)}
.uo-r{display:grid;grid-template-columns:40px 1fr auto;gap:8px;padding:8px;border-radius:8px;color:var(--mu)}
.uo-r.nw{color:var(--tx);background:color-mix(in srgb,var(--ac) 14%,transparent);animation:nw 2.6s ease-in-out infinite}
@keyframes nw{50%{box-shadow:0 0 0 1px var(--acm)}}
.ws{position:relative;width:100%;max-width:560px;height:380px;transform-style:preserve-3d}
.br{position:absolute;width:78%;border-radius:14px;overflow:hidden;border:1px solid var(--ln2);background:#05080C;box-shadow:0 40px 80px -30px rgba(0,0,0,0.9)}
.br1{left:0;top:0}
.br2{right:0;bottom:0;transform:translateZ(70px)}
.br-bar{display:flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-bottom:1px solid var(--ln);font-size:10px;line-height:14px;color:var(--fa)}
.br-bar i{width:6px;height:6px;border-radius:50%;background:rgba(170,200,235,0.25)}
.br-bar span{margin-left:10px;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,0.05)}
.br-u{display:flex;flex-direction:column;gap:8px;aspect-ratio:16/10;padding:14px}
.w-n{flex:none;height:6px;border-radius:3px;background:rgba(170,200,235,0.12)}
.w-h{flex:1;min-height:0;border-radius:10px;background:radial-gradient(120% 90% at 80% 20%,color-mix(in srgb,var(--ac) 45%,transparent),transparent 60%),linear-gradient(180deg,#121821,#070A0E)}
.w2 .w-h{background:radial-gradient(120% 90% at 20% 30%,rgba(232,237,243,0.28),transparent 60%),linear-gradient(180deg,#171A1E,#0A0B0D)}
.w-t{flex:none;width:70%;height:8px;border-radius:4px;background:rgba(232,237,243,0.6)}
.w-t.s{width:46%;background:rgba(170,200,235,0.25)}
.w-b{flex:none;width:90px;height:16px;border-radius:999px;background:var(--ac)}
.w2 .w-b{background:#E8EDF3}

.proc{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:72px}
.proc-tr{position:absolute;left:28px;right:28px;top:27px;height:2px;border-radius:2px;background:rgba(170,200,235,0.12)}
.proc-tr i{position:absolute;inset:0;background:linear-gradient(90deg,var(--ac),var(--acl));box-shadow:0 0 12px var(--ac);transform:scaleX(0);transform-origin:left;transition:transform 2.6s var(--ease) .3s}
.proc.in .proc-tr i{transform:scaleX(1)}
.ps{position:relative}
.ps-o{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#03060A;border:1px solid var(--ln2);font-family:'Geist Mono',monospace;font-size:14px;color:var(--acl);transition:border-color .6s,box-shadow .6s}
.proc.in .ps-o{border-color:var(--acm);box-shadow:0 0 0 6px #000,0 0 32px -4px var(--acm)}
.proc.in .ps:nth-child(3) .ps-o{transition-delay:.6s}
.proc.in .ps:nth-child(4) .ps-o{transition-delay:1.2s}
.proc.in .ps:nth-child(5) .ps-o{transition-delay:1.8s}
.ps h3{margin-top:28px;font-size:20px;line-height:28px;font-weight:600}
.ps p{margin-top:8px;color:var(--mu)}

.fq-grid{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.fq-side .btn{margin-top:32px}
.fq{border-top:1px solid var(--ln)}
.fq:last-child{border-bottom:1px solid var(--ln)}
.fq-q{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:24px 0;border:0;background:none;text-align:left;cursor:pointer;font-size:18px;line-height:28px;font-weight:500;color:var(--tx)}
.fq-i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;border:1px solid var(--ln2);transition:transform .5s var(--ease),border-color .3s}
.fq.open .fq-i{transform:rotate(45deg);border-color:var(--acm)}
.fq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.fq.open .fq-a{grid-template-rows:1fr}
.fq-ai{overflow:hidden}
.fq-ai p{max-width:640px;padding-bottom:24px;color:var(--mu)}

.cta{position:relative;overflow:hidden;padding:104px 64px;border-radius:36px;border:1px solid var(--ln2);background:radial-gradient(120% 80% at 50% 120%,color-mix(in srgb,var(--ac) 16%,transparent),transparent 60%),#02050A}
.cta-cv{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.cta-in{position:relative;z-index:1;max-width:780px;margin:0 auto;text-align:center}
.cta .sub{margin-left:auto;margin-right:auto}
.chals{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px}
.chal{height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--ln2);background:rgba(0,0,0,0.5);color:var(--mu);font-size:14px;line-height:20px;cursor:pointer;transition:color .3s,border-color .3s,background-color .3s}
.chal:hover{color:var(--tx);border-color:var(--acm)}
.chal.on{color:#02060B;background:var(--ac);border-color:var(--ac)}
.bub{max-width:520px;margin:32px auto 0;padding:16px 18px;border-radius:20px 20px 20px 6px;border:1px solid var(--ln2);background:rgba(10,14,20,0.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:left}
.bub-h{display:flex;align-items:center;gap:8px;font-size:12px;line-height:16px;color:var(--fa)}
.bub-h i{width:6px;height:6px;border-radius:50%;background:var(--ok)}
.bub p{margin-top:6px}
.cta-act{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:32px}
.cta-tel{font-size:14px;line-height:20px;color:var(--fa)}

.ft{margin-top:128px;padding:80px 0 40px;border-top:1px solid var(--ln)}
.ft-g{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px}
.ft-lg img{display:block;height:24px;width:auto}
.ft-d{max-width:380px;margin-top:20px;color:var(--mu)}
.ft h3{font-size:14px;line-height:20px;font-weight:600}
.ft ul{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.ft ul a{color:var(--mu);text-decoration:none}
.ft ul a:hover{color:var(--tx)}
.ft li{color:var(--mu)}
.ft-b{display:flex;justify-content:space-between;gap:16px;margin-top:64px;padding-top:24px;border-top:1px solid var(--ln);font-size:14px;line-height:20px;color:var(--fa)}
.ft-b a{color:var(--fa)}

.fab{position:fixed;right:24px;bottom:24px;z-index:50;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--ac);color:#02060B;box-shadow:0 12px 40px -8px var(--acm);opacity:0;transform:translateY(16px) scale(.9);pointer-events:none;transition:opacity .4s var(--ease),transform .4s var(--ease)}
.fab.show{opacity:1;transform:none;pointer-events:auto}
.fab:hover{color:#02060B}
.fab .ic{width:24px;height:24px}

@media (max-width:1199px){
.hero{height:auto;min-height:780px}
.hero-in{justify-content:flex-end;padding-top:380px;padding-bottom:120px}
.hero-vig{background:linear-gradient(0deg,#000 10%,rgba(0,0,0,0.8) 44%,rgba(0,0,0,0) 70%)}
.h-a1{right:auto;left:10%;top:-10%}
.hud{left:max(32px,calc((100% - 1280px) / 2 + 64px));right:auto;bottom:36px;width:min(340px,calc(100% - 64px))}
.cue{display:none}
}
@media (max-width:1023px){
.wrap{padding:0 32px}
.links,.nav-cta{display:none}
.burger{display:flex}
.pill{padding:0 8px 0 20px}
.ab-grid{grid-template-columns:1fr;gap:40px}
.pr-grid{grid-template-columns:1fr}
.sol{grid-template-columns:1fr;gap:32px}
.holo{position:relative;top:0;order:-1}
.pj{grid-template-columns:1fr;gap:40px;padding:32px}
.pj.rev .pj-tx{order:0}
.proc{grid-template-columns:1fr 1fr;row-gap:48px}
.proc-tr{display:none}
.fq-grid{grid-template-columns:1fr;gap:32px}
.ft-g{grid-template-columns:1fr 1fr}
.ft-g > :first-child{grid-column:1 / -1}
}
@media (max-width:767px){
.wrap{padding:0 20px}
.sec{padding:96px 0}
.hero-in{padding-top:340px}
.h1{font-size:30px;line-height:38px;letter-spacing:-0.03em}
.lead{font-size:16px;line-height:24px}
.hero-act .btn{width:100%}
.h2{font-size:28px;line-height:36px}
.sub{font-size:16px;line-height:24px}
.mf{padding:96px 0 72px}
.mf-t{font-size:26px;line-height:38px}
.ab-q{padding:28px}
.ab-q blockquote{font-size:18px;line-height:28px}
.stats{grid-template-columns:1fr}
.st,.st + .st{padding:28px 0;border-left:0}
.st + .st{border-top:1px solid var(--ln)}
.st-n{font-size:44px;line-height:52px}
.so-t{font-size:18px;line-height:26px}
.so-bi{padding-left:0}
.holo{aspect-ratio:auto;height:440px}
.v{padding:18px}
.v-ai{grid-template-columns:1fr 1fr}
.ai-in{display:none}
.si-ph{transform:translate(-50%,-50%) translateX(-150%) translateZ(80px) rotateY(24deg)}
.si-tb{transform:translate(-50%,-50%) translateX(90%) translateZ(-40px) rotateY(-24deg)}
.cmp{height:540px}
.sheet{left:20px;top:64px;width:calc(100% - 40px)}
.gx{grid-template-columns:24px 1.2fr 0.8fr 0.8fr}
.gx span:nth-child(6n+5),.gx span:nth-child(6n){display:none}
.note{right:20px;top:auto;bottom:84px;width:170px}
.wa,.toast,.dc-list{display:none}
.warn{left:20px;bottom:20px}
.dash{left:20px;right:20px;top:64px;bottom:20px}
.kpis{grid-template-columns:1fr 1fr}
.kpi-v{font-size:22px;line-height:30px}
.dash-b{grid-template-columns:1fr}
.pj{padding:24px;border-radius:24px}
.pj h3{font-size:24px;line-height:32px}
.pj-dev{min-height:0}
.ph{width:220px}
.uo-ph{margin-right:0}
.uo-sh{top:auto;bottom:-12px;right:-6px;width:210px;transform:translateZ(70px)}
.uo-r{grid-template-columns:34px 1fr auto}
.ws{height:300px}
.fchip{right:0;top:6%}
.proc{grid-template-columns:1fr}
.cta{padding:72px 20px;border-radius:28px}
.ft{margin-top:96px}
.ft-g{grid-template-columns:1fr}
.ft-b{flex-direction:column}
}
@media (max-width:380px){.h1{font-size:26px;line-height:34px}}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.kjs [data-rv],.kjs .fin,.kjs .pj .dv{opacity:1;transform:none;filter:none;animation:none;transition:none}
.kjs .h1 .ln-i{transform:none;animation:none}
.v *,.v *::before,.aura,.kd,.live i,.cue-l::after,.sc-ls,.uo-r.nw,.mc-d.ac,.si-f,.seg i{animation:none}
.au-ok{transform:scale(1)}
.bl{border-color:var(--ln);background-color:rgba(255,255,255,0.035)}
.proc-tr i{transition:none}
}
.v[hidden]{display:none!important}