:root{--ink:#202124;--muted:#5f6b76;--line:#e2e7ed;--blue:#1a73e8;--soft:#eef4fd}
*{box-sizing:border-box}
body{margin:0;background:#f7f9fc;color:var(--ink);font-family:Roboto,system-ui,sans-serif}
main{max-width:940px;margin:auto;padding:34px 24px 64px}
nav{margin-bottom:58px}a{color:var(--blue);text-decoration:none}
.eyebrow{margin:0 0 10px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
h1{max-width:740px;margin:0;font-size:clamp(38px,6vw,64px);line-height:1.04;letter-spacing:-.035em}
.lead{max-width:720px;margin:24px 0 46px;color:var(--muted);font-size:20px;line-height:1.55}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px}
article span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--soft);color:var(--blue);font-weight:700}
h2{margin:18px 0 8px;font-size:19px}p{line-height:1.6}article p{margin:0;color:var(--muted);font-size:14px}
.evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:46px 0;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.evidence div{display:flex;flex-direction:column;padding:25px;background:#fff}.evidence strong{font-family:"Roboto Mono",monospace;font-size:27px}.evidence span{margin-top:6px;color:var(--muted);font-size:13px}
.copy{max-width:700px}.copy p{color:var(--muted)}
.actions{display:flex;align-items:center;gap:22px;margin-top:34px}.primary{padding:12px 18px;border-radius:10px;background:var(--blue);color:#fff;font-weight:500}
@media(max-width:720px){nav{margin-bottom:38px}.steps,.evidence{grid-template-columns:1fr}.lead{font-size:17px}.evidence{gap:1px}}