:root{
  --navy:#0f172a; --navy2:#132743; --cyan:#38bdf8; --cyan-dark:#0ea5e9; --ink:#1e293b;
}
body{font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}
h1,h2,h3,h4,.site-brand{font-family:'Space Grotesk',sans-serif}

/* ---- Nav ---- */
.site-nav{background:var(--navy);position:sticky;top:0;z-index:50}
.site-brand{color:#fff;font-weight:700;font-size:1.25rem;text-decoration:none}
.site-brand span{color:var(--cyan)}
.nav-links{list-style:none;display:flex;align-items:center;gap:22px;margin:0;padding:0}
.nav-links a{color:#cbd5e1;text-decoration:none;font-size:.92rem;font-weight:500}
.nav-links a.active,.nav-links a:hover{color:#fff}
.btn-cyan{background:var(--cyan);color:var(--navy)!important;font-weight:600;border:none}
.btn-cyan:hover{background:var(--cyan-dark);color:var(--navy)!important}

/* ---- Hero ---- */
.hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:80px 0}
.hero h1{font-size:2.6rem;font-weight:700;line-height:1.15}
.hero .lead{color:#cbd5e1;font-size:1.15rem}
.hero-badge{display:inline-block;background:rgba(56,189,248,.12);color:var(--cyan);border:1px solid rgba(56,189,248,.3);padding:5px 14px;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:18px}

/* ---- Sections ---- */
.section{padding:70px 0}
.section-title{font-weight:700;font-size:2rem;margin-bottom:10px}
.section-sub{color:#64748b;font-size:1.05rem;margin-bottom:40px}
.feature-card{border:1px solid #e2e8f0;border-radius:14px;padding:28px;height:100%;transition:.15s}
.feature-card:hover{border-color:var(--cyan);box-shadow:0 8px 30px rgba(15,23,42,.08);transform:translateY(-2px)}
.feature-icon{width:48px;height:48px;border-radius:10px;background:rgba(56,189,248,.12);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:14px}
.step-num{width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.price-card{border:2px solid #e2e8f0;border-radius:16px;padding:34px;text-align:center}
.price-card.featured{border-color:var(--cyan);box-shadow:0 12px 40px rgba(56,189,248,.15)}
.price-amount{font-size:2.6rem;font-weight:700;color:var(--navy)}

/* ---- Footer ---- */
.site-footer{background:var(--navy);margin-top:0}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin-bottom:8px}
.footer-links a{color:#94a3b8;text-decoration:none;font-size:.88rem}
.footer-links a:hover{color:#fff}

/* ---- Auth cards (signup/login-style pages hosted at root) ---- */
.auth-wrap{min-height:80vh;display:flex;align-items:center;justify-content:center;background:#f4f6fa;padding:40px 16px}
.auth-card{background:#fff;border-radius:16px;padding:38px;width:100%;max-width:460px;box-shadow:0 10px 40px rgba(15,23,42,.08)}

.legal-body h2{font-size:1.3rem;margin-top:28px}
.legal-body p, .legal-body li{color:#475569}