:root{color-scheme:dark;--background:#101b17;--surface:#192a22;--ink:#f0f4ea;--muted:#abbcaf;--accent:#b9e08d;--line:#33463a;--radius:20px;--width:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font:16px/1.6 system-ui,sans-serif}.shell{width:min(var(--width),90%);margin:auto}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.masthead{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-weight:750;font-size:24px;letter-spacing:-1px}.masthead>a:last-child{font-size:14px;color:var(--muted)}.hero{padding:92px 0 96px;max-width:800px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--accent);font-weight:650}h1{font-size:clamp(56px,9vw,104px);line-height:1.04;letter-spacing:-5px;margin:22px 0 28px}h1 span{color:var(--accent)}.intro{font-size:20px;color:var(--muted);max-width:650px}.button{display:inline-flex;gap:24px;align-items:center;margin-top:20px;background:var(--accent);color:var(--background);padding:15px 22px;border-radius:30px;font-weight:650}.pipeline{border-top:1px solid var(--line);padding:42px 0 60px;scroll-margin-top:24px}h2{font-size:32px;letter-spacing:-1px;margin:8px 0 28px}.flow{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}.parallel{display:grid;gap:18px}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.step-label{color:var(--muted);font-size:12px;letter-spacing:1px;text-transform:uppercase}h3{font-size:26px;margin:8px 0}.step p{color:var(--muted);margin:8px 0 22px}.badge{display:inline-block;border:1px solid var(--line);padding:5px 10px;border-radius:16px;font-size:12px;color:var(--accent)}.production{border-color:var(--accent)}.connector{font-size:36px;color:var(--accent)}.note{color:var(--muted);font-size:14px;max-width:760px;margin-top:28px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:28px 0 40px;color:var(--muted);font-size:13px}@media(max-width:650px){.hero{padding:60px 0}h1{letter-spacing:-3px}.flow{grid-template-columns:1fr}.connector{text-align:center;transform:rotate(90deg)}footer{flex-direction:column}.masthead>a:last-child{font-size:12px}}