@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-weight:200 900;font-display:swap;src:url(/assets/fonts/source-serif-4-latin-opsz-normal.woff2) format("woff2");}@font-face{font-family:"Instrument Sans Variable";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/instrument-sans-latin-wght-normal.woff2) format("woff2");}@font-face{font-family:"JetBrains Mono Variable";font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2");}:root{--bg: #08090A;--text: #EEEDE8;--text-2: #A7A9AC;--line: rgba(238,237,232,.16);--accent: #FFE600;--on-accent: #08090A;--serif: "Source Serif 4 Variable", "Source Serif Pro", Georgia, serif;--sans: "Instrument Sans Variable", "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono Variable", ui-monospace, Menlo, monospace;--side: clamp(20px, 4vw, 56px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;color:var(--text);font:500 15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;background:var(--bg)}a{color:inherit}:focus-visible{outline:1px solid var(--accent);outline-offset:4px}#field{position:fixed;inset:0;width:100vw;height:100vh;height:100lvh;display:block;z-index:0}.nav,main{position:relative;z-index:1}.nav{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;height:64px;padding:0 var(--side)}.logo{display:block;color:var(--text)}.logo svg{display:block;height:18px;width:auto}.nav nav{display:flex;gap:28px;font:500 14px/1 var(--sans)}.nav nav a{text-decoration:none;color:#eeede8b3;transition:color .2s}.nav nav a:hover{color:var(--text)}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:calc(30vh - 40px) var(--side) 72px}h1{margin:0;font:400 clamp(44px,5.8vw,84px)/1 var(--serif);font-optical-sizing:auto;letter-spacing:-.025em;max-width:13em;text-wrap:balance}.line{margin:28px 0 0;max-width:560px;font:450 17px/1.5 var(--sans);color:#a8a8a8;text-wrap:balance}.acts{display:flex;gap:10px;margin-top:36px;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;height:42px;padding:0 20px;border-radius:2px;font:500 14px/1 var(--sans);text-decoration:none;color:var(--text);border:1px solid rgba(238,237,232,.28);background:transparent;transition:background-color .2s,color .2s,border-color .2s}.btn:hover{border-color:var(--text-2)}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.btn.primary:hover{background:#fff07a}@media(max-width:600px){.nav{height:60px}.nav nav{gap:20px}.hero{padding-top:calc(24svh - 20px)}h1{font-size:44px}.line{font-size:16px}}.demo{position:relative;max-width:1180px;margin:0 auto;padding:clamp(72px,12vh,140px) var(--side) 48px}.demo-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px;align-items:end;margin-bottom:40px}.demo-head h2{margin:0;font:400 clamp(34px,3.6vw,52px)/1.02 var(--serif);letter-spacing:-.022em}.demo-head p{margin:0;max-width:34em;color:#a8a8a8;font:450 16px/1.5 var(--sans)}.demo-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:0;border:1px solid var(--line);background:#08090adb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ctl{padding:8px 28px;border-right:1px solid var(--line)}.inst{display:grid;grid-template-columns:1fr auto;align-items:baseline;row-gap:14px;padding:22px 0 24px;border-bottom:1px solid var(--line)}.inst:last-child{border-bottom:0}.inst .lab{font:500 13px/1.3 var(--sans);color:#a8a8a8}.inst .val{font:400 22px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--text)}.inst .val em{font-style:normal;font-size:12px;color:#7d7f83;margin-left:6px}.inst.fixed .val{font-size:16px;color:#a8a8a8;letter-spacing:.04em}.inst input{grid-column:1 / -1}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;margin:0;background:transparent;cursor:pointer;--p: 50%}input[type=range]::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,var(--text) var(--p),rgba(238,237,232,.2) var(--p))}input[type=range]::-moz-range-track{height:1px;background:#eeede833}input[type=range]::-moz-range-progress{height:1px;background:var(--text)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;margin-top:-5px;background:var(--text);border:0;border-radius:0}input[type=range]::-moz-range-thumb{width:11px;height:11px;background:var(--text);border:0;border-radius:0}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--accent)}input[type=range]:focus-visible::-moz-range-thumb{background:var(--accent)}.sheet{position:relative;padding:8px 28px 10px}.sheet .mark{position:absolute;top:14px;right:28px;font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#7d7f83}.sheet dl{margin:22px 0 0}.sheet dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.sheet dl>div:last-child{border-bottom:0}.sheet dt{font:400 13px/1.35 var(--mono);color:#a8a8a8}.sheet dd{margin:0;font:400 17px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.sheet .key dd{color:var(--accent);font-size:22px}.sheet dl.pending dd{color:#7d7f83}.strip{margin:28px 0 0}.strip canvas{display:block;width:100%;height:120px}.strip figcaption{margin-top:10px;font:400 11px/1 var(--mono);letter-spacing:.04em;color:#7d7f83}.foot-note{margin:28px 0 0;font:400 11px/1.5 var(--mono);letter-spacing:.02em;color:#7d7f83}.foot{position:relative;z-index:1;display:flex;align-items:center;gap:24px;max-width:1180px;margin:0 auto;padding:28px var(--side) 40px;font:500 13px/1 var(--sans);color:#7d7f83}.foot .logo svg{height:14px;width:14px}.foot a{color:#a8a8a8;text-decoration:none}.foot a:hover{color:var(--text)}.foot>a:last-child{margin-left:auto}html{scroll-behavior:smooth}@media(max-width:820px){.demo-head,.demo-grid{grid-template-columns:1fr}.ctl{border-right:0;border-bottom:1px solid var(--line);padding:4px 20px}.sheet{padding:4px 20px 6px}.sheet .mark{right:20px}.sheet dt{font-size:12px}.sheet dd{font-size:15px}.strip canvas{height:96px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}