@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.0s19wthhh_6~m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.0dza.stei.9v7.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.03nf~dfjdkf~..woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.0gfhww.tctz1o.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.09q3q1i5159bl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.1409xf.ylxg8g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_da220014-module__k--DxG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_da220014-module__k--DxG__variable{--font-mono-geist:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg:#0a0b0d;--bg-elevated:#0e0f12;--surface:#111317;--surface-2:#15181d;--surface-3:#1b1f25;--border:#ffffff14;--border-strong:#ffffff24;--border-focus:#8cf2b68c;--text:#f5f6f7;--text-secondary:#b6bbc2;--text-muted:#8a9099;--text-faint:#5b6068;--mint:#8cf2b6;--mint-soft:#8cf2b61f;--cyan:#62d5ff;--cyan-soft:#62d5ff1f;--gold:#ffd66b;--gold-soft:#ffd66b1f;--coral:#ff7a66;--coral-soft:#ff7a661f;--violet:#a78bfa;--violet-soft:#a78bfa1f;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--font-sans:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:var(--font-mono-geist), "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000052;--shadow-lg:0 12px 48px #0000006b;--shadow-glow:0 0 0 1px #8cf2b62e, 0 8px 30px #8cf2b61f;--max-w:1280px;--max-w-narrow:920px;--topbar-h:64px;--sidebar-w:240px;--ease:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--dur-4:.48s;--dur-5:.64s}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--bg);color:var(--text);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);background:radial-gradient(ellipse 80% 50% at 50% -10%, #8cf2b614, transparent 60%), radial-gradient(ellipse 60% 50% at 90% 10%, #62d5ff0d, transparent 50%), var(--bg);min-height:100vh;font-size:15px;line-height:1.55}::selection{color:var(--text);background:#8cf2b64d}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:2px;border-radius:var(--radius-sm);transition:outline-color .16s var(--ease-out), outline-offset .16s var(--ease-out)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}img,svg{max-width:100%;display:block}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:600}h1{letter-spacing:-.03em;font-size:clamp(2.2rem,4.2vw,3.6rem);font-weight:650;line-height:1.05}h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2}h3{font-size:1.125rem;line-height:1.3}p{color:var(--text-secondary);margin:0}code,pre{font-family:var(--font-mono)}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 clamp(20px,4vw,40px)}.container-narrow{width:100%;max-width:var(--max-w-narrow);margin:0 auto;padding:0 clamp(20px,4vw,40px)}.eyebrow{letter-spacing:.02em;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.eyebrow svg{color:var(--mint)}.muted{color:var(--text-muted)}.btn{border-radius:var(--radius-md);transition:background .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease), color .16s var(--ease), box-shadow .2s var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none;will-change:transform;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:not(:disabled):active{transition-duration:80ms;transform:translateY(0)scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--mint);color:#07140e;font-weight:600;box-shadow:0 1px #07140e26,0 6px 18px #8cf2b62e}.btn-primary:not(:disabled):hover{background:#a4f5c4;transform:translateY(-1px);box-shadow:0 1px #07140e2e,0 12px 28px #8cf2b652}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.btn-secondary:not(:disabled):hover{background:var(--surface-3);border-color:#ffffff38;transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-ghost:not(:disabled):hover{background:var(--surface);color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.btn-icon{border-radius:var(--radius-md);background:var(--surface);border-color:var(--border);width:36px;height:36px;color:var(--text-secondary);padding:0}.btn-icon:not(:disabled):hover{background:var(--surface-2);color:var(--text)}.btn-sm{padding:7px 12px;font-size:13px}.btn-lg{padding:14px 24px;font-size:15px}.btn-block{width:100%}.input,.textarea{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .16s var(--ease), background .16s var(--ease), box-shadow .2s var(--ease);outline:none;padding:10px 14px;font-size:14px}.input::placeholder,.textarea::placeholder{color:var(--text-faint);transition:opacity .16s var(--ease)}.input:focus::placeholder,.textarea:focus::placeholder{opacity:.55}.input:hover:not(:focus):not(:disabled),.textarea:hover:not(:focus):not(:disabled){border-color:var(--border-strong)}.input:focus,.textarea:focus{border-color:var(--border-focus);background:var(--surface-2);box-shadow:0 0 0 3px #8cf2b624}.input:disabled{opacity:.6;cursor:not-allowed}.input-with-icon{position:relative}.input-with-icon svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon .input{padding-left:38px}.label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:500;display:inline-flex}.field{flex-direction:column;gap:4px;display:flex}.field-hint{color:var(--text-muted);font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6)}.card-elevated{background:linear-gradient(180deg, var(--surface-2), var(--surface));border-color:var(--border-strong)}.card-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.card-title{color:var(--text);font-size:1rem;font-weight:600}.badge{letter-spacing:.01em;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.badge-mint{background:var(--mint-soft);color:var(--mint);border-color:#8cf2b640}.badge-cyan{background:var(--cyan-soft);color:var(--cyan);border-color:#62d5ff40}.badge-gold{background:var(--gold-soft);color:var(--gold);border-color:#ffd66b40}.badge-violet{background:var(--violet-soft);color:var(--violet);border-color:#a78bfa47}.badge-preview{color:#d97a1c;letter-spacing:.04em;text-transform:uppercase;background:#ffa9661f;border-color:#d97a1c52;font-size:10px;font-weight:600}.docs-section-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.docs-preview-note{border-radius:var(--radius-md);color:var(--text-secondary);background:#ffa96614;border:1px solid #d97a1c47;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 14px;font-size:13px;display:flex}.docs-preview-note strong{color:#d97a1c}.code-surface{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .22s var(--ease-out), box-shadow .24s var(--ease-out);overflow:hidden}.code-surface:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.code-surface-head{border-bottom:1px solid var(--border);background:var(--surface);color:var(--text-muted);justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;display:flex}.code-surface-head .traffic-lights{gap:6px;display:inline-flex}.code-surface-head .traffic-lights span{background:var(--surface-3);border-radius:50%;width:10px;height:10px}.code-surface pre{color:var(--text);margin:0;padding:18px 20px;font-size:13px;line-height:1.65;overflow-x:auto}.code-surface pre code{color:inherit}.topbar{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--border);animation:fadeDown var(--dur-3) var(--ease-out) both;background:#0a0b0db8;position:sticky;top:0}.topbar-brand{transition:opacity .2s var(--ease-out)}.topbar-brand:hover{opacity:.85}.topbar-inner{max-width:var(--max-w);height:var(--topbar-h);justify-content:space-between;align-items:center;gap:var(--sp-6);margin:0 auto;padding:0 clamp(20px,4vw,40px);display:flex}.topbar-brand{align-items:center;gap:10px;display:inline-flex}.topbar-brand img{width:auto;height:26px}.topbar-nav{align-items:center;gap:4px;display:flex}.topbar-nav a{color:var(--text-secondary);border-radius:var(--radius-md);transition:color .2s var(--ease-out), background .2s var(--ease-out);padding:7px 12px;font-size:14px;position:relative}.topbar-nav a:after{content:"";background:linear-gradient(90deg, var(--mint), var(--cyan));transform-origin:50%;opacity:0;height:1px;transition:transform .24s var(--ease-out), opacity .2s var(--ease-out);border-radius:1px;position:absolute;bottom:2px;left:12px;right:12px;transform:scaleX(0)}.topbar-nav a:hover,.topbar-nav a.is-active{color:var(--text);background:var(--surface)}.topbar-nav a:hover:after,.topbar-nav a.is-active:after{opacity:1;transform:scaleX(1)}.topbar-actions{align-items:center;gap:8px;display:inline-flex}@media (max-width:880px){.topbar-nav{display:none}}.footer{border-top:1px solid var(--border);margin-top:var(--sp-24);padding:var(--sp-16) 0 var(--sp-10);color:var(--text-muted);font-size:13px}.footer-grid{gap:var(--sp-10);padding-bottom:var(--sp-10);border-bottom:1px solid var(--border);grid-template-columns:1.4fr repeat(4,1fr);display:grid}@media (max-width:960px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:540px){.footer-grid{grid-template-columns:1fr}}.footer-brand p{margin-top:var(--sp-3);max-width:320px;color:var(--text-muted);font-size:13px}.footer-social{margin-top:var(--sp-4);gap:10px;display:inline-flex}.footer-social a{border-radius:var(--radius-full);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);transition:color .2s var(--ease-out), border-color .2s var(--ease-out), background .2s var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.footer-social a:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface)}.footer-col h4{margin:0 0 var(--sp-3);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:600}.footer-col ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer-col a{color:var(--text-muted);transition:color .18s var(--ease-out);font-size:13px}.footer-col a:hover{color:var(--text)}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--sp-4);padding-top:var(--sp-6);color:var(--text-faint);flex-wrap:wrap;font-size:12px;display:flex}.footer-bottom-meta a{color:var(--text-muted);transition:color .18s var(--ease-out)}.footer-bottom-meta a:hover{color:var(--text)}.section{padding:var(--sp-20) 0}.section-sm{padding:var(--sp-12) 0}.section-head{text-align:center;align-items:center;gap:var(--sp-3);max-width:720px;margin:0 auto var(--sp-12);flex-direction:column;display:flex}.section-head>*{animation:fadeUp var(--dur-4) var(--ease-out) both}.section-head>:first-child{animation-delay:60ms}.section-head>:nth-child(2){animation-delay:.14s}.section-head>:nth-child(3){animation-delay:.22s}.section-head p{color:var(--text-secondary);font-size:1rem}.hero{padding:clamp(64px, 10vw, 128px) 0 var(--sp-20);position:relative}.hero .eyebrow,.section-head .eyebrow{animation:fadeUp var(--dur-4) var(--ease-out) both;animation-delay:80ms}.hero h1{animation:fadeUp var(--dur-4) var(--ease-out) .16s both}.hero-lede{animation:fadeUp var(--dur-4) var(--ease-out) .24s both}.hero-actions{animation:fadeUp var(--dur-4) var(--ease-out) .32s both}.hero-meta{animation:fadeIn var(--dur-4) var(--ease-out) .48s both}.hero h1 .accent{background:linear-gradient(120deg, var(--mint), var(--cyan), var(--mint));color:#0000;background-position:0%;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite shimmer}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(32px,6vw,80px);display:grid}@media (max-width:980px){.hero-grid{grid-template-columns:1fr}}.hero h1{background:linear-gradient(#fff 0%,#c8ccd1 100%);color:#0000;margin-bottom:var(--sp-5);-webkit-background-clip:text;background-clip:text}.hero-lede{color:var(--text-secondary);max-width:560px;margin-bottom:var(--sp-8);font-size:clamp(1rem,1.4vw,1.125rem)}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.hero-meta{margin-top:var(--sp-8);gap:var(--sp-4);color:var(--text-muted);flex-wrap:wrap;font-size:13px;display:inline-flex}.hero-meta span{align-items:center;gap:6px;display:inline-flex}.segmented{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);gap:2px;padding:4px;display:inline-flex}.segmented button{color:var(--text-secondary);border-radius:var(--radius-full);transition:background .2s var(--ease-out), color .2s var(--ease-out), transform .16s var(--ease);align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.segmented button:hover{color:var(--text)}.segmented button:active{transform:scale(.96)}.segmented button.is-active{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-sm)}.sim-panel{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:var(--sp-6);position:relative;overflow:hidden}.sim-panel:before{content:"";pointer-events:none;background:radial-gradient(at 100% 0,#8cf2b614,#0000 50%);position:absolute;inset:0}.sim-head{margin-bottom:var(--sp-5);justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex;position:relative}.sim-head h3{color:var(--text);font-size:14px;font-weight:600}.sim-head p{color:var(--text-muted);margin-top:2px;font-size:12px}.sim-controls{align-items:center;gap:4px;display:inline-flex;position:relative}.metric-row{gap:var(--sp-3);margin-top:var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.metric{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4);flex-direction:column;gap:4px;display:flex}.metric-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.metric-value{color:var(--text);letter-spacing:-.01em;font-size:1.4rem;font-weight:600}.metric-detail{color:var(--text-muted);font-size:12px}.metric.tone-mint .metric-value{color:var(--mint)}.metric.tone-cyan .metric-value{color:var(--cyan)}.metric.tone-coral .metric-value{color:var(--coral)}.metric.tone-gold .metric-value{color:var(--gold)}.graph-stage{margin-top:var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4);position:relative}.graph{width:100%;height:auto;display:block}.graph .grid-line{stroke:var(--border);stroke-width:1px}.graph .soft-line{stroke:#ffffff0a;stroke-width:1px;stroke-dasharray:3 4}.graph .shared-curve{fill:none;stroke:url(#sharedLine);stroke-width:2px}.graph .perch-curve{fill:none;stroke:url(#perchLine);stroke-width:2px}.graph .traffic-pin{stroke:#ffffff2e;stroke-width:1px;stroke-dasharray:2 3}.graph .shared-dot{fill:var(--coral)}.graph .perch-dot{fill:var(--mint)}.graph .axis-label{font:500 10px / 1 var(--font-sans);fill:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.graph-legend{gap:var(--sp-4);margin-top:var(--sp-3);color:var(--text-muted);font-size:12px;display:inline-flex}.graph-legend span{align-items:center;gap:6px;display:inline-flex}.graph-legend span:before{content:"";border-radius:2px;width:10px;height:10px}.legend-shared:before{background:linear-gradient(90deg, var(--gold), var(--coral))}.legend-perch:before{background:linear-gradient(90deg, var(--mint), var(--cyan))}.scenario-row{margin-top:var(--sp-3);flex-wrap:wrap;gap:6px;display:inline-flex}.scenario-row button{border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);transition:background .12s var(--ease), color .12s var(--ease);padding:5px 11px;font-size:12px}.scenario-row button:hover{background:var(--surface-3);color:var(--text)}.control{flex-direction:column;gap:6px;display:flex}.control-head{justify-content:space-between;align-items:center;font-size:13px;display:flex}.control-head span{color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.control-head strong{color:var(--text);font-weight:600}input[type=range]{appearance:none;background:var(--surface-3);border-radius:var(--radius-full);outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--mint);cursor:pointer;width:16px;height:16px;transition:transform .12s var(--ease);border-radius:50%;box-shadow:0 0 0 4px #8cf2b62e}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{background:var(--mint);cursor:pointer;border:0;border-radius:50%;width:16px;height:16px}.control-band{gap:var(--sp-6);padding:var(--sp-6);margin-top:var(--sp-12);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:760px){.control-band{grid-template-columns:1fr}}.event-tape{margin-top:var(--sp-4);flex-direction:column;gap:6px;max-height:160px;display:flex;position:relative;overflow:hidden}.event-row{color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);animation:slideIn .32s var(--ease-out);transition:border-color .2s var(--ease-out), background .2s var(--ease-out);align-items:center;gap:8px;padding:7px 11px;font-size:12px;display:inline-flex}.event-row:hover{border-color:var(--border-strong);background:var(--surface)}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.event-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite dotPulse}.event-row.kind-hold .event-dot{background:var(--mint)}.event-row.kind-route .event-dot{background:var(--cyan)}.event-row.kind-release .event-dot{background:var(--gold)}.event-row.kind-earn .event-dot{background:var(--coral)}.feature-grid{gap:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:880px){.feature-grid{grid-template-columns:1fr}}.feature{padding:var(--sp-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .22s var(--ease-out), background .22s var(--ease-out), transform .26s var(--ease-out), box-shadow .26s var(--ease-out);will-change:transform}.feature:hover{border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--shadow-md);transform:translateY(-3px)}.feature .feature-icon{transition:transform .28s var(--ease-spring), background .22s var(--ease-out)}.feature:hover .feature-icon{transform:scale(1.08)rotate(-3deg)}.feature-icon{border-radius:var(--radius-md);background:var(--mint-soft);width:36px;height:36px;color:var(--mint);margin-bottom:var(--sp-4);justify-content:center;align-items:center;display:inline-flex}.feature.tone-cyan .feature-icon{background:var(--cyan-soft);color:var(--cyan)}.feature.tone-gold .feature-icon{background:var(--gold-soft);color:var(--gold)}.feature.tone-violet .feature-icon{background:var(--violet-soft);color:var(--violet)}.feature.tone-coral .feature-icon{background:var(--coral-soft);color:var(--coral)}.feature h3{margin-bottom:6px}.feature p{font-size:14px}.proof-bar{justify-content:center;gap:var(--sp-8);padding:var(--sp-8) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-muted);animation:fadeIn var(--dur-4) var(--ease-out) .6s both;flex-wrap:wrap;font-size:13px;display:flex}.proof-bar span{transition:color .2s var(--ease-out), transform .24s var(--ease-out)}.proof-bar span:hover{color:var(--text);transform:translateY(-1px)}.proof-bar span{align-items:center;gap:8px;display:inline-flex}.pricing-grid{gap:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:980px){.pricing-grid{grid-template-columns:1fr}}.plan{padding:var(--sp-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:var(--sp-4);transition:border-color .22s var(--ease-out), background .22s var(--ease-out), transform .28s var(--ease-out), box-shadow .28s var(--ease-out);will-change:transform;flex-direction:column;display:flex;position:relative}.plan:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.plan.is-featured{background:linear-gradient(180deg, #8cf2b60f, var(--surface));box-shadow:var(--shadow-glow);border-color:#8cf2b659;animation:4.2s ease-in-out infinite glowPulse}.plan.is-featured:hover{animation-play-state:paused;transform:translateY(-4px)}.plan-ribbon{background:var(--mint);color:#07140e;border-radius:var(--radius-full);letter-spacing:.02em;animation:popIn var(--dur-5) var(--ease-spring) .2s both;transform-origin:0;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:-12px;left:24px}.plan h3{font-size:1.05rem}.plan-price{align-items:baseline;gap:6px;display:flex}.plan-price strong{color:var(--text);letter-spacing:-.02em;font-size:2.4rem;font-weight:650}.plan-price span{color:var(--text-muted);font-size:13px}.plan ul{color:var(--text-secondary);flex-direction:column;flex:1;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.plan li{align-items:flex-start;gap:8px;display:flex}.plan li svg{color:var(--mint);flex-shrink:0;margin-top:3px}.topup-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;display:grid}.topup-grid button{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .18s var(--ease-out), background .18s var(--ease-out), color .18s var(--ease-out), transform .2s var(--ease-spring);padding:12px;font-size:14px;font-weight:500}.topup-grid button:hover{border-color:var(--border-strong);transform:translateY(-1px)}.topup-grid button:active{transform:scale(.97)}.topup-grid button.is-selected{background:var(--mint-soft);border-color:var(--mint);color:var(--mint);transform:translateY(-1px)}.topup-custom{margin-top:var(--sp-3);flex-direction:column;gap:6px;display:flex}.topup-custom-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:4px;padding:0 12px;display:flex}.topup-custom-input span{color:var(--text-muted)}.topup-custom-input input{color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:10px 0;font-size:14px}.models-toolbar{gap:var(--sp-3);margin-bottom:var(--sp-6);flex-wrap:wrap;align-items:center;display:flex}.models-toolbar>*{flex:240px}.models-refresh-btn{flex:none;align-items:center;gap:6px;display:inline-flex}.models-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.model-card{padding:var(--sp-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:var(--sp-3);transition:border-color .22s var(--ease-out), background .22s var(--ease-out), transform .26s var(--ease-out), box-shadow .26s var(--ease-out);will-change:transform;flex-direction:column;display:flex}.model-card:hover{border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.model-card-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.model-card-head h2{font-size:1.05rem;font-weight:600}.model-card-badges{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.model-cache-badge{margin-left:8px;padding:1px 7px;font-size:10px}.model-id{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.model-meta{flex-wrap:wrap;gap:6px;display:flex}.model-prices{gap:var(--sp-3) var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--border);color:var(--text-muted);grid-template-columns:1fr 1fr;font-size:12px;display:grid}.model-prices>div{flex-direction:column;gap:4px;display:flex}.model-price-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.model-price-stack{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.model-price-now{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:15px;font-weight:600}.model-price-list{color:var(--text-muted);text-decoration:line-through;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklab, var(--text-muted) 60%, transparent);text-decoration-color:color-mix(in oklab, var(--text-muted) 60%, transparent);font-variant-numeric:tabular-nums;font-size:12px}.model-price-save{letter-spacing:.06em;text-transform:uppercase;color:var(--mint,#1f9d6e);background:var(--mint-soft,#8cf2b62e);border:1px solid #8cf2b640;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:600}.model-prices>div:last-child{padding-top:var(--sp-2);border-top:1px dashed var(--border);grid-column:1/-1}.model-tags{flex-wrap:wrap;gap:6px;display:inline-flex}.docs-layout{gap:var(--sp-10);grid-template-columns:200px 1fr;align-items:start;display:grid}@media (max-width:880px){.docs-layout{grid-template-columns:1fr}}.docs-toc{top:calc(var(--topbar-h) + 24px);flex-direction:column;gap:2px;font-size:13px;display:flex;position:sticky}.docs-toc a{color:var(--text-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:color .2s var(--ease-out), background .2s var(--ease-out), border-color .2s var(--ease-out), padding-left .22s var(--ease-out);border-left:2px solid #0000;padding:6px 12px}.docs-toc a:hover{color:var(--text);border-left-color:var(--mint);background:var(--mint-soft);padding-left:16px}.docs-content{gap:var(--sp-12);flex-direction:column;display:flex}.docs-section h2{margin-bottom:var(--sp-3);margin-top:var(--sp-3)}.docs-section p{margin-bottom:var(--sp-4);font-size:15px}.docs-section ul{margin:0 0 var(--sp-4);color:var(--text-secondary);flex-direction:column;gap:8px;padding:0;font-size:14px;list-style:none;display:flex}.docs-section ul li{align-items:flex-start;gap:8px;display:flex}.docs-section ul li svg{color:var(--mint);flex-shrink:0;margin-top:4px}.docs-section h3{margin-top:var(--sp-6);margin-bottom:var(--sp-2);font-size:16px;font-weight:600}.docs-section code{font-family:var(--font-mono);border-radius:var(--radius-xs);background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:2px 6px;font-size:12.5px}.docs-section a{color:var(--mint);transition:border-color .18s var(--ease-out);border-bottom:1px solid #0000}.docs-section a:hover{border-bottom-color:var(--mint)}.docs-toc-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px;padding:6px 12px;font-size:11px;font-weight:600}.docs-callout{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);margin:0 0 var(--sp-4);font-family:var(--font-mono);color:var(--mint);padding:14px 18px;font-size:14px}.docs-callout code{color:inherit;font-size:inherit;background:0 0;border:0;padding:0}.docs-pill-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.docs-pill-grid li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.docs-pill-grid li svg{color:var(--mint);flex-shrink:0;margin-top:2px}.docs-pill-grid strong{color:var(--text);margin-right:4px}.docs-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);margin:0 0 var(--sp-4);background:var(--surface);overflow:hidden}.docs-table{border-collapse:collapse;width:100%;font-size:13px}.docs-table th,.docs-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 14px}.docs-table thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);background:var(--surface-2);font-size:11px;font-weight:600}.docs-table tbody tr:last-child td{border-bottom:0}.docs-table td code{font-size:12px}.docs-required{margin-left:8px;font-size:10px}.docs-note{background:var(--mint-soft);border-radius:var(--radius-md);color:var(--text-secondary);margin:var(--sp-4) 0 var(--sp-4);border:1px solid #8cf2b638;padding:12px 14px;font-size:13px}.docs-note code{font-size:12px}.code-copy{color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;transition:color .18s var(--ease-out), background .18s var(--ease-out), border-color .18s var(--ease-out);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.code-copy:hover{color:var(--text);background:var(--surface-2);border-color:var(--border)}.legal-shell{background:var(--bg);min-height:100vh}.legal-page{max-width:760px;padding:var(--sp-12) var(--sp-6) var(--sp-16);color:var(--text-secondary);margin:0 auto}.legal-page>header{margin-bottom:var(--sp-10);padding-bottom:var(--sp-6);border-bottom:1px solid var(--border)}.legal-page header h1{color:var(--text);margin:12px 0 8px}.legal-page header p{color:var(--text-muted);font-size:14px}.legal-page h2{color:var(--text);margin-top:var(--sp-10);margin-bottom:var(--sp-3);font-size:18px}.legal-page h3{color:var(--text);margin-top:var(--sp-6);margin-bottom:var(--sp-2);font-size:15px}.legal-page p,.legal-page li{font-size:14px;line-height:1.75}.legal-page ul,.legal-page ol{padding-left:var(--sp-5);margin:0 0 var(--sp-4)}.legal-page ul li,.legal-page ol li{margin-bottom:6px}.legal-page a{color:var(--mint);transition:border-color .18s var(--ease-out);border-bottom:1px solid #0000}.legal-page a:hover{border-bottom-color:var(--mint)}.legal-page strong{color:var(--text)}.legal-toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin:0 0 var(--sp-8);padding:16px 20px}.legal-toc h2{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:0 0 8px;font-size:12px}.legal-toc ol{padding-left:var(--sp-5);margin:0;font-size:13.5px}.legal-toc ol li{margin:4px 0}.legal-meta{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;display:inline-flex}.legal-eyebrow{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.cookie-banner{z-index:60;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:920px;animation:fadeUp var(--dur-3) var(--ease-out) both;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:0 auto;padding:16px 18px;display:grid;position:fixed;bottom:24px;left:24px;right:24px}.cookie-banner-icon{border-radius:var(--radius-full);background:var(--mint-soft);width:32px;height:32px;color:var(--mint);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cookie-banner-body strong{color:var(--text);font-size:13.5px;display:block}.cookie-banner-body p{color:var(--text-muted);margin:4px 0 0;font-size:12.5px}.cookie-banner-body a{color:var(--mint);transition:border-color .18s var(--ease-out);border-bottom:1px solid #0000}.cookie-banner-body a:hover{border-bottom-color:var(--mint)}.cookie-banner-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}@media (max-width:640px){.cookie-banner{grid-template-columns:1fr;padding:14px 16px;bottom:12px;left:12px;right:12px}.cookie-banner-icon{grid-row:1}.cookie-banner-actions{justify-content:stretch}}.trust-grid{gap:var(--sp-4);margin:var(--sp-6) 0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.trust-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px}.trust-card h3{color:var(--text);margin:0 0 6px;font-size:14px}.trust-card p{color:var(--text-muted);margin:0;font-size:13px}.status-card{gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:1fr auto;align-items:center;margin-bottom:10px;padding:16px 20px;display:grid}.status-card h3{color:var(--text);margin:0;font-size:14px;font-weight:600}.status-card span.status-detail{color:var(--text-muted);font-size:12px}.status-pill{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-pill.is-ok{background:var(--mint-soft);color:var(--mint)}.status-pill.is-warn{background:var(--gold-soft);color:var(--gold)}.status-pill.is-down{background:var(--coral-soft);color:var(--coral)}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.auth-shell{min-height:100vh;padding:var(--sp-8) var(--sp-4);background:radial-gradient(ellipse 60% 40% at 50% 0%, #8cf2b61a, transparent 60%), var(--bg);place-items:center;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--sp-8);animation:fadeUp var(--dur-4) var(--ease-out) both}.auth-form>*{animation:fadeUp var(--dur-3) var(--ease-out) both}.auth-form>:first-child{animation-delay:80ms}.auth-form>:nth-child(2){animation-delay:.14s}.auth-form>:nth-child(3){animation-delay:.2s}.auth-form>:nth-child(4){animation-delay:.26s}.auth-form>:nth-child(5){animation-delay:.32s}.auth-brand{margin-bottom:var(--sp-6);display:inline-flex}.auth-brand img{height:28px}.auth-card h1{margin-bottom:var(--sp-2);font-size:1.65rem}.auth-card .lede{margin-bottom:var(--sp-6);font-size:14px}.auth-form{gap:var(--sp-4);flex-direction:column;display:flex}.auth-form .input-with-icon svg{color:var(--text-muted)}.turnstile-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:12px;display:flex}.turnstile-state{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.code-input{text-align:center;font-family:var(--font-mono);letter-spacing:.4em;padding-left:1ch;font-size:24px}.form-status{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);animation:fadeUp var(--dur-3) var(--ease-out) both;margin:0;padding:10px 12px;font-size:13px}.form-status.error{color:var(--danger);background:#f871710f;border-color:#f8717140}.form-status.success{color:var(--mint);background:var(--mint-soft);border-color:#8cf2b640}.icon-button{width:34px;height:34px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:color .18s var(--ease-out), border-color .18s var(--ease-out), background .18s var(--ease-out);place-items:center;display:inline-grid}.icon-button:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-3)}.payment-element-overlay{z-index:80;padding:var(--sp-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030406bd;place-items:center;display:grid;position:fixed;inset:0}.payment-element-dialog{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:min(100%,520px);max-height:min(760px,100dvh - 32px);box-shadow:var(--shadow-lg);padding:var(--sp-6);overflow:auto}.payment-frame-dialog-body{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);transition:height .22s var(--ease-out);position:relative;overflow:hidden}.payment-frame-dialog-iframe{opacity:0;width:100%;height:100%;transition:opacity .18s var(--ease-out);background:0 0;border:0;display:block}.payment-frame-dialog-iframe.is-ready{opacity:1}.payment-frame-dialog-loading{z-index:1;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.payment-element-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-5);display:flex}.payment-element-header h2{margin:10px 0 4px;font-size:1.25rem;line-height:1.2}.payment-element-header p{color:var(--text-muted);margin:0;font-size:13px}.payment-element-form{gap:var(--sp-4);flex-direction:column;display:flex}.payment-element-wallets:empty{display:none}.payment-element-divider{color:var(--text-muted);align-items:center;gap:10px;font-size:12px;display:flex}.payment-element-divider:before,.payment-element-divider:after{content:"";background:var(--border);flex:1;height:1px}.payment-billing-fields{gap:var(--sp-3);display:grid}.payment-billing-field{color:var(--text-secondary);gap:6px;font-size:13px;font-weight:500;display:grid}.payment-billing-field input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);width:100%;min-height:46px;color:var(--text);transition:border-color .16s var(--ease), box-shadow .16s var(--ease), background .16s var(--ease);outline:none;padding:12px 14px}.payment-billing-field input::placeholder{color:var(--text-faint)}.payment-billing-field input:hover{border-color:var(--border-strong)}.payment-billing-field input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #8cf2b629}.payment-element-actions{justify-content:flex-end;align-items:center;gap:var(--sp-3);padding-top:var(--sp-2);display:flex}.payment-frame-page{gap:var(--sp-4);min-height:100dvh;padding:var(--sp-4);background:var(--surface);flex-direction:column;display:flex}:is(html:has(.payment-frame-page),body:has(.payment-frame-page)){-ms-overflow-style:none;scrollbar-width:none;background:0 0}html:has(.payment-frame-page)::-webkit-scrollbar{width:0;height:0;display:none}body:has(.payment-frame-page)::-webkit-scrollbar{width:0;height:0;display:none}.payment-frame-page::-webkit-scrollbar{width:0;height:0;display:none}.payment-frame-page.is-rubii{--surface:#2b2d33;--surface-2:#1f2127;--surface-3:#34373e;--border:#ffffff0f;--border-strong:#ffffff24;--text-muted:#ffffff9e;--mint:#00ebff;--mint-soft:#00ebff1f;--radius-md:12px;--radius-lg:14px;color:#fff;gap:var(--sp-3);background:#2b2d33;min-height:auto;padding:16px}.payment-frame-page.is-rubii .payment-element-form{gap:14px}.payment-frame-page.is-rubii .payment-element-divider{color:#ffffff6b;letter-spacing:.06em;text-transform:uppercase;margin:2px 0;font-size:11px}.payment-frame-page.is-rubii .payment-element-divider:before,.payment-frame-page.is-rubii .payment-element-divider:after{background:#ffffff14}.payment-frame-page.is-rubii .payment-billing-field{color:#ffffffb8}.payment-frame-page.is-rubii .payment-billing-field input{color:#fff;background:#1f2127;border-color:#ffffff14;border-radius:12px;min-height:50px}.payment-frame-page.is-rubii .payment-billing-field input::placeholder{color:#ffffff6b}.payment-frame-page.is-rubii .payment-billing-field input:hover{border-color:#ffffff29}.payment-frame-page.is-rubii .payment-billing-field input:focus{border-color:#00ebff8c;box-shadow:0 0 0 3px #00ebff2e}.payment-frame-page.is-rubii .payment-frame-status{color:#ffffffb8;background:#ffffff0a;border-color:#ffffff14;border-radius:12px;padding:12px 14px;font-size:13px}.payment-frame-page.is-rubii .payment-frame-status.error{color:#ff8a95;background:#ff6b7b14;border-color:#ff6b7b47}.payment-frame-page.is-rubii .payment-frame-status.success{color:#6ef1ff;background:#00ebff1a;border-color:#00ebff52}.payment-frame-page.is-rubii .payment-element-actions{justify-content:stretch;padding-top:4px}.payment-frame-page.is-rubii .payment-element-actions .btn{letter-spacing:.01em;border-radius:12px;width:100%;height:48px;font-size:15px;font-weight:600}.payment-frame-page.is-rubii .payment-element-actions .btn-primary{color:#fff;transition:transform .16s var(--ease), box-shadow .2s var(--ease), filter .16s var(--ease);background:linear-gradient(135deg,#00ebff 0% 22%,#8972ff 78%,#ae8dff 100%);border:none;box-shadow:inset 0 1px #ffffff2e,0 8px 22px #00ebff38,0 4px 14px #8972ff2e}.payment-frame-page.is-rubii .payment-element-actions .btn-primary:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 14px 32px #00ebff52,0 6px 18px #8972ff47}.payment-frame-page.is-rubii .payment-element-actions .btn-primary:disabled{opacity:.5}.payment-frame-page.is-rubii .payment-element-wallets{border-radius:12px;overflow:hidden}.payment-frame-page .payment-element-actions{justify-content:stretch}.payment-frame-page .payment-element-actions .btn{width:100%}.payment-frame-skeleton{flex-direction:column;gap:14px;width:100%;display:flex}.payment-frame-skeleton__row{gap:12px;display:flex}.payment-frame-skeleton__row--tabs{margin-bottom:4px}.payment-frame-skeleton__chip{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff1a 50%,#ffffff0a 100%) 0 0/200% 100%;border:1px solid #ffffff0f;border-radius:12px;flex:1;height:56px;animation:1.6s ease-in-out infinite paymentFrameShimmer}.payment-frame-skeleton__field{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff17 50%,#ffffff0a 100%) 0 0/200% 100%;border:1px solid #ffffff0d;border-radius:12px;flex:1;height:50px;animation:1.6s ease-in-out infinite paymentFrameShimmer}.payment-frame-skeleton__button{background:linear-gradient(135deg,#00ebff2e 0%,#8972ff29 100%) 0 0/200% 100%;border-radius:12px;height:48px;margin-top:6px;animation:1.6s ease-in-out infinite paymentFrameShimmer}@keyframes paymentFrameShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.payment-frame-status{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;font-size:13px}.payment-frame-status.error{color:var(--danger);background:#f871710f;border-color:#f8717140}.payment-frame-status.success{color:var(--mint);background:var(--mint-soft);border-color:#8cf2b640}.link-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;display:inline-flex}.link-button:hover{color:var(--text)}.product-shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}@media (max-width:880px){.product-shell{grid-template-columns:1fr}}.product-sidebar{height:100vh;padding:var(--sp-5);gap:var(--sp-5);background:var(--bg-elevated);border-right:1px solid var(--border);flex-direction:column;display:flex;position:sticky;top:0}@media (max-width:880px){.product-sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:static}}.sidebar-brand img{height:26px}.sidebar-nav{margin-top:var(--sp-3);flex-direction:column;gap:2px;display:flex}.sidebar-nav a{color:var(--text-secondary);border-radius:var(--radius-md);transition:color .2s var(--ease-out), background .2s var(--ease-out), transform .22s var(--ease-out);align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex;position:relative}.sidebar-nav a:before{content:"";background:linear-gradient(180deg, var(--mint), var(--cyan));width:2px;height:0;transition:height .26s var(--ease-out), opacity .2s var(--ease-out);opacity:0;border-radius:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-nav a svg{color:var(--text-muted);transition:color .2s var(--ease-out), transform .24s var(--ease-spring)}.sidebar-nav a:hover{background:var(--surface);color:var(--text)}.sidebar-nav a:hover svg{transform:scale(1.08)}.sidebar-nav a.is-active{background:var(--surface-2);color:var(--text)}.sidebar-nav a.is-active:before{opacity:1;height:60%}.sidebar-nav a.is-active svg{color:var(--mint)}.sidebar-section{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);padding:var(--sp-3) 12px var(--sp-1);font-size:11px}.sidebar-status{padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);flex-direction:column;gap:4px;margin-top:auto;font-size:12px;display:flex}.sidebar-status strong{color:var(--text);font-size:13px;font-weight:500}.product-main{min-width:0;padding:0 clamp(20px,4vw,40px)}.product-topbar{justify-content:space-between;align-items:center;gap:var(--sp-4);height:var(--topbar-h);border-bottom:1px solid var(--border);margin-bottom:var(--sp-8);display:flex}.product-topbar-search{max-width:360px;margin-left:var(--sp-4);flex:1}.account-chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);transition:border-color .2s var(--ease-out), color .2s var(--ease-out), background .2s var(--ease-out), transform .2s var(--ease-out);align-items:center;gap:8px;padding:6px 10px 6px 12px;font-size:13px;display:inline-flex}.account-chip:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-2);transform:translateY(-1px)}.account-chip.is-loading{cursor:default}.account-chip.is-loading:hover{border-color:var(--border);color:var(--text-secondary)}.account-chip .spinner{width:12px;height:12px}.account-avatar{background:linear-gradient(135deg, var(--mint), var(--cyan));color:#07140e;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:inline-grid}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-8);animation:fadeUp var(--dur-3) var(--ease-out) both;flex-wrap:wrap;display:flex}.page-head .eyebrow{margin-bottom:var(--sp-3)}.page-head h1{margin-bottom:6px;font-size:clamp(1.6rem,2.6vw,2rem)}.page-head p{max-width:640px;font-size:14px}.stats-grid{gap:var(--sp-4);margin-bottom:var(--sp-8);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:980px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.stats-grid{grid-template-columns:1fr}}.stat{padding:var(--sp-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.stat-label{color:var(--text-muted);margin-bottom:var(--sp-3);align-items:center;gap:6px;font-size:12px;display:inline-flex}.stat-label svg{color:var(--text-muted)}.stat-value{color:var(--text);letter-spacing:-.01em;animation:scaleIn var(--dur-4) var(--ease-spring) .2s both;transform-origin:0 100%;margin-bottom:2px;font-size:1.6rem;font-weight:600}.stat{transition:border-color .22s var(--ease-out), background .22s var(--ease-out), transform .24s var(--ease-out), box-shadow .24s var(--ease-out)}.stat:hover{border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-detail{color:var(--text-muted);font-size:12px}.tab-bar{margin-bottom:var(--sp-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.tab-button{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background .18s var(--ease-out), color .18s var(--ease-out), border-color .18s var(--ease-out), transform .18s var(--ease-out);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.tab-button svg{color:var(--text-muted);transition:color .18s var(--ease-out)}.tab-button:hover{color:var(--text);background:var(--surface-2)}.tab-button:hover svg{color:var(--text)}.tab-button.is-active{color:var(--text);background:var(--bg-elevated);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.tab-button.is-active svg{color:var(--mint)}.usage-chart{height:180px;padding:var(--sp-4) 0 0;align-items:flex-end;gap:6px;display:flex;overflow-x:auto}.usage-chart-col{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:18px;height:100%;display:flex}.usage-chart-bar{border-radius:var(--radius-sm);width:100%;min-height:4px;transition:filter .18s var(--ease-out), transform .18s var(--ease-out);background:linear-gradient(#8cf2b6f2,#8cf2b673)}.usage-chart-bar:hover{filter:brightness(1.1);transform-origin:bottom;transform:scaleY(1.02)}.usage-chart-label{color:var(--text-muted);white-space:nowrap;font-size:10px}.usage-model-list,.usage-event-list{flex-direction:column;display:flex}.usage-model-row,.usage-event-row{align-items:center;gap:var(--sp-4);padding:var(--sp-3) 0;border-top:1px solid var(--border);grid-template-columns:minmax(160px,1.4fr) minmax(160px,1fr) minmax(140px,auto);font-size:13px;display:grid}.usage-model-row:first-child,.usage-event-row:first-child{border-top:none}.usage-model-main,.usage-event-main{flex-direction:column;gap:2px;min-width:0;display:flex}.usage-model-main strong,.usage-event-main strong{color:var(--text);font-size:14px}.usage-model-main span,.usage-event-main span{color:var(--text-muted);font-size:12px}.usage-model-share{align-items:center;gap:10px;display:flex}.usage-model-share span{color:var(--text-muted);text-align:right;width:36px;font-size:12px}.usage-model-share-track{background:var(--border);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.usage-model-share-fill{border-radius:var(--radius-full);height:100%;transition:width .28s var(--ease-out);background:linear-gradient(90deg,#8cf2b6f2,#8cf2b68c)}.usage-model-meta,.usage-event-meta{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.usage-model-meta span,.usage-event-meta span{color:var(--text-muted);font-size:12px}.usage-model-meta strong,.usage-event-meta strong{color:var(--text);font-size:14px}.usage-event-tokens{color:var(--text-muted);flex-direction:column;gap:2px;font-size:12px;display:flex}@media (max-width:720px){.usage-model-row,.usage-event-row{grid-template-columns:1fr;align-items:flex-start}.usage-model-meta,.usage-event-meta{align-items:flex-start}}.billing-summary{gap:var(--sp-4);margin-bottom:var(--sp-6);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}@media (max-width:720px){.billing-summary{grid-template-columns:1fr}}.billing-balance{padding:var(--sp-6) var(--sp-6);background:linear-gradient(140deg, #8cf2b61a, #62d5ff0f 60%, var(--surface));border:1px solid var(--border);border-radius:var(--radius-lg);gap:var(--sp-2);flex-direction:column;display:flex;position:relative;overflow:hidden}.billing-balance:after{content:"";pointer-events:none;background:radial-gradient(circle,#8cf2b633,#0000 70%);width:260px;height:260px;position:absolute;inset:-40% -30% auto auto}.billing-balance-value{letter-spacing:-.02em;color:var(--text);margin:var(--sp-1) 0 var(--sp-3);font-size:clamp(2.4rem,4vw,3rem);font-weight:600;line-height:1.05;position:relative}.billing-balance-detail{justify-content:space-between;align-items:center;gap:var(--sp-3);color:var(--text-muted);flex-wrap:wrap;font-size:13px;display:flex;position:relative}.billing-plan{padding:var(--sp-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;display:flex}.spin{animation:1.1s linear infinite spin}.billing-methods{margin-bottom:24px}.billing-methods-header{align-items:center}.billing-method-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.billing-methods-loading{padding:var(--sp-4);color:var(--text-muted);align-items:center;gap:10px;font-size:13px;display:flex}.billing-methods-empty{align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.billing-methods-empty>svg{color:var(--mint)}.billing-methods-empty div,.payment-method-main,.payment-method-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.billing-methods-empty strong,.payment-method-main strong,.payment-method-meta strong{color:var(--text);font-size:14px;font-weight:600}.billing-methods-empty span,.payment-method-main span,.payment-method-meta span{color:var(--text-muted);font-size:12px}.payment-method-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.payment-method-row{align-items:center;gap:var(--sp-4);transition:background .2s var(--ease-out);grid-template-columns:36px minmax(0,1fr) minmax(100px,.35fr) auto;padding:14px 16px;display:grid}.payment-method-row+.payment-method-row{border-top:1px solid var(--border)}.payment-method-row:hover{background:var(--surface-2)}.payment-method-icon{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--mint);place-items:center;display:grid}.payment-method-main strong,.payment-method-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.payment-method-meta{align-items:flex-start}.payment-method-status{justify-content:flex-end;display:flex}.workbench{gap:var(--sp-5);margin-bottom:var(--sp-8);grid-template-columns:2fr 1fr;display:grid}@media (max-width:980px){.workbench{grid-template-columns:1fr}}.latency-bars{margin-top:var(--sp-4);flex-direction:column;gap:10px;display:flex}.latency-bars>div{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:13px;display:flex}.latency-bars .bar-track{background:var(--surface-2);border-radius:var(--radius-full);width:100%;height:6px;position:relative;overflow:hidden}.latency-bars .bar-fill{border-radius:var(--radius-full);height:100%;transition:width .54s var(--ease-out);transform-origin:0;animation:barFill .72s var(--ease-out) both}.latency-bars .bar-fill.shared{background:linear-gradient(90deg, var(--gold), var(--coral))}.latency-bars .bar-fill.perchy{background:linear-gradient(90deg, var(--mint), var(--cyan))}.latency-bars .bar-row{justify-content:space-between;align-items:center;display:flex}.saved-card{margin-top:var(--sp-4);padding:var(--sp-4);background:var(--mint-soft);border-radius:var(--radius-md);color:var(--mint);animation:popIn var(--dur-5) var(--ease-spring) both;border:1px solid #8cf2b640;align-items:center;gap:10px;font-size:14px;font-weight:500;display:inline-flex}.saved-card svg{animation:popIn .6s var(--ease-spring) .12s both}.quick-actions{flex-direction:column;gap:8px;display:flex}.quick-actions h2{margin-bottom:var(--sp-2);font-size:1rem;font-weight:600}.quick-action{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);transition:border-color .2s var(--ease-out), background .2s var(--ease-out), transform .24s var(--ease-out), box-shadow .24s var(--ease-out);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.quick-action:hover{border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.quick-action svg{color:var(--text-muted);transition:color .2s var(--ease-out), transform .24s var(--ease-spring)}.quick-action:hover svg{color:var(--mint);transform:translate(4px)}.connect-grid{gap:var(--sp-5);grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;display:grid}@media (max-width:980px){.connect-grid{grid-template-columns:1fr}}.connect-panel{gap:var(--sp-4);flex-direction:column;display:flex}.connect-fields{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) 96px;display:grid}@media (max-width:620px){.connect-fields{grid-template-columns:1fr}}.country-input{text-transform:uppercase}.connect-actions{flex-wrap:wrap;gap:10px;display:flex}.requirement-list{flex-direction:column;gap:8px;display:flex}.requirement-row{justify-content:space-between;align-items:center;gap:var(--sp-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;font-size:13px;display:flex}.requirement-row span{min-width:0;color:var(--text-muted);overflow-wrap:anywhere}.requirement-row strong{color:var(--text);text-align:right;overflow-wrap:anywhere;font-weight:500}.data-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.data-row{gap:var(--sp-3);border-bottom:1px solid var(--border);transition:background .2s var(--ease-out);grid-template-columns:1.4fr 1fr 1fr 1fr 40px;align-items:center;padding:12px 16px;font-size:14px;display:grid}.data-row:not(.head):hover{background:var(--surface-2)}.data-row:last-child{border-bottom:0}.data-row.head{background:var(--bg-elevated);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:12px;font-weight:500}.data-row code{color:var(--text-muted);font-size:12px}.data-row .row-action{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);transition:background .18s var(--ease-out), color .18s var(--ease-out), border-color .18s var(--ease-out), transform .2s var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.data-row .row-action:not(:disabled):hover{color:var(--danger);background:#f8717114;border-color:#f8717140;transform:scale(1.05)}.data-row .row-action:not(:disabled):active{transform:scale(.95)}.data-row .row-action:disabled{opacity:.4;cursor:not-allowed}.table-empty{padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--text-muted);font-size:14px}.created-key{padding:var(--sp-4);background:var(--mint-soft);border-radius:var(--radius-md);animation:popIn var(--dur-5) var(--ease-spring) both;border:1px solid #8cf2b64d;flex-direction:column;gap:8px;display:flex}.created-key-head{color:var(--mint);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.created-key code{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);word-break:break-all;padding:10px 12px;font-size:12px;display:block}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.text-sm{font-size:13px}.text-xs{font-size:12px}.muted-text{color:var(--text-muted)}.divider{background:var(--border);height:1px;margin:var(--sp-6) 0}.spinner{border:2px solid #ffffff2e;border-top-color:var(--text);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.network-strip{justify-content:center;align-items:center;gap:var(--sp-4);padding:var(--sp-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.strip-node{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:inline-flex}.strip-node svg{color:var(--mint)}.strip-node{transition:border-color .22s var(--ease-out), transform .24s var(--ease-out), box-shadow .24s var(--ease-out)}.strip-node:hover{border-color:#8cf2b673;transform:translateY(-1px);box-shadow:0 6px 20px #8cf2b61f}.strip-line{background:var(--border-strong);width:32px;height:1px}@media (max-width:760px){.strip-line{width:1px;height:16px}}.empty-state{text-align:center;padding:var(--sp-12) var(--sp-4);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted)}.empty-state h2{color:var(--text);margin-bottom:var(--sp-2);font-size:1.1rem}.empty-state{animation:fadeUp var(--dur-4) var(--ease-out) both}.empty-state .icon{background:var(--surface-2);border-radius:var(--radius-full);width:48px;height:48px;color:var(--text-muted);margin-bottom:var(--sp-4);animation:popIn var(--dur-5) var(--ease-spring) 80ms both;place-items:center;display:inline-grid}@media (max-width:760px){.payment-element-dialog{padding:var(--sp-5)}.payment-element-actions{flex-direction:column-reverse;align-items:stretch}.billing-methods-header{align-items:flex-start}.billing-method-actions{justify-content:flex-start;width:100%}.billing-method-actions .btn{flex:150px}.billing-methods-empty{grid-template-columns:auto minmax(0,1fr)}.billing-methods-empty .btn{grid-column:1/-1;justify-self:flex-start}.payment-method-row{grid-template-columns:36px minmax(0,1fr)}.payment-method-meta,.payment-method-status{grid-column:2}.payment-method-status{justify-content:flex-start}.data-row{grid-template-columns:1fr;gap:4px}.data-row.head{display:none}.data-row .row-action{justify-self:flex-end}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translate(0,0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translate(0,0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0,0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.02)}to{transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 1px #8cf2b62e,0 8px 30px #8cf2b61f}50%{box-shadow:0 0 0 1px #8cf2b652,0 12px 42px #8cf2b638}}@keyframes dotPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes shimmer{0%{background-position:-120% 0}to{background-position:220% 0}}@keyframes auroraDrift{0%,to{opacity:.85;transform:translate(0,0)}50%{opacity:1;transform:translate(2%,-1%)}}@keyframes barFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes caretBlink{0%,49%{opacity:1}50%,to{opacity:0}}main,.product-main{animation:fadeIn var(--dur-3) var(--ease-out) both}.anim-fade-up{animation:fadeUp var(--dur-4) var(--ease-out) both}.anim-fade-in{animation:fadeIn var(--dur-3) var(--ease-out) both}.anim-fade-down{animation:fadeDown var(--dur-3) var(--ease-out) both}.anim-fade-right{animation:fadeRight var(--dur-3) var(--ease-out) both}.anim-scale-in{animation:scaleIn var(--dur-3) var(--ease-out) both}.anim-pop-in{animation:popIn var(--dur-4) var(--ease-spring) both}.delay-1{animation-delay:60ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}.delay-5{animation-delay:.32s}.delay-6{animation-delay:.4s}.feature-grid>.feature,.pricing-grid>.plan,.models-grid>.model-card,.stats-grid>.stat,.quick-actions>.quick-action,.feature-grid>*{animation:fadeUp var(--dur-4) var(--ease-out) both}.feature-grid>:first-child,.pricing-grid>:first-child,.models-grid>:first-child,.stats-grid>:first-child,.quick-actions>:first-child{animation-delay:60ms}.feature-grid>:nth-child(2),.pricing-grid>:nth-child(2),.models-grid>:nth-child(2),.stats-grid>:nth-child(2),.quick-actions>:nth-child(2){animation-delay:.13s}.feature-grid>:nth-child(3),.pricing-grid>:nth-child(3),.models-grid>:nth-child(3),.stats-grid>:nth-child(3),.quick-actions>:nth-child(3){animation-delay:.2s}.models-grid>:nth-child(4),.stats-grid>:nth-child(4),.quick-actions>:nth-child(4){animation-delay:.27s}.models-grid>:nth-child(5),.quick-actions>:nth-child(5){animation-delay:.34s}.models-grid>:nth-child(6){animation-delay:.41s}.models-grid>:nth-child(7){animation-delay:.48s}.models-grid>:nth-child(8){animation-delay:.54s}.models-grid>:nth-child(n+9){animation-delay:.6s}.sidebar-nav a{animation:fadeRight var(--dur-3) var(--ease-out) both}.sidebar-nav a:first-child{animation-delay:80ms}.sidebar-nav a:nth-child(2){animation-delay:.14s}.sidebar-nav a:nth-child(3){animation-delay:.2s}.sidebar-nav a:nth-child(4){animation-delay:.26s}.sidebar-nav a:nth-child(n+5){animation-delay:.32s}.live-network{background:linear-gradient(180deg, var(--surface) 0%, var(--bg-elevated) 100%);border:1px solid var(--border);border-radius:var(--radius-xl);isolation:isolate;padding:32px;position:relative;overflow:hidden}.live-network:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffd66b73 30%,#ff7a6673 70%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.live-network:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 0 0,#ffd66b0a 0%,#0000 40%),radial-gradient(circle at 100% 100%,#ff7a660a 0%,#0000 40%);position:absolute;inset:0}.live-network-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.live-network-head h2{margin:12px 0 6px;font-size:22px}.live-network-head p{color:var(--text-muted);max-width:540px;margin:0;font-size:14px}.live-network-aggregate{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.live-network-aggregate-stat{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.live-network-aggregate-stat strong{font-family:var(--font-mono);color:var(--gold);font-size:24px;font-weight:600;line-height:1}.live-network-aggregate-stat span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.live-network-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}@media (max-width:880px){.live-network-grid{grid-template-columns:1fr}}.live-host-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);flex-direction:column;gap:12px;padding:18px;display:flex}.live-host-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.live-host-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.live-host-status{letter-spacing:.08em;color:var(--gold);text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.live-host-status .status-dot{width:7px;height:7px}.live-host-id{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.live-host-hardware{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.live-host-hardware svg{color:var(--cyan)}.live-host-hardware strong{color:var(--text);font-weight:600}.live-host-spec{color:var(--text-muted);font-size:12px}.live-host-region{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.live-host-region svg{color:var(--text-faint)}.live-host-region-label{font-family:var(--font-sans);color:var(--text-faint)}.live-host-model{background:var(--cyan-soft);border-radius:var(--radius-full);border:1px solid #62d5ff38;align-self:flex-start;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.live-host-model svg{color:var(--cyan)}.live-host-model code{font-family:var(--font-mono);color:var(--cyan);background:0 0;padding:0;font-size:11px}.live-host-lanes-label{color:var(--text-muted);letter-spacing:.04em;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:11px;display:flex}.live-host-lanes-label strong{font-family:var(--font-mono);color:var(--gold);font-size:13px;font-weight:600}.live-lane-track{gap:4px;display:flex}.live-lane-cell{background:var(--surface-3);height:6px;transition:background var(--dur-2) var(--ease);border-radius:3px;flex:1}.live-lane-cell.is-occupied{background:linear-gradient(90deg, var(--gold) 0%, var(--coral) 100%);position:relative;overflow:hidden}.live-lane-cell.is-occupied:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff47 50%,#0000 100%);animation:2.6s linear infinite live-lane-shimmer;position:absolute;inset:0}@keyframes live-lane-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.live-host-metrics{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;display:grid}.live-host-metrics>div{flex-direction:column;gap:3px;display:flex}.live-host-metrics>div span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.live-host-metrics>div strong{font-family:var(--font-mono);color:var(--text);font-size:14px;font-weight:600;line-height:1.1}.live-host-kv{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.live-host-kv-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.live-kv-track{background:var(--surface-3);border-radius:2px;height:4px;overflow:hidden}.live-kv-fill{background:linear-gradient(90deg, var(--cyan) 0%, var(--mint) 100%);height:100%;transition:width var(--dur-3) var(--ease);border-radius:2px}.live-host-kv-value{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;min-width:32px;font-size:11px;font-weight:600}.live-network-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.live-event-tape{align-items:center;gap:10px;min-height:24px;padding-right:12px;display:inline-flex}.live-event-pulse{background:var(--mint);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.6s ease-out infinite live-event-pulse}@keyframes live-event-pulse{0%{box-shadow:0 0 #8cf2b68c}70%{box-shadow:0 0 0 8px #8cf2b600}to{box-shadow:0 0 #8cf2b600}}.live-event-text{font-family:var(--font-mono);color:var(--text-muted);animation:live-event-fade .32s var(--ease-out);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}@keyframes live-event-fade{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.live-network-cta{cursor:not-allowed;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);position:relative;overflow:hidden}.live-network-cta:disabled{opacity:1}.live-network-cta svg{color:var(--text-faint)}.status-dot.is-pulsing{animation:1.6s ease-out infinite live-status-pulse}@keyframes live-status-pulse{0%{box-shadow:0 0 #ffd66b8c}70%{box-shadow:0 0 0 6px #ffd66b00}to{box-shadow:0 0 #ffd66b00}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
