.site .nav{display:flex;align-items:center;gap:18px}
.site .nav a:not(.btn){color:var(--ink);text-decoration:none;font-size:15px}
.site .nav a:not(.btn):hover{color:var(--brand-d)}
.eyebrow{color:var(--brand-d);font-weight:600;font-size:14px;margin:0 0 10px}
.sec{padding:56px 0;border-top:1px solid var(--line)}
.sec h2{font-size:32px;letter-spacing:-.01em}
.steps{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.steps li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.steps h3{font-size:19px;margin-top:10px}.steps p{margin:0;color:var(--muted)}
.num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700}
.proof{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.proof p{color:var(--muted);font-size:17px}
.mock{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:0 10px 30px rgba(43,38,34,.08)}
.mock-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mock .pill{font-size:12px;padding:3px 9px;border-radius:99px;font-weight:600}
.mock .pill.warn{background:var(--warn-bg);color:var(--warn)}
.meter{height:8px;background:#f3ece4;border-radius:99px;overflow:hidden;margin:14px 0 10px}
.meter span{display:block;height:100%;background:var(--warn)}
.round{margin:0;font-weight:600}.round b{color:var(--warn)}
.bill{display:inline-flex;gap:4px;background:#f3ece4;padding:4px;border-radius:10px;margin:8px 0 22px}
.bill button{border:0;background:transparent;padding:8px 14px;border-radius:8px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer}
.bill button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:780px}
.plan{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column}
.plan.main{border:2px solid var(--brand)}
.plan h3{font-size:20px;margin:0}
.price{font-size:38px;font-weight:700;margin:8px 0 4px}.price small{font-size:16px;color:var(--muted);font-weight:500}
.plan .points{flex:1}.plan .btn{justify-content:center}
.compare{max-width:780px;margin-top:22px;font-size:14px;color:var(--muted)}
#faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;margin:10px 0;max-width:780px}
#faq summary{font-weight:600;cursor:pointer}
#faq details p{margin:10px 0 0;color:var(--muted)}
.foot{border-top:1px solid var(--line);padding:30px 0 40px}.foot p{margin:6px 0}.foot a{color:var(--brand-d)}.foot .logo{color:var(--ink)}
@media (max-width:860px){
  .site .nav a:not(.btn){display:none}
  .steps,.proof,.plans{grid-template-columns:1fr}
  .sec{padding:40px 0}.sec h2{font-size:26px}
  .hero{padding:20px 0 40px}
}
html{scroll-behavior:smooth}
.doc{max-width:720px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:32px 36px;margin:10px 0 30px}
.doc h1{font-size:34px;margin-bottom:4px}.doc .updated{color:var(--muted);font-size:14px;margin:0 0 20px;padding:8px 12px;background:#f6efe7;border-radius:8px;display:inline-block}
.doc h2{font-size:20px;margin:28px 0 8px}.doc p,.doc li{color:#4a423b}.doc ul{padding-left:20px}.doc li{margin:6px 0}.doc a{color:var(--brand-d)}
.legalnote{margin:6px 0 0}.legalnote a{color:var(--brand-d)}
@media (max-width:860px){.doc{padding:22px 18px}.doc h1{font-size:28px}}