:root{--bg:#f0eeeb;--bg-alt:#e8e5e0;--card:#fff;--border:#e2dfd9;--accent:#3012e4;--text:#1a1a1a;--mid:#4a4a4a;--muted:#8a8580;--red:#c53030;--green:#059669;--amber:#a67c00;--purple:#7c3aed;--teal:#0e7490;--orange:#d97706;--pink:#be185d;--indigo:#6366f1;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",sans-serif;--mono:"DM Mono",monospace}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--serif);font-weight:400}a{color:inherit;text-decoration:none}code{font-family:var(--mono);font-size:.88em;background:rgba(48,18,228,.05);padding:2px 6px;border-radius:4px;color:var(--accent)}.container{max-width:1080px;margin:0 auto;padding:0 32px}.label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.section-head{font-family:var(--serif);font-weight:400;font-size:2rem;margin-bottom:32px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--accent);color:#fff;font-family:var(--sans);font-size:.88rem;font-weight:500;border:none;border-radius:100px;text-decoration:none;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.88}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.text-link{font-size:.88rem;color:var(--muted);text-decoration:none;transition:color .2s}.text-link:hover{color:var(--text)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:translateY(0)}.interactive{margin:40px -20px}@media (min-width:740px){.interactive{margin:48px -40px}}.int-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.int-header{padding:20px 24px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.int-title{font-size:.82rem;font-weight:500;color:var(--mid)}.fb{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;padding:2px 5px;border-radius:3px;flex-shrink:0;white-space:nowrap}.fb-issue{background:rgba(197,48,48,.08);color:var(--red)}.fb-ok{background:rgba(5,150,105,.08);color:var(--green)}.fb-dead{background:hsla(38,5%,67%,.1);color:#b0ada8}.fb-dup{background:rgba(197,48,48,.08);color:var(--red)}.fb-tag{background:rgba(100,116,139,.08);color:#64748b}.fb-type{background:rgba(99,102,241,.08);color:var(--indigo)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:32px;gap:32px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px;margin-bottom:32px}.two-col-60-40{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:60px;gap:60px;align-items:start}.pv-grid{display:grid;grid-template-columns:280px 1fr;min-height:520px}.pv-controls{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.four-panel-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}.steps-grid{grid-template-columns:1fr;gap:28px}.two-col-60-40{gap:36px}.pv-grid,.two-col-60-40{grid-template-columns:1fr}.pv-grid{min-height:0}.pv-grid>:first-child{border-right:none!important;border-bottom:1px solid var(--border)}.four-panel-grid,.pv-controls{grid-template-columns:1fr}}