:root { --navy:#0b2545; --blue:#13315c; --accent:#2a9d8f; --bg:#f6f8fb; --ink:#16202b; --muted:#5b6b7b; }
* { box-sizing: border-box; }
body { margin:0; font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; color:var(--ink); background:var(--bg); line-height:1.55; }
a { color:var(--accent); }
.nav { display:flex; align-items:center; justify-content:space-between; padding:14px 24px; background:var(--navy); color:#fff; }
.nav .brand { font-weight:700; letter-spacing:.3px; }
.nav nav a { color:#cfe3ff; margin-left:18px; text-decoration:none; font-size:14px; }
.nav nav a:hover { color:#fff; }
main { max-width:1040px; margin:0 auto; padding:0 20px 60px; }
.hero { padding:54px 0 28px; text-align:center; }
.hero h1 { font-size:38px; line-height:1.15; margin:0 0 14px; color:var(--navy); }
.hero .hl { color:var(--accent); }
.hero .sub { font-size:18px; color:var(--muted); max-width:720px; margin:0 auto 14px; }
.hero .authority { font-size:15px; color:var(--blue); background:#eaf3ff; display:inline-block; padding:8px 14px; border-radius:10px; }
.cta { display:inline-block; margin:18px 8px 0; background:var(--accent); color:#fff; padding:12px 22px; border-radius:10px; text-decoration:none; font-weight:600; }
.cta.ghost { background:transparent; color:var(--navy); border:1px solid var(--navy); }
section { padding:40px 0; border-top:1px solid #e6ecf2; }
h2 { color:var(--navy); font-size:28px; margin:0 0 6px; }
.lead { color:var(--muted); margin:0 0 22px; }
.pricing .tiers { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.tier { background:#fff; border:1px solid #e1e8ef; border-radius:14px; padding:22px; }
.tier.featured { border-color:var(--accent); box-shadow:0 8px 24px rgba(42,157,143,.15); }
.tier h3 { margin:0 0 6px; color:var(--navy); }
.price { font-size:30px; font-weight:700; margin:0 0 10px; color:var(--blue); }
.price span { font-size:15px; font-weight:400; color:var(--muted); }
.tier ul { padding-left:18px; margin:0 0 16px; color:var(--ink); }
.tier .buy, .tier .buy:visited { display:block; text-align:center; background:var(--navy); color:#fff; padding:10px; border-radius:9px; text-decoration:none; font-weight:600; }
.note { color:var(--muted); font-size:14px; margin-top:16px; }
form { background:#fff; border:1px solid #e1e8ef; border-radius:14px; padding:22px; max-width:560px; }
label { display:block; font-weight:600; margin:12px 0 4px; font-size:14px; }
input, select, button, textarea { font:inherit; width:100%; padding:10px; border:1px solid #cdd7e1; border-radius:8px; }
.checks label { font-weight:400; display:block; margin:4px 0; }
button { background:var(--accent); color:#fff; border:0; font-weight:600; cursor:pointer; margin-top:14px; }
button.ghost, #demo-btn { background:#eef3f8; color:var(--navy); }
#assess-out { background:#0b2545; color:#cfe3ff; padding:16px; border-radius:10px; white-space:pre-wrap; font-size:13px; min-height:80px; overflow:auto; }
.feed ul { list-style:none; padding:0; }
.feed li { background:#fff; border:1px solid #e1e8ef; border-radius:10px; padding:12px 14px; margin-bottom:10px; }
.feed li span { color:var(--muted); font-size:14px; }
.share { margin-top:18px; font-size:14px; }
.share a, .share button { display:inline-block; margin-right:10px; background:#eef3f8; color:var(--navy); border:0; border-radius:8px; padding:8px 12px; text-decoration:none; cursor:pointer; width:auto; }
footer { text-align:center; color:var(--muted); font-size:13px; padding:24px; }
@media (max-width:760px){ .pricing .tiers{ grid-template-columns:1fr; } .hero h1{ font-size:28px; } }