*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e0e0e;--orange: #fa9005;--gray: #acacac;--text: #ffffff;--sep: #1e1e1e;--dim: #444;--nav-h: 68px}html{scroll-behavior:smooth}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{background:var(--bg);color:var(--text);font-family:Albert Sans,sans-serif;overflow-x:hidden}#page{max-width:1512px;width:100%;margin:0 auto}.topbar{position:fixed;top:0;left:50%;transform:translate(-50%);max-width:1512px;width:100%;z-index:200;background:var(--bg)}.nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 3rem;height:var(--nav-h)}.nav__logo img{display:block}.nav__links{display:flex;gap:2.8rem}.nav-link{color:var(--dim);text-decoration:none;font-family:Source Code Pro,monospace;font-size:.78rem;letter-spacing:.03em;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--text)}.separator{border:none;border-top:1px solid var(--sep)}.scroll-rail{position:absolute;top:calc(var(--nav-h) + 1px);right:0;width:3px;height:calc(100vh - var(--nav-h) - 1px);z-index:300;pointer-events:none}.scroll-thumb{position:absolute;top:0;left:0;width:100%;background:var(--orange);will-change:transform}.section{height:982px;position:relative;overflow:hidden;padding-top:var(--nav-h)}.hero{display:flex;flex-direction:column;padding:2rem 3rem 1.5rem;height:100%}.hero>.section-eyebrow{margin-bottom:1.5rem}.hero__content{max-width:820px}.hero__title{font-family:Space Grotesk,sans-serif;font-size:5rem;font-weight:700;line-height:1.06;letter-spacing:-.03em;margin-bottom:1.5rem}.hero__accent{color:var(--orange)}.hero__body{color:var(--gray);font-size:1.2rem;line-height:1.7;max-width:780px}.hero__body p{margin-bottom:.2rem}.hero__body p:last-child{margin-bottom:0}.hero__body strong{color:var(--text);font-weight:600}.canvas-wrap{flex:1;max-width:820px;min-height:320px;margin-top:1.5rem;position:relative}#asciiCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#nodeCanvas{display:block;width:100%;height:100%;min-height:320px;position:relative}.hero-glitch{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:.5rem auto 2.5rem;width:min(560px,86vw);cursor:pointer;background:none;border:none;padding:0;user-select:none;-webkit-tap-highlight-color:transparent}.hero-frame-outer{border:1px solid #FA9005;padding:8px;width:100%}.hero-frame-inner{border:1px solid #FA9005;padding:5px}.hero-src-caption{font-family:Source Code Pro,monospace;font-size:.7rem;color:#acacac;letter-spacing:.04em}.hero-glitch__stage{position:relative;width:100%;aspect-ratio:1500 / 1276;overflow:hidden}.hero-glitch__canvas,.hero-glitch__fallback{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-glitch__fallback{object-fit:contain}.hero-glitch.is-live .hero-glitch__fallback{opacity:0}.hero-glitch:not(.is-live) .hero-glitch__canvas{display:none}.hero-glitch:focus-visible{outline:2px solid var(--orange);outline-offset:8px}.look-inside__label{font-family:Source Code Pro,monospace;font-size:.7rem;letter-spacing:.4em;color:var(--gray);transition:color .2s;width:100%;text-align:center;display:block}.hero-glitch:hover .look-inside__label,.hero-glitch:focus-visible .look-inside__label{color:var(--orange)}.section-inner{padding:3.5rem 3rem;height:100%;display:flex;flex-direction:column}.section-eyebrow{font-family:Source Code Pro,monospace;font-size:1rem;letter-spacing:.05em;color:var(--dim);margin-bottom:1rem}.section-heading{font-family:Space Grotesk,sans-serif;font-size:3.3rem;font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-bottom:1rem}.section-sub{color:var(--gray);font-size:1.2rem;margin-bottom:2.5rem}.section-desc{color:var(--gray);font-size:1.2rem;line-height:1.75;max-width:780px;margin-bottom:3rem}.section-desc strong{color:var(--text);font-weight:600}.brand{color:var(--orange);font-weight:600}.section--start .section-inner{flex-direction:column}.start-layout{display:flex;gap:5rem;align-items:flex-start;flex:1;min-height:0}.start-left{width:380px;flex-shrink:0}.start-heading{font-family:Space Grotesk,sans-serif;font-size:3.3rem;font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-bottom:1rem}.start-sub{color:var(--gray);font-size:.94rem;line-height:1.7;margin-bottom:1rem}.start-right{flex:1;display:flex;flex-direction:column;min-width:0}.code-window{background:#111;border:1px solid #222;width:100%;min-width:740px;margin-bottom:2rem;flex-shrink:0}.cw-bar{display:flex;align-items:center;padding:.55rem .9rem;border-bottom:1px solid #1a1a1a}.cw-dots{display:flex;gap:6px}.cw-dot{width:10px;height:10px;border-radius:50%;background:#2a2a2a}.cw-tabs{display:flex;align-items:center;padding:0 .9rem;border-bottom:1px solid #1a1a1a;gap:0}.cw-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--dim);font-family:Source Code Pro,monospace;font-size:.9rem;padding:.55rem 1rem;color:#acacac;cursor:pointer;transition:color .2s;letter-spacing:.03em}.cw-tab.active{color:var(--text);border-bottom-color:var(--orange)}.cw-tab:hover{color:var(--gray)}.cw-copy{margin-left:auto;background:none;border:none;color:var(--dim);font-family:Source Code Pro,monospace;font-size:.8rem;color:#acacac;cursor:pointer;letter-spacing:.03em;transition:color .2s}.cw-copy:hover{color:#acacac}.cw-body{display:grid;grid-template-columns:minmax(0,1fr) max-content}.cw-pre{font-family:Source Code Pro,monospace;font-size:.9rem;line-height:1.65;padding:1.1rem 1.2rem;color:var(--gray);overflow:hidden;white-space:pre-wrap;tab-size:2}.cw-pre--response{white-space:pre}.ln{color:#3a3a3a;user-select:none}.cw-pre[data-lang].active{border-right:1px solid #1a1a1a}.cw-pre[data-lang]{display:none}.cw-pre.active{display:block}.cw-pre--response{display:block!important}.cw-pre .cm{color:#555}.cw-pre .kw{color:#c792ea}.cw-pre .str{color:#c3e88d}.cw-pre .fn{color:#82aaff}.cw-pre .bl{color:var(--orange)}.cw-pre .p{color:var(--gray)}.cta-form{display:flex;gap:1.2rem;align-items:center}.btn-primary{background:var(--orange);border:none;color:#0e0e0e;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700;padding:.7rem 1.5rem;cursor:pointer;letter-spacing:.01em;transition:opacity .2s;text-decoration:none}.btn-primary:hover{opacity:.85}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--sep);margin-top:3rem}.feature{border-right:1px solid var(--sep);padding:2rem 2rem 2rem 0;min-width:0}.feature:first-child{padding-left:0}.feature:last-child{border-right:none;padding-right:0;padding-left:2rem}.feature:nth-child(2){padding-left:2rem}.feature__num{font-family:Source Code Pro,monospace;font-size:1rem;color:var(--orange);letter-spacing:.05em;display:block;margin-bottom:1rem}.feature__name{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.feature__body{color:var(--gray);font-size:1.2rem;line-height:1.7}.ql-examples{list-style:none;margin-top:1.25rem;font-size:.9rem;display:flex;flex-direction:column;gap:.4rem}.ql-ex{display:block;font-family:Source Code Pro,monospace;font-size:.9rem;line-height:1.55;padding:.4rem .75rem;background:#0a0a0a;border-left:2px solid var(--orange);color:var(--gray);white-space:pre-wrap}.ql-f{color:#82aaff}.ql-o{color:#c792ea}.ql-v{color:#c3e88d}.ql-k{color:var(--orange)}.section--touch{height:620px}.section--touch .section-inner{justify-content:flex-start}.contact-email{display:inline-block;font-family:Source Code Pro,monospace;font-size:1.1rem;color:var(--orange);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s;width:258px;margin-bottom:15rem}.contact-email:hover{border-bottom-color:var(--orange)}.page-footer{margin-top:auto;color:var(--dim);font-family:Source Code Pro,monospace;font-size:.7rem;letter-spacing:.08em}@media(max-width:1349px){.code-window{min-width:0}.cw-body{grid-template-columns:1fr}.cw-pre[data-lang].active{border-right:none;border-bottom:1px solid #1a1a1a}.cw-pre--response{white-space:pre-wrap}}@media(min-width:1200px){.canvas-wrap{max-width:min(820px,calc(min(100vw,1512px) - 448px))}.hero-glitch{position:absolute;top:75.3%;left:calc((min(868px,min(100vw,1512px) - 400px) + min(100vw,1512px))/2);right:auto;bottom:auto;transform:translate(-50%,-50%);width:340px;margin:0;z-index:2}}@media(max-width:1199px){.section{display:flex;flex-direction:column;height:auto;min-height:982px}.section--touch{min-height:520px}.section-inner{flex:1;height:auto}#intro .hero{flex:1;min-height:0;height:auto}.canvas-wrap{min-height:160px;max-width:none}#nodeCanvas{min-height:0}.hero-glitch{width:min(340px,80vw);margin:60px auto 2.5rem}}@media(max-width:1100px){.start-layout{flex-direction:column;gap:2.5rem}.start-left,.start-right{width:100%}}@media(max-width:899px){.hero__title,.start-heading,.section-heading,.feature__name{text-wrap:balance}.start-sub,.section-desc,.section-sub,.feature__body{text-wrap:pretty}.section--touch{min-height:20rem}}@media(max-width:768px){.nav{padding:1.25rem 1.5rem}.nav__links{gap:1.4rem;align-items:center}.nav-label{display:none}.nav-link{font-size:.75rem;letter-spacing:.04em}.scroll-rail{display:none}.section{height:auto;min-height:100vh;min-height:100svh}.section--touch{min-height:500px}.hero{flex:1;min-height:0;height:auto;padding:1.5rem 1.5rem .5rem}.hero__title{font-size:2.8rem}.canvas-wrap{min-height:100px}#nodeCanvas{min-height:0}.hero-glitch{width:min(360px,82vw);margin:60px auto 1.5rem;gap:.75rem}.section-inner{padding:2rem 1.5rem 3rem}.section-heading{font-size:2.6rem}.start-heading{font-size:2.2rem}.code-window{min-width:0}.cw-body{grid-template-columns:1fr}.cw-pre[data-lang].active{border-right:none;border-bottom:1px solid #1a1a1a}.cw-pre--response{white-space:pre;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.section-desc{max-width:100%}.features{grid-template-columns:minmax(0,1fr);margin-top:2rem}.feature{border-right:none;border-top:1px solid var(--sep);padding:1.5rem 0}.feature:first-child{border-top:none}.feature:last-child{padding-left:0;padding-right:0}.feature:nth-child(2){padding-left:0}#touch{display:flex;flex-direction:column}#touch .section-inner{flex:1;min-height:0}}@media(max-width:480px){.hero__title{font-size:2.1rem}.section-heading{font-size:2rem}.start-heading{font-size:1.9rem}.cw-tabs{flex-wrap:wrap}.cw-copy{margin-left:0;order:3;padding:.4rem .5rem;border-top:1px solid #1a1a1a;width:100%}}