:root{color-scheme:light;--color-bg: oklch(1 0 0);--color-surface: oklch(.965 .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-sans: 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{margin:0;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);line-height:1.55}a{color:inherit}.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1120px,calc(100% - var(--space-page) * 2));margin:0 auto;padding:1.25rem 0}.brand,.nav,.hero__actions{display:flex;align-items:center}.brand{gap:.7rem;color:var(--color-primary-deep);font-size:1.08rem;font-weight:760;letter-spacing:-.02em;text-decoration:none}.brand img{border-radius:50%}.nav{gap:clamp(.75rem,3vw,1.5rem);color:var(--color-muted);font-size:.95rem}.nav a,.text-link{text-decoration-color:transparent;text-underline-offset:.25em;transition:color .18s var(--ease-out),text-decoration-color .18s var(--ease-out)}.nav a:hover,.text-link:hover{color:var(--color-primary-deep);text-decoration-color:currentColor}main{overflow:hidden}.hero,.flow-section,.api-section,.install-section{width:min(1120px,calc(100% - var(--space-page) * 2));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.76fr);gap:clamp(2rem,6vw,5rem);align-items:center;min-height:calc(100svh - 5.25rem);padding:clamp(3rem,8vw,7rem) 0}.signal,.section-label{margin:0 0 1rem;color:var(--color-primary);font-size:.9rem;font-weight:780;letter-spacing:.01em}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--color-ink);line-height:.98;letter-spacing:-.03em;text-wrap:balance}h1{max-width:11ch;margin-bottom:1.4rem;font-size:clamp(3.3rem,10vw,5.9rem)}h2{max-width:12ch;margin-bottom:1rem;font-size:clamp(2.35rem,6vw,4.8rem)}h3{margin-bottom:.7rem;font-size:clamp(1.3rem,2vw,1.7rem)}.hero__lede,.api-section__copy p,.install-section p,.flow-grid p{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{display:inline-flex;align-items:center;min-height:2.85rem;padding:0 1.1rem;border-radius:999px;background:var(--color-primary);color:#fff;font-weight:780;text-decoration:none;transition:background .18s var(--ease-out),transform .18s var(--ease-out)}.button:hover{background:var(--color-primary-deep);transform:translateY(-1px)}.text-link{color:var(--color-primary-deep);font-weight:720}.control-panel{position:relative;display:grid;gap:1.2rem;padding:clamp(1.1rem,3vw,1.6rem);border-radius:var(--radius-panel);background:var(--color-primary-deep);color:#fff;overflow:hidden}.control-panel:before{position:absolute;inset:0;background:linear-gradient(90deg,transparent,oklch(.88 .08 190 / .22),transparent),radial-gradient(circle at 80% 10%,oklch(.66 .145 188 / .38),transparent 14rem);content:"";transform:translate(-18%);animation:water-shift 7s var(--ease-out) infinite alternate}.gauge,.channel,.locks{position:relative;z-index:1}.gauge{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid oklch(1 0 0 / .2)}.gauge__label,.locks span{color:#c8dfeb;font-family:var(--font-mono);font-size:.82rem}.gauge__value{color:var(--color-accent-soft);font-weight:800}.channel{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;min-height:12rem;align-items:end}.channel span{display:block;min-height:70%;border:1px solid oklch(1 0 0 / .26);border-bottom:0;border-radius:999px 999px 0 0;background:linear-gradient(180deg,oklch(.68 .15 190),oklch(.45 .13 232))}.channel span:nth-child(2){min-height:88%}.channel span:nth-child(3){min-height:58%}.locks{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.locks li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-top:.7rem;border-top:1px solid oklch(1 0 0 / .18)}.locks strong{font-size:.98rem}.flow-section,.api-section,.install-section{padding:var(--space-section) 0}.flow-section{display:grid;grid-template-columns:.62fr 1fr;gap:clamp(2rem,5vw,4rem);border-top:1px solid var(--color-line)}.flow-grid{display:grid;gap:0}.flow-grid article{padding:1.35rem 0;border-top:1px solid var(--color-line)}.flow-grid article:first-child{border-top:0;padding-top:0}.flow-grid p,.api-section__copy p,.install-section p{max-width:65ch;margin-bottom:0}.api-section{display:grid;grid-template-columns:minmax(0,.72fr) minmax(320px,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.code-well,.install-command{margin:0;overflow-x:auto;border-radius:var(--radius-panel);background:#040e1a;color:#ddeff5;font-family:var(--font-mono);font-size:clamp(.88rem,1.2vw,1rem);line-height:1.7}.code-well{padding:clamp(1.1rem,3vw,1.65rem)}.install-section{display:flex;align-items:end;justify-content:space-between;gap:2rem;border-top:1px solid var(--color-line)}.install-command{flex:0 1 25rem;padding:1rem 1.2rem}@keyframes water-shift{to{transform:translate(18%)}}@media(max-width:820px){.masthead,.install-section{align-items:flex-start}.masthead,.hero,.flow-section,.api-section,.install-section{grid-template-columns:1fr}.masthead,.install-section{flex-direction:column}.nav{width:100%;justify-content:space-between}h1{max-width:9ch}.control-panel{min-height:auto}.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}}