:root{--ink:#16212a;--soft:#5b6873;--line:#d5dade;--fill:#f2f4f5;--bg:#e4e8eb;--accent:#0f7c7a}body{background:var(--bg);color:var(--ink);margin:0;font-family:Atkinson Hyperlegible,system-ui,sans-serif;line-height:1.5}.front{max-width:40rem;margin:0 auto;padding:3rem 1.25rem 4rem}.front .brand{align-items:center;gap:.6rem;margin-bottom:2.5rem;font-weight:700;display:flex}.front .brand i{border:2px solid var(--ink);border-radius:5px;width:22px;height:22px;display:inline-block}.front h1{margin:0 0 .75rem;font-size:1.9rem;line-height:1.2}.front .lead{color:var(--soft);margin:0 0 2rem;font-size:1.05rem}.front .stages{gap:1rem;margin:0 0 2.5rem;display:grid}.front .stage{border:1px solid var(--line);background:#fff;border-radius:10px;padding:1rem 1.1rem}.front h2{margin:0 0 .25rem;font-size:1.05rem}.front .stage p{color:var(--soft);margin:0}.front form{flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem;display:flex}.front input[type=email]{min-width:14rem;font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;padding:.55rem .7rem}.front button,.front .btn{font:inherit;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:8px;padding:.55rem 1rem;font-weight:700;text-decoration:none;display:inline-block}.front .btn.ghost{color:var(--ink);background:#fff}.front .note{color:var(--soft);margin:.5rem 0 0;font-size:.95rem}
