:root{--ink:#0f172a;--ink-muted:#475569;--ink-faint:#94a3b8;--paper:#faf9f7;--paper-warm:#f3f0ea;--paper-card:#fff;--rule:#e4dfd6;--accent:#d4501a;--accent-hover:#b84315;--accent-light:#d4501a1a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 12px 32px #0f172a14, 0 2px 6px #0f172a0a;--serif:"Instrument Serif", Georgia, serif;--sans:"DM Sans", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace;--nav-h:64px;--wrap:1120px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 12px)}::selection{background:var(--accent-light);color:var(--accent)}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.55}body:before{content:"";pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-weight:400;line-height:1.12}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}.eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;font-size:12px;font-weight:500}.lede,.section-head>p,.strip-inner p{color:var(--ink-muted)}.btn{font-family:var(--sans);letter-spacing:.01em;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:background .16s,color .16s,border-color .16s,transform .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-sm{padding:8px 14px;font-size:13px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{color:var(--ink);border-color:var(--rule);background:0 0}.btn-ghost:hover{background:var(--paper-card)}.logo{flex-direction:column;align-items:flex-start;display:inline-flex}.logo-word{font-family:var(--serif);letter-spacing:.04em;font-weight:400;line-height:1}.logo-bar{background:var(--accent);display:block}.nav{z-index:50;-webkit-backdrop-filter:saturate(1.2)blur(12px);backdrop-filter:saturate(1.2)blur(12px);background:#faf9f7c7;border-bottom:1px solid #0000;transition:box-shadow .2s,border-color .2s;position:sticky;top:0}.nav-scrolled{border-bottom-color:var(--rule);box-shadow:0 1px #0f172a08}.nav-inner{max-width:calc(var(--wrap) + 48px);height:var(--nav-h);align-items:center;gap:32px;margin:0 auto;padding:0 24px;display:flex}.nav-brand{align-items:center;display:flex}.nav-links{gap:22px;margin-left:8px;display:flex}.nav-links a{color:var(--ink-muted);font-size:14px;font-weight:500}.nav-links a:hover{color:var(--ink)}.nav-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-menu{cursor:pointer;background:0 0;border:0;width:40px;height:40px;margin-left:auto;padding:10px;display:none}.nav-menu span{background:var(--ink);height:1.5px;margin:6px 0;display:block}.nav-drawer{display:none}.hero{max-width:calc(var(--wrap) + 48px);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:48px;margin:0 auto;padding:56px 24px 24px;display:grid}.hero h1{margin-bottom:20px;font-size:clamp(40px,5.4vw,64px)}.lede{max-width:38em;font-size:18px}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.mock{background:var(--paper-card);border:1px solid var(--rule);box-shadow:var(--shadow-md);border-radius:16px;overflow:hidden}.mock-chrome{border-bottom:1px solid var(--rule);background:#fbfaf7;align-items:center;gap:12px;padding:10px 14px;display:flex}.mock-dots{gap:5px;display:flex}.mock-dots i{background:#e8e2d8;border-radius:50%;width:8px;height:8px;display:block}.mock-title{color:var(--ink-faint);font-size:12px;font-weight:500}.mock-kicker{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px;font-size:11px}.mock-brief-body{grid-template-columns:1.3fr 1fr;display:grid}.mock-brief-main,.mock-brief-side,.mock-player-body,.mock-report-body{padding:20px 22px 22px}.mock-brief-side{background:var(--paper-warm);border-left:1px solid var(--rule)}.mock-brief-text{color:var(--ink);font-size:14px;line-height:1.55}.mock-chip-row{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.mock-chip-row span{background:var(--accent-light);color:var(--accent);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600}.mock-brief-side ol{gap:14px;display:grid}.mock-brief-side b{font-size:13px;font-weight:600;display:block}.mock-brief-side span{color:var(--ink-muted);font-size:12px;display:block}.mock-progress{background:#efeae2;border-radius:99px;width:88px;height:4px;margin-left:auto;overflow:hidden}.mock-progress span{background:var(--accent);height:100%;display:block}.mock-player-body h3,.mock-finding h3{margin:0 0 16px;font-size:20px}.mock-concept{margin-bottom:18px}.mock-concept-art{border:1px solid var(--rule);background:radial-gradient(at 20% 0,#d4501a1f,#0000 55%),linear-gradient(#f7f3ee,#efe8dd);border-radius:12px;padding:22px 18px}.mock-concept-art span{font-family:var(--serif);font-size:22px;display:block}.mock-concept-art small{color:var(--ink-muted);font-size:13px}.mock-scale{gap:6px;display:grid}.mock-scale label{border:1px solid var(--rule);color:var(--ink-muted);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.mock-scale label span{border:1px solid var(--rule);width:22px;height:22px;color:var(--ink);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.mock-scale .is-selected{border-color:var(--accent);background:var(--accent-light);color:var(--ink)}.mock-scale .is-selected span{background:var(--accent);border-color:var(--accent);color:#fff}.mock-report-body{grid-template-columns:1fr 1.1fr;gap:8px;display:grid}.mock-finding em{color:var(--accent);font-style:italic}.vw-chart{width:100%;height:auto;color:var(--rule)}.vw-too-cheap{fill:none;stroke:#94a3b8;stroke-width:1.6px}.vw-cheap{fill:none;stroke:#1a7a4a;stroke-width:1.6px}.vw-expensive{fill:none;stroke:#1a3a5c;stroke-width:1.6px}.vw-too-exp{fill:none;stroke:var(--accent);stroke-width:1.6px}.vw-marker{stroke:var(--ink);stroke-dasharray:3 3;stroke-width:1px}.vw-dot{fill:var(--accent)}.vw-label{fill:var(--ink);font-size:11px;font-family:var(--sans)}.vw-legend{color:var(--ink-muted);flex-wrap:wrap;gap:10px 14px;margin-top:8px;font-size:11px;display:flex}.vw-legend li{align-items:center;gap:6px;display:flex}.vw-legend li:before{content:"";background:currentColor;width:10px;height:2px}.vw-legend .too-cheap{color:#64748b}.vw-legend .cheap{color:#1a7a4a}.vw-legend .exp{color:#1a3a5c}.vw-legend .too-exp{color:var(--accent)}.strip{padding:8px 24px 64px}.strip-inner{max-width:var(--wrap);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:0 auto;padding:28px 32px}.strip-inner p{font-family:var(--serif);color:var(--ink);max-width:42rem;font-size:clamp(22px,2.4vw,30px);line-height:1.35}.section{max-width:calc(var(--wrap) + 48px);margin:0 auto;padding:24px 24px 88px}.section-warm{background:var(--paper-warm);max-width:none;padding:72px 24px 88px}.section-warm .section-head,.section-warm .methods,.section-warm .methods-note{max-width:var(--wrap);margin-left:auto;margin-right:auto}.section-head{max-width:640px;margin-bottom:40px}.section-head h2{margin-bottom:14px;font-size:clamp(32px,4vw,46px)}.section-head p{font-size:17px}.steps{grid-template-columns:repeat(3,1fr);gap:20px 28px;margin-bottom:56px;display:grid}.steps li{border-top:1px solid var(--rule);padding-top:16px}.step-n{font-family:var(--mono);color:var(--accent);letter-spacing:.08em;font-size:12px}.steps h3{margin:8px 0;font-size:22px}.steps p,.stage-caption p,.methods p,.audience-grid p,.split li{color:var(--ink-muted);font-size:15px}.product-stage{gap:56px;display:grid}.product-stage article{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;display:grid}.stage-flip{grid-template-columns:.85fr 1.15fr}.stage-flip .stage-caption{order:-1}.stage-caption h3{margin-bottom:10px;font-size:28px}.methods{background:var(--rule);border:1px solid var(--rule);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.methods li{background:var(--paper);padding:24px 22px 26px}.methods h3{margin-bottom:8px;font-size:22px}.methods-note{color:var(--ink-muted);margin-top:22px;font-size:14px}.split{grid-template-columns:1fr 1fr;gap:20px;display:grid}.split article{background:var(--paper-card);border:1px solid var(--rule);border-radius:16px;padding:28px 28px 32px}.split article.split-engine{background:var(--ink);color:#f8fafc;border-color:var(--ink)}.split-engine .eyebrow{color:#f0a07a}.split-engine h3{color:#fff}.split h3{margin-bottom:18px;font-size:26px}.split li{border-top:1px solid var(--rule);padding:10px 0}.split-engine li{color:#cbd5e1;border-top-color:#ffffff1a}.audience-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.audience-grid h3{margin-bottom:10px;font-size:24px}.close{text-align:center;max-width:720px;margin:0 auto 48px;padding:72px 24px 80px}.close h2{margin-bottom:14px;font-size:clamp(32px,4vw,46px)}.close>p{color:var(--ink-muted);max-width:38em;margin:0 auto 28px}.close-grid{text-align:left;max-width:520px;margin:0 auto}.walk-form{background:var(--paper-card);border:1px solid var(--rule);box-shadow:var(--shadow-sm);border-radius:16px;gap:14px;padding:22px;display:grid}.walk-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.walk-form label{color:var(--ink);gap:6px;font-size:13px;font-weight:600;display:grid}.walk-form input,.walk-form textarea{border:1px solid var(--rule);width:100%;font-family:var(--sans);color:var(--ink);background:var(--paper);resize:vertical;border-radius:10px;padding:10px 12px;font-size:15px;font-weight:400}.walk-form input:focus,.walk-form textarea:focus{outline:2px solid var(--accent-light);border-color:var(--accent)}.walk-form .btn{justify-self:start;margin-top:4px}.form-thanks,.close-aside{color:var(--ink-muted);font-size:15px}.close-aside{text-align:center;margin-top:16px}.close-aside a{color:var(--accent);font-weight:600}.close-aside a:hover{color:var(--accent-hover)}.footer{border-top:1px solid var(--rule);color:var(--ink-muted);flex-direction:column;align-items:center;gap:8px;padding:28px 24px 40px;font-size:14px;display:flex}.footer-meta{color:var(--ink-faint);gap:10px;display:flex}.footer-meta a:hover{color:var(--ink)}@media (width<=960px){.hero,.product-stage article,.stage-flip,.methods,.split,.audience-grid,.steps,.walk-row{grid-template-columns:1fr}.stage-flip .stage-caption{order:0}.hero{gap:32px;padding-top:36px}.nav-links,.nav-actions{display:none}.nav-menu{display:block}.nav-drawer{top:var(--nav-h);background:var(--paper);border-bottom:1px solid var(--rule);z-index:40;flex-direction:column;gap:4px;padding:12px 24px 32px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.nav-drawer a:not(.btn){border-bottom:1px solid var(--rule);padding:12px 0;font-size:16px;font-weight:500}.nav-drawer .btn{margin-top:10px}.mock-brief-body,.mock-report-body{grid-template-columns:1fr}.mock-brief-side{border-left:0;border-top:1px solid var(--rule)}}@media (width<=640px){.hero h1{font-size:36px}.strip-inner{padding:20px 4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover{transform:none}}
