:root {
  --primary: #4f46e5;
  --secondary: #0f172a;
  --muted: #64748b;
  --bg: #f8fafc;
  --card: #ffffff;
  --radius: 16px;
}

* { box-sizing: border-box; margin:0; padding:0; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, sans-serif }
body { background:var(--bg); color:var(--secondary); line-height:1.6 }
a { text-decoration:none; color:inherit }
.container { max-width:1100px; margin:auto; padding:24px }
header { display:flex; justify-content:space-between; align-items:center; padding:20px 0 }
.logo { font-size:24px; font-weight:800; color:var(--primary) }
nav a { margin-left:20px; font-weight:500; color:var(--muted) }
.hero { display:grid; grid-template-columns:1.2fr 1fr; gap:40px; align-items:center; padding:80px 0 }
.hero h1 { font-size:48px; line-height:1.2; margin-bottom:20px }
.hero p { font-size:18px; color:var(--muted); margin-bottom:32px }
.btn { display:inline-block; padding:14px 28px; border-radius:999px; background:var(--primary); color:#fff; font-weight:600; box-shadow:0 10px 30px rgba(79,70,229,0.25) }
.hero-card { background:var(--card); border-radius:var(--radius); padding:32px; box-shadow:0 20px 40px rgba(0,0,0,0.08) }
.hero-card ul { list-style:none }
.hero-card li { margin-bottom:14px; font-weight:500 }
.features { padding:80px 0 }
.features h2 { text-align:center; font-size:36px; margin-bottom:16px }
.features p { text-align:center; color:var(--muted); margin-bottom:60px }
.feature-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:24px }
.feature-card { background:var(--card); border-radius:var(--radius); padding:28px; box-shadow:0 12px 30px rgba(0,0,0,0.06) }
.feature-card h3 { margin-bottom:10px; font-size:20px }
.feature-card p { color:var(--muted); font-size:15px }
.cta { background:linear-gradient(135deg,var(--primary),#6366f1); color:#fff; border-radius:var(--radius); padding:60px 40px; text-align:center; margin:80px 0 }
.cta h2 { font-size:36px; margin-bottom:16px }
.cta p { opacity:0.9; margin-bottom:28px }
.cta .btn { background:#fff; color:var(--primary) }
footer { padding:40px 0; text-align:center; color:var(--muted); font-size:14px }
@media (max-width:900px){ .hero { grid-template-columns:1fr; text-align:center } nav{ display:none } }

/* Policy page styling - compact and readable */
.policy-page { background: var(--card); border-radius:12px; padding:28px; box-shadow:0 12px 30px rgba(0,0,0,0.06); max-width:900px; margin:28px auto; }
.policy-page h1 { font-size:26px; margin-bottom:14px; color:var(--secondary) }
.policy-page h2 { font-size:18px; margin-top:18px; margin-bottom:8px }
.policy-page h3 { font-size:15px; margin-top:12px }
.policy-page p { color:var(--secondary); margin-bottom:10px }
.policy-page ul { margin-left:18px; margin-bottom:12px }
.policy-page li { margin-bottom:8px }
.policy-page a { color:var(--muted); font-weight:600 }
.policy-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px }
.policy-back { color:var(--muted); font-size:14px }
.policy-meta { color:var(--muted); font-size:13px }