body{color:#fff}
.grid-bg{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:56px 56px;mask:radial-gradient(70% 60% at 50% 30%,#000,transparent)}
.hero{position:relative;padding:28px 0 0;overflow:hidden}.hero:after{content:"";position:absolute;left:50%;top:260px;width:900px;height:500px;transform:translateX(-50%);background:radial-gradient(closest-side,#ff9f0a55,transparent);z-index:-1}
nav .wrap{display:flex;justify-content:space-between;align-items:center}nav .l{display:flex;gap:28px;font-size:14px;color:#98989f}
.btn.p{background:#ff9f0a;color:#fff;box-shadow:0 0 30px #ff9f0a66}.btn.g{border:1px solid #38383c;color:#ffffff}
.ht{text-align:center;padding:70px 0 44px}.tag{display:inline-flex;gap:8px;align-items:center;font-size:12px;padding:6px 12px;border:1px solid #38383c;border-radius:99px;color:#c7c7cc}.tag img{height:18px}
h1{font-size:76px;letter-spacing:-.045em;line-height:.98;font-weight:700;margin:20px 0 16px}h1 span{background:linear-gradient(90deg,#ff9f0a,#ff9f0a 50%,#ffd18a);-webkit-background-clip:text;color:transparent}
.lead{color:#98989f;font-size:18px;margin-bottom:26px}
.dash{position:relative;margin:0 auto;max-width:1180px;border:1px solid #2c2c30;border-radius:18px 18px 0 0;background:linear-gradient(#1c1c1f,#141416);display:grid;grid-template-columns:200px 1fr;min-height:470px;box-shadow:0 -20px 80px -30px #ff9f0a88;transform:perspective(1600px) rotateX(8deg);transform-origin:bottom}
.sb{border-right:1px solid #2a2a2e;padding:18px 14px;font-size:13px;color:#98989f}.sb img{height:26px;margin-bottom:22px}.sb div{padding:8px 10px;border-radius:8px;display:flex;gap:8px;align-items:center}.sb .on{background:#ff9f0a22;color:#fff}.sb .ic{width:16px;height:16px}
.main{padding:18px;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;gap:12px}
.p{background:#1e1e22;border:1px solid #2a2a2e;border-radius:12px;padding:14px}.p .k{font-size:11px;color:#98989f;letter-spacing:.04em;text-transform:uppercase}.p .v{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:4px 0}
.p .spark{height:30px}.span3{grid-column:span 3}.span2{grid-column:span 2}.span4{grid-column:span 4}
.jobs .r{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12.5px;padding:8px 0;border-bottom:1px solid #2a2a2e;align-items:center}.pill{font-size:10.5px;padding:3px 8px;border-radius:99px;text-align:center}
.ok{background:#2a944722;color:#30d158}.warn{background:#ff9f0a22;color:#ff9f0a}.ap{background:#ff9f0a22;color:#ffd18a}
.sec{padding:110px 0}.sh{text-align:center;margin-bottom:44px}h2{font-size:50px;letter-spacing:-.035em;line-height:1.04}.sh p{color:#98989f;margin-top:12px}
.con{position:relative;height:340px;max-width:900px;margin:0 auto}.con svg.lines{position:absolute;inset:0;width:100%;height:100%}
.node{position:absolute;transform:translate(-50%,-50%);padding:10px 16px;border:1px solid #38383c;border-radius:12px;background:#1a1a1d;font-weight:700;font-size:17px;color:#e5e5ea;white-space:nowrap}
.node small{display:block;font-weight:500;font-size:11px;color:#8e8e93}.core{padding:18px 26px;border-color:#ff9f0a;box-shadow:0 0 60px #ff9f0a55}.core img{height:40px}
.panels{display:grid;grid-template-columns:2fr 1fr;gap:14px}.panels .p{padding:22px}
.legend{display:flex;gap:16px;font-size:12px;color:#98989f;margin-bottom:6px}.legend i{display:inline-block;width:16px;height:3px;background:#ff9f0a;margin-right:6px;vertical-align:middle}.legend .pl i{background:repeating-linear-gradient(90deg,#636366 0 5px,transparent 5px 10px)}
.big{font-size:44px;font-weight:700;letter-spacing:-.03em}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2a2a2e;border:1px solid #2a2a2e;border-radius:16px;overflow:hidden}.fc{background:#1c1c1f;padding:26px;display:flex;flex-direction:column;gap:16px}
.cta{text-align:center;padding:90px 20px;border:1px solid #2c2c30;border-radius:24px;background:radial-gradient(60% 80% at 50% 0,#ff9f0a33,transparent),#1c1c1f}
footer{padding:40px 0 60px;color:#636366;font-size:13px}footer .wrap{display:flex;justify-content:space-between;align-items:center}
@media(max-width:820px){.wrap{padding:0 18px}nav .l{display:none}.ht{padding:44px 0 30px}h1{font-size:44px}.dash{grid-template-columns:1fr;transform:none;min-height:0}.sb{display:none}.main{grid-template-columns:1fr 1fr;padding:12px}.span3,.span4{grid-column:span 2}.p .v{font-size:20px}
h2{font-size:32px}.sec{padding:64px 0}.panels,.fgrid{grid-template-columns:1fr}.con{height:300px}.node{font-size:13px;padding:8px 10px}.core img{height:28px}.hide-m{display:none}}
/* ---- elevated additions ---- */
h1{font-weight:700;text-wrap:balance}.lead{text-wrap:balance}
.dash{transition:transform .2s linear;will-change:transform;background:linear-gradient(180deg,rgba(24,22,36,.92),rgba(10,10,15,.96));border-color:#2c2c30;box-shadow:0 -30px 120px -40px #ff9f0aaa,inset 0 1px 0 #ffffff14}
.dash:before{content:"";position:absolute;inset:-1px;border-radius:18px 18px 0 0;padding:1px;background:linear-gradient(180deg,#5ee28388,transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.p{background:linear-gradient(180deg,#1e1e22,#1a1a1d);box-shadow:inset 0 1px 0 #ffffff0d}
.dash .main>.p{opacity:0;transform:translateY(10px);animation:pin .7s cubic-bezier(.2,.7,.2,1) forwards}
.dash .main>.p:nth-child(2){animation-delay:.08s}.dash .main>.p:nth-child(3){animation-delay:.16s}.dash .main>.p:nth-child(4){animation-delay:.24s}.dash .main>.p:nth-child(5){animation-delay:.34s}.dash .main>.p:nth-child(6){animation-delay:.42s}
@keyframes pin{to{opacity:1;transform:none}}
.x-sec{padding:120px 0;position:relative}
.x-n{font-family:GeistMono,monospace;font-size:12px;letter-spacing:.12em;color:#ff9f0a;text-transform:uppercase}
.x-h{font-size:56px;letter-spacing:-.045em;line-height:1;font-weight:700;margin:14px 0 0;text-wrap:balance}
.x-hd{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}.x-hd p{color:#98989f;max-width:34ch;font-size:16px}
.smp{font-family:GeistMono,monospace;font-size:10.5px;letter-spacing:.08em;color:#636366;text-transform:uppercase}
/* marks */
.marks{border-top:1px solid #2a2a2e;border-bottom:1px solid #2a2a2e;background:#05060a}
.marks .wrap{display:grid;grid-template-columns:1.5fr 1.3fr 1fr 1fr 1fr;align-items:stretch}
.mk{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:38px 28px;border-right:1px solid #2a2a2e;min-height:150px}.mk:first-child{border-left:1px solid #2a2a2e}
.mk img{height:44px;width:auto;align-self:flex-start}.mk .t{font-size:30px;font-weight:700;letter-spacing:-.035em;color:#e5e5ea}.mk .t i{font-style:normal;color:#636366}
.mk small{font-family:GeistMono,monospace;font-size:10.5px;letter-spacing:.08em;color:#636366;text-transform:uppercase}
.mk.flag{background:radial-gradient(80% 120% at 0 0,#ff9f0a22,transparent)}
/* storyboard */
.story{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.story:before{content:"";position:absolute;left:3%;right:3%;top:21px;height:1px;background:linear-gradient(90deg,#ff9f0a,#ff9f0a55 70%,transparent)}
.st{position:relative}.st .dot{width:42px;height:42px;border-radius:50%;background:#1c1c1f;border:1px solid #3a3a3f;display:grid;place-items:center;font-family:GeistMono,monospace;font-size:12px;color:#ffd18a;margin-bottom:18px;position:relative;z-index:1}
.st.on .dot{background:#ff9f0a;color:#fff;box-shadow:0 0 0 6px #ff9f0a22,0 0 30px #ff9f0a}
.st .pn{border:1px solid #2c2c30;border-radius:16px;background:linear-gradient(180deg,#1e1e22,#18181b);height:230px;padding:18px;display:flex;flex-direction:column;overflow:hidden;transition:border-color .4s,transform .4s}
.st.on .pn{border-color:#ff9f0a88;transform:translateY(-4px)}
.st h3{font-size:18px;margin-top:16px;letter-spacing:-.02em}.st p{font-size:13px;color:#8e8e93;margin-top:4px}
.ql{display:flex;justify-content:space-between;font-size:12.5px;color:#c7c7cc;padding:7px 0;border-bottom:1px dashed #2c2c30}.ql b{font-family:GeistMono,monospace;font-weight:500;color:#f2f2f7}
.qt{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.qt b{font-size:22px;letter-spacing:-.02em}
.chipg{font-size:11px;padding:4px 10px;border-radius:99px;background:#ff9f0a22;color:#ff9f0a}
.qrbig{display:flex;gap:16px;align-items:center;flex:1}.qrbig .qrw,.qrbig .qrs{width:100px;height:100px;color:#f2f2f7}.qrbig .scan{left:-6px;right:-6px}
.log{font-family:GeistMono,monospace;font-size:11px;color:#98989f;line-height:1.9}.log b{color:#ff9f0a;font-weight:500}
.mini svg{width:100%;height:150px}.mini .v{font-size:26px;font-weight:700;color:#ff453a;letter-spacing:-.02em}
.bub{background:#173a22;border:1px solid #2a5a37;border-radius:12px 12px 12px 4px;padding:12px;font-size:12.5px;color:#d7f7e0;line-height:1.45}.bub small{display:block;font-family:GeistMono,monospace;font-size:10px;color:#7fd99a;margin-bottom:4px}
.apr{margin-top:auto;display:flex;gap:8px}.apr span{flex:1;text-align:center;font-size:12.5px;padding:9px;border-radius:10px;border:1px solid #38383c;color:#c7c7cc}.apr .go{background:#ff9f0a;border-color:#ff9f0a;color:#fff;transition:.3s}.apr .go.ok{background:#ff9f0a;border-color:#ff9f0a}
/* big chart */
.bc{display:grid;grid-template-columns:240px 1fr 260px;border:1px solid #2c2c30;border-radius:22px;overflow:hidden;background:#1c1c1f}
.bc>div{padding:28px}.bc .l{border-right:1px solid #2a2a2e;display:flex;flex-direction:column;gap:22px}.bc .r{border-left:1px solid #2a2a2e}
.vbig{white-space:nowrap;font-size:50px;font-weight:700;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums;transition:color .3s}
.kv{display:flex;justify-content:space-between;font-size:13px;color:#98989f;padding:10px 0;border-top:1px solid #2a2a2e}.kv b{color:#ffffff;font-variant-numeric:tabular-nums;font-family:GeistMono,monospace;font-weight:500}
input[type=range]{width:100%;accent-color:#ff9f0a}
#bcs{width:100%;display:block;cursor:crosshair}#bcs text{font-family:GeistMono,monospace;font-size:11px;fill:#636366}
.dn{position:relative;width:180px;height:180px;margin:6px auto 18px}.dn svg{width:100%;height:100%;transform:rotate(-90deg)}.dn .c{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.dn .c b{font-size:26px;letter-spacing:-.03em;display:block}.dn .c span{font-size:11px;color:#98989f}
.dl2 div{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;font-size:13px;color:#c7c7cc;padding:6px 0}.dl2 i{width:10px;height:10px;border-radius:3px}.dl2 b{font-family:GeistMono,monospace;font-weight:500;font-size:12px}
.blg{display:flex;gap:18px;font-size:12px;color:#98989f;margin-bottom:8px;flex-wrap:wrap}.blg i{display:inline-block;width:16px;height:3px;background:#ff9f0a;margin-right:6px;vertical-align:middle}.blg .pl i{background:repeating-linear-gradient(90deg,#8e8e93 0 5px,transparent 5px 9px)}.blg .ov i{height:9px;background:#ff453a40}
/* bento */
.bento{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:auto auto;gap:16px}
.bx{border:1px solid #2c2c30;border-radius:20px;background:linear-gradient(180deg,#1e1e22,#1c1c1f);padding:24px;position:relative;overflow:hidden}
.bx .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;font-weight:600;color:#e5e5ea}
.kgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2a2a2e;border-radius:14px;overflow:hidden}.kgrid div{background:#1a1a1d;padding:18px}.kgrid b{font-size:34px;letter-spacing:-.03em;display:block;font-variant-numeric:tabular-nums}.kgrid span{font-size:12px;color:#98989f}
.kgrid .up{color:#ff9f0a;font-size:11px;font-family:GeistMono,monospace;margin-left:6px}
.bx.tall{grid-row:span 2}
.heat{display:grid;grid-template-columns:64px repeat(6,1fr);gap:5px;font-size:11px;color:#98989f;align-items:center}.heat i{aspect-ratio:1.4;border-radius:5px;background:#ff9f0a}
.radar{position:relative;height:220px;display:grid;place-items:center}.radar .ring{position:absolute;border:1px solid #ff9f0a33;border-radius:50%}.radar .sw{position:absolute;width:200px;height:200px;border-radius:50%;background:conic-gradient(from 0deg,#ff9f0a66,transparent 25%);animation:spin 3.2s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}.radar .blip{position:absolute;width:8px;height:8px;border-radius:50%;background:#ff9f0a;box-shadow:0 0 12px #ff9f0a;animation:bl 3.2s infinite}
@keyframes bl{0%,100%{opacity:.2}10%{opacity:1}}.radar .ctr{position:relative;text-align:center}.radar .ctr b{font-size:42px;letter-spacing:-.03em;display:block}
.onp{display:flex;flex-direction:column;gap:10px}.onp .rw{display:grid;grid-template-columns:96px 1fr 48px;gap:10px;align-items:center;font-size:12.5px;color:#c7c7cc}.onp .tr{height:8px;border-radius:9px;background:#2a2a2e;overflow:hidden}.onp .tr b{display:block;height:100%;border-radius:9px;width:0;transition:width 1.4s}.in .onp .tr b{width:var(--w)}.onp em{font-style:normal;font-family:GeistMono,monospace;font-size:11px;text-align:right}
/* cta band */
.band{margin:40px 0 0;position:relative;overflow:hidden;border-top:1px solid #2a2a2e;border-bottom:1px solid #2a2a2e;background:radial-gradient(50% 120% at 50% 100%,#ff9f0a40,transparent),#05060a}
.band .wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding-top:90px;padding-bottom:90px}
.band h2{font-size:84px;letter-spacing:-.055em;line-height:.95;font-weight:700}.band h2 span{color:#636366}
.band .side{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.band .side img{height:56px}
.ft2 .wrap{display:flex;justify-content:space-between;align-items:center;padding:30px 32px 50px;color:#636366;font-size:13px;gap:20px;flex-wrap:wrap}
@media(max-width:900px){
 h1{font-size:46px}.lead{font-size:16px}.dash{transform:none!important}
 .x-sec{padding:72px 0}.x-h{font-size:36px}.x-hd{flex-direction:column;align-items:start;gap:10px;margin-bottom:28px}
 .marks .wrap{grid-template-columns:1fr 1fr;padding:0}.mk{padding:24px 18px;min-height:110px;border-bottom:1px solid #2a2a2e}.mk:first-child{grid-column:span 2;border-left:0}.mk:nth-child(2){grid-column:span 2}.mk img{height:34px}.mk .t{font-size:22px}.mk:last-child{grid-column:span 2}
 .story{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 18px 10px;margin:0 -18px;scrollbar-width:none}.story>.st{scroll-snap-align:start}.story:before{left:18px;right:-200%}
 .bc{grid-template-columns:1fr 1fr}.bc .m{grid-column:span 2;order:-1;padding:18px 14px}.bc>div{padding:18px}.bc .l{border-right:1px solid #2a2a2e;border-top:1px solid #2a2a2e}.bc .r{border-top:1px solid #2a2a2e;border-left:0}.vbig{font-size:36px}.dn{width:120px;height:120px}.dl2 div{font-size:11.5px}
 .bento{grid-template-columns:1fr}.bx.tall{grid-row:auto}.kgrid b{font-size:26px}.radar{height:180px}
 .band .wrap{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px;gap:22px}.band h2{font-size:46px}.band .side{align-items:flex-start}
}
/* ===== motion layer ===== */
:root{--e:cubic-bezier(.22,1,.36,1);--e2:cubic-bezier(.65,0,.35,1)}
body{letter-spacing:-.005em}
.ht>*{opacity:0;transform:translate3d(0,14px,0);filter:blur(6px);animation:mrise 1s var(--e) forwards}
.ht>*:nth-child(1){animation-delay:.05s}.ht>*:nth-child(2){animation-delay:.16s}.ht>*:nth-child(3){animation-delay:.3s}.ht>*:nth-child(4){animation-delay:.42s}
@keyframes mrise{to{opacity:1;transform:none;filter:none}}
.hero>.wrap:last-child{opacity:0;transform:translate3d(0,60px,0);animation:mdash 1.4s .55s var(--e) forwards}
@keyframes mdash{to{opacity:1;transform:none}}
.dash .main>.p{animation-delay:calc(.8s + var(--i,0)*70ms)!important;animation-duration:.9s!important;animation-timing-function:var(--e)!important}
.hero:after{animation:breathe 7s ease-in-out infinite}
@keyframes breathe{0%,100%{opacity:.75;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}
.dash .main>.p{transition:transform .45s var(--e),border-color .3s,box-shadow .45s var(--e)}
.dash .main>.p:hover{transform:translate3d(0,-3px,0);border-color:#ff9f0a;box-shadow:0 14px 30px -18px #ff9f0aaa,inset 0 1px 0 #ffffff14}
.dash .p .spark path{transition:filter .3s,opacity .3s}.dash .p:hover .spark path{filter:drop-shadow(0 0 6px #ff9f0a) brightness(1.35)}
.btn{transition:transform .35s var(--e),box-shadow .35s var(--e),background .3s}
.btn.p{position:relative;isolation:isolate}
.btn.p:hover{box-shadow:0 0 0 1px #7fe39a inset,0 0 0 4px #ff9f0a33,0 10px 40px -6px #ff9f0acc}
.btn.p:active{transform:scale(.97)}
/* reveal */
[data-r]{opacity:0;transform:translate3d(0,22px,0);transition:opacity .9s var(--e),transform .9s var(--e);transition-delay:calc(var(--d,0)*80ms)}
[data-r].rin{opacity:1;transform:none}
/* marks */
.mk{transition:background .4s}.mk img{transition:transform .5s var(--e),filter .5s}.mk:hover img{transform:scale(1.04);filter:drop-shadow(0 0 14px #ff9f0a99)}
.mk .t{position:relative;display:inline-block;align-self:flex-start;transition:color .3s}.mk .t:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:linear-gradient(90deg,#ff9f0a,#ff9f0a);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--e)}
.mk:hover .t{color:#fff}.mk:hover .t:after{transform:scaleX(1)}.mk:hover{background:#202024}
/* story */
.story:before{transform:scaleX(var(--p,0));transform-origin:left;transition:transform 1s var(--e);background:linear-gradient(90deg,#ff9f0a,#ff9f0a)}
.story:after{content:"";position:absolute;left:3%;right:3%;top:21px;height:1px;background:#2c2c30;z-index:0}
.story:before{z-index:1}
.st .dot{transition:background .4s,box-shadow .5s var(--e),transform .5s var(--e),color .3s;z-index:2}.st.on .dot{transform:scale(1.08)}.st.done .dot{background:#1f4a2b;color:#fff;border-color:#ff9f0a}
.st .pn{transition:border-color .4s,transform .6s var(--e),box-shadow .6s var(--e),opacity .4s;cursor:pointer}
.st:not(.on) .pn{opacity:.72}.st.on .pn{transform:translate3d(0,-6px,0) scale(1.015);box-shadow:0 0 0 1px #ff9f0a66,0 30px 60px -30px #ff9f0aaa}
.st:focus-visible{outline:none}.st:focus-visible .pn{box-shadow:0 0 0 2px #ff9f0a}
.st h3{transition:color .3s}.st.on h3{color:#fff}.st:not(.on) h3{color:#98989f}
.apr .go{transition:transform .16s var(--e),background .35s,border-color .35s,box-shadow .35s;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.apr .go.press{transform:scale(.94)}.apr .go.ok{box-shadow:0 0 0 4px #ff9f0a33}
.ck path{stroke-dasharray:16;stroke-dashoffset:16;animation:ck .45s .05s var(--e) forwards}@keyframes ck{to{stroke-dashoffset:0}}
/* chart */
.vbig{transition:color .3s}.vbig.fr{animation:fr .7s var(--e)}.vbig.fg{animation:fg .7s var(--e)}
@keyframes fr{0%{text-shadow:0 0 24px #ff453a}100%{text-shadow:0 0 0 transparent}}@keyframes fg{0%{text-shadow:0 0 24px #ff9f0a}100%{text-shadow:0 0 0 transparent}}
#dn circle{transition:stroke-dasharray .7s var(--e),stroke-dashoffset .7s var(--e)!important}
input[type=range]{-webkit-appearance:none;appearance:none;height:28px;background:transparent;--f:18%}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#ff9f0a var(--f),#2c2c30 var(--f))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 5px #ff9f0a55,0 4px 12px #0008;transition:transform .2s var(--e),box-shadow .2s}
input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1)}input[type=range]:active::-webkit-slider-thumb{transform:scale(.92);box-shadow:0 0 0 8px #ff9f0a44}
input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:#2c2c30}input[type=range]::-moz-range-progress{height:4px;background:#ff9f0a}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 5px #ff9f0a55}
/* bento */
.bento{grid-template-rows:auto 1fr}.bx{display:flex;flex-direction:column;transition:border-color .4s,transform .5s var(--e)}.bx:hover{border-color:#3a3a3f}
.onp{flex:1;justify-content:space-around}
.heat i{opacity:0!important;transform:scale(.6);transition:opacity .5s var(--e),transform .5s var(--e);transition-delay:calc(var(--k)*28ms)}
.in .heat i{opacity:var(--o)!important;transform:none}
.radar .blip:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid #ff9f0a;animation:ping 3.2s infinite;animation-delay:inherit}
@keyframes ping{0%{transform:scale(.3);opacity:0}10%{opacity:1}40%{transform:scale(2.2);opacity:0}100%{opacity:0}}
/* cta */
.band h2{opacity:0;transform:translate3d(0,26px,0);transition:opacity 1.1s var(--e),transform 1.1s var(--e)}.band.rin h2{opacity:1;transform:none}
.band .side{opacity:0;transform:translate3d(0,26px,0);transition:opacity 1.1s .15s var(--e),transform 1.1s .15s var(--e)}.band.rin .side{opacity:1;transform:none}
.mag{will-change:transform}
/* polish */
.x-h{letter-spacing:-.05em}.x-hd{margin-bottom:40px}.bx,.st .pn,.bc{border-color:#2c2c30}
.bx{box-shadow:inset 0 1px 0 #ffffff0a}.bc{box-shadow:inset 0 1px 0 #ffffff0a,0 40px 80px -60px #ff9f0a66}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.ht>*,.hero>.wrap:last-child,[data-r],.band h2,.band .side,.dash .main>.p{opacity:1!important;transform:none!important;filter:none!important}.heat i{opacity:var(--o)!important;transform:none}}
/* ===== WerkOS dark tokens (from werkos-sidebar/app/apple-shell.css + v3src/apple/apple.css, spec v1.2) ===== */
:root{--wk-accent:#ff9f0a;--wk-accent-on:#000;--wk-accent-text:#ff9f0a;--ap-ink:#fff;--ap-ink2:#98989f;--ap-ink3:#636366;--ap-sep:rgba(84,84,88,.55);--ap-fill:rgba(118,118,128,.24);--ap-hover:rgba(255,255,255,.06);
--ap-card:rgba(30,30,34,.62);--ap-elev:rgba(44,44,48,.86);--ap-glass:rgba(30,30,34,.5);--ap-bar:rgba(20,20,24,.55);--ap-line:rgba(255,255,255,.1);--ap-card-sh:inset 0 0 0 1px var(--ap-line),0 16px 40px -14px rgba(0,0,0,.6);
--ap-ok:#ff9f0a;--ap-warn:#ff9f0a;--ap-bad:#ff453a;--m1:rgba(255,159,10,.3);--m2:rgba(10,132,255,.3);--m3:rgba(94,92,230,.34);--m4:rgba(255,159,10,.16);--mbase:#05060a;
--wk-sb-spring:linear(0,.075,.233,.41,.573,.707,.81,.884,.934,.967,.987,.998,1.004,1.006,1.006,1.005,1);--font-app:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter Variable',Inter,system-ui,sans-serif}
html,body{background:var(--mbase)!important;color-scheme:dark}
.mesh{position:fixed;inset:0;z-index:-2;overflow:hidden;background:var(--mbase);pointer-events:none}
.mesh i{position:absolute;width:62vmax;height:62vmax;border-radius:50%;filter:blur(70px);will-change:transform}
.mesh i:nth-child(1){background:var(--m1);left:-18vmax;top:-20vmax;animation:mA 26s ease-in-out infinite alternate}
.mesh i:nth-child(2){background:var(--m2);right:-22vmax;top:-12vmax;animation:mB 32s ease-in-out infinite alternate}
.mesh i:nth-child(3){background:var(--m3);left:20vmax;bottom:-30vmax;animation:mC 28s ease-in-out infinite alternate}
.mesh i:nth-child(4){background:var(--m4);right:-10vmax;bottom:-26vmax;width:44vmax;height:44vmax;animation:mA 36s ease-in-out infinite alternate-reverse}
.mesh:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,10,.05),rgba(5,6,10,.45) 60%,rgba(5,6,10,.7))}.scan{background:#ff9f0a!important;box-shadow:0 0 12px #ff9f0a!important}
@keyframes mA{to{transform:translate3d(8vmax,6vmax,0)}}@keyframes mB{to{transform:translate3d(-7vmax,9vmax,0)}}@keyframes mC{to{transform:translate3d(6vmax,-8vmax,0)}}
.grid-bg{opacity:.35}.hero:after{background:radial-gradient(closest-side,rgba(255,159,10,.22),rgba(10,132,255,.12) 60%,transparent)!important}
.btn.p{background:var(--wk-accent);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 10px 30px -10px rgba(255,159,10,.7)}
.btn.p:hover{box-shadow:0 0 0 1px #7fe39a inset,0 0 0 4px rgba(255,159,10,.18),0 12px 40px -8px rgba(255,159,10,.7)!important}
h1 span{background:linear-gradient(90deg,#ff9f0a,#64d2ff 55%,#0a84ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent}
/* glass surfaces */
.main>.p,.bx,.st .pn,.bc,.marks,.tag{background:var(--ap-card)!important;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-color:var(--ap-line)!important;box-shadow:var(--ap-card-sh)!important}
.bc>div,.kgrid div{background:transparent!important}.kgrid{background:transparent!important;border:1px solid var(--ap-line)}.kgrid div:nth-child(odd){border-right:1px solid var(--ap-line)}.kgrid div:nth-child(-n+2){border-bottom:1px solid var(--ap-line)}
.st.on .pn{box-shadow:inset 0 0 0 1px rgba(255,159,10,.55),0 0 0 4px rgba(255,159,10,.12),0 30px 60px -30px rgba(255,159,10,.55)!important}
.mk{border-color:var(--ap-line)!important;background:transparent}.mk.flag{background:radial-gradient(80% 120% at 0 0,rgba(255,159,10,.16),transparent)!important}
.band{background:radial-gradient(50% 120% at 50% 100%,rgba(255,159,10,.22),transparent),rgba(5,6,10,.6)!important;border-color:var(--ap-line)!important}
/* WerkOS shell mock */
.dash.wk{grid-template-columns:232px 1fr;background:rgba(10,11,14,.55)!important;backdrop-filter:blur(24px) saturate(160%);border-color:var(--ap-line)!important;font-family:var(--font-app);
 box-shadow:0 -30px 120px -40px rgba(255,159,10,.35),0 40px 100px -40px rgba(10,132,255,.35),inset 0 1px 0 rgba(255,255,255,.08)!important;overflow:hidden;padding:0}
.dash.wk:before{background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 40%)!important}
.wsb{margin:10px;padding:12px 10px 10px;border-radius:18px;background:var(--ap-glass);box-shadow:inset 0 0 0 1px var(--ap-line),0 16px 40px -14px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--ap-ink)}
.wsb-h{display:flex;gap:10px;align-items:center;padding:2px 4px 10px}.wsb-h img{height:30px}.wsb-h b{display:block;font-size:15px;letter-spacing:-.01em}.wsb-h small{font-size:11px;color:var(--ap-ink2)}
.wsb-s{display:flex;justify-content:space-between;align-items:center;height:30px;padding:0 10px;border-radius:8px;background:var(--ap-fill);color:var(--ap-ink2);font-size:12.5px;margin-bottom:6px}.wsb-s kbd{font:inherit;font-size:11px;color:var(--ap-ink3)}
.wr{display:flex;align-items:center;gap:9px;height:30px;padding:0 8px;border-radius:8px;font-weight:500;transition:background .2s}.wr:hover{background:var(--ap-hover)}
.wr .wi{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;flex:none}.wr .wi svg{width:12px;height:12px}.wr em{margin-left:auto;font-style:normal;font-size:12px;color:var(--ap-ink2)}
.wr.act{background:var(--wk-accent);color:#fff}.wr.act em{color:#fff}
.wsb-g{font-size:11px;font-weight:600;color:var(--ap-ink2);padding:10px 8px 3px}
.wsb-f{margin-top:auto;padding-top:10px;border-top:1px solid var(--ap-line);display:flex;flex-direction:column;gap:8px}
.seg{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ap-fill);border-radius:8px;padding:2px;font-size:11.5px;text-align:center}.seg i{font-style:normal;padding:4px;border-radius:6px;color:var(--ap-ink2)}.seg i.on{background:#636366;color:#fff}
.dots{display:flex;gap:8px;padding:0 2px}.dots i{width:14px;height:14px;border-radius:50%}.dots i.on{box-shadow:0 0 0 2px #05060a,0 0 0 3.5px #ff9f0a}
.wcol{display:flex;flex-direction:column;min-width:0}
.wtop{display:flex;align-items:center;gap:14px;height:44px;padding:0 18px;border-bottom:1px solid var(--ap-line);background:var(--ap-bar);font-size:13px}.wtop b{font-weight:600}
.wlive{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--ap-ink2);font-size:12px}.wlive i{width:7px;height:7px;border-radius:50%;background:#ff9f0a;box-shadow:0 0 0 0 rgba(255,159,10,.6);animation:pulse 1.8s infinite}
.wsf{background:var(--wk-accent);color:#fff;font-weight:600;font-size:12.5px;padding:6px 12px;border-radius:999px}
.whd{padding:14px 18px 4px}.whd small{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--ap-ink2)}.whd h4{font-size:26px;font-weight:700;letter-spacing:-.025em;margin-top:2px}
.ask{display:flex;align-items:center;gap:10px;margin:6px 18px 0;padding:5px 6px 5px 5px;border-radius:999px;background:var(--ap-glass);box-shadow:inset 0 0 0 1px var(--ap-line);font-size:12.5px;color:var(--ap-ink);width:max-content;max-width:calc(100% - 36px)}
.askb{background:var(--wk-accent);color:#fff;font-weight:700;font-size:10.5px;letter-spacing:.04em;padding:3px 9px;border-radius:999px}.ask-r{color:var(--wk-accent-text);font-weight:600;margin-left:8px}
.dash.wk .main{padding:14px 18px 18px}
.dash.wk .p{border-radius:16px;padding:14px 16px}.dash.wk .p .k{text-transform:none;letter-spacing:0;font-size:12px;color:var(--ap-ink2)}.dash.wk .p .v{font-size:24px;letter-spacing:-.02em;font-weight:700}
.pill.ok{background:rgba(48,209,88,.16)!important;color:#30d158!important}.pill.warn{background:rgba(255,159,10,.16)!important;color:#ff9f0a!important}.pill.ap{background:rgba(10,132,255,.18)!important;color:#64d2ff!important}
.x-n{color:var(--wk-accent-text)!important}
@media(max-width:900px){.dash.wk{grid-template-columns:1fr}.wsb{display:none}.ask{font-size:11px;flex-wrap:wrap;border-radius:14px;width:auto}.ask-r{display:none}.whd h4{font-size:22px}.wtop{padding:0 12px}.dash.wk .main{padding:12px}}
@media(prefers-reduced-motion:reduce){.mesh i{animation:none}}
.ft2 a{color:#98989d;text-decoration:none}.ft2 a:hover{color:#fff}
.prose .pr-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.prose .pr-body p,.pr-c p,.pr-ai p,.band-note{color:#a1a1a6;font-size:18px;line-height:1.6;max-width:60ch}
.prose .pr-body p+p{margin-top:16px}
.pr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.pr-c{background:#111114;border:1px solid #2a2a2e;border-radius:18px;padding:24px}.pr-c b{font-size:17px;color:#f5f5f7}.pr-c p{font-size:15px;margin-top:8px}
.pr-list{list-style:none;counter-reset:n;display:grid;gap:18px}
.pr-list li{counter-increment:n;color:#a1a1a6;font-size:17px;line-height:1.55;padding-left:44px;position:relative}
.pr-list li:before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:2px;font-family:GeistMono,monospace;font-size:13px;color:#ff9f0a}
.pr-list b{color:#f5f5f7}
.pr-ai{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:32px;border:1px solid #ff9f0a60;border-radius:20px;background:linear-gradient(180deg,#ff9f0a12,transparent)}
.pr-ai h3{font-size:30px;letter-spacing:-.03em;margin-top:10px}
.band-note{grid-column:1;font-size:17px;margin-top:-14px}.band .side{grid-column:2;grid-row:1/span 2}@media(max-width:820px){.band .side{grid-column:1;grid-row:auto}}
@media(max-width:820px){.prose .pr-grid,.pr-ai{grid-template-columns:1fr;gap:22px}.pr-cards{grid-template-columns:1fr;margin-top:32px}.pr-ai{padding:22px;margin-top:32px}.prose .pr-body p{font-size:16px}}