:root{--fg:#f2f4f7;--dim:rgba(242,244,247,.62);--line:rgba(242,244,247,.16)}
*{box-sizing:border-box;margin:0}
html{background:#000;color-scheme:dark;-webkit-text-size-adjust:100%}
body{background:#000;color:var(--fg);font:300 18px/1.5 "Onest","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
header,main,footer{max-width:820px;margin:0 auto;padding:0 20px}
header{display:flex;justify-content:space-between;align-items:center;height:72px;font:400 12px/1 "JetBrains Mono",ui-monospace,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
header a{text-decoration:none}
h1{font-weight:300;font-size:clamp(36px,6.4vw,60px);line-height:1.08;letter-spacing:-.022em;margin:48px 0 20px}
h2{font-weight:300;font-size:clamp(24px,3.4vw,32px);line-height:1.2;margin:56px 0 16px}
h3{font-weight:400;font-size:18px;margin:22px 0 4px}
p{color:var(--dim)}
ul,ol{padding-left:20px;color:var(--dim)}
li{margin:7px 0}
.price{margin:28px 0;padding:22px 24px;border:1px solid var(--line);border-radius:4px}
.price b{display:block;font-weight:300;font-size:clamp(30px,5vw,42px);color:var(--fg)}
.cta{display:inline-block;margin:26px 0 8px;padding:14px 22px;background:#f2f4f7;color:#000;border-radius:2px;font:500 12px/1 "JetBrains Mono",ui-monospace,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
footer{margin-top:64px;padding-bottom:32px;border-top:1px solid var(--line);padding-top:18px;font-size:14px;color:var(--dim)}
:focus-visible{outline:1px solid #f2f4f7;outline-offset:3px}