:root{
  --bg:#1d2223; --surface:#252b2c; --surface-2:#2c3334; --line:#3b4344;
  --text:#d7d4cf; --muted:#9ea3a2; --head:#ddbfa6; --copper:#84482d; --copper-hi:#9b5636;
  --gold:#b8813f; --error:#e08a7a; --ok:#9cc49a;
  --serif:'Prata',Georgia,serif; --sans:'Manrope',system-ui,sans-serif;
  --r:6px;
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font:400 16px/1.6 var(--sans);min-height:100vh;display:flex;flex-direction:column}
a{color:var(--head)}
.top{display:flex;align-items:center;gap:24px;padding:16px clamp(16px,4vw,48px);border-bottom:1px solid var(--line);flex-wrap:wrap}
.brand img{display:block;height:56px;width:auto;background:#fbfaf7;border-radius:4px;padding:4px 8px}
.tabs{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.tabs a{color:var(--muted);text-decoration:none;font-weight:600;font-size:14px;padding:8px 14px;border-radius:var(--r);border:1px solid transparent;transition:color .15s,border-color .15s}
.tabs a:hover{color:var(--head)}
.tabs a[aria-current="page"]{color:var(--head);border-color:var(--copper)}
.back{font-size:13px;color:var(--muted);text-decoration:none}
.back:hover{color:var(--head)}
main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:clamp(32px,6vw,72px) clamp(16px,4vw,32px)}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:var(--gold);margin-bottom:12px}
h1{font:400 clamp(30px,4.6vw,46px)/1.15 var(--serif);color:var(--head);margin-bottom:16px;text-wrap:balance}
.lede{color:var(--text);max-width:64ch;margin-bottom:40px}
.lede strong{color:var(--head)}
.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.choice{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:28px;text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}
.choice:hover{border-color:var(--copper);transform:translateY(-2px)}
.choice .num{font:400 14px var(--serif);color:var(--gold)}
.choice h2{font:400 22px/1.25 var(--serif);color:var(--head)}
.choice p{color:var(--muted);font-size:15px;flex:1}
.choice .go{font-weight:700;font-size:14px;color:var(--head)}
fieldset{border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:20px;background:var(--surface)}
legend{font:400 18px var(--serif);color:var(--head);padding:0 8px;margin-left:-8px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:16px}
.grid:last-child{margin-bottom:0}
@media (max-width:640px){.grid{grid-template-columns:1fr}.tabs{margin-left:0;width:100%}.back{display:none}}
label{display:block;font-size:14px;font-weight:600;color:var(--text)}
label>input,label>select,label>textarea{display:block;margin-top:6px}
label.full{margin-bottom:16px}
label.full:last-child{margin-bottom:0}
.req{color:var(--gold);margin-left:3px}
input,select,textarea{font:500 15px/1.4 var(--sans);color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:11px 12px;width:100%;transition:border-color .15s,box-shadow .15s}
textarea{resize:vertical;min-height:90px}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
input::placeholder,textarea::placeholder{color:#6f7676}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,129,63,.2)}
.invalid{border-color:var(--error)!important}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-bottom:16px}
@media (max-width:640px){.checks{grid-template-columns:1fr}}
.group-label{grid-column:1/-1;font-size:14px;font-weight:600}
.checks label,.ack{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-weight:500;cursor:pointer}
.checks label>input,.ack>input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--copper);padding:0}
.ack span{line-height:1.5}
.ack.invalid-ack span{color:var(--error)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:8px}
.btn{font:700 15px var(--sans);background:var(--copper);color:#fff;border:1px solid var(--copper);border-radius:var(--r);padding:14px 26px;cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s}
.btn:hover{background:var(--copper-hi)}
.btn:disabled{opacity:.6;cursor:wait}
.btn.ghost{background:transparent;color:var(--head)}
.btn.ghost:hover{background:rgba(132,72,45,.25)}
.status{font-size:14px;color:var(--muted)}
.status.err{color:var(--error)}
.foot{border-top:1px solid var(--line);padding:24px clamp(16px,4vw,48px);font-size:12px;color:var(--muted);text-align:center}
.foot p{max-width:820px;margin:0 auto 8px}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.plans{grid-template-columns:1fr}}
.plan{display:flex;gap:12px;align-items:flex-start;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:18px;cursor:pointer;transition:border-color .15s}
.plan:hover{border-color:var(--copper)}
.plan:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,129,63,.18)}
.plan>input{width:18px;height:18px;flex:none;margin-top:3px;accent-color:var(--copper);padding:0}
.plan-body{display:flex;flex-direction:column;gap:4px}
.plan-name{font:400 18px var(--serif);color:var(--head)}
.plan-price{font-size:28px;font-weight:700;color:var(--text)}
.plan-price small{font-size:14px;font-weight:500;color:var(--muted)}
.plan-note{font-size:13px;font-weight:500;color:var(--muted);line-height:1.5}
.plans.invalid-group .plan{border-color:var(--error)}
.plan-list{margin:8px 0 0;padding-left:18px;font-size:13px;color:var(--muted);line-height:1.55}
.plan-list li{margin-bottom:3px}
.hint{font-size:13px;color:var(--muted);margin-top:14px}
.plans-3{grid-template-columns:repeat(3,1fr)}
.plans-3 .group-label{grid-column:1/-1}
@media (max-width:760px){.plans-3{grid-template-columns:1fr}}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:760px){.tiers{grid-template-columns:1fr}}
.tier{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px}
.tiers-note{margin:14px 0 32px}