:root{
  --bg:#F6F4EF; --panel:#ECE9E2; --ink:#1A1A1A; --mute:#6B6B66; --line:#D9D5CC; --accent:#B5451B;
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:104px;
  --f0:.875rem; --f1:1rem; --f2:1.3125rem; --f3:1.75rem; --f4:2.3125rem;
  --r:2px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--bg)}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:var(--f1);-webkit-font-smoothing:antialiased}
::selection{background:var(--ink);color:var(--bg)}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 var(--s3)}
.page{max-width:640px;margin:0 auto;padding:0 var(--s3) var(--s6)}

header{padding:var(--s3) 0}
header .wrap,header .page{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:0}
.brand{font-weight:600;font-size:var(--f2);letter-spacing:-.02em;text-decoration:none}
nav a{font-size:var(--f0);color:var(--mute);text-decoration:none;margin-left:var(--s3)}
nav a:hover{color:var(--ink)}

h1{font-size:var(--f4);line-height:1.15;letter-spacing:-.02em;font-weight:600}
h2{font-size:var(--f3);font-weight:600;letter-spacing:-.02em;line-height:1.2}
h3{font-size:var(--f1);font-weight:600;margin:var(--s4) 0 var(--s1)}
.page h1{margin:var(--s4) 0}
.page p{color:var(--mute);max-width:60ch}
.page p+p{margin-top:var(--s2)}
.page p b,.page li b{color:var(--ink);font-weight:600}
.page ul{color:var(--mute);padding-left:1.2em;max-width:60ch}
.page li+li{margin-top:var(--s1)}

.hero{padding:var(--s4) 0 var(--s5)}
.hero .wrap{display:grid;grid-template-columns:7fr 5fr;gap:var(--s5);align-items:center}
.hero h1{max-width:16ch}
.tag{color:var(--mute);font-size:var(--f2);margin-top:var(--s2);max-width:34ch}

.buy{background:var(--panel);border-radius:var(--r);padding:var(--s4)}
.buy .price{font-size:var(--f2)}
.buy .price b{font-weight:600;color:var(--accent)}
.buy .price span{color:var(--mute);white-space:nowrap}
.buy dl{margin-top:var(--s3);display:grid;grid-template-columns:auto 1fr;gap:var(--s1) var(--s3);font-size:var(--f0)}
.buy dt{color:var(--mute)}
.buy .cta{margin-top:var(--s3);width:100%;text-align:center}
.buy .fine{margin-top:var(--s2)}

.cta{display:inline-block;background:var(--ink);color:var(--bg);text-decoration:none;font-weight:600;padding:14px 28px;border-radius:var(--r);border:0;font:inherit;font-weight:600;cursor:pointer}
.cta:hover{background:#000}
.fine{font-size:var(--f0);color:var(--mute)}
.state{padding:14px 28px;border:1px solid var(--line);border-radius:var(--r);font-weight:600;text-align:center}

.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--s4) 0}
.facts .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}
.facts b{display:block;font-size:var(--f3);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.facts p{color:var(--mute);margin-top:var(--s1)}

.how{padding:var(--s6) 0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);margin-top:var(--s4)}
.steps b{display:block;font-weight:600;margin-bottom:var(--s1)}
.steps p{color:var(--mute)}
.steps small{display:block;font-size:var(--f0);color:var(--mute);margin-bottom:var(--s1)}
.refund{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line);max-width:60ch}

.list{background:var(--panel);padding:var(--s5) 0}
.list .wrap{display:grid;grid-template-columns:5fr 7fr;gap:var(--s5);align-items:start}
.list p{color:var(--mute);margin-top:var(--s1)}
form{display:grid;grid-template-columns:1fr auto;gap:var(--s1);align-items:start}
form label{position:absolute;left:-9999px}
input{font:inherit;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--ink);width:100%;outline:none}
input:focus{border-color:var(--ink)}
input[aria-invalid="true"]{border-color:var(--accent)}
button{font:inherit;font-weight:600;padding:13px 24px;border:0;border-radius:var(--r);background:var(--ink);color:var(--bg);cursor:pointer;white-space:nowrap}
button:hover{background:#000}
button[disabled]{opacity:.6;cursor:default}
.msg{grid-column:1/-1;font-size:var(--f0);min-height:1.4em;color:var(--mute)}
.msg.err{color:var(--accent)}
.msg.ok{color:var(--ink);font-size:var(--f1)}
.page form{margin-top:var(--s3)}

footer{padding:var(--s4) 0 var(--s5);font-size:var(--f0);color:var(--mute)}
footer .wrap,footer .page{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);justify-content:space-between;padding-bottom:0}
.page footer{margin-top:var(--s5)}
.page footer .page{padding:0}
footer a{text-decoration:none;margin-right:var(--s3)}
footer a:hover{color:var(--ink)}

@media (max-width:820px){
  .hero .wrap,.list .wrap{grid-template-columns:1fr;gap:var(--s4)}
  h1{font-size:var(--f3)}
  .facts .wrap,.steps{grid-template-columns:1fr;gap:var(--s3)}
  form{grid-template-columns:1fr}
  .how{padding:var(--s5) 0}
  .buy{padding:var(--s3)}
}