:root{
  --bg:#15171F; --surface2:#1A1C26;
  --amber:#E0922E; --amber-bright:#EFA63A; --teal:#1D9E75; --teal-bright:#2BBE93;
  --text:#ECEEF2; --text-2:#9AA0AC; --text-3:#7D838F; --border:rgba(255,255,255,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased}
em{color:var(--text);font-style:italic}
a{color:var(--teal-bright);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
header.site{display:flex;justify-content:space-between;align-items:center;padding:24px 0}
.logo{font-weight:700;font-size:20px;letter-spacing:.2px}
.logo .dot{color:var(--amber-bright)}
nav a{color:var(--text-2);margin-left:20px;font-size:15px}
.hero{padding:52px 0 40px;text-align:center;background:radial-gradient(120% 90% at 50% 0,rgba(224,146,46,.10),transparent 60%)}
.hero h1{font-size:40px;line-height:1.15;font-weight:700;letter-spacing:-.5px}
.hero .sub{color:var(--text-2);font-size:18px;margin-top:16px}
.cta-form{display:flex;gap:8px;max-width:430px;margin:28px auto 10px;flex-wrap:wrap;justify-content:center}
.cta-form input{flex:1;min-width:200px;padding:13px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:15px}
.btn{background:var(--amber);color:#15171F;font-weight:600;border:none;border-radius:12px;padding:13px 22px;font-size:15px;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--amber-bright)}
.hint{color:var(--text-3);font-size:13px}
section{padding:38px 0;border-top:1px solid var(--border)}
h2{font-size:24px;font-weight:600;margin-bottom:8px}
h3{font-size:16px}
.lead{color:var(--text-2)}
.cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:20px}
.card{background:var(--surface2);border:1px solid var(--border);border-radius:16px;padding:20px}
.card h3{margin-bottom:6px}
.card p{color:var(--text-2);font-size:14px}
.steps{display:grid;gap:14px;margin-top:18px}
.step{display:flex;gap:14px;align-items:flex-start}
.num{flex:none;width:30px;height:30px;border-radius:50%;background:rgba(224,146,46,.16);color:var(--amber-bright);font-weight:600;display:flex;align-items:center;justify-content:center;font-size:14px}
.tier{background:var(--surface2);border:1px solid var(--border);border-radius:16px;padding:20px;margin-top:12px}
.tier .price{color:var(--amber-bright);font-weight:600}
.faq dt{font-weight:600;margin-top:18px}
.faq dd{color:var(--text-2);margin-top:4px}
footer{border-top:1px solid var(--border);padding:28px 0 48px;color:var(--text-3);font-size:14px;text-align:center}
footer a{color:var(--text-2);margin:0 6px}
@media(max-width:620px){.cards{grid-template-columns:1fr}.hero h1{font-size:32px}}