:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--df-canvas:#0b0f19;--df-surface:#121927;--df-raised:#1a2334;--df-field:#0e1522;--df-text:#f1f3fc;--df-secondary:#bdc6da;--df-muted:#a0acc4;--df-line:#2c364a;--df-control-line:#52617c;--df-accent:#a3aeff;--df-action:#4959c8;--df-action-hover:#5263d2;--df-success:#a6ebc5;--df-error:#ffacb5}@font-face{font-family:Inter Tight;src:url(./InterTight-var-latin-4AtXCUT1.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(./GeistMono-var-latin-pyAoGB9p.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--paper:var(--df-canvas);--ink:var(--df-text);--mute:var(--df-secondary);--blue:var(--df-accent);--line:var(--df-line);--mono:"Geist Mono", ui-monospace, monospace;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Inter Tight,system-ui,sans-serif}*{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline-offset:4px;outline:3px solid #7480ff}button{font:inherit;cursor:pointer}.page{width:min(1440px,100% - clamp(40px,9vw,150px));margin-inline:auto}.skip{z-index:3;background:var(--df-raised);padding:10px 16px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.mast{border-bottom:1px solid var(--line)}.mast-inner{align-items:center;gap:42px;min-height:82px;display:flex}.brand{letter-spacing:-.06em;align-items:center;gap:10px;font-size:27px;font-weight:710;line-height:1;display:inline-flex}.mast-links{align-items:center;gap:31px;margin-left:auto;display:flex}.mast-links a,.header-launch,footer nav a{font-size:14px;font-weight:550}.mast-links a,footer nav a{color:var(--mute)}.mast-links a:hover,.guide-link:hover,footer nav a:hover{color:var(--blue)}.header-launch{border:1px solid var(--df-control-line);border-radius:6px;align-items:center;gap:20px;min-height:40px;padding:0 16px;display:inline-flex}.header-launch:hover{border-color:var(--ink);background:var(--df-raised)}.header-launch span,.primary span,.guide-link span{font-family:system-ui,sans-serif}.hero{grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);align-items:center;gap:clamp(30px,4vw,78px);padding-block:clamp(52px,5.6vw,88px);display:grid}.hero-copy{padding-block:10px}.kicker,.micro,.format-key{font-family:var(--mono);font-weight:550}.kicker{letter-spacing:.115em;text-transform:uppercase;color:var(--blue);align-items:center;gap:10px;font-size:11px;line-height:1.4;display:flex}.signal-icon{align-items:center;gap:2px;height:14px;display:inline-flex}.signal-icon i{background:var(--blue);width:2px;height:5px}.signal-icon i:nth-child(2n){height:10px}.signal-icon i:nth-child(3){height:16px}h1{letter-spacing:-.055em;margin:27px 0 23px;font-size:clamp(68px,6.7vw,110px);font-weight:580;line-height:.97}h1 span{color:var(--blue)}.intro{color:var(--mute);max-width:24em;font-size:clamp(18px,1.44vw,22px);line-height:1.51}.actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.primary{background:var(--df-action);color:#fff;border-radius:6px;justify-content:center;align-items:center;gap:25px;min-height:49px;padding:0 20px;font-size:15px;font-weight:580;display:inline-flex}.primary:hover{background:var(--df-action-hover)}.guide-link{align-items:center;gap:9px;font-size:15px;font-weight:570;display:inline-flex}.browser-note{color:var(--mute);align-items:center;gap:8px;margin-top:21px;font-size:12px;display:flex}.browser-note svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:16px;height:16px}.monitor{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f6ff;border:1px solid var(--df-control-line);background:#10152c;border-radius:12px;overflow:hidden;box-shadow:0 14px 32px -28px #141d3d80}.console{border-top:1px solid #35405d;padding:19px 23px 16px}.clock-head,.clock-row,.monitor-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.micro,.format-key{letter-spacing:.09em;text-transform:uppercase;color:#aeb8d7;font-size:10px;line-height:1.2}.fps{color:#d4dcf4}.clock-row{margin:7px 0 12px}.time-display{font:460 clamp(31px, 3.6vw, 63px)/1.14 var(--mono);letter-spacing:-.066em;font-variant-numeric:tabular-nums;white-space:nowrap}.frame-digits{color:#a5adff}#pause{color:#d8def5;background:0 0;border:1px solid #46506d;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}#pause[hidden]{display:none}#pause:hover{background:#2d3655}#pause svg{fill:none;stroke:currentColor;stroke-width:2px;width:15px;height:15px}.play-symbol,[data-paused=true] .pause-symbol{display:none}[data-paused=true] .play-symbol{display:inline}.base-toggle{gap:2px;display:flex}.base-toggle button{color:#b5bfdc;font:500 10px/1.1 var(--mono);background:0 0;border:1px solid #0000;border-radius:4px;padding:5px 9px}.base-toggle [aria-pressed=true]{color:#f4f5ff;background:#2b324d;border-color:#48506a}.base-toggle button:hover{color:#fff}.format-key{letter-spacing:.07em;font-size:9px}.monitor noscript p{padding:10px 23px}.outputs{border-top:1px solid var(--line);padding-block:43px 46px}.section-title h2{letter-spacing:-.045em;margin:10px 0 0;font-size:clamp(36px,3.2vw,57px);font-weight:570;line-height:1.04}.output-grid{border:1px solid var(--line);background:var(--df-surface);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;display:grid;overflow:hidden}.output{padding:22px 26px 25px;display:block}.output+.output{border-left:1px solid var(--line)}.output:focus-visible{outline-offset:-4px}.output:hover{background:var(--df-raised)}.output-top{justify-content:space-between;align-items:center;display:flex}.output-top svg{fill:none;width:38px;height:38px;stroke:var(--blue);stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round}.output-top span{color:var(--df-muted);font-family:system-ui,sans-serif;font-size:18px}.output h3{letter-spacing:-.04em;margin:21px 0 7px;font-size:23px;font-weight:580}.output p,.notes p:not(.kicker){color:var(--mute);font-size:15px;line-height:1.55}.output p{max-width:32em}.notes{border-top:1px solid var(--line);grid-template-columns:1fr 1.35fr;align-items:start;gap:35px;padding-block:44px 52px;display:grid}.rate-details p{max-width:46em;margin:14px 0}.rates{flex-wrap:wrap;gap:6px;display:flex}.rates span{border:1px solid var(--line);background:var(--df-surface);font:500 12px/1.3 var(--mono);border-radius:4px;padding:7px 10px}footer{border-top:1px solid var(--line)}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;padding-block:22px;display:flex}.footer-inner .brand{font-size:22px}footer nav{flex-wrap:wrap;gap:22px;display:flex}@media (width<=920px){.hero{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:22px}h1{font-size:clamp(53px,7.4vw,69px)}.actions{gap:14px}.output{padding-inline:18px}}@media (width<=700px){.mast-inner{justify-content:space-between;gap:12px;min-height:66px}.mast-links{display:none}.brand{gap:7px;font-size:23px}.brand img{width:27px;height:27px}.header-launch{gap:12px;min-height:37px;padding-inline:12px;font-size:13px}.hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:39px 34px}.hero-copy{padding:0}h1{margin:20px 0 17px;font-size:clamp(60px,12vw,80px)}.intro{max-width:30em;font-size:18px}.actions{gap:20px;margin-top:23px}.browser-note{margin-top:14px}.console{padding:14px 16px 12px}.time-display{font-size:clamp(32px,8.6vw,48px)}.outputs{padding-block:29px}.output-grid{grid-template-columns:1fr;margin-top:22px}.output{padding:18px 19px}.output+.output{border-left:0;border-top:1px solid var(--line)}.output h3{margin-top:11px}.output-top svg{width:32px;height:32px}.notes{grid-template-columns:1fr;gap:22px;padding-block:30px}}@media (width<=370px){.page{width:calc(100% - 30px)}.actions{gap:13px}.primary{gap:12px;padding-inline:13px}.guide-link{font-size:14px}}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px;display:grid}.plan{background:var(--df-surface);border:1px solid var(--line);border-radius:9px;padding:24px}.plan h3{letter-spacing:-.035em;font-size:22px;font-weight:560}.plan p{color:var(--mute);max-width:42em;line-height:1.55}.plan .plan-price{letter-spacing:-.045em;color:var(--ink);margin:10px 0;font-size:38px;font-weight:540}.plan-price small{letter-spacing:0;color:var(--mute);font-size:15px;font-weight:450}.plan-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.plan-head span{color:var(--blue);font:500 12px var(--mono)}.plan .guide-link,.outputs .section-title .guide-link{color:var(--blue);margin-top:14px}@media (width<=700px){.plan-grid{grid-template-columns:minmax(0,1fr)}}.session-example{background:#10162b;border:1px solid #394460;border-radius:12px;overflow:hidden}.session-example figcaption,.sample-route{justify-content:space-between;align-items:center;gap:18px;padding:15px clamp(16px,2vw,30px);display:flex}.session-example figcaption{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#c2cbe3;background:#182039;border-bottom:1px solid #34415c}.sample-readout{background:radial-gradient(at 95% 0,#222a51 0%,#0000 70%);padding:clamp(24px,3.6vw,48px) clamp(16px,2vw,30px)}.sample-readout p{color:#d2d9ee}.sample-code{font:470 clamp(34px,4.8vw,74px)/1.3 var(--mono);letter-spacing:-.065em;white-space:nowrap}.sample-code span,.sample-wire{color:var(--df-accent)}.session-example small{color:#aebbd7;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.07em;display:block}.sample-route{border-top:1px solid #34415c}.sample-route b{margin-top:4px;font-size:16px;font-weight:540;display:block}.sample-wire{font:18px var(--mono);flex:1;align-items:center;display:flex}.sample-wire:before{content:"";background:#465376;flex:1;height:1px}.global-preview{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:5vw;padding-block:42px;display:grid}.global-desc{color:var(--mute);max-width:32em;margin:15px 0;line-height:1.55}@media (width<=700px){.global-preview{grid-template-columns:minmax(0,1fr);gap:18px;padding-block:30px}.sample-code{font-size:clamp(32px,8vw,50px)}.mast-links:has(a[href=\#plans]){display:flex}.mast-links a:not([href=\#plans]){display:none}}#large-preview-link[hidden]{display:none}