@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2) format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff")}.crt-effect-wrapper.sweep-on:before{content:"";position:absolute;top:-30%;left:0;width:100%;height:var(--sweep-thickness, 10px);pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.6) 50%,rgba(8,8,8,.5) 50%,transparent 100%);animation:sweep-line var(--sweep-duration, 7s) linear infinite;z-index:9999;filter:blur(1.5px)}.crt-effect-wrapper.sweep-soft:before{content:"";position:absolute;top:-30%;left:0;width:100%;height:var(--sweep-thickness, 10px);pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.08) 55%,transparent 100%);animation:sweep-line var(--sweep-duration, 7s) linear infinite;z-index:9999;filter:blur(5px)}.crt-effect-wrapper.sweep-colored.sweep-on:before,.crt-effect-wrapper.sweep-colored.sweep-soft:before{background:linear-gradient(to bottom,transparent 0%,var(--sweep-color, rgba(0, 255, 128, .5)) 50%,transparent 100%);mix-blend-mode:screen;filter:blur(8px)}@keyframes sweep-line{0%{top:-30%}to{top:130%}}.crt-effect-wrapper.scanlines-on:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(var(--scanline-gradient-direction, to bottom),rgba(var(--scanline-color-rgb, 91, 179, 135),calc(var(--scanline-opacity, .035))) 0px,rgba(var(--scanline-color-rgb, 18, 58, 39),calc(var(--scanline-opacity, .2))) var(--scanline-thickness, 2px),transparent var(--scanline-thickness, 2px),transparent calc(var(--scanline-thickness, 2px) + var(--scanline-gap, 3px)));z-index:9998;mix-blend-mode:screen}.crt-edge-glow{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 var(--edge-glow-size, 30px) var(--edge-glow-color, rgba(0, 255, 128, .2));z-index:9998}.crt-vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at center,#0000 60%,rgba(0,0,0,var(--vignette-intensity, .4)));mix-blend-mode:multiply;z-index:9997}.crt-inner{width:100%;height:100%}.crt-inner.tint-text-on{color:var(--crt-text-color, rgb(91, 179, 135));text-shadow:0 0 4px var(--crt-text-color, rgb(91, 179, 135))}.crt-effect-wrapper.flicker-on{animation:crt-flicker var(--flicker-speed, .8s) infinite}@keyframes crt-flicker{0%,to{opacity:1}10%{opacity:calc(1 - var(--flicker-intensity, .15) * .53)}20%{opacity:calc(1 - var(--flicker-intensity, .15) * .13)}30%{opacity:calc(1 - var(--flicker-intensity, .15) * .8)}40%{opacity:calc(1 - var(--flicker-intensity, .15) * .33)}50%{opacity:calc(1 - var(--flicker-intensity, .15) * .67)}60%{opacity:1}70%{opacity:calc(1 - var(--flicker-intensity, .15) * 1)}80%{opacity:calc(1 - var(--flicker-intensity, .15) * .27)}90%{opacity:1}}.crt-inner.glitch-on{animation:glitch-fuzz var(--glitch-speed, .6s) ease-in-out infinite;will-change:transform}@keyframes glitch-fuzz{0%,to{transform:translate(0) skew(0)}10%{transform:translate(calc(-2px * var(--glitch-intensity, 1)),calc(1px * var(--glitch-intensity, 1))) skew(calc(-.5deg * var(--glitch-intensity, 1)))}20%{transform:translate(0) skew(0)}30%{transform:translate(calc(3px * var(--glitch-intensity, 1)),calc(-1px * var(--glitch-intensity, 1))) skew(calc(.8deg * var(--glitch-intensity, 1)))}40%{transform:translate(0) skew(0)}50%{transform:translate(calc(-1px * var(--glitch-intensity, 1)),calc(2px * var(--glitch-intensity, 1))) skew(calc(-.3deg * var(--glitch-intensity, 1)))}60%{transform:translate(0) skew(0)}70%{transform:translate(calc(2px * var(--glitch-intensity, 1)),calc(-2px * var(--glitch-intensity, 1))) skew(calc(.6deg * var(--glitch-intensity, 1)))}80%,90%{transform:translate(0) skew(0)}}.crt-curvature{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse 75% 75% at 30% 25%,rgba(255,255,255,.05) 0%,transparent 55%),radial-gradient(ellipse 100% 100% at 50% 50%,transparent 0%,transparent 42%,rgba(0,0,0,calc(var(--curvature-intensity, .5) * .35)) 72%,rgba(0,0,0,calc(var(--curvature-intensity, .5) * .9)) 100%);z-index:9995}.crt-glare{pointer-events:none;position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,calc(var(--glare-intensity, .1) * .15)) 22%,rgba(255,255,255,calc(var(--glare-intensity, .1) * .45)) 42%,rgba(255,255,255,calc(var(--glare-intensity, .1) * .55)) 50%,rgba(255,255,255,calc(var(--glare-intensity, .1) * .45)) 58%,rgba(255,255,255,calc(var(--glare-intensity, .1) * .15)) 78%,transparent 100%),linear-gradient(180deg,rgba(255,255,255,calc(var(--glare-intensity, .1) * .4)) 0%,transparent 42%);z-index:9997}.crt-noise{pointer-events:none;position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;background-repeat:repeat;opacity:var(--noise-opacity, .08);mix-blend-mode:screen;z-index:9996;animation:crt-noise .5s steps(4) infinite;will-change:transform}@keyframes crt-noise{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}to{transform:translate(0)}}.crt-inner.glitch-on.chromatic-on{animation:glitch-fuzz var(--glitch-speed, .6s) ease-in-out infinite,glitch-chroma var(--glitch-speed, .6s) ease-in-out infinite}@keyframes glitch-chroma{0%,to{filter:none}10%{filter:drop-shadow(calc(2px * var(--glitch-intensity, 1)) 0 rgba(255,0,60,.5)) drop-shadow(calc(-2px * var(--glitch-intensity, 1)) 0 rgba(0,255,255,.5))}30%{filter:drop-shadow(calc(-3px * var(--glitch-intensity, 1)) 0 rgba(255,0,60,.5)) drop-shadow(calc(3px * var(--glitch-intensity, 1)) 0 rgba(0,255,255,.5))}50%{filter:hue-rotate(40deg)}70%{filter:drop-shadow(calc(2px * var(--glitch-intensity, 1)) 0 rgba(255,0,60,.5)) drop-shadow(calc(-2px * var(--glitch-intensity, 1)) 0 rgba(0,255,255,.5))}}@media(prefers-reduced-motion:reduce){.crt-noise{animation:none!important}.crt-inner.glitch-on.chromatic-on{animation:none!important;filter:none!important}.crt-effect-wrapper.sweep-on:before,.crt-effect-wrapper.sweep-soft:before{animation:none!important;display:none}.crt-effect-wrapper.flicker-on{animation:none!important;opacity:1!important}.crt-inner.glitch-on{animation:none!important;transform:none!important}}:root{font-family:Space Grotesk,sans-serif;color:#e8f5ee;background:#0b0d0c;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #e8f5ee;--muted: #8c9a92;--dim: #5d6862;--phosphor: #5bb387;--phosphor-bright: #9fe0bd;--amber: #ffd28f;--black: #0b0d0c;--panel: #101312;--raised: #181c1a;--line: rgba(232, 245, 238, .1);--line-strong: rgba(232, 245, 238, .18);--mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;min-width:320px;min-height:100vh;background:var(--black)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}::selection{color:#06110b;background:var(--phosphor-bright)}:focus-visible{outline:2px solid var(--phosphor-bright);outline-offset:3px}.site-shell{min-height:100vh;overflow:clip}.site-header{position:sticky;top:0;z-index:100;height:66px;padding:0 clamp(20px,4vw,58px);display:flex;align-items:center;gap:34px;background:#0b0d0ceb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;white-space:nowrap}.brand>span:last-child span{color:#76817b;font-weight:500}.brand__mark{width:25px;height:25px;display:grid;place-items:center;border-radius:5px;color:#07110c;background:var(--phosphor);font:700 10px/1 var(--mono);letter-spacing:-.04em;box-shadow:0 0 16px #5bb38729}.site-header nav{display:flex;gap:24px}.site-header nav a{color:#9ca8a1;font-size:13px;transition:color .16s ease}.site-header nav a:hover{color:var(--ink)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-link{width:34px;height:34px;display:grid;place-items:center;color:#9ca8a1;border:1px solid var(--line-strong);border-radius:7px}.icon-link:hover{color:var(--ink);border-color:#e8f5ee52}.copy-button{min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);border-radius:7px;color:var(--phosphor-bright);background:var(--panel);font:500 11px/1 var(--mono);cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.copy-button:hover{background:var(--raised);border-color:#9fe0bd5c}.copy-button:active{transform:translateY(1px)}.copy-button>span{position:relative}.copy-button[data-copied]>span{color:transparent}.copy-button[data-copied]>span:after{content:"Copied";position:absolute;inset:0;color:var(--phosphor-bright)}.hero__actions .copy-button[data-copied]>span:after{color:#08100c}.copy-button--compact{min-height:30px;padding:0 10px;font-size:10px}.section{width:min(1280px,100%);margin:0 auto;padding:86px clamp(24px,5vw,72px)}.section--ruled{border-top:1px solid var(--line)}.hero{min-height:720px;padding-top:76px;padding-bottom:76px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:clamp(44px,6vw,86px);align-items:center}.eyebrow{margin:0;color:#78857e;font:600 10px/1.5 var(--mono);letter-spacing:.15em}.hero h1{margin:0;font-size:clamp(56px,6.3vw,84px);line-height:.95;letter-spacing:-.052em}.hero h1 em{color:var(--phosphor-bright);font-style:normal;font-weight:500}.lede{max-width:525px;margin:25px 0 0;color:#99a59e;font-size:clamp(16px,1.6vw,19px);line-height:1.64}.hero__actions{margin-top:30px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero__actions .copy-button{min-height:44px;padding:0 17px;color:#08100c;border-color:var(--ink);background:var(--ink);font-size:12px}.hero__actions>a{display:inline-flex;align-items:center;gap:8px;color:#a5b1aa;font-size:13px;padding:12px 3px}.hero__actions>a:hover{color:var(--ink)}.framework-list{margin-top:23px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.framework-list span{padding:5px 9px;color:#7f8b84;border:1px solid var(--line);border-radius:5px;font:500 9px/1 var(--mono);letter-spacing:.05em}.hero__instrument{min-width:0}.signal-control{margin:0 14px -1px;padding:10px 14px;display:grid;grid-template-columns:auto 1fr 48px;align-items:center;gap:16px;position:relative;z-index:2;border:1px solid var(--line-strong);border-bottom-color:#ffffff0a;border-radius:9px 9px 0 0;background:#171b19;box-shadow:inset 0 1px #ffffff0a}.signal-control div{display:flex;flex-direction:column;gap:7px}.signal-control span{font:600 10px/1 var(--mono);letter-spacing:.14em}.signal-control small{color:#69746e;font:500 7px/1 var(--mono);letter-spacing:.08em}.signal-control output{color:var(--phosphor-bright);text-align:right;font:600 12px/1 var(--mono)}input[type=range]{width:100%;height:16px;margin:0;accent-color:var(--phosphor);cursor:pointer}.monitor{position:relative;padding:17px;background:linear-gradient(150deg,#242a27,#141715 56%,#202522);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:inset 0 1px #ffffff12,0 28px 65px #0000004d}.monitor:before{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid rgba(0,0,0,.7);border-radius:11px}.monitor__screws{position:absolute;inset:6px;pointer-events:none}.monitor__screws i{position:absolute;width:4px;height:4px;border-radius:50%;background:#080a09;box-shadow:inset 0 1px #ffffff26}.monitor__screws i:nth-child(1){left:0;top:0}.monitor__screws i:nth-child(2){right:0;top:0}.monitor__screws i:nth-child(3){right:0;bottom:0}.monitor__screws i:nth-child(4){left:0;bottom:0}.monitor--hero{border-radius:0 0 16px 16px}.monitor--hero .crt-effect-wrapper{height:390px;border-radius:9px;background:#06100b}.terminal-screen{min-height:100%;padding:32px 36px;font:500 12px/1.85 var(--mono)}.terminal-kicker{margin-bottom:18px;font-size:9px;letter-spacing:.18em;opacity:.68}.terminal-line{font-size:14px}.terminal-muted{opacity:.55}.terminal-code{margin-top:19px}.terminal-code+.terminal-code{margin-top:0}.terminal-code--indent{padding-left:20px}.terminal-status{margin-top:26px;display:flex;align-items:center;gap:12px}.terminal-status span{opacity:.6}.terminal-status strong{font-size:13px}.cursor{display:inline-block;width:7px;height:13px;background:currentColor;vertical-align:-2px;animation:blink 1.1s steps(1) infinite}.monitor__plate{margin:12px 4px -2px;display:flex;justify-content:space-between;color:#606963;font:500 7px/1 var(--mono);letter-spacing:.12em}.section-heading{margin-bottom:32px;display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading h2{margin:10px 0 0;font-size:clamp(34px,4vw,50px);line-height:1;letter-spacing:-.035em}.section-heading>p{max-width:430px;margin:0;color:#7f8b84;font-size:14px;line-height:1.6}.prop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.prop-card{min-width:0;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:11px}.prop-card__head{min-height:32px;display:flex;justify-content:space-between;align-items:start;gap:10px}.prop-card__head code{color:var(--ink);font:600 10px/1.5 var(--mono)}.prop-card__head output,.micro-toggle{padding:3px 7px;color:var(--amber);border:1px solid var(--line);border-radius:4px;background:var(--raised);font:500 9px/1 var(--mono)}.micro-toggle{cursor:pointer}.micro-toggle.is-on{color:var(--phosphor-bright);border-color:#5bb3873d}.prop-card .crt-effect-wrapper{border-radius:7px;background:#06110b}.mini-screen{min-height:130px;padding:18px;display:grid;place-items:center;text-align:center;color:inherit;font:500 10px/1.55 var(--mono)}.prop-card>input{margin:10px 0 5px}.prop-card__code{display:block;margin-top:9px;padding:9px;overflow:hidden;color:var(--phosphor-bright);background:#080a09;border:0;border-radius:5px;font:500 9px/1.3 var(--mono);text-overflow:ellipsis;white-space:nowrap}.prop-card__code--button{width:100%;text-align:left;cursor:pointer}.swatches{min-height:31px;margin:7px 0 1px;display:flex;align-items:center;gap:7px}.swatch{width:22px;height:22px;padding:0;border:2px solid transparent;border-radius:4px;cursor:pointer}.swatch.is-active{outline:1px solid var(--ink);outline-offset:2px}.swatch--green{background:#5bb387}.swatch--amber{background:#ffc864}.swatch--blue{background:#64c8ff}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.preset-card{min-width:0;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:11px;transition:transform .18s ease,border-color .18s ease}.preset-card:hover{transform:translateY(-3px);border-color:#9fe0bd40}.preset-card__screen{width:100%;height:174px;display:block;padding:10px;border:0;border-bottom:1px solid var(--line);background:#171a18;cursor:pointer}.preset-card__screen .crt-effect-wrapper{height:100%;border-radius:6px}.preset-signal{min-height:100%;padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:inherit;text-align:left;font-family:var(--mono)}.preset-signal>span{font-size:7px;letter-spacing:.14em;opacity:.65}.preset-signal strong{max-width:100%;font-size:17px;line-height:1.05;letter-spacing:.04em;overflow-wrap:anywhere}.preset-signal small{font-size:8px;opacity:.7}.preset-signal small i{display:inline-block;width:5px;height:5px;margin-left:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.preset-card__body{min-height:176px;padding:16px;display:flex;flex-direction:column}.preset-card__body>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.preset-card h3{margin:0;font-size:15px}.preset-card__body code{color:#6e7973;font:500 7px/1 var(--mono)}.preset-card p{margin:12px 0 15px;color:#849088;font-size:12px;line-height:1.5}.preset-card__body button{margin-top:auto;padding:0;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:var(--phosphor-bright);border:0;background:none;font-size:11px;cursor:pointer}.playground-section{width:min(1440px,100%)}.playground{display:grid;grid-template-columns:340px minmax(0,1fr);align-items:start;border:1px solid var(--line-strong);border-radius:13px;background:#0d100e;box-shadow:0 35px 80px #0000003d}.playground__controls{position:sticky;top:82px;height:calc(100dvh - 102px);overflow:hidden;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c0f0d;border-radius:13px 0}.playground__controls-head{height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.playground__controls-head span{display:flex;align-items:center;gap:8px;color:#a9b5ae;font:600 9px/1 var(--mono);letter-spacing:.12em}.playground__controls-head button,.control-group header button{padding:5px;display:inline-flex;align-items:center;gap:5px;color:#69756e;border:0;background:none;font:500 8px/1 var(--mono);cursor:pointer}.playground__controls-head button:hover,.control-group header button:hover{color:var(--ink)}.controls{height:calc(100% - 48px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#2c342f transparent}.control-group{border-bottom:1px solid var(--line)}.control-group header{height:38px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:#101311}.control-group h3{margin:0;color:#7d8982;font:600 9px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}.control-group__body{padding:4px 15px 11px}.control{min-height:41px;display:flex;align-items:center;gap:12px;color:#bcc6c0;border-bottom:1px solid rgba(232,245,238,.045);font-family:var(--mono)}.control:last-child{border-bottom:0}.control strong{font-size:9px;font-weight:500}.control small{display:block;margin-top:3px;color:#56615a;font-size:7px}.control--toggle{position:relative}.control--toggle>span:first-child{margin-right:auto}.control--toggle>input{position:absolute;right:0;z-index:2;width:34px;height:22px;margin:0;opacity:0;cursor:pointer}.switch{width:29px;height:17px;flex:0 0 auto;padding:2px;display:flex;align-items:center;border-radius:20px;background:#2b312e;transition:background .14s ease;cursor:pointer}.switch span{width:13px;height:13px;display:block;border-radius:50%;background:#9aa49f;transition:transform .14s ease,background .14s ease}.control--toggle input:checked+.switch{background:var(--phosphor)}.control--toggle input:checked+.switch span{transform:translate(12px);background:#06110b}.control--toggle input:focus-visible+.switch{outline:2px solid var(--phosphor-bright);outline-offset:2px}.control--range{min-height:54px;display:block;padding-top:10px}.control__line{display:flex;align-items:baseline;justify-content:space-between}.control__line output{color:var(--amber);font-size:8px}.control--range input{display:block;height:15px;margin-top:7px}.control--select{justify-content:space-between}.control select{max-width:150px;height:27px;padding:0 25px 0 8px;color:var(--phosphor-bright);border:1px solid var(--line);border-radius:4px;background:#151917;font:500 8px/1 var(--mono)}.control--color{justify-content:space-between}.color-input{display:flex;align-items:center;gap:7px}.color-input input{width:26px;height:22px;padding:2px;border:1px solid var(--line);border-radius:4px;background:#151917;cursor:pointer}.color-input code{width:52px;color:#707b74;font-size:7px}.playground__workbench{min-width:0;overflow-anchor:none}.preview-toolbar{min-height:48px;padding:8px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);color:#7e8a83;font:600 8px/1 var(--mono);letter-spacing:.12em}.preview-toolbar>div:first-child{display:flex;align-items:center;gap:7px}.preview-toolbar code{color:var(--amber);font-size:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--phosphor);box-shadow:0 0 8px var(--phosphor)}.preview-picker{display:flex;gap:3px}.preview-picker button{padding:6px 8px;color:#69736e;border:0;border-radius:4px;background:transparent;font:500 8px/1 var(--mono);text-transform:uppercase;cursor:pointer}.preview-picker button.is-active{color:var(--ink);background:#1c211e}.preview-stage{padding:clamp(18px,3vw,34px);background:#0f1210}.monitor--playground{max-width:800px;margin:auto}.monitor--playground .crt-effect-wrapper{min-height:410px;border-radius:8px;background:#06100b}.preview-terminal,.preview-dashboard,.preview-poster{min-height:410px;padding:clamp(28px,5vw,58px);color:inherit;font-family:var(--mono)}.preview-terminal>span{font-size:9px;letter-spacing:.16em;opacity:.67}.preview-terminal h3{margin:28px 0 13px;font-family:Space Grotesk,sans-serif;font-size:clamp(32px,5vw,54px);line-height:.98;letter-spacing:-.035em}.preview-terminal p{opacity:.67;font-size:11px;line-height:1.8}.preview-terminal code{display:block;margin-top:45px;font-size:11px}.preview-dashboard{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:24px}.preview-dashboard__head,.preview-dashboard__foot{grid-column:1 / -1;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.preview-dashboard__head strong{color:inherit}.preview-metric{align-self:center}.preview-metric small{display:block;font-size:8px;opacity:.7}.preview-metric strong{display:inline-block;margin-top:8px;font-size:62px;line-height:1}.preview-metric span{margin-left:8px}.preview-bars{align-self:center;display:flex;align-items:end;gap:6px;height:100px}.preview-bars i{flex:1;background:currentColor;opacity:.7}.preview-bars i:nth-child(1){height:20%}.preview-bars i:nth-child(2){height:38%}.preview-bars i:nth-child(3){height:60%}.preview-bars i:nth-child(4){height:44%}.preview-bars i:nth-child(5){height:75%}.preview-bars i:nth-child(6){height:68%}.preview-bars i:nth-child(7){height:92%}.preview-bars i:nth-child(8){height:82%}.preview-dashboard__foot{padding-top:12px;border-top:1px solid currentColor;opacity:.6}.preview-poster{display:flex;flex-direction:column;justify-content:center;text-align:center}.preview-poster span{font-size:9px;letter-spacing:.24em}.preview-poster strong{margin:20px 0 15px;font-family:Space Grotesk,sans-serif;font-size:clamp(42px,7vw,78px);line-height:.86;letter-spacing:-.06em}.preview-poster p{font-size:11px}.code-panel{overflow-anchor:none;border-top:1px solid var(--line);background:#080a09;border-radius:0 0 13px}.code-panel__toolbar{min-height:48px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.tab-list{display:flex;gap:3px;overflow-x:auto}.tab{padding:7px 9px;white-space:nowrap;color:#67716b;border:0;border-radius:4px;background:transparent;font:500 8px/1 var(--mono);cursor:pointer}.tab.is-active{color:var(--phosphor-bright);background:#141815}.code-block{min-height:250px;max-height:390px;margin:0;padding:22px;overflow:auto;color:#9fe0bd;font:500 10px/1.75 var(--mono);white-space:pre;scrollbar-width:thin;scrollbar-color:#2c342f transparent}.quick-start{overflow:hidden;border:1px solid var(--line-strong);border-radius:11px;background:var(--panel)}.quick-start__top{padding:24px;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr);align-items:end;gap:32px}.quick-start h3{margin:10px 0 0;font-size:23px;line-height:1.15;letter-spacing:-.025em}.install-line{padding:10px 10px 10px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--phosphor-bright);border:1px solid var(--line);border-radius:7px;background:#080a09}.install-line code{font:500 11px/1 var(--mono)}.quick-start__workbench{display:grid;grid-template-columns:210px minmax(0,1fr);border-top:1px solid var(--line);background:#080a09}.adapter-tabs{padding:14px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line)}.adapter-tabs button{min-height:38px;padding:0 12px;color:#748078;border:0;border-radius:5px;background:transparent;font:500 10px/1 var(--mono);text-align:left;cursor:pointer}.adapter-tabs button:hover{color:var(--ink);background:#111512}.adapter-tabs button.is-active{color:var(--phosphor-bright);background:#171c19}.quick-start__code{min-width:0;position:relative}.quick-start__code pre{height:360px;margin:0;padding:24px 145px 24px 24px;overflow:auto;color:#9fe0bd;font:500 11px/1.75 var(--mono);white-space:pre;scrollbar-width:thin;scrollbar-color:#2c342f transparent}.quick-start__code>.copy-button{position:absolute;top:14px;right:14px;background:#101312f0}.behavior-notes{margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:9px;overflow:hidden}.behavior-note{min-height:170px;padding:22px;background:#0e110f}.behavior-note+.behavior-note{border-left:1px solid var(--line)}.behavior-note h3{margin:10px 0 12px;font-size:18px;letter-spacing:-.02em}.behavior-note>p:last-child{max-width:570px;margin:0;color:#849088;font-size:12px;line-height:1.65}.behavior-note code{color:var(--phosphor-bright);font:500 .92em/1 var(--mono)}.docs-links{margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:9px;overflow:hidden}.docs-links a{min-height:62px;padding:0 18px;display:flex;align-items:center;gap:9px;color:#98a49d;border-right:1px solid var(--line);font-size:12px}.docs-links a:last-child{border-right:0}.docs-links a svg:last-child{margin-left:auto}.docs-links a:hover{color:var(--ink);background:var(--panel)}.site-footer{width:min(1380px,100%);min-height:76px;margin:auto;padding:0 clamp(24px,5vw,72px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid var(--line);color:#68736c;font-size:10px}.site-footer p{text-align:center}.site-footer>div{display:flex;justify-content:flex-end;gap:18px;font-family:var(--mono)}.site-footer a:hover{color:var(--ink)}.section{width:min(1380px,100%);padding-block:44px}.hero{min-height:0;padding-top:36px;padding-bottom:44px;grid-template-columns:minmax(0,.78fr) minmax(590px,1.22fr);gap:clamp(48px,5vw,76px);align-items:start}.hero__instrument{width:100%}.signal-control{margin-inline:16px;padding:13px 17px;grid-template-columns:auto 1fr 54px;gap:18px}.signal-control span{font-size:11px}.signal-control small{font-size:8px}.signal-control output{font-size:14px}.monitor{padding:19px}.monitor--hero .crt-effect-wrapper{height:465px}.terminal-screen{padding:41px 44px;font-size:14px}.terminal-kicker{margin-bottom:22px;font-size:10px}.terminal-line{font-size:16px}.terminal-status strong{font-size:15px}.monitor__plate{margin-top:14px;font-size:8px}.section-heading{margin-bottom:38px}.section-heading>p{max-width:470px;font-size:15px;line-height:1.65}.prop-grid{gap:18px}.prop-card{padding:17px}.prop-card__head{min-height:38px}.prop-card__head code{font-size:11px}.prop-card__head output,.micro-toggle{padding:4px 8px;font-size:10px}.mini-screen{min-height:158px;padding:22px;font-size:11px;line-height:1.6}.prop-card>input{margin:13px 0 7px}.prop-card__code{margin-top:10px;padding:11px;font-size:10px}.preset-card__screen{height:194px;padding:12px}.preset-signal strong{font-size:19px}.preset-card__body{min-height:192px;padding:19px}.preset-card h3{font-size:17px}.preset-card__body code{font-size:8px}.preset-card p{margin:13px 0 17px;font-size:13px;line-height:1.55}.preset-card__body button{font-size:12px}.playground-section{width:min(1540px,100%)}.playground{grid-template-columns:390px minmax(0,1fr)}.playground__controls-head{height:55px;padding-inline:18px}.playground__controls-head span{font-size:10px}.playground__controls-head button,.control-group header button{padding:6px;font-size:9px}.controls{height:calc(100% - 55px)}.control-group header{height:44px;padding-inline:18px}.control-group h3{font-size:10px}.control-group__body{padding:5px 18px 13px}.control{min-height:47px;gap:14px}.control strong{font-size:10.5px}.control small{margin-top:4px;color:#68736d;font-size:8px}.switch{width:34px;height:20px}.switch span{width:16px;height:16px}.control--toggle input:checked+.switch span{transform:translate(14px)}.control--range{min-height:63px;padding-top:12px}.control__line output{font-size:9.5px}.control select{max-width:175px;height:32px;padding-inline:10px 29px;font-size:9.5px}.color-input input{width:31px;height:27px}.color-input code{width:60px;color:#7d8881;font-size:8.5px}.preview-toolbar{min-height:55px;padding:9px 20px;font-size:9.5px}.preview-toolbar code{font-size:9.5px}.preview-picker button{padding:7px 10px;font-size:9px}.monitor--playground{max-width:920px}.monitor--playground .crt-effect-wrapper,.preview-terminal,.preview-dashboard,.preview-poster{min-height:470px}.preview-terminal,.preview-dashboard,.preview-poster{padding:clamp(34px,5vw,68px)}.preview-terminal>span{font-size:10.5px}.preview-terminal p,.preview-terminal code{font-size:12.5px}.preview-terminal code{margin-top:50px}.preview-dashboard__head,.preview-dashboard__foot{font-size:10px}.preview-metric small{font-size:9px}.preview-poster span{font-size:10px}.preview-poster p{font-size:12px}.code-panel__toolbar{min-height:55px;padding:9px 17px}.tab{padding:8px 11px;font-size:9.5px}.code-block{min-height:300px;max-height:470px;padding:26px;font-size:11.5px;line-height:1.78}@keyframes blink{50%{opacity:0}}@media(max-width:1080px){.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero__copy{max-width:700px}.hero__instrument{width:min(820px,100%)}.prop-grid,.preset-grid{grid-template-columns:repeat(2,1fr)}.playground{grid-template-columns:340px minmax(0,1fr)}.control select{max-width:145px}}@media(max-width:780px){.site-header{height:58px;padding:0 16px}.header-actions .copy-button{display:none}.section{padding:44px 20px}.hero{padding-top:32px;gap:42px}.hero h1{font-size:clamp(54px,16vw,76px)}.monitor--hero .crt-effect-wrapper{height:380px}.terminal-screen{padding:30px 28px;font-size:12px}.signal-control{margin-inline:8px;grid-template-columns:auto 1fr 42px;gap:10px}.signal-control small{display:none}.section-heading{display:block}.section-heading>p{margin-top:16px}.playground{display:block}.playground__controls{position:static;height:auto;max-height:none;overflow:visible;border-right:0;border-bottom:1px solid var(--line);border-radius:13px 13px 0 0}.controls{height:auto;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto}.code-panel{border-radius:0 0 13px 13px}.quick-start__top,.quick-start__workbench{grid-template-columns:1fr}.adapter-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.adapter-tabs button{flex:0 0 auto}.behavior-notes,.docs-links{grid-template-columns:1fr}.behavior-note+.behavior-note{border-left:0;border-top:1px solid var(--line)}.docs-links a{border-right:0;border-bottom:1px solid var(--line)}.docs-links a:last-child{border-bottom:0}.site-footer{min-height:0;padding-block:24px;grid-template-columns:1fr;gap:16px;text-align:left}.site-footer p{text-align:left}.site-footer>div{justify-content:flex-start}}@media(max-width:520px){.prop-grid,.preset-grid{grid-template-columns:1fr}.hero__actions{align-items:stretch;flex-direction:column}.hero__actions .copy-button{width:100%}.hero__actions>a{justify-content:center}.monitor{padding:12px;border-radius:12px}.monitor--hero{border-radius:0 0 12px 12px}.monitor--hero .crt-effect-wrapper{height:330px}.terminal-screen{padding:25px 19px;font-size:11px}.terminal-line{font-size:12px}.signal-control{margin-inline:4px;padding-inline:10px}.signal-control div{display:none}.signal-control{grid-template-columns:1fr 42px}.preview-toolbar{align-items:flex-start;flex-direction:column}.preview-stage{padding:12px}.preview-terminal,.preview-dashboard,.preview-poster,.monitor--playground .crt-effect-wrapper{min-height:330px}.preview-terminal,.preview-dashboard,.preview-poster{padding:25px 20px}.preview-dashboard{gap:12px}.preview-metric strong{font-size:42px}.code-panel__toolbar{align-items:flex-end;flex-direction:column-reverse}.tab-list{width:100%}.code-block{padding:18px;font-size:10px}.quick-start__top{padding:20px}.quick-start__code pre{height:330px;padding:58px 20px 20px;font-size:10px}.quick-start__code>.copy-button{top:10px;right:10px}.install-line{align-items:flex-start;flex-direction:column}.install-line code{max-width:100%;font-size:9px;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}