:root{--bg: #ffffff;--ink: #0d0d0d;--muted: #5f5f5f;--line: #d7d7d7;--card: #f6f6f6;--accent: #0d0d0d;--accent-ink: #ffffff;--red-fringe: rgba(255, 42, 42, .72);--blue-fringe: rgba(32, 92, 255, .72);--hatch: rgba(13, 13, 13, .06);--pixel-border: 4px;--pixel-step: 8px;--pixel-shift: 2px;--tagline-glow: 0 0 10px rgba(13, 13, 13, .18), 0 0 26px rgba(13, 13, 13, .1);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg: #000000;--ink: #f5f5f5;--muted: #a0a0a0;--line: #1d1d1d;--card: #090909;--accent: #f5f5f5;--accent-ink: #000000;--red-fringe: rgba(255, 86, 86, .75);--blue-fringe: rgba(84, 129, 255, .75);--hatch: rgba(245, 245, 245, .15);--tagline-glow: 0 0 10px rgba(255, 255, 255, .4), 0 0 26px rgba(255, 255, 255, .2);color-scheme:dark}}:root[data-theme=dark]{--bg: #000000;--ink: #f5f5f5;--muted: #a0a0a0;--line: #1d1d1d;--card: #090909;--accent: #f5f5f5;--accent-ink: #000000;--red-fringe: rgba(255, 86, 86, .75);--blue-fringe: rgba(84, 129, 255, .75);--hatch: rgba(245, 245, 245, .15);--tagline-glow: 0 0 10px rgba(255, 255, 255, .4), 0 0 26px rgba(255, 255, 255, .2);color-scheme:dark}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;position:relative}main,.wrap{position:relative;z-index:1}.topnav{position:absolute;top:clamp(1.1rem,2vw,1.5rem);right:0;height:clamp(44px,11vw,68px);display:flex;align-items:center;gap:clamp(.7rem,2vw,1.1rem);z-index:2}.topnav-icon{color:var(--ink)}.topnav-icon svg{height:1.45rem}.topnav-link{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-weight:700;font-size:1.1rem;color:var(--ink);text-decoration:none;padding:.2rem .1rem}.topnav-link:hover{text-decoration:underline;text-underline-offset:3px}.pixel-field{position:absolute;inset:0;z-index:0;pointer-events:none;color:var(--ink)}.pixel-field svg{display:block;width:100%;height:100%}.pf-spark{position:absolute;width:8px;height:8px;background:currentColor;pointer-events:none}.pf-spark.pf-red{background:var(--red-fringe)}.pf-spark.pf-blue{background:var(--blue-fringe)}@media(prefers-reduced-motion:no-preference){.pf-spark{animation-name:pf-blink;animation-iteration-count:infinite;animation-timing-function:steps(2,end);will-change:opacity,transform}}@keyframes pf-blink{0%,to{opacity:0;transform:translate(0)}15%{opacity:var(--pf-on, .4);transform:translate(var(--pf-shift, 1px))}40%{opacity:0}60%{opacity:var(--pf-on, .4);transform:translateY(var(--pf-shift, 1px))}80%{opacity:0;transform:translate(calc(var(--pf-shift, 1px) * -1))}}.vcr{position:fixed;inset:0;z-index:100;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.28) 100%)}.vcr:before{content:"";position:absolute;inset:0;opacity:.5;background:repeating-linear-gradient(to bottom,#0000 0 2px,#00000003 3px,#0000 4px)}.vcr:after{content:"";position:absolute;left:0;right:0;top:0;height:33%;opacity:0;filter:blur(.5px);background:linear-gradient(to bottom,transparent 0,rgba(127,127,127,.08) 38%,rgba(255,255,255,.11) 49%,rgba(0,0,0,.11) 52%,rgba(127,127,127,.05) 64%,transparent 100%)}@media(prefers-reduced-motion:no-preference){.vcr{animation:vcr-flicker .4s steps(2,end) infinite}.vcr:after{opacity:1;animation:vcr-roll 50s linear infinite}}@keyframes vcr-flicker{0%,to{opacity:1}50%{opacity:.95}}@keyframes vcr-roll{0%{transform:translateY(-130%)}to{transform:translateY(430%)}}.vcr-grain{position:absolute;inset:0;opacity:.38;background-repeat:repeat;background-size:140px 140px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='140'%20height='140'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='140'%20height='140'%20filter='url(%23n)'/%3E%3C/svg%3E")}.vcr-grain:after{content:"";position:absolute;inset:0;opacity:0;background:inherit}@media(prefers-reduced-motion:no-preference){.vcr-grain{animation:vcr-grain .5s steps(1,end) infinite}body.vcr-drop .vcr-grain:after{animation:vcr-drop-surge var(--vcr-dur, .7s) ease-in-out}body.vcr-drop .wrap{animation:vcr-drop-glitch var(--vcr-dur, .7s) steps(1,end),vcr-drop-hue var(--vcr-dur, .7s) ease-in-out}body.vcr-drop .pixel-field{animation:vcr-drop-glitch var(--vcr-dur, .7s) steps(1,end)}}@keyframes vcr-grain{0%{background-position:0 0}20%{background-position:-25% 12%}40%{background-position:18% -22%}60%{background-position:-14% 24%}80%{background-position:22% -8%}to{background-position:-8% 16%}}@keyframes vcr-drop-surge{0%,to{opacity:0}20%{opacity:var(--vcr-s1, .6)}45%{opacity:var(--vcr-s2, .35)}70%{opacity:var(--vcr-s3, .8)}90%{opacity:.18}}@keyframes vcr-drop-glitch{0%,to{transform:translate(0) skew(0)}18%{transform:translate(var(--vcr-x1, -5px),var(--vcr-y1, -16px)) skew(var(--vcr-sk, -1.2deg))}42%{transform:translate(var(--vcr-x2, 6px),var(--vcr-y2, -7px)) scaleY(1.012)}64%{transform:translate(var(--vcr-x3, -3px),var(--vcr-y3, 9px)) skew(.4deg)}84%{transform:translate(var(--vcr-x4, 4px),-4px) skew(-.6deg)}}@keyframes vcr-drop-hue{0%,to{filter:none}30%{filter:drop-shadow(calc(-1 * var(--vcr-ca, 3px)) 0 0 var(--red-fringe)) drop-shadow(var(--vcr-ca, 3px) 0 0 var(--blue-fringe))}65%{filter:drop-shadow(var(--vcr-ca2, 2px) 0 0 var(--red-fringe)) drop-shadow(calc(-1 * var(--vcr-ca2, 2px)) 0 0 var(--blue-fringe))}}.wrap{max-width:1120px;margin:0 auto;padding:clamp(1.25rem,3.5vw,2.5rem) 1.5rem 5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}.hero-shell,.window,.cloud{position:relative;overflow:hidden}.hero-shell{width:100%;background:transparent;padding:0}.hero-grid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}.hero-copy{position:relative;padding:clamp(1.1rem,2vw,1.5rem);z-index:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero{display:flex;align-items:center;gap:clamp(.5rem,2vw,1rem);margin-bottom:1.4rem}.hero-logo{color:var(--ink);width:clamp(44px,11vw,68px);flex:0 0 auto;filter:drop-shadow(-2px 0 0 var(--blue-fringe)) drop-shadow(2px 0 0 var(--red-fringe))}.hero-logo svg,.wordmark svg{display:block;width:100%;height:auto}.wordmark{color:var(--ink);width:clamp(150px,38vw,240px);filter:drop-shadow(-2px 0 0 var(--blue-fringe)) drop-shadow(2px 0 0 var(--red-fringe))}.tagline{font-size:clamp(2.2rem,6vw,4.4rem);font-weight:820;line-height:.97;color:var(--ink);max-width:11ch;margin:0 0 1rem;text-wrap:balance;text-shadow:var(--tagline-glow)}.tagline strong{display:inline-block;font-weight:900;white-space:nowrap}.vercel-mark{display:inline-block;width:.82em;height:.82em;vertical-align:-.04em;filter:drop-shadow(-1.5px 0 0 var(--blue-fringe)) drop-shadow(1.5px 0 0 var(--red-fringe))}.vercel-mark svg{display:block;width:100%;height:100%}.vercel-square{fill:var(--ink)}.vercel-triangle{fill:var(--bg)}.lede{max-width:43ch;margin:0 0 1.4rem;color:var(--muted);font-size:1rem}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1rem}.cta{display:inline-flex;align-items:center;gap:.85rem;min-height:3.5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:clamp(1.05rem,2.4vw,1.35rem);background:var(--accent);color:var(--accent-ink);border:var(--pixel-border) solid var(--ink);padding:.9rem 1.35rem;cursor:pointer;box-shadow:calc(var(--pixel-shift) * -1) 0 0 var(--blue-fringe),var(--pixel-shift) 0 0 var(--red-fringe);transition:transform .08s ease}.cta:hover{transform:translate(-1px,-1px)}.cta:active{transform:translate(1px,1px)}.cta .prompt{opacity:.55}.sample{width:100%;min-width:0;text-align:left}.window{border:var(--pixel-border) solid var(--ink);background:#24292e;box-shadow:calc(var(--pixel-shift) * -1) 0 0 var(--blue-fringe),var(--pixel-shift) 0 0 var(--red-fringe)}.window-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.7rem .9rem;background:#2d333b;border-bottom:2px solid rgba(255,255,255,.08)}.provider-actions{display:flex;align-items:center;gap:.35rem;justify-self:start}.provider-action{appearance:none;display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border:0;border-radius:5px;background:transparent;color:#d8e0ea;cursor:pointer;opacity:.58;transition:background .12s ease,opacity .12s ease,transform .08s ease}.provider-action:hover,.provider-action.is-active{background:#ffffff1a;opacity:1}.provider-action:hover{transform:translate(-1px,-1px)}.provider-action:active{transform:translate(1px,1px)}.provider-action:focus-visible{outline:2px solid #79c0ff;outline-offset:2px}.provider-action span,.provider-action svg{display:block;width:1rem;height:1rem}.window-title{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.78rem;color:#aab6c2;text-transform:uppercase;letter-spacing:.08em;justify-self:center}.window-actions{display:inline-flex;justify-self:end;gap:.45rem}.button-icon{display:inline-grid;place-items:center;width:1.1rem;height:1.1rem;flex:0 0 auto}.button-icon-default,.button-icon-success{grid-area:1 / 1;transition:opacity .12s ease,transform .12s ease}.button-icon-default{opacity:1;transform:scale(1)}.button-icon-default svg{display:block;width:100%;height:100%}.button-icon-success{opacity:0;transform:scale(.8)}.button-icon-success svg{display:block;width:100%;height:100%}.is-active .button-icon-default{opacity:0;transform:scale(.8)}.is-active .button-icon-success{opacity:1;transform:scale(1)}.window-action{appearance:none;border:0;background:transparent;color:#aab6c2;width:2rem;height:2rem;padding:.2rem;cursor:pointer;transition:transform .08s ease,color .12s ease,opacity .12s ease;opacity:.82}.copy-action .button-icon{width:25px;height:25px;border-radius:5px;padding:5px;color:#4f8cf7}.copy-action .button-icon-default,.copy-action .button-icon-success{width:15px;height:15px}.copy-action:hover .button-icon{background:#3478f61f}.download-action .button-icon{color:#ff5656}.download-action:hover .button-icon{background:#ff2a2a24}.window-action:hover{transform:translate(-1px,-1px);color:#e6edf3;opacity:1}.window-action:active{transform:translate(1px,1px)}.window-action:focus-visible{outline:2px solid #79c0ff;outline-offset:2px}.window-action.is-active{color:#fff;opacity:1}.sample pre{margin:0;border:none;border-radius:0;padding:2.4rem 1.45rem;overflow-x:auto;font-size:.85rem}.cloud{width:100%;margin-top:4.4rem;padding:clamp(2.5rem,5vw,3.5rem) 1.5rem 2.2rem}.cloud-eyebrow{margin:0 0 .3rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.cloud-mark{color:var(--ink);width:clamp(240px,55vw,380px);margin:0 auto .9rem;filter:drop-shadow(-2px 0 0 var(--blue-fringe)) drop-shadow(2px 0 0 var(--red-fringe))}.cloud-mark svg{display:block;width:100%;height:auto}.cloud h2{margin:0 0 .55rem;font-size:clamp(1.5rem,4vw,2.4rem);line-height:1;text-shadow:-1px 0 0 var(--blue-fringe),1px 0 0 var(--red-fringe)}.cloud p{margin:0 auto 1.4rem;max-width:46ch;color:var(--muted)}.signup{display:flex;gap:.55rem;max-width:440px;margin:0 auto}.signup input,.signup button{min-height:3rem;border:var(--pixel-border) solid var(--ink);border-radius:0;box-shadow:calc(var(--pixel-shift) * -1) 0 0 var(--blue-fringe),var(--pixel-shift) 0 0 var(--red-fringe)}.signup input{flex:1;min-width:0;padding:.7rem .9rem;background:var(--bg);color:var(--ink);font-size:.95rem}.signup input:focus{outline:2px solid var(--ink);outline-offset:2px}.signup button{padding:.7rem 1.1rem;background:var(--accent);color:var(--accent-ink);font-size:.95rem;font-weight:700;cursor:pointer}.signup button:disabled{opacity:.5;cursor:default;box-shadow:calc(var(--pixel-shift) * -1) 0 0 color-mix(in srgb,var(--blue-fringe) 45%,transparent),var(--pixel-shift) 0 0 color-mix(in srgb,var(--red-fringe) 45%,transparent)}.signup-msg{min-height:1.2em;margin:.8rem 0 0;font-size:.9rem;color:var(--muted)}.demo{width:100%;padding:clamp(1.25rem,3.5vw,2.75rem) 0 clamp(2rem,5vw,3.5rem)}.demo-grid{--demo-gap: clamp(1.5rem, 4vw, 3rem);--demo-height: clamp(440px, 68vh, 760px);display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:var(--demo-gap);align-items:center;text-align:left}.demo-features{display:flex;flex-direction:column;justify-content:center;height:calc(var(--demo-height) - 3rem);margin-left:clamp(1.1rem,2vw,1.5rem);margin-right:calc(-1 * var(--demo-gap));padding:clamp(1.4rem,2.6vw,2rem);background:color-mix(in srgb,var(--bg),#fff 8%);border-right:0;border-radius:14px 0 0 14px}.demo-eyebrow{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 1.1rem}.feature-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.95rem}.feature-list li{position:relative;padding-left:1.5rem;font-size:1rem;line-height:1.5;color:var(--muted)}.feature-list li:before{content:"";position:absolute;left:0;top:.45em;width:8px;height:8px;background:var(--ink);box-shadow:-1.5px 0 0 var(--blue-fringe),1.5px 0 0 var(--red-fringe)}.feature-list strong{color:var(--ink);font-weight:720}.feature-list code{font-size:.9em;padding:.05em .35em;border:1px solid var(--line);border-radius:3px;background:var(--card)}.demo-stage{position:relative}.try-me{position:absolute;top:clamp(-180px,-12.5vw,-128px);left:-18px;display:flex;flex-direction:column;align-items:flex-start;color:var(--ink);pointer-events:none;z-index:3}.try-me-label{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-weight:800;font-size:clamp(1.35rem,3vw,1.8rem);letter-spacing:.02em;transform:rotate(-6deg)}.try-me-arrow{width:clamp(78px,11vw,116px);height:auto;margin:.1rem 0 0 .4rem;filter:drop-shadow(-1.5px 0 0 var(--blue-fringe)) drop-shadow(1.5px 0 0 var(--red-fringe))}.demo-frame{position:relative;height:var(--demo-height);border:4px solid var(--ink);background:var(--card);box-shadow:var(--pixel-shift, 4px) var(--pixel-shift, 4px) 0 0 var(--blue-fringe),calc(-1 * var(--pixel-shift, 4px)) calc(-1 * var(--pixel-shift, 4px)) 0 0 var(--red-fringe);overflow:hidden}.demo-iframe{display:block;width:100%;height:100%;border:0;background:#fff}.demo-frame[data-state=loading] .demo-iframe,.demo-frame[data-state=error] .demo-iframe{visibility:hidden}.demo-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.9rem;color:var(--muted);text-align:center;padding:1rem}.demo-frame[data-state=ready] .demo-status{display:none}.glitch{text-shadow:calc(var(--pixel-shift) * -1) 0 0 var(--blue-fringe),var(--pixel-shift) 0 0 var(--red-fringe)}@media(prefers-reduced-motion:no-preference){.cta:hover,.signup button:hover{animation:glitch-jitter .28s steps(2,end) infinite}}@keyframes glitch-jitter{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}}footer{margin-top:4.1rem;display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:var(--bg);color:var(--muted);font-size:.82rem;box-shadow:calc(var(--pixel-shift) * -1) 0 0 var(--blue-fringe),var(--pixel-shift) 0 0 var(--red-fringe)}footer a{color:inherit}.social{display:inline-flex;align-items:center}.social svg{display:block;height:1.5em;width:auto;fill:currentColor;filter:drop-shadow(-1.5px 0 0 var(--blue-fringe)) drop-shadow(1.5px 0 0 var(--red-fringe));transition:transform .08s ease}.social:hover svg{transform:translateY(-1px)}.social-sep{color:var(--line)}@media(max-width:860px){.hero-grid{grid-template-columns:1fr}.hero-copy{align-items:center;text-align:center}.tagline,.lede{max-width:none}.cta-row{justify-content:center}.sample{margin-top:.5rem}.demo-grid{grid-template-columns:1fr}.demo-stage{order:1}.demo-features{order:2;height:auto;margin:1.25rem 0 0;border-radius:14px}.try-me{display:none}}@media(max-width:620px){.wrap{padding-inline:1rem}.demo{padding-inline:.85rem}.hero-shell,.cloud{padding:.85rem}.hero-copy{padding:1rem}.window-title,.cloud-eyebrow{letter-spacing:.08em}.cta{width:100%;justify-content:center}.cta-note{max-width:none;width:100%}.signup{flex-direction:column}.signup button{width:100%}}