:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#183d35;--muted:#62746b;--paper:#f7f8f2}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}.shell{flex-direction:column;max-width:1280px;min-height:100svh;margin:auto;padding:0 64px;display:flex}header{border-bottom:1px solid #dfe5db;justify-content:space-between;align-items:center;gap:24px;padding:36px 0;display:flex}.brand{color:var(--ink);letter-spacing:3px;font-size:23px;font-weight:800;text-decoration:none}.mark{color:#689b58;margin-right:8px;display:inline-block}.badge{white-space:nowrap;border:1px solid #d3ddcd;border-radius:30px;padding:9px 14px;font-size:12px}main{flex:1;padding:90px 0 64px}.eyebrow{text-transform:uppercase;letter-spacing:2.3px;color:var(--muted);margin:0 0 28px;font-size:11px;font-weight:700}h1{letter-spacing:-4px;margin:0;font-size:clamp(48px,6.8vw,88px);font-weight:500;line-height:1.06}h1 span{color:#73935d}.intro{max-width:550px;color:var(--muted);margin:28px 0 48px;font-size:18px;line-height:1.7}.pipeline{grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;display:grid}.pipeline>div{background:#ffffff80;border:1px solid #dce3d5;border-radius:12px;min-height:150px;padding:26px}.pipeline>.featured{background:var(--ink);color:#fff;border-color:var(--ink)}.step{letter-spacing:1.8px;opacity:.7;margin-bottom:20px;font-size:10px;display:block}strong{font-size:21px;font-weight:500;display:block}small{opacity:.75;margin-top:9px;font-size:12px;line-height:1.5;display:block}.arrow{text-align:center;color:#80957c;font-size:22px}.note{color:var(--muted);align-items:center;gap:10px;margin:26px 0 0;font-size:12px;line-height:1.5;display:flex}.note span{background:#86a56d;border-radius:50%;flex-shrink:0;width:7px;height:7px}footer{color:var(--muted);letter-spacing:1px;border-top:1px solid #dfe5db;justify-content:space-between;gap:20px;padding:26px 0;font-size:10px;display:flex}@media (max-width:700px){.shell{padding:0 24px}header{flex-wrap:wrap;padding:24px 0}.brand{font-size:19px}main{padding:58px 0 40px}h1{letter-spacing:-2.5px}.intro{font-size:16px}.pipeline{grid-template-columns:1fr}.arrow{padding:10px;transform:rotate(90deg)}.pipeline>div{min-height:135px}footer{font-size:9px}}.brand{align-items:center;gap:12px;display:inline-flex}.brand img{flex-shrink:0;display:block}
