:root{--ink:#0b1020;--ink-2:#3c4458;--muted:#6b7387;--line:#e3e7f0;--line-2:#cdd4e3;--paper:#fff;--paper-2:#f4f6fb;--brand:#2f6bff;--brand-2:#1b3fb8;--brand-soft:#e8efff;--ok:#16a34a;--ok-soft:#e4f7ec;--warn:#d97706;--warn-soft:#fff4e0;--bad:#e11d48;--bad-soft:#fdecea;--radius:14px;--shadow:0 1px 2px #0b10200d, 0 10px 30px -18px #0b102040;--shadow-lg:0 30px 60px -30px #0b102073;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;line-height:1.15}p{margin:0}img,svg{display:block}button{font:inherit}code,pre,.mono{font-family:var(--mono)}input,select,textarea{font:inherit}.wrap{max-width:86rem;margin:0 auto;padding:0 1.5rem}@media (width>=1700px){html{font-size:18px}}@media (width>=2200px){html{font-size:20px}}.muted{color:var(--muted)}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-size:.75rem;font-weight:700}.btn{border:1px solid var(--line-2);background:var(--paper);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.25rem;font-size:.9375rem;font-weight:650;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:#b7c2da;text-decoration:none;transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-color:#0000;box-shadow:0 10px 24px -12px #2f6bffcc}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{color:#fff;background:0 0;border-color:#ffffff40}.btn.ghost:hover{border-color:#ffffff80}.btn.soft{background:var(--brand-soft);color:var(--brand-2);border-color:#0000}.btn.danger{background:var(--bad-soft);color:var(--bad);border-color:#0000}.btn.sm{border-radius:.6rem;padding:.45rem .75rem;font-size:.8125rem}.btn.wide{width:100%}.btn svg{width:1em;height:1em}.site-head{z-index:30;-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid var(--line);background:#ffffffd9;position:sticky;top:0}.site-head .wrap{align-items:center;gap:1.5rem;height:4.25rem;display:flex}.logo{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.125rem;font-weight:800;display:inline-flex}.logo:hover{text-decoration:none}.logo-mark{filter:drop-shadow(0 6px 14px #2f6bff73);border-radius:26%;flex:none}.logo-word{letter-spacing:-.03em;font-size:1.25rem;font-weight:700}.logo-word b{background:linear-gradient(90deg,#4f46e5,#2f6bff 55%,#06b6d4);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.logo.light{color:#fff}.logo.light .logo-word b{background:linear-gradient(90deg,#a5b4fc,#7dd3fc);color:#0000;-webkit-background-clip:text;background-clip:text}.site-nav{align-items:center;gap:1.5rem;margin-left:auto;font-size:.9375rem;font-weight:550;display:flex}.site-nav a{color:var(--ink-2)}.site-nav a:hover,.site-nav a.active{color:var(--ink);text-decoration:none}.nav-vixocast{background:linear-gradient(90deg,#8b5cf624,#06b6d424);border:1px solid #8b5cf659;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .85rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 16px -10px #8b5cf6cc;color:#5b21b6!important}.nav-vixocast .dot{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #8b5cf62e}.nav-vixocast:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 10px 22px -10px #8b5cf6e6}.mobile-nav .nav-vixocast{align-self:flex-start;margin:.35rem 0}.site-cta{margin-left:.25rem}.burger{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:.6rem;margin-left:auto;padding:.4rem;display:none}.mobile-nav{display:none}@media (width<=860px){.site-nav,.site-cta{display:none}.burger{display:inline-flex}.mobile-nav{border-bottom:1px solid var(--line);background:#fff;gap:.25rem;padding:.75rem 1.375rem 1.25rem;display:grid}.mobile-nav a{color:var(--ink-2);padding:.65rem .25rem;font-weight:600}}.site-foot{border-top:1px solid var(--line);background:var(--paper-2);color:var(--muted);padding:3rem 0;font-size:.875rem}.site-foot .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2.5rem;display:flex}.site-foot nav{flex-wrap:wrap;gap:1.25rem;display:flex}.site-foot a{color:var(--ink-2)}.hero{color:#fff;background:linear-gradient(160deg,#070b18 0%,#0b1226 45%,#0a1530 100%);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;filter:blur(40px);background:radial-gradient(38% 45% at 18% 20%,#6366f18c,#0000 70%),radial-gradient(34% 40% at 82% 18%,#2f6bff80,#0000 70%),radial-gradient(40% 38% at 62% 88%,#06b6d459,#0000 70%),radial-gradient(28% 30% at 35% 75%,#8b5cf64d,#0000 70%);animation:28s ease-in-out infinite alternate hero-drift;position:absolute;inset:-20%}.hero:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 38%,#ffffff0b 48%,#ffffff17 50%,#ffffff0b 52%,#0000 62%),radial-gradient(60% 50% at 50% 110%,#06b6d41f,#0000 70%);position:absolute;inset:0}@keyframes hero-drift{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(2%,2%)scale(1.06)}}@media (prefers-reduced-motion:reduce){.hero:before{animation:none}}.hero .wrap{padding-top:5.5rem;padding-bottom:5rem;position:relative}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:3rem;display:grid}@media (width<=900px){.hero-grid{grid-template-columns:minmax(0,1fr)}}.eyebrow{color:#dbe4ff;background:#ffffff0f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.8125rem;font-weight:600;display:inline-flex}.eyebrow i{background:#4ade80;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4ade8033}.hero h1{max-width:15ch;margin-top:1.25rem;font-size:clamp(2.25rem,4.6vw,4.25rem);font-weight:800}.hero h1 em{background:linear-gradient(90deg,#7aa2ff,#c7d6ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-sub{color:#c3cbe2;max-width:56ch;margin-top:1.25rem;font-size:1.125rem}.hero-cta{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.hero-note{color:#8e9ab8;margin-top:1rem;font-size:.8125rem}.hero-stats{border-top:1px solid #ffffff1f;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1.5rem;margin-top:3.25rem;padding-top:1.75rem;display:grid}.hero-stat b{font-size:1.5rem;font-weight:800;display:block}.hero-stat span{color:#8e9ab8;font-size:.8125rem}.terminal{font-family:var(--mono);color:#e2e8f0;box-shadow:var(--shadow-lg);background:#070b18;border:1px solid #ffffff1f;border-radius:1rem;padding:1.125rem 1.25rem;font-size:.8125rem;line-height:1.85}.terminal .dots{gap:6px;margin-bottom:.75rem;display:flex}.terminal .dots i{background:#2a3350;border-radius:50%;width:10px;height:10px}.terminal .c{color:#7c89a8}.terminal .ok{color:#86efac}.terminal .k{color:#7aa2ff}.section{padding:5rem 0}.section.alt{background:var(--paper-2);border-block:1px solid var(--line)}.section-head{max-width:66ch;margin-bottom:2.5rem}.section-head h2{margin-top:.625rem;font-size:clamp(1.625rem,3.2vw,2.375rem);font-weight:800}.section-head p{color:var(--muted);margin-top:.875rem;font-size:1.0625rem}.section-head.center{text-align:center;margin-inline:auto}.grid{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.25rem;display:grid}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.card h3{margin:.875rem 0 .5rem;font-size:1.0625rem;font-weight:720}.card p{color:var(--muted);font-size:.9063rem}.card-icon{background:var(--brand-soft);width:40px;height:40px;color:var(--brand-2);border-radius:12px;place-items:center;display:grid}.card-icon svg{width:20px;height:20px}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:2.75rem;display:grid}@media (width<=860px){.split{grid-template-columns:minmax(0,1fr)}}.bullets{color:var(--muted);margin:1.5rem 0 0;padding-left:1.125rem;font-size:.9375rem;line-height:2.05}.code-wrap{position:relative}.code-wrap .code{padding-right:4.5rem}.copy-btn{color:#e2e8f0;font:600 .75rem/1.2 var(--font);cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:.5rem;padding:.3rem .65rem;transition:background .15s,color .15s;position:absolute;top:.5rem;right:.5rem}.copy-btn:hover{background:#ffffff29}.copy-btn.done{color:#fff;background:#16a34a;border-color:#16a34a}.copy-btn.sm{padding:.2rem .5rem;font-size:.6875rem;top:.3rem;right:.3rem}.code{color:#e2e8f0;background:#0f172a;border-radius:.75rem;margin:0;padding:1rem 1.125rem;font-size:.8125rem;line-height:1.7;overflow-x:auto}.faq{gap:.875rem;max-width:52rem;display:grid}.faq details{background:var(--paper);border:1px solid var(--line);border-radius:.875rem;padding:1.125rem 1.375rem}.faq summary{cursor:pointer;font-weight:650}.faq p{color:var(--muted);margin-top:.75rem;font-size:.9375rem}.banner{text-align:center;background:linear-gradient(90deg,#eef3ff,#f7f9ff);border-block:1px solid #dbe5ff;padding:.9rem 0;font-size:.9375rem}.banner b{color:var(--brand-2)}.plans{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));align-items:start;gap:1.375rem;display:grid}.plan{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:1.125rem;padding:1.75rem;position:relative}.plan.featured{color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(#0f1733,#1a2447);border-color:#0000}.plan.featured .plan-per,.plan.featured .plan-blurb,.plan.featured .plan-features li{color:#c3cbe2}.plan-badge{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.3rem .7rem;font-size:.7rem;font-weight:700;position:absolute;top:-.75rem;left:1.5rem}.plan h3{letter-spacing:.06em;text-transform:uppercase;font-size:.9375rem;font-weight:700}.plan-price{letter-spacing:-.03em;margin-top:.875rem;font-size:2.875rem;font-weight:820}.plan-price s{opacity:.45;vertical-align:middle;margin-right:.5rem;font-size:.55em;font-weight:500}.plan-per{color:var(--muted);font-size:.875rem}.plan-sale{background:var(--ok-soft);color:#0b6b3a;border-radius:999px;margin-top:.75rem;padding:.35rem .7rem;font-size:.78rem;font-weight:650;display:inline-block}.plan.featured .plan-sale{color:#86efac;background:#4ade802e}.plan-blurb{color:var(--muted);min-height:2.75rem;margin-top:.875rem;font-size:.9063rem}.plan .btn{margin-top:1.375rem}.plan.featured .btn{color:var(--ink);background:#fff;border-color:#0000}.plan-features{border-top:1px solid var(--line);gap:.6875rem;margin:1.5rem 0 0;padding:1.375rem 0 0;list-style:none;display:grid}.plan.featured .plan-features{border-color:#ffffff24}.plan-features li{color:var(--muted);gap:.625rem;font-size:.875rem;display:flex}.plan-features li:before{content:"✓";color:var(--ok);font-weight:800}.plan.featured .plan-features li:before{color:#7ee2ac}.form{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:1.125rem;gap:1.125rem;padding:1.75rem;display:grid}.form label{margin-bottom:.4rem;font-size:.875rem;font-weight:650;display:block}.form input,.form select,.form textarea,.input{border:1px solid var(--line-2);width:100%;color:var(--ink);background:#fff;border-radius:.7rem;padding:.75rem .875rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.form input:focus,.form select:focus,.form textarea:focus,.input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #2f6bff26}.hint{color:var(--muted);margin-top:.4rem;font-size:.8125rem}.check{align-items:flex-start;gap:.625rem;font-size:.9063rem;font-weight:500;display:flex}.check input{width:auto;margin-top:.2rem}.notice{border:1px solid;border-radius:.75rem;padding:.875rem 1rem;font-size:.9063rem}.notice.err{background:var(--bad-soft);color:#92211a;border-color:#f6c8c2}.notice.ok{background:var(--ok-soft);color:#0b6b3a;border-color:#b7e6cb}.notice.info{background:var(--brand-soft);color:var(--brand-2);border-color:#cfdcff}.keybox{flex-wrap:wrap;gap:.5rem;display:flex}.keybox input{font-family:var(--mono);letter-spacing:.06em;flex:15rem;font-size:1.0625rem;font-weight:600}.admin{background:var(--paper-2);grid-template-columns:15.5rem minmax(0,1fr);min-height:100vh;display:grid}.admin-side{color:#c3cbe2;background:#0b1020;flex-direction:column;gap:.25rem;height:100vh;padding:1.25rem .9rem;display:flex;position:sticky;top:0}.admin-side .logo{color:#fff;padding:.5rem .75rem 1.25rem}.admin-side a.nav{color:#b8c2dc;border-radius:.65rem;align-items:center;gap:.7rem;padding:.65rem .8rem;font-size:.9063rem;font-weight:550;display:flex}.admin-side a.nav svg{width:17px;height:17px}.admin-side a.nav:hover{color:#fff;background:#ffffff0f;text-decoration:none}.admin-side a.nav.active{color:#fff;background:linear-gradient(135deg,#2f6bff59,#1b3fb859)}.admin-side .spacer{flex:1}.admin-side .who{color:#7c89a8;text-overflow:ellipsis;padding:.5rem .8rem;font-size:.75rem;overflow:hidden}.admin-main{padding:1.75rem 2rem 4rem}.admin-top{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-top h1{font-size:1.5rem;font-weight:800}.admin-top .right{align-items:center;gap:.5rem;margin-left:auto;display:flex}@media (width<=860px){.admin{grid-template-columns:minmax(0,1fr)}.admin-side{flex-flow:wrap;height:auto;position:static}.admin-side .logo{padding:.5rem .75rem}.admin-main{padding:1.25rem 1rem 3rem}}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.25rem}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.panel-head h3{font-size:.9375rem;font-weight:720}.panel-head .right{align-items:center;gap:.5rem;margin-left:auto;display:flex}.panel-body{padding:1.25rem}.stats{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.125rem}.stat .l{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:650}.stat .v{letter-spacing:-.02em;margin-top:.25rem;font-size:1.625rem;font-weight:800}.stat .s{color:var(--muted);font-size:.75rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:.6rem .75rem;font-size:.7rem}td{border-bottom:1px solid var(--line);vertical-align:top;padding:.7rem .75rem}tr:last-child td{border-bottom:0}.sub{color:var(--muted);font-size:.75rem}.badge{letter-spacing:.02em;background:var(--paper-2);color:var(--muted);border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.brand{background:var(--brand-soft);color:var(--brand-2)}.row{flex-wrap:wrap;gap:.4rem;display:flex}.field{margin-bottom:1rem}.field label{margin-bottom:.35rem;font-size:.8125rem;font-weight:650;display:block}.field .help{color:var(--muted);margin-top:.35rem;font-size:.78rem}.two{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;display:grid}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}.empty b{color:var(--ink);margin-bottom:.25rem;font-size:1rem;display:block}.modal-bg{z-index:50;background:#0b10208c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{width:min(40rem,100%);max-height:92vh;box-shadow:var(--shadow-lg);background:#fff;border-radius:1rem;overflow:auto}.modal-head{border-bottom:1px solid var(--line);align-items:center;padding:1rem 1.25rem;display:flex}.modal-head h3{font-size:1rem;font-weight:750}.modal-body{padding:1.25rem}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;display:flex}.login-wrap{background:radial-gradient(800px 400px at 50% -10%,#2f6bff59,#0000 60%),#0b1020;place-items:center;min-height:100vh;padding:1rem;display:grid}.login{width:min(24rem,100%);box-shadow:var(--shadow-lg);background:#fff;border-radius:1.25rem;padding:2rem}.login .logo{justify-content:center;margin-bottom:1.25rem}fieldset.group{border:1px solid var(--line);border-radius:.75rem;margin:0 0 1rem;padding:.75rem 1rem .25rem}fieldset.group legend{color:var(--ink-2);padding:0 .4rem;font-size:.78rem;font-weight:700}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero-mock{min-width:0}.mock{color:#e2e8f0;background:#0b1020;border:1px solid #ffffff1f;border-radius:1rem;font-size:.72rem;line-height:1.4;overflow:hidden;box-shadow:0 30px 60px -30px #000000b3,0 0 0 1px #2f6bff26}.mock-chrome{background:#070b18;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;padding:.55rem .8rem;display:flex}.mock-chrome i{background:#2a3350;border-radius:50%;width:9px;height:9px}.mock-chrome i:first-child{background:#f87171}.mock-chrome i:nth-child(2){background:#fbbf24}.mock-chrome i:nth-child(3){background:#34d399}.mock-url{color:#8e9ab8;font-family:var(--mono);background:#ffffff0f;border-radius:.4rem;flex:1;margin-left:.6rem;padding:.2rem .6rem;font-size:.68rem}.mock-body{grid-template-columns:40px minmax(0,1fr);display:grid}.mock-side{background:#0f1733;border-right:1px solid #ffffff14;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem 0;display:flex}.mock-brand{margin-bottom:.4rem}.mock-nav{color:#8e9ab8;border-radius:7px;place-items:center;width:24px;height:24px;font-size:.7rem;display:grid}.mock-nav.on{color:#fff;background:#8b7cf640;box-shadow:inset 2px 0 #8b7cf6}.mock-main{min-width:0}.mock-top{white-space:nowrap;border-bottom:1px solid #ffffff14;align-items:center;gap:.45rem;padding:.5rem .75rem;display:flex;overflow:hidden}.mock-top>b{margin-right:auto;font-size:.82rem}.mock-stat{color:#8e9ab8;text-transform:uppercase;letter-spacing:.04em;border:1px solid #ffffff1f;border-radius:999px;padding:.15rem .5rem;font-size:.62rem}.mock-stat b{color:#fff;margin-left:.2rem}.mock-stat.ok{color:#86efac;border-color:#86efac59}.mock-tabs{align-items:center;gap:.15rem;padding:.5rem .75rem 0;display:flex}.mock-tabs span{color:#8e9ab8;border:1px solid #ffffff1a;border-bottom:0;border-radius:6px 6px 0 0;padding:.3rem .6rem}.mock-tabs span.on{color:#fff;background:#ffffff0f;font-weight:600}.mock-filter{color:#8e9ab8;margin-left:auto;border:0!important}.mock-filter .ok{color:#86efac}.mock-table{border-collapse:collapse;table-layout:fixed;width:100%}.mock-table th:nth-child(4),.mock-table td:nth-child(4){width:17%}.mock-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:#8e9ab8;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;padding:.45rem .75rem;font-size:.6rem}.mock-table td{vertical-align:top;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #ffffff0f;padding:.5rem .75rem;overflow:hidden}.mock-table td .mock-sub,.mock-table td .mock-mono{text-overflow:ellipsis;display:block;overflow:hidden}.mock-table td b{color:#fff}.mock-sub{color:#8e9ab8;margin-top:.15rem;font-size:.64rem}.mock-mono,.mock .mono{font-family:var(--mono);color:#c3cbe2;font-size:.66rem}.mock-pill{border-radius:999px;padding:.05rem .45rem;font-size:.6rem;font-weight:600;display:inline-block}.mock-pill.ok{color:#86efac;background:#22c55e2e}.mock-pill.warn{color:#fcd34d;background:#f59e0b2e}.mock-pill.brand{color:#c4b5fd;text-align:center;background:#8b7cf638;min-width:3.6rem}.mock-foot{font-family:var(--mono);color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;background:#070b18;border-top:1px solid #ffffff14;padding:.55rem .9rem;font-size:.7rem;overflow:hidden}.mock-foot .k{color:#7aa2ff}.mock-foot .ok{color:#86efac}.mock.small{font-size:.7rem}.mock-form{gap:.6rem;padding:.9rem 1rem 1rem;display:grid}.mock-form-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mock-form-head b{color:#fff;font-size:.85rem}.mock-form label{color:#8e9ab8;gap:.25rem;font-size:.64rem;display:grid}.mock-input{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:.5rem;padding:.45rem .6rem;font-size:.72rem;display:block}.mock-input b{color:#fff}.mock-input.mono{font-family:var(--mono)}.mock-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mock-btn{color:#e2e8f0;border:1px solid #ffffff24;border-radius:.5rem;padding:.35rem .75rem;font-weight:600}.mock-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#2f6bff);border-color:#0000}.mock-player{background:radial-gradient(120px 60px at 30% 40%,#2f6bff80,#0000 70%),linear-gradient(135deg,#131b36,#0b1020);border:1px solid #ffffff1a;border-radius:.6rem;place-items:center;height:92px;display:grid;position:relative}.mock-play{color:#0b1020;background:#ffffffeb;border-radius:50%;place-items:center;width:32px;height:32px;padding-left:2px;font-size:.8rem;display:grid}.mock-live{color:#fff;letter-spacing:.08em;background:#ef4444;border-radius:4px;padding:.1rem .4rem;font-size:.58rem;font-weight:800;position:absolute;top:8px;left:10px}.mock-urlrow{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.5rem;align-items:center;gap:.5rem;min-width:0;padding:.35rem .5rem;display:flex}.mock-urlrow .mono{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.mock-copy{color:#8e9ab8;border:1px solid #ffffff1f;border-radius:.35rem;padding:.1rem .4rem;font-size:.62rem}.mock-chart{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.6rem;padding:.5rem .6rem .3rem}.mock-chart-h{color:#fff;justify-content:space-between;margin-bottom:.25rem;font-weight:600;display:flex}.mock-spark{width:100%;height:3.2rem;display:block}.mock-grid2{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.mock-grid2 .mock-spark{height:2.4rem}.showcase{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1.5rem;margin-top:2rem;display:grid}.showcase-item h3{margin:1rem 0 .35rem;font-size:1.0625rem;font-weight:750}.showcase-item p{color:var(--ink-2);font-size:.9375rem}@media (width<=960px){.showcase{grid-template-columns:1fr}}@media (width<=640px){.mock-body{grid-template-columns:minmax(0,1fr)}.mock-side,.mock-table th:nth-child(3),.mock-table td:nth-child(3){display:none}}.mock.floating{will-change:transform;animation:7s ease-in-out infinite mock-float}@keyframes mock-float{0%,to{transform:translateY(0)rotate(.0001deg)}50%{transform:translateY(-8px)}}.mock-pill.live{padding-left:.95rem;position:relative}.mock-pill.live:before{content:"";background:#4ade80;border-radius:50%;width:5px;height:5px;margin-top:-2.5px;animation:1.8s ease-out infinite mock-pulse;position:absolute;top:50%;left:.4rem;box-shadow:0 0 #4ade80b3}@keyframes mock-pulse{0%{box-shadow:0 0 #4ade80b3}70%{box-shadow:0 0 0 5px #4ade8000}to{box-shadow:0 0 #4ade8000}}.mock .num{font-variant-numeric:tabular-nums;transition:color .4s}.mock-table tr.dim td{opacity:.6}.mock-table th:first-child,.mock-table td:first-child{width:25%}.mock-table th:nth-child(2),.mock-table td:nth-child(2){width:33%}.mock-table th:nth-child(3),.mock-table td:nth-child(3),.mock-table th:nth-child(4),.mock-table td:nth-child(4){width:21%}@media (prefers-reduced-motion:reduce){.mock.floating,.mock-pill.live:before{animation:none}}.track-bars{align-items:flex-end;gap:3px;height:160px;padding:.5rem 0 0;display:flex}.track-bar{flex:1;align-items:flex-end;min-width:3px;height:100%;display:flex;position:relative}.track-bar i{background:#2f6bff47;border-radius:3px 3px 0 0;width:100%;display:block}.track-bar b{background:linear-gradient(#4f46e5,#2f6bff);border-radius:3px 3px 0 0;width:100%;position:absolute;bottom:0;left:0}.track-bar:hover i{background:#06b6d459}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}@media (width<=960px){.grid-3{grid-template-columns:1fr}}