:root{color-scheme:light;--color-bg:oklch(100% 0 0);--color-surface:oklch(96.5% .006 248);--color-ink:oklch(18% .025 250);--color-muted:oklch(42% .028 250);--color-primary:oklch(54% .122 248);--color-primary-deep:oklch(31% .105 252);--color-accent:oklch(66% .145 188);--color-accent-soft:oklch(91% .04 188);--color-line:oklch(86% .012 248);--font-display:"Saira Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;--font-sans:"Atkinson Hyperlegible", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Cascadia Code", "Liberation Mono", monospace;--space-page:clamp(1rem, 4vw, 3rem);--space-section:clamp(4.5rem, 9vw, 8rem);--radius-panel:16px;--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top right, oklch(93% .035 188), transparent 32rem), linear-gradient(180deg, var(--color-bg), var(--color-surface));color:var(--color-ink);font-family:var(--font-sans);font-kerning:normal;margin:0;line-height:1.58}a{color:inherit}a:focus-visible{outline:3px solid var(--color-accent);outline-offset:.22rem;border-radius:.35rem}.masthead{width:min(1120px, calc(100% - var(--space-page) * 2));justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1.25rem 0;display:flex}.brand,.nav,.hero__actions{align-items:center;display:flex}.brand{color:var(--color-primary-deep);font-family:var(--font-display);letter-spacing:.01em;gap:.7rem;font-size:1.35rem;font-weight:700;text-decoration:none}.brand__mark{flex:none;align-items:center;width:clamp(3.1rem,7vw,4rem);display:inline-flex}.brand__mark img{width:100%;height:auto;display:block}.nav{color:var(--color-muted);gap:clamp(.75rem,3vw,1.5rem);font-size:.95rem}.nav a,.text-link{text-underline-offset:.25em;transition:color .18s var(--ease-out), text-decoration-color .18s var(--ease-out);text-decoration-color:#0000}.nav a:hover,.text-link:hover{color:var(--color-primary-deep);text-decoration-color:currentColor}main{overflow:hidden}.hero,.boundary-section,.flow-section,.api-section,.evidence-section,.install-section{width:min(1120px, calc(100% - var(--space-page) * 2));margin:0 auto}.hero{grid-template-columns:minmax(0,1.04fr) minmax(320px,.76fr);align-items:center;gap:clamp(2rem,6vw,5rem);min-height:calc(100svh - 5.25rem);padding:clamp(3rem,8vw,7rem) 0;display:grid}.signal,.section-label{color:var(--color-primary);font-family:var(--font-display);letter-spacing:.025em;margin:0 0 1rem;font-size:1.02rem;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;font-weight:600;line-height:.92}h1{max-width:12.5ch;margin-bottom:1.4rem;font-size:clamp(3.6rem,11vw,5.9rem);font-weight:700}h2{max-width:12ch;margin-bottom:1rem;font-size:clamp(2.7rem,7vw,4.8rem)}h3{margin-bottom:.7rem;font-size:clamp(1.55rem,2.5vw,2rem)}.hero__lede,.section-note,.api-section__copy p,.install-section p,.flow-grid p,.proof-rail span{color:var(--color-muted);text-wrap:pretty}.hero__lede{max-width:66ch;margin-bottom:2rem;font-size:clamp(1.08rem,1.4vw,1.24rem)}.hero__actions{flex-wrap:wrap;gap:1rem 1.35rem}.button{background:var(--color-primary);color:oklch(100% 0 0);min-height:2.85rem;transition:background .18s var(--ease-out), transform .18s var(--ease-out);border-radius:999px;align-items:center;padding:0 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-primary-deep);transform:translateY(-1px)}.text-link{color:var(--color-primary-deep);font-weight:700}.hero__visual{isolation:isolate;align-items:center;min-height:clamp(29rem,58vw,38rem);display:grid;position:relative}.hero-logo{z-index:-1;pointer-events:none;width:min(118%,35rem);position:absolute;inset:clamp(-4rem,-7vw,-2rem) clamp(-4.5rem,-8vw,-1.5rem) auto auto}.hero-logo:after{z-index:-1;filter:blur(2.2rem);content:"";background:oklch(66% .145 188/.22);border-radius:50%;position:absolute;inset:48% 14% 12% 20%}.hero-logo img{width:100%;height:auto;display:block}.control-panel{border-radius:var(--radius-panel);background:var(--color-primary-deep);color:oklch(100% 0 0);align-self:end;gap:1.2rem;margin-top:clamp(8rem,16vw,12rem);padding:clamp(1.1rem,3vw,1.6rem);display:grid;position:relative;overflow:hidden}.control-panel:before{content:"";animation:water-shift 7s var(--ease-out) infinite alternate;background:linear-gradient(90deg,#0000,oklch(88% .08 190/.22),#0000),radial-gradient(circle at 80% 10%,oklch(66% .145 188/.38),#0000 14rem);position:absolute;inset:0;transform:translate(-18%)}.gauge,.channel,.locks{z-index:1;position:relative}.gauge{border-bottom:1px solid oklch(100% 0 0/.2);justify-content:space-between;gap:1rem;padding-bottom:1rem;display:flex}.gauge__label,.locks span{color:oklch(89% .03 230);font-family:var(--font-mono);font-size:.82rem}.gauge__value{color:var(--color-accent-soft);font-weight:800}.channel{grid-template-columns:repeat(3,1fr);align-items:end;gap:.6rem;min-height:12rem;display:grid}.channel span{background:linear-gradient(oklch(68% .15 190),oklch(45% .13 232));border:1px solid oklch(100% 0 0/.26);border-bottom:0;border-radius:999px 999px 0 0;flex-direction:column;justify-content:flex-end;gap:.35rem;min-height:70%;padding:1rem .7rem;display:flex}.channel b,.channel small{display:block}.channel b{color:oklch(100% 0 0);font-family:var(--font-display);letter-spacing:0;font-size:clamp(1.1rem,2.1vw,1.45rem);font-weight:700}.channel small{color:oklch(90% .03 220);font-family:var(--font-mono);font-size:clamp(.64rem,1.2vw,.78rem)}.channel span:nth-child(2){min-height:88%}.channel span:nth-child(3){min-height:58%}.locks{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.locks li{border-top:1px solid oklch(100% 0 0/.18);justify-content:space-between;align-items:baseline;gap:1rem;padding-top:.7rem;display:flex}.locks strong{font-size:.98rem;font-weight:700}.boundary-section,.flow-section,.api-section,.evidence-section,.install-section{padding:var(--space-section) 0}.boundary-section{border-top:1px solid var(--color-line);grid-template-columns:.62fr 1fr;gap:clamp(2rem,5vw,4rem);display:grid}.boundary-chain{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.boundary-chain li{border-top:1px solid var(--color-line);grid-template-columns:5rem minmax(8rem,.7fr) minmax(0,1fr);align-items:baseline;gap:1rem;padding:1rem 0;display:grid}.boundary-chain li:first-child{border-top:0;padding-top:0}.boundary-chain li[aria-current=step]{color:var(--color-primary-deep)}.boundary-chain span{color:var(--color-primary);font-family:var(--font-mono);font-size:.78rem}.boundary-chain strong{font-family:var(--font-display);letter-spacing:-.005em;font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:600}.boundary-chain p{color:var(--color-muted);margin:0}.flow-section{border-top:1px solid var(--color-line);grid-template-columns:.62fr 1fr;gap:clamp(2rem,5vw,4rem);display:grid}.flow-grid{gap:0;display:grid}.flow-grid article{border-top:1px solid var(--color-line);padding:1.35rem 0}.flow-grid article:first-child{border-top:0;padding-top:0}.flow-grid p,.api-section__copy p,.install-section p,.section-note{max-width:65ch;margin-bottom:0}.section-note{margin-top:1.25rem}.sequence-key{flex-wrap:wrap;gap:.55rem 1.2rem;margin:1.35rem 0 0;display:flex}.sequence-key div{gap:.4rem;display:flex}.sequence-key dt{color:var(--color-primary-deep);font-family:var(--font-mono);font-size:.82rem;font-weight:700}.sequence-key dd{color:var(--color-muted);margin:0}.evidence-section{border-top:1px solid var(--color-line);grid-template-columns:.62fr 1fr;gap:clamp(2rem,5vw,4rem);display:grid}.proof-rail{gap:0;margin:0;padding:0;list-style:none;display:grid}.proof-rail li{border-top:1px solid var(--color-line);grid-template-columns:minmax(10rem,.45fr) minmax(0,1fr);gap:1rem;padding:1rem 0;display:grid}.proof-rail li:first-child{border-top:0;padding-top:0}.proof-rail strong{color:var(--color-primary-deep);font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.55rem);font-weight:600}.proof-rail span{margin:0}.evaluator-links{flex-wrap:wrap;gap:.65rem 1.25rem;margin:1.4rem 0 0;display:flex}.api-section{grid-template-columns:minmax(0,.72fr) minmax(320px,1fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.code-well,.install-command{border-radius:var(--radius-panel);font-family:var(--font-mono);margin:0;font-size:clamp(.88rem,1.2vw,1rem);line-height:1.7;overflow-x:auto}.code-well .expressive-code,.install-command .expressive-code{margin:0}.code-well code,.install-command code{font-variant-ligatures:none}.install-section{border-top:1px solid var(--color-line);justify-content:space-between;align-items:end;gap:2rem;display:flex}.install-actions{flex:0 25rem;gap:.85rem;display:grid}.install-command{padding:1rem 1.2rem}@keyframes water-shift{to{transform:translate(18%)}}@media (width<=820px){.masthead,.install-section{align-items:flex-start}.masthead,.hero,.boundary-section,.flow-section,.api-section,.evidence-section,.install-section{grid-template-columns:1fr}.masthead,.install-section{flex-direction:column}.hero__visual{min-height:34rem}.hero-logo{width:min(112%,30rem);inset:-2.5rem -2.5rem auto auto}.control-panel{margin-top:10rem}.nav{flex-wrap:wrap;justify-content:flex-start;width:100%}h1{max-width:13ch;font-size:clamp(3.2rem,16vw,4.9rem)}.boundary-chain li,.proof-rail li{grid-template-columns:1fr;gap:.35rem}.control-panel{min-height:auto}.install-actions,.install-command{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
