: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}}.sky{aspect-ratio:2.02;isolation:isolate;background:#0a0f27;position:relative}.globe-art{position:absolute;inset:0}.globe{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.sky-head{background:linear-gradient(#0a0f2788,#0000);justify-content:space-between;align-items:center;gap:10px;padding:20px 22px;display:flex;position:relative}.monitor-label,.live-indicator{letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;line-height:1.2;display:inline-flex}.monitor-label{color:#d9e1fb}.corner-icon{border:1px solid #a8b6dc;border-radius:2px;width:13px;height:11px;box-shadow:inset 0 -2px #0a0f27,inset 0 -3px #a8b6dc}.live-indicator{letter-spacing:.06em;background:#10162c;border:1px solid #586381;border-radius:4px;padding:6px 8px;font-size:9px}.live-indicator i{background:#b1efc9;border-radius:50%;width:6px;height:6px}.session-markers{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.session-markers .ring{fill:#192643ab;stroke:#aff1ca;stroke-width:3px}.session-markers .dot{fill:#c8ffdb;stroke:#152d37;stroke-width:3px}.session-markers .selected .ring{stroke-width:5px}.session-markers text{fill:#f6fff9;font:600 29px var(--mono);paint-order:stroke;stroke:#17223f;stroke-width:7px;stroke-linejoin:round}#feed-badge[data-mode=example] i{background:#b6b9ff}#feed-badge[data-mode=offline] i,#feed-badge[data-mode=connecting] i{background:#9da6ba}.globe-legend{background:#151d36;border-top:1px solid #35405d;padding:11px 23px}.globe-info{justify-content:space-between;align-items:center;gap:10px;display:flex}.globe-info strong{color:#e5ebfb;font-size:13px;font-weight:550}.globe-info button{color:#bac5ff;text-underline-offset:.2em;background:0 0;border:0;padding:5px 0;font-size:12px;text-decoration:underline}#region-list:not([hidden]){flex-wrap:wrap;gap:5px;margin:8px 0 2px;display:flex}#region-list button{color:#d2dbef;font:500 10px var(--mono);background:0 0;border:1px solid #4e5978;border-radius:4px;padding:5px 7px}#region-list button[aria-pressed=true]{color:#d3ffdf;background:#21353f;border-color:#83bca3}@media (width<=700px){.globe-legend{padding-inline:16px}}.monitor-label,.live-indicator{font-family:var(--mono);font-weight:550}.globe-info button,#region-list button{cursor:pointer}.globe-info button:focus-visible,#region-list button:focus-visible{outline-offset:2px;outline:2px solid #b7c0ff}@media (width<=920px){.sky{aspect-ratio:1.65}}@media (width<=700px){.sky{aspect-ratio:2.05}.sky-head{padding:15px 16px}}