:root{--bg: #0b0b0c;--surface: #141416;--surface-2: #1b1b1f;--line: #26262b;--text: #f3f3f4;--muted: #a2a2ab;--red: #e5322d;--red-dark: #b00000;--accent: #e5322d;--radius: 12px;--mono: "Share Tech Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}img,svg{max-width:100%}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}h1{font-size:clamp(2.3rem,5.4vw,4rem);line-height:1.04;margin:0 0 18px;letter-spacing:-.025em;font-weight:800}h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;margin:0 0 18px;letter-spacing:-.015em}h3{margin:0 0 6px;font-size:1.08rem}.lede{font-size:1.18rem;color:var(--muted);max-width:56ch}.kicker{color:var(--accent);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;margin-bottom:12px}.section-lede{color:var(--muted);max-width:64ch;margin:-6px 0 28px}.top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;background:#0b0b0cd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-weight:800;font-size:1.15rem;letter-spacing:-.01em;white-space:nowrap}.wordmark span{font-weight:400}.top nav{display:flex;gap:20px;align-items:center;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-family:var(--mono)}.top nav a:not(.btn){text-decoration:none;color:var(--muted)}.top nav a:not(.btn):hover{color:var(--text)}.btn{display:inline-block;background:var(--red);color:#fff!important;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-family:Inter,sans-serif;letter-spacing:0;text-transform:none;font-size:.95rem;transition:background .15s}.btn:hover{background:var(--red-dark)}.btn.ghost{background:transparent;color:var(--text)!important;border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--muted);background:transparent}.top .btn{padding:9px 14px;font-size:.85rem}main>section:not(.hero){padding:84px 0;border-top:1px solid var(--line)}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.pain{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.pain h3{font-size:1.12rem}.pain p{color:var(--muted);margin:8px 0 0}.example{background:linear-gradient(180deg,var(--bg),var(--surface) 140%)}.ex-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:stretch}.ex-rule{background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;justify-content:center}.ex-rule p{font-size:1.3rem;line-height:1.45;margin:10px 0 0;font-weight:500}.ex-lines{display:grid;gap:12px}.ex-line{background:#0e0e10;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;min-width:0}.ex-label{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.ex-line pre{margin:8px 0 0;overflow-x:auto;font-family:var(--mono);font-size:.86rem;line-height:1.5;color:#e7e7ea;white-space:pre}.how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0;margin:28px 0 0;counter-reset:step;list-style:none}.how li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;color:var(--muted)}.how li strong{display:block;color:var(--text);margin-bottom:8px;font-size:1.08rem}.how li:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;color:var(--accent);font-family:var(--mono);margin-bottom:12px}.ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:28px}.seed{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-decoration:none;transition:border-color .15s,transform .15s}.seed:hover{border-color:var(--accent);transform:translateY(-2px)}.seed-step{font-family:var(--mono);color:var(--accent);font-size:.8rem}.seed-tag{color:var(--text);margin:0;font-weight:500}.seed-pitch{color:var(--muted);margin:0;font-size:.95rem}.seed-stack{margin-top:auto;padding-top:10px;font-family:var(--mono);font-size:.74rem;color:var(--muted)}.seed-go{color:var(--red);font-weight:600;font-size:.9rem}.all-seeds{margin:24px 0 0}.all-seeds a{color:var(--muted)}.closing{text-align:center}.closing p{color:var(--muted);max-width:60ch;margin:0 auto;font-size:1.1rem}.closing .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:.85rem}.foot{display:flex;gap:20px;flex-wrap:wrap}@media (max-width: 860px){main>section:not(.hero){padding:56px 0}.wrap{padding:0 16px}.top{padding:12px 16px}.top nav a:not(.btn){display:none}.pain-grid,.how ol,.ex-grid{grid-template-columns:1fr}}:root{--accent: #34d399}.hero{--em: #34d399;--em-deep: #10b981;--em-wash: rgba(52, 211, 153, .12);--amber: #fbbf24;--amber-wash: rgba(251, 191, 36, .12);--no: #f87171;--no-wash: rgba(248, 113, 113, .12);--ink: #0f1112;--edge: #3a3f44;position:relative;overflow:hidden;padding:52px 0 64px;background:radial-gradient(900px 420px at 78% 8%,rgba(16,185,129,.1),transparent 70%),radial-gradient(circle at 1px 1px,rgba(255,255,255,.055) 1px,transparent 1.4px) 0 0 / 22px 22px,var(--bg)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"copy card" "flow flow";gap:36px 48px;align-items:start}.hero-copy{grid-area:copy}.hero-flow{grid-area:flow;min-width:0}.hero .outcome{grid-area:card}.hero-eyebrow{display:flex;flex-wrap:wrap;gap:6px 0;margin-bottom:22px;font-family:var(--mono);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--em)}.hero-eyebrow span+span:before{content:"→";color:#4b5560;margin:0 10px;letter-spacing:0}.hero h1{max-width:13ch}.hero .lede{color:#b4b8bf;max-width:54ch}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}.run-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.run-label{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:6px}.run-bar button{font-family:var(--mono);font-size:.85rem;color:#c9cdd2;background:#121416;border:1px solid var(--line);border-radius:999px;padding:6px 13px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.run-bar button:hover{border-color:#4b5560;color:var(--text)}.run-bar button.on{border-color:var(--em);color:var(--em);background:var(--em-wash)}.run-bar button:focus-visible{outline:2px solid var(--em);outline-offset:2px}.hero .flow{display:block;width:100%;height:auto;background:#0f1112b8;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.hero .flow-tall{display:none}.hero .edges line{stroke:var(--edge);stroke-width:1.6}.hero .arrowhead{fill:#4b5560}.hero .edge-label{font-family:var(--mono);font-size:12px;fill:#7d858e}.hero .taken{fill:none;stroke:var(--em);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:dec-draw 1.7s cubic-bezier(.55,.1,.4,1) forwards}.hero .taken.glow{stroke-width:12;stroke-opacity:.18}.hero .node rect,.hero .node polygon{fill:var(--ink);stroke:#454b52;stroke-width:1.5}.hero .app-node rect{stroke:#6b7480}.hero .n-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.14em;fill:var(--em)}.hero .n-title{font-size:14px;font-weight:700;fill:var(--text)}.hero .n-sub{font-family:var(--mono);font-size:12px;fill:#9aa1a9}.hero .d-text{font-size:13.5px;font-weight:600;fill:#e3e5e8}.hero .d-op{font-family:var(--mono);font-size:13px;fill:#9aa1a9}.hero .d-id{font-family:var(--mono);font-size:11px;letter-spacing:.08em;fill:#6b7480}.hero .diamond.pass,.hero .diamond.fail{animation:dec-lit .35s ease-out both}.hero .diamond.pass polygon{--lit-stroke: var(--em);--lit-fill: #0f2a20}.hero .diamond.fail polygon{--lit-stroke: var(--no);--lit-fill: #2c1414}.hero .diamond.fail.soft polygon{--lit-stroke: var(--amber);--lit-fill: #2a210c}.hero .diamond.pass .d-op{--lit-text: var(--em)}.hero .diamond.fail.soft .d-op{--lit-text: var(--amber)}.hero .diamond.fail .d-op{--lit-text: var(--no)}.hero .diamond.idle{opacity:.55}.hero .o-title{font-size:13.5px;font-weight:700;fill:#c9cdd2}.hero .o-sub{font-family:var(--mono);font-size:11px;fill:#7d858e}.hero .out:not(.hit){opacity:.6}.hero .out.hit{animation:dec-lit .4s ease-out both}.hero .out.hit.hard rect{--lit-stroke: var(--no);--lit-fill: #2c1414}.hero .out.hit.soft rect{--lit-stroke: var(--amber);--lit-fill: #2a210c}.hero .out.hit.approve rect{--lit-stroke: var(--em);--lit-fill: #0f2a20}.hero .out.hit .o-title{fill:#fff}@keyframes dec-lit{0%{opacity:.55}to{opacity:1}}.hero .diamond.pass polygon,.hero .diamond.fail polygon,.hero .out.hit rect{animation:dec-stroke .35s ease-out both;animation-delay:inherit}.hero .diamond.pass .d-op,.hero .diamond.fail .d-op{animation:dec-text .35s ease-out both;animation-delay:inherit}@keyframes dec-stroke{0%{stroke:#454b52;fill:var(--ink)}to{stroke:var(--lit-stroke);fill:var(--lit-fill);stroke-width:2.2}}@keyframes dec-text{0%{fill:#9aa1a9}to{fill:var(--lit-text)}}@keyframes dec-draw{to{stroke-dashoffset:0}}.hero .outcome{background:linear-gradient(180deg,#131715,#0f1112);border:1px solid var(--line);border-top:3px solid var(--em);border-radius:var(--radius);padding:22px 22px 18px;box-shadow:0 24px 60px -30px #000c;animation:dec-card .45s ease-out both}.hero .outcome.bad{border-top-color:var(--no)}.hero .outcome.soft{border-top-color:var(--amber)}@keyframes dec-card{0%{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}.outcome-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.hero .badge{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:999px;color:var(--em);background:var(--em-wash)}.hero .outcome.bad .badge{color:var(--no);background:var(--no-wash)}.hero .outcome.soft .badge{color:var(--amber);background:var(--amber-wash)}.outcome-id{font-family:var(--mono);font-size:.78rem;color:var(--muted)}.outcome-title{margin:14px 0 12px;font-size:1.45rem;font-weight:800;letter-spacing:-.015em}.reasons{list-style:none;margin:0;padding:0;display:grid;gap:2px}.reasons li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:8px 0;border-top:1px dashed #2b3035;font-size:.93rem;color:#dfe2e5}.reasons .mark{position:relative;width:14px;height:14px;border-radius:50%;border:1.5px solid currentColor;top:2px}.reasons .pass .mark{color:var(--em);background:var(--em-wash)}.reasons .pass .mark:after{content:"";position:absolute;left:3.5px;top:1px;width:3px;height:6px;border:solid var(--em);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.reasons .fail .mark{color:var(--no);background:var(--no-wash)}.reasons .fail .mark:before,.reasons .fail .mark:after{content:"";position:absolute;left:5.25px;top:2px;width:1.5px;height:7px;background:var(--no);transform:rotate(45deg)}.reasons .fail .mark:after{transform:rotate(-45deg)}.hero .outcome.soft .reasons .fail .mark{color:var(--amber);background:var(--amber-wash)}.hero .outcome.soft .reasons .fail .mark:before,.hero .outcome.soft .reasons .fail .mark:after{background:var(--amber)}.reasons .fail .why{color:#fff;font-weight:600}.reasons .skip{color:#6b7280}.reasons .skip .mark{color:#3f454b;border-style:dashed}.reasons .rule{font-family:var(--mono);font-size:.74rem;color:var(--muted);letter-spacing:.06em}.outcome-foot{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:.84rem;color:var(--muted)}@media (max-width: 960px){.hero{padding:40px 0 52px}.hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "flow" "card";gap:28px}.hero .flow-wide{display:none}.hero .flow-tall{display:block;padding:6px}.hero .flow-tall .d-text,.hero .flow-tall .o-title{font-size:15.5px}.hero .flow-tall .d-op{font-size:13.5px}.hero .flow-tall .n-sub,.hero .flow-tall .o-sub,.hero .flow-tall .edge-label,.hero .flow-tall .d-id{font-size:12.5px}.hero .flow-tall .n-title{font-size:15.5px}.hero h1{max-width:none}}@media (max-width: 560px){.hero .outcome{padding:18px 16px 14px}.outcome-title{font-size:1.25rem}.run-label{width:100%}}@media (prefers-reduced-motion: reduce){.hero .taken{animation:none;stroke-dashoffset:0}.hero .outcome,.hero .diamond,.hero .out{animation-duration:.01ms!important;animation-delay:0ms!important}.hero .diamond polygon,.hero .diamond .d-op,.hero .out rect{animation-duration:.01ms!important;animation-delay:0ms!important}}
