:root{--bg:#0b0b0c;--bg-soft:#131315;--surface:#18181b;--surface-2:#1e1e22;--fg:#f2f1ee;--muted:#96959a;--muted-2:#605f64;--line:#ffffff14;--line-strong:#ffffff24;--accent:#ff6a3d;--accent-fg:#1a0f0a;--accent-dim:#ff6a3d1f;--font-display:"Inter", system-ui, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--edge:clamp(20px, 5vw, 72px);--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:auto}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p,blockquote{margin:0}em{font-style:italic}#grain{z-index:60;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}main{z-index:1;position:relative}.site-nav{z-index:50;padding:22px var(--edge);transition:background .4s var(--ease), border-color .4s var(--ease);background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.site-nav.is-scrolled{border-bottom-color:var(--line);background:#0b0b0cd1}.brand-mark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg);font-size:17px;font-weight:800}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--fg);flex-direction:column;align-items:center;gap:3px;font-size:13px;font-weight:500;display:flex;position:relative}.nav-links a span{padding-bottom:4px;position:relative}.nav-links a span:after{content:"";background:var(--accent);height:1px;transition:right .3s var(--ease);position:absolute;bottom:0;left:0;right:100%}.nav-links a:hover span:after{right:0}.nav-links a em{font-style:normal;font-family:var(--font-mono);color:var(--muted-2);letter-spacing:.06em;font-size:9.5px}.nav-cta{border:1px solid var(--line-strong);transition:border-color .25s var(--ease), background .25s var(--ease);border-radius:999px;padding:9px 18px;font-size:13px;font-weight:600}.nav-cta:hover{background:var(--surface);border-color:var(--muted-2)}.menu-btn{border:1px solid var(--line-strong);color:var(--fg);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500;display:none}.mobile-menu{z-index:55;opacity:0;pointer-events:none;background:#0b0b0cfa;flex-direction:column;justify-content:center;align-items:center;gap:26px;display:flex;position:fixed;inset:0}.mobile-menu a{font-family:var(--font-display);letter-spacing:-.01em;font-size:30px;font-weight:700}.progress-rail{left:var(--edge);z-index:45;font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted-2);opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);pointer-events:none;gap:22px;font-size:11px;display:flex;position:fixed;bottom:32px;transform:translateY(6px)}.progress-rail.is-visible{opacity:1;transform:translateY(0)}.progress-rail span{transition:color .3s var(--ease);padding-bottom:8px;position:relative}.progress-rail span.active{color:var(--fg)}.progress-rail span.active:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:0;left:0;right:0}.chapter{min-height:100vh;padding:160px var(--edge) 140px;border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;gap:56px;display:flex;position:relative}.chapter-head{flex-direction:column;gap:12px;display:flex}.tag.mono{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);font-size:11px}.tag.mono.muted{color:var(--muted-2)}.display-xl{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(42px,7.2vw,96px);font-weight:800;line-height:1}.display-lg{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(30px,4.4vw,58px);font-weight:800;line-height:1.05}.display-xl .line,.display-lg .line{display:block;overflow:hidden}.display-xl .line span,.display-lg .line span{display:inline-block}.display-xl em,.display-lg em,h2 em{font-family:var(--font-serif);letter-spacing:0;font-style:italic;font-weight:400}.accent-line em{color:var(--accent)}.lede{color:var(--muted);max-width:44ch;font-size:clamp(16px,1.4vw,19px);line-height:1.55}.hero{gap:72px;padding-top:180px}.hero-copy{flex-direction:column;gap:22px;max-width:720px;display:flex}.kicker{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-size:12px}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:6px;display:flex}.scroll-cue{color:var(--muted);align-items:center;gap:9px;font-size:13px;font-weight:500;display:inline-flex}.scroll-cue i{background:var(--muted-2);width:16px;height:1px;transition:width .3s var(--ease), background .3s var(--ease)}.scroll-cue:hover i{background:var(--fg);width:26px}.btn-primary{background:var(--accent);color:var(--accent-fg);letter-spacing:-.01em;will-change:transform;border-radius:999px;align-items:center;padding:14px 26px;font-size:14px;font-weight:700;display:inline-flex}.btn-large{padding:17px 34px;font-size:15px}.product-stage{perspective:1400px;height:clamp(340px,46vw,520px);margin-top:8px;position:relative}.product-frame{background:var(--surface);border:1px solid var(--line-strong);max-width:860px;transform-style:preserve-3d;will-change:transform;border-radius:16px;margin:0 auto;position:absolute;inset:0;overflow:hidden;transform:rotateX(10deg)rotateY(-9deg)translateZ(0);box-shadow:0 40px 90px -30px #000000b3}.pf-topbar{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:10px;padding:14px 18px;display:flex}.pf-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.pf-title{color:var(--muted);font-size:12.5px;font-weight:500}.pf-status{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);background:var(--accent-dim);border:1px solid #ff6a3d59;border-radius:999px;margin-left:auto;padding:3px 9px;font-size:10px}.pf-body{grid-template-columns:150px 1fr;min-height:300px;display:grid}.pf-nav{border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:18px 14px;display:flex}.pf-nav-item{color:var(--muted);border-radius:8px;padding:8px 10px;font-size:12.5px}.pf-nav-item.is-active{color:var(--fg);background:var(--surface-2);font-weight:600}.pf-main{flex-direction:column;gap:22px;padding:26px 30px;display:flex}.pf-stat-label{color:var(--muted-2);font-size:11.5px;font-family:var(--font-mono);letter-spacing:.06em;margin-bottom:6px;display:block}.pf-stat-value{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(26px,3vw,34px);font-weight:800}.pf-stat-value em{font-style:normal;font-family:var(--font-mono);color:var(--accent);margin-left:8px;font-size:13px}.pf-chart{width:100%;height:64px}.pf-chart polyline{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.pf-posts{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.pf-post{aspect-ratio:4/3;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:flex-end;padding:10px;display:flex}.pf-post-tag{font-family:var(--font-mono);color:var(--muted);font-size:10.5px}.pf-post-metric{font-size:12.5px;font-weight:700}.product-layer{background:var(--surface);border:1px solid var(--line-strong);opacity:0;border-radius:12px;flex-direction:column;gap:2px;padding:14px 18px;display:flex;position:absolute;box-shadow:0 24px 50px -20px #0009}.pl-label{font-family:var(--font-mono);color:var(--muted-2);letter-spacing:.05em;font-size:10px}.pl-value{font-family:var(--font-display);font-size:22px;font-weight:800}.product-layer-a{top:12%;right:4%}.product-layer-b{bottom:10%;left:2%}.prose{flex-direction:column;gap:18px;max-width:54ch;display:flex}.prose p{color:var(--muted);font-size:clamp(15px,1.1vw,17px)}.prose-lead{color:var(--muted);max-width:58ch;font-size:clamp(16px,1.3vw,19px)}.link-cta{color:var(--fg);border-bottom:1px solid var(--line-strong);width:fit-content;transition:border-color .25s var(--ease), color .25s var(--ease);padding-bottom:2px;font-size:13.5px;font-weight:600}.link-cta:hover{color:var(--accent);border-color:var(--accent)}.split-row{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}.noise-stack{height:260px;position:relative}.noise-card{aspect-ratio:16/10;border:1px solid var(--line);background:var(--surface);border-radius:12px;width:62%;position:absolute}.nc-1{opacity:.35;top:6%;left:2%;transform:rotate(-7deg)}.nc-2{opacity:.5;top:18%;left:24%;transform:rotate(4deg)}.nc-3{opacity:.7;top:4%;left:34%;transform:rotate(-2deg)}.nc-signal{aspect-ratio:16/10;background:var(--surface-2);border-color:var(--line-strong);justify-content:center;align-items:center;width:62%;display:flex;top:20%;left:14%;box-shadow:0 30px 60px -24px #0009}.nc-signal span{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);font-size:12px}.stat-row{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:32px;padding-top:30px;display:grid}.stat{flex-direction:column;gap:6px;display:flex}.stat-num{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:clamp(28px,3.4vw,44px);font-weight:800}.stat-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted-2);font-size:10.5px}.playbook-list{flex-direction:column;display:flex}.playbook-list li{border-top:1px solid var(--line);transition:background .3s var(--ease);border-radius:10px;grid-template-columns:60px 1fr 120px;align-items:center;gap:24px;margin:0 -16px;padding:24px 16px;display:grid}.playbook-list li:last-child{border-bottom:1px solid var(--line)}.playbook-list li:hover{background:var(--surface)}.pb-num{font-family:var(--font-display);color:var(--muted-2);transition:color .3s var(--ease);font-size:22px;font-weight:800}.playbook-list li:hover .pb-num{color:var(--accent)}.pb-body h3{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:18px;font-weight:700;display:flex}.pb-body h3 em{font-style:normal;font-family:var(--font-mono);color:var(--muted-2);letter-spacing:.06em;font-size:10.5px}.pb-body p{color:var(--muted);margin-top:4px;font-size:13.5px}.pb-time{font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted-2);text-align:right;font-size:11px}.creator-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.creator-card{flex-direction:column;gap:12px;display:flex}.creator-card-offset{margin-top:56px}.creator-photo{aspect-ratio:4/5;background:radial-gradient(120% 120% at 20% 0%, #ff6a3d1a, transparent 60%), var(--surface);border:1px solid var(--line);transition:transform .6s var(--ease);border-radius:14px;align-items:flex-end;padding:14px;display:flex;position:relative;overflow:hidden}.creator-card:hover .creator-photo{transform:scale(1.015)}.photo-slot-label{font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted-2);font-size:10.5px}.creator-card h3{flex-direction:column;gap:2px;font-size:19px;font-weight:700;display:flex}.creator-card h3 em{font-style:normal;font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted-2);text-transform:uppercase;font-size:10.5px}.creator-card p{color:var(--muted);font-size:14px}.pull-quote{border-top:1px solid var(--line);max-width:62ch;padding-top:24px}.pull-quote blockquote{font-family:var(--font-serif);color:var(--fg);font-size:clamp(20px,2.2vw,28px);font-style:italic;line-height:1.35}.pull-quote figcaption{font-family:var(--font-mono);color:var(--muted-2);margin-top:14px;font-size:12px}.reach{text-align:center;align-items:center}.reach-inner{flex-direction:column;align-items:center;gap:20px;max-width:700px;margin:0 auto;display:flex}.fine-print{color:var(--muted-2);max-width:48ch;font-size:13px}.site-footer{z-index:1;background:var(--bg-soft);padding:72px var(--edge) 28px;position:relative}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding-bottom:46px;display:grid}.footer-col{flex-direction:column;gap:12px;display:flex}.footer-col h4{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted-2);margin-bottom:4px;font-size:11px}.footer-col a{color:var(--muted);font-size:14px}.footer-col a:hover{color:var(--fg)}.footer-bottom{border-top:1px solid var(--line);color:var(--muted-2);justify-content:space-between;padding-top:22px;font-size:12px;display:flex}.footer-bottom .mono{font-family:var(--font-mono);letter-spacing:.05em}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.product-frame{transform:none!important}}@media (width<=980px){.split-row{grid-template-columns:1fr;gap:40px}.noise-stack{height:200px}.creator-grid{grid-template-columns:1fr}.creator-card-offset{margin-top:0}}@media (width<=860px){.nav-links,.nav-cta{display:none}.menu-btn{display:inline-flex}.pf-body{grid-template-columns:1fr}.pf-nav{display:none}.stat-row{grid-template-columns:repeat(2,1fr)}.playbook-list li{grid-template-columns:40px 1fr}.pb-time{text-align:left;opacity:.7;grid-column:2}.footer-grid{grid-template-columns:1fr 1fr}.progress-rail,.product-layer{display:none}}