:root{--night:#06070d;--surface-1:#0b0d16;--surface-2:#10121d;--surface-3:#161926;--line:#ffffff14;--line-strong:#ffffff24;--text-1:#f4f5fa;--text-2:#b8bccf;--text-3:#8d92a7;--accent:#8b7cf6;--accent-strong:#a397ff;--accent-ink:#0d0a24;--teal:#2dd4bf;--good:#5ee3a1;--warn:#ffc56b;--bad:#ff8a8a;--font-display:"Sora Variable", "Sora", ui-sans-serif, system-ui, sans-serif;--font-text:"Inter Variable", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--fs-display:clamp(2.5rem, 1.45rem + 3.3vw, 4.25rem);--fs-h2:clamp(2rem, 1.35rem + 2.6vw, 3.5rem);--fs-h3:clamp(1.25rem, 1.12rem + .55vw, 1.55rem);--fs-lead:clamp(1.125rem, 1.04rem + .38vw, 1.375rem);--fs-body:1.0625rem;--fs-small:.9375rem;--fs-micro:.75rem;--radius-s:8px;--radius-m:14px;--radius-l:22px;--page:min(1200px, 100% - 2 * var(--gutter));--gutter:clamp(1rem, .4rem + 2.6vw, 2.5rem);--section:clamp(5rem, 3.4rem + 6.8vw, 9.5rem);--ease:cubic-bezier(.22, .8, .24, 1);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--night);color:var(--text-1);font-family:var(--font-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-padding-top:5.5rem;font-size:100%;line-height:1.6}body{font-size:var(--fs-body);min-height:100dvh;margin:0;overflow-x:clip}img,svg,video{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-color:#ffffff4d}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px;border-radius:4px}::selection{color:#fff;background:#8b7cf666}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:600;line-height:1.04}h1{font-size:var(--fs-display);letter-spacing:-.04em;line-height:.98}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);letter-spacing:-.02em;line-height:1.2}p{text-wrap:pretty;margin:0}.skip{z-index:100;background:var(--text-1);color:var(--night);border-radius:var(--radius-s);padding:.6rem 1rem;font-weight:600;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.page{width:var(--page);margin-inline:auto}.guides{position:relative}.guides:before,.guides:after{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent, var(--line) 6rem, var(--line) calc(100% - 6rem), transparent);width:1px;position:absolute;top:0;bottom:0}.guides:before{left:max(calc(var(--gutter) / 2), calc(50% - 600px - 2rem))}.guides:after{right:max(calc(var(--gutter) / 2), calc(50% - 600px - 2rem))}.seam{height:0;width:calc(var(--page) + 4rem);max-width:calc(100% - var(--gutter));margin-inline:auto;position:relative}.seam:before,.seam:after{content:"";pointer-events:none;background:linear-gradient(var(--line-strong), var(--line-strong)) center / 1px 100% no-repeat, linear-gradient(var(--line-strong), var(--line-strong)) center / 100% 1px no-repeat;width:13px;height:13px;position:absolute;top:-6px}.seam:before{left:-6px}.seam:after{right:-6px}section{position:relative}.section{padding-block:var(--section)}.fig{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-variant-numeric:tabular-nums;font-weight:500}.fig b{color:var(--text-2);font-weight:600}.eyebrow{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.eyebrow:before{content:"";background:var(--line-strong);width:1.5rem;height:1px}.lead{font-size:var(--fs-lead);color:var(--text-2);max-width:38rem;line-height:1.55}.two-tone .quiet{color:var(--text-3)}.btn{min-height:48px;font:600 1rem/1 var(--font-text);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:transform .16s var(--ease), background-color .16s var(--ease), border-color .16s var(--ease), box-shadow .2s var(--ease);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;padding:0 1.35rem;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 30px -12px #8b7cf6b3}.btn-primary:hover{background:var(--accent-strong);box-shadow:inset 0 0 0 1px #fff3,0 14px 40px -12px #8b7cf6d9}.btn-ghost{border-color:var(--line-strong);color:var(--text-1);background:#ffffff0a}.btn-ghost:hover{background:#ffffff14;border-color:#ffffff3d}.btn .arrow{transition:transform .2s var(--ease)}.btn:hover .arrow{transform:translate(3px)}.card{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-l)}.glass{border:1px solid var(--line-strong);background:#10121deb;box-shadow:inset 0 1px #ffffff0f}@supports (backdrop-filter:blur(20px)){.glass{backdrop-filter:blur(22px)saturate(1.2);background:#10121da8}}@media (prefers-reduced-transparency:reduce){.glass{background:var(--surface-2);backdrop-filter:none}}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.875rem}:not(pre)>code{border:1px solid var(--line);background:#ffffff0f;border-radius:6px;padding:.1em .4em;font-size:.86em}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(18px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}html:not(.js) .reveal{opacity:1;transform:none}.layout>*,.pair>*,.chapters,.chapter{min-width:0}[hidden]{display:none!important}
