*{box-sizing:border-box}html,body{margin:0;padding:0}
:root{
  --bg:#162032;
  --surface:#C0C7D1;
  --text:#E2E8F0;
  --text-on-surface:#008080;
  --cta:#008080;
  --accent:#38BDF8;
  --border:#D9E2EC;
}
body{font-family:system-ui,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text);line-height:1.5}
a{color:var(--accent)}
.container{max-width:900px;margin:0 auto;padding:0 16px}
.topbar{position:sticky;top:0;background:rgba(22,32,50,.95);border-bottom:1px solid #243247;z-index:30}
.topbar .container{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 16px 12px;gap:14px;flex-wrap:wrap}
.logo{font-weight:900;text-decoration:none;color:var(--text);text-align:center}
.nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.nav a{text-decoration:none;color:var(--accent);font-weight:700}
.hero{padding:34px 0 18px;text-align:center}
.hero h1{font-size:clamp(1.55rem,3.6vw,2.25rem);line-height:1.18;margin:0 0 10px;color:var(--text);font-weight:900}
.hero p{max-width:760px;color:var(--text);opacity:.95;margin:0 auto}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;justify-content:center}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:800;border:1px solid #2a3a54;background:var(--bg);color:var(--text);cursor:pointer;font-size:14px}
.btn.primary{background:var(--cta);color:#fff;border-color:var(--cta)}
.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;text-align:center;color:var(--text-on-surface)}
.card h3{margin:0 0 8px;color:var(--text-on-surface)}
.card .btn,.card .btn.primary{color:#F2D675}
.muted{color:#0f6f6f}
.section{padding:18px 0;text-align:center}
.section h2{margin:0 0 12px;font-size:1.4rem;color:var(--text);font-weight:900}
.pill{display:inline-block;font-size:.82rem;border:1px solid #BAE6FD;padding:3px 9px;border-radius:999px;margin-bottom:8px;color:#0369A1;background:#EFF6FF}
.tier-budget{border-color:#DCE7F3}.tier-best{border-color:var(--accent);background:#F0F9FF}.tier-premium{border-color:#C7D2FE}
.highlight{background:#E0F2FE;border:1px solid #BAE6FD;border-radius:12px;padding:14px;margin:8px 0;font-weight:700;color:var(--text-on-surface)}
.list{padding-left:18px;margin:8px 0;text-align:left;display:inline-block}.list li{margin:6px 0}
.small{font-size:.92rem}.faq details{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--surface);text-align:left;color:var(--text-on-surface)}.faq details+details{margin-top:8px}
summary{cursor:pointer;font-weight:800}
.footer{margin-top:26px;padding:22px 0 34px;border-top:1px solid #243247;color:#c8d1de;text-align:center}
.warn{font-size:.92rem;color:var(--text);background:rgba(248,250,252,.08);border:1px solid #2a3a54;border-radius:12px;padding:10px}
.quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:10px}
.quiz-options button{padding:10px;border-radius:10px;border:1px solid #BAE6FD;background:#F0F9FF;color:#0F172A;font-weight:800;cursor:pointer}
.mail-box{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.mail-box input{flex:1;min-width:220px;padding:11px;border-radius:10px;border:1px solid #2a3a54;background:#0f182a;color:var(--text)}
.ml-inline{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ml-inline .form-control{flex:1;min-width:220px;padding:11px;border-radius:10px;border:1px solid #2a3a54;background:#0f182a;color:var(--text)}.ml-success{margin-top:8px;color:var(--accent);font-weight:700}
.badge{font-size:.76rem;padding:3px 8px;border-radius:999px;background:#E0F2FE;color:#0369A1}
table{width:100%;border-collapse:collapse}.table-wrap{overflow:auto}th,td{padding:9px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.center{text-align:center}.spacer{height:6px}
@media (max-width:700px){.nav{font-size:.92rem}.problem-grid{grid-template-columns:1fr}}