*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1{line-height:1.05;letter-spacing:-.045em;font-size:clamp(48px,8vw,108px);font-weight:500}h2{font-size:30px;line-height:1.2}h3{font-size:21px;line-height:1.3}p{max-width:62ch}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.15em}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{text-decoration:none}footer{font-size:13px;padding:28px 0;border-top:1px solid var(--line)}svg{display:block;width:100%;height:auto}.wrap{max-width:1160px;margin:auto;padding:0 40px}section{scroll-margin-top:24px}.muted{color:var(--muted)}@media(max-width:640px){.wrap{padding:0 22px}nav{gap:15px}h1{font-size:52px}h2{font-size:27px}body{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{--paper:#e9eeed;--ink:#132c31;--muted:#53686c;--accent:#245cd6;--line:#b7c5c6}header{padding:30px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink)}.logo{font:700 22px/1.05 ui-monospace,monospace;text-decoration:none}.hero{display:grid;grid-template-columns:1fr 190px;gap:50px;padding:65px 0}h1{font-size:clamp(52px,7vw,91px);font-weight:650}.ruler{background:var(--accent);position:relative;color:white;min-height:350px;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 19px,#a3c0ff 20px,#a3c0ff 21px,transparent 22px);background-size:40px 100%;background-repeat:no-repeat}.ruler span{position:absolute;bottom:28px;right:20px;writing-mode:vertical-rl;font:24px ui-monospace,monospace}.bench{background:#132c31;color:#e9eeed;padding:35px;display:grid;grid-template-columns:1fr 1.4fr;gap:35px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:45px 0}.steps span{display:block;color:var(--accent);font:15px ui-monospace,monospace;margin-bottom:22px}@media(max-width:680px){.hero{grid-template-columns:1fr 60px;gap:20px;padding:40px 0}.ruler{min-height:280px}.ruler span{right:10px;font-size:18px}.bench{grid-template-columns:1fr;gap:8px;padding:24px}.steps{grid-template-columns:1fr;gap:20px}.steps span{margin-bottom:12px}header nav{font-size:14px}}