@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-Semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Commit Mono;src:url(/fonts/CommitMono-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Commit Mono;src:url(/fonts/CommitMono-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Commit Mono;src:url(/fonts/CommitMono-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--bg:oklch(10% .012 180);--surface:oklch(15% .016 180);--surface-2:oklch(19% .02 180);--line:oklch(28% .018 180);--line-strong:oklch(36% .02 180);--ink:oklch(96% .008 180);--muted:oklch(74% .018 180);--ink-2:oklch(86% .012 180);--faint:oklch(46% .018 180);--primary:oklch(72% .115 178);--primary-fill:oklch(40% .11 178);--primary-fill-hover:oklch(46% .115 178);--on-primary-fill:oklch(99% .005 178);--primary-tint:oklch(72% .115 178/.12);--accent:oklch(60% .16 52);--accent-tint:oklch(60% .16 52/.12);--good:oklch(70% .14 148);--good-tint:oklch(70% .14 148/.12);--bad:oklch(66% .17 25);--bad-tint:oklch(66% .17 25/.12);--shadow:0 1px 2px #0000004d, 0 12px 32px -16px #0009;--font-display:"General Sans", -apple-system, "Segoe UI", sans-serif;--font-body:"General Sans", -apple-system, "Segoe UI", sans-serif;--font-mono:"Commit Mono", ui-monospace, "SF Mono", Menlo, monospace;--container:1120px;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--space-3xl:9rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.6}::selection{background:var(--accent-tint);color:var(--ink)}a{color:inherit;text-decoration:none}strong{font-weight:600}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600}p{margin:0}p.prose-wide{text-wrap:pretty}code,.mono{font-family:var(--font-mono);font-feature-settings:"liga" 0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}.wrap{max-width:var(--container);margin:0 auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:10;background:color-mix(in oklab, var(--bg) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{align-items:center;gap:var(--space-lg);flex-wrap:wrap;padding-block:1.1rem;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-right:auto;font-size:1.4rem;font-weight:700}.wordmark-sm{font-size:1rem;font-weight:600}.nav{gap:2.25rem;display:flex}.nav a{color:var(--ink-2);text-underline-offset:8px;font-size:.9375rem;font-weight:500;text-decoration:underline 2px #0000;transition:color .18s cubic-bezier(.25,1,.5,1),text-decoration-color .18s}.nav a:hover{color:var(--ink);text-decoration-color:var(--primary)}.nav-toggle{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:34px;height:34px;padding:0;display:none}.nav-toggle span{background:var(--ink);width:16px;height:1.5px;transition:transform .2s cubic-bezier(.25,1,.5,1),opacity .2s;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.mobile-nav{gap:var(--space-xs);padding:var(--space-sm) clamp(1.25rem, 4vw, 2.5rem) var(--space-lg);border-top:1px solid var(--line);background:var(--bg);flex-direction:column;display:none}.mobile-nav a{color:var(--ink-2);padding-block:.6rem;font-size:1.05rem;font-weight:500}.mobile-nav a:hover{color:var(--ink)}.mobile-nav .mobile-nav-cta,.mobile-nav .mobile-nav-cta:hover{margin-top:var(--space-xs);color:var(--on-primary-fill);align-self:flex-start}.btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4em;padding:.75rem 1.3rem;font-size:.95rem;font-weight:600;transition:transform .18s cubic-bezier(.25,1,.5,1),background .18s,border-color .18s;display:inline-flex}.btn-sm{padding:.55rem 1rem;font-size:.875rem}.btn-primary{background:var(--primary-fill);color:var(--on-primary-fill)}.btn-primary:hover,.btn-primary.mh-play{background:var(--primary-fill-hover);transform:translateY(-1px)}.btn-ghost{color:var(--ink);border-color:var(--muted)}.btn-ghost:hover,.btn-ghost.mh-play{border-color:var(--primary);color:var(--primary)}.watch-card{gap:var(--space-lg);padding:var(--space-lg);background:var(--primary-tint);border:1px solid var(--primary);border-radius:14px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;display:grid}.watch-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;font-size:.72rem}.watch-copy h2{margin-bottom:.6rem;font-size:clamp(1.4rem,1.5vw + 1rem,1.8rem)}.watch-form{gap:.8rem;display:grid}.watch-field{gap:.35rem;display:grid}.watch-label{color:var(--ink-2);font-size:.9rem;font-weight:500}.watch-form input[type=email],.watch-form input[type=text]{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:8px;width:100%;padding:.75rem .9rem}.watch-form input::placeholder{color:var(--muted)}.watch-form input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.watch-form .btn{width:100%}.watch-steps{counter-reset:step;gap:.65rem;margin:0 0 .9rem;padding:0;list-style:none;display:grid}.watch-steps li{counter-increment:step;color:var(--ink-2);grid-template-columns:1.65rem minmax(0,1fr);align-items:start;gap:.7rem;line-height:1.5;display:grid}.watch-steps li:before{content:counter(step);background:var(--primary-fill);width:1.65rem;height:1.65rem;color:var(--on-primary-fill);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.8rem;font-weight:600;display:grid}.watch-why{color:var(--muted);font-size:.95rem}.watch-note{color:var(--ink-2);font-size:.95rem;line-height:1.5}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}@media (width<=760px){.watch-card{padding:var(--space-md);grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.nav,.header-cta{display:none}.nav-toggle,.mobile-nav:not([hidden]){display:flex}}.site-footer{border-top:1px solid var(--line);padding-block:var(--space-lg)}.footer-inner{justify-content:space-between;align-items:flex-start;gap:var(--space-md) var(--space-lg);flex-wrap:wrap;display:flex}.footer-brand{gap:.35rem;display:grid}.footer-copy{color:var(--muted);font-size:.88rem}.footer-links{flex-wrap:wrap;align-items:baseline;gap:.6rem 1.75rem;display:flex}.footer-links a{color:var(--ink-2);font-size:.9rem}.footer-links a:hover{color:var(--ink)}.footer-contact{font-family:var(--font-mono);font-size:.85rem}.footer-disambig{max-width:none;color:var(--muted);margin-top:var(--space-sm);font-size:.78rem;line-height:1.6}.footer-disambig a{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.footer-disambig a:hover{color:var(--ink)}@media (width<=640px){.footer-inner{flex-direction:column}.footer-links{flex-direction:column;gap:.7rem}}
