: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: #f5c400}.hero{--cy: #f5c400;--ok: #3ddc84;--low: #ff5a4f;--z1: #3aa0ff;--z2: #f5c400;--z3: #ff8a3d;--z4: #ff5a4f;position:relative;overflow:hidden;padding:64px 0 72px;background:radial-gradient(900px 500px at 85% 20%,rgba(245,196,0,.07),transparent 60%),linear-gradient(180deg,#0b0b0c,#0d0e10)}.hero:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:repeating-linear-gradient(-45deg,var(--cy) 0 12px,#111 12px 24px);opacity:.85}.hero .hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px;align-items:center}.hero .hero-copy{min-width:0}.hero .hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--cy);border:1px solid rgba(245,196,0,.35);border-radius:4px;padding:6px 10px;margin-bottom:22px}.hero .blink{width:8px;height:8px;border-radius:50%;background:var(--cy);box-shadow:0 0 10px var(--cy);animation:hero-blink 1.6s steps(2,start) infinite}.hero h1{font-family:Chakra Petch,Inter,sans-serif;font-weight:700;font-size:clamp(2.3rem,5vw,3.9rem);letter-spacing:-.01em;line-height:1.02;text-transform:none}.hero .lede{font-size:1.12rem;color:#b7b7bf;max-width:52ch}.hero .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 32px}.hero .hero-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border:1px solid #26262b;border-radius:6px;overflow:hidden}.hero .hero-specs>div{padding:10px 12px;border-right:1px solid #26262b;min-width:0}.hero .hero-specs>div:last-child{border-right:0;background:#f5c4000f}.hero .hero-specs dt{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:#8d8d96}.hero .hero-specs dd{margin:2px 0 0;font-size:.9rem;font-weight:600}.hero .hero-specs dd.hot{color:var(--cy)}.hero .hero-map{margin:0;min-width:0;background:#0a0b0c;border:1px solid #2a2a30;border-radius:10px;box-shadow:0 30px 80px #0000008c,0 0 0 1px #f5c4000d inset;overflow:hidden}.hero .map-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;color:#8d8d96;padding:10px 14px;border-bottom:1px solid #222227}.hero .st{padding:2px 8px;border-radius:3px;white-space:nowrap}.hero .st-hold{color:#1a1300;background:var(--cy)}.hero .st-ok{color:#04140a;background:var(--ok)}.hero .map{display:block;width:100%;height:auto;font-family:var(--mono)}.hero .zone{stroke-width:1.5;stroke-dasharray:6 4}.hero .z1{fill:#3aa0ff0f;stroke:var(--z1);stroke-opacity:.55}.hero .z2{fill:#f5c40012;stroke:var(--z2);stroke-opacity:.6}.hero .z3{fill:#ff8a3d0d;stroke:var(--z3);stroke-opacity:.6}.hero .z4{fill:#ff5a4f12;stroke:var(--z4);stroke-opacity:.7}.hero .ztag{font-size:10.5px;letter-spacing:.06em;fill:#d4d4da}.hero .z4tag{fill:var(--z4)}.hero .tiny{font-size:9px;fill:#8d8d96;letter-spacing:.06em}.hero .rack{fill:#1c1d21;stroke:#2e2f35}.hero .chg{fill:#15161a;stroke:var(--cy);stroke-opacity:.6}.hero .bolt{fill:var(--cy)}.hero .dock{fill:none;stroke:#4a4a52;stroke-dasharray:3 3}.hero .arm-reach{fill:none;stroke:var(--z3);stroke-opacity:.5;stroke-dasharray:2 4}.hero .arm-base{fill:#23242a;stroke:var(--z3)}.hero .arm line{stroke:#d4d4da;stroke-width:4;stroke-linecap:round}.hero .arm{transform-origin:0 0;animation:hero-arm 5s ease-in-out infinite alternate}.hero .path{fill:none;stroke:var(--cy);stroke-width:2;stroke-dasharray:5 6;animation:hero-dash 1.2s linear infinite}.hero .path-next{stroke:#55555e;animation:none;transition:stroke .4s}.hero .is-enter .path-next{stroke:var(--ok)}.hero .wp{fill:#0a0b0c;stroke:var(--cy);stroke-width:1.5}.hero .wp-label{fill:var(--cy)}.hero .boundary{transition:opacity .4s}.hero .is-hold .boundary{animation:hero-flash 1s ease-in-out 3.6s infinite alternate}.hero .is-enter .boundary{opacity:.25}.hero .bot rect{stroke-width:1.5}.hero .bot-ok rect{fill:#10202e;stroke:var(--z1)}.hero .bot-ok path{fill:var(--z1)}.hero .bot-main rect{fill:#221c02;stroke:var(--cy);stroke-width:2}.hero .bot-main path{fill:var(--cy)}.hero .bot-label{fill:#9fcfff}.hero .r03{transform:translate(275px,60px);animation:hero-r03 7s ease-in-out infinite alternate}.hero .r07-travel{transform:translate(350px,245px);animation:hero-r07 4s ease-in-out both}.hero .r07-enter{transition:transform 1.4s ease-in-out}.hero .is-enter .r07-enter{transform:translate(130px)}.hero .halt-ring{fill:none;stroke:var(--low);stroke-width:2;opacity:0}.hero .is-hold .halt-ring{animation:hero-ring 1.4s ease-out 4s infinite}.hero .callout rect{fill:#0a0b0ceb;stroke:var(--low);stroke-width:1.2;transition:stroke .3s}.hero .is-enter .callout rect{stroke:var(--ok)}.hero .co-head{font-size:11px;fill:var(--low);letter-spacing:.08em}.hero .is-enter .co-head{fill:var(--ok)}.hero .co-body{font-size:9.5px;fill:#c9c9d0}.hero .corners path{fill:none;stroke:var(--cy);stroke-width:2}.hero .map-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:center;padding:14px 16px;border-top:1px solid #222227;background:#0d0e10}.hero .batt{display:block}.hero .batt-head{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:#8d8d96;margin-bottom:6px}.hero output{font-size:.95rem}.hero .ok{color:var(--ok)}.hero .low{color:var(--low)}.hero input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:2px;margin:0;background:linear-gradient(90deg,var(--cy) var(--pct),#26262b var(--pct));cursor:pointer}.hero input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:22px;border-radius:3px;background:#f3f3f4;border:2px solid #0b0b0c;box-shadow:0 0 0 1px var(--cy)}.hero input[type=range]::-moz-range-thumb{width:14px;height:20px;border-radius:3px;background:#f3f3f4;border:2px solid #0b0b0c}.hero input[type=range]:focus-visible{outline:2px solid var(--cy);outline-offset:4px}.hero .rule-line{font-family:var(--mono);font-size:.82rem;border-left:2px solid var(--cy);padding-left:12px;min-width:0}.hero .rl-k{display:block;color:#8d8d96;font-size:.72rem;letter-spacing:.08em}.hero .rl-v{color:#e7e7ea}.hero .rl-v b{font-weight:400}.hero figcaption{font-size:.8rem;color:#8d8d96;padding:0 16px 14px;background:#0d0e10}@keyframes hero-blink{to{opacity:.2}}@keyframes hero-dash{to{stroke-dashoffset:-22}}@keyframes hero-arm{0%{transform:rotate(-30deg)}to{transform:rotate(140deg)}}@keyframes hero-flash{0%{opacity:1}to{opacity:.45}}@keyframes hero-ring{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.6)}}@keyframes hero-r03{0%{transform:translate(275px,60px)}to{transform:translate(275px,222px)}}@keyframes hero-r07{0%{transform:translate(60px,385px) rotate(0)}28%{transform:translate(200px,385px) rotate(0)}33%{transform:translate(200px,385px) rotate(-90deg)}58%{transform:translate(200px,245px) rotate(-90deg)}63%{transform:translate(200px,245px) rotate(0)}to{transform:translate(350px,245px) rotate(0)}}@media (max-width: 960px){.hero{padding:40px 0 48px}.hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}.hero .hero-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .hero-specs>div:nth-child(2){border-right:0}.hero .hero-specs>div:nth-child(-n+2){border-bottom:1px solid #26262b}}@media (max-width: 520px){.hero .map-panel{grid-template-columns:minmax(0,1fr)}.hero .map-bar{font-size:.66rem}.hero .hero-cta .btn{flex:1 1 auto;text-align:center}}@media (prefers-reduced-motion: reduce){.hero *,.hero *:before{animation:none!important;transition:none!important}.hero .is-hold .halt-ring{opacity:.8}}
