/* C — Bright Dashboard */
:root{--bg:#f6f8fc;--bg2:#eef2fa;--fg:#0f1b33;--muted:#5a6785;--line:#e1e7f3;--accent:#4f46e5;--accent-fg:#fff;--card:#fff;--radius:14px;
  --font:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--head:var(--font)}
body{background:linear-gradient(180deg,#fff 0,var(--bg) 480px)}
h1,h2,h3{font-weight:800;letter-spacing:-.025em}
h1 span,.stat-n{background:linear-gradient(90deg,#4f46e5,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-header{background:rgba(255,255,255,.85);backdrop-filter:blur(8px)}
.logo-mark{background:linear-gradient(135deg,#4f46e5,#06b6d4);box-shadow:none;border-radius:6px}
.btn{border-radius:10px;background:linear-gradient(135deg,#4f46e5,#6d5ef3);border-color:transparent;box-shadow:0 6px 18px rgba(79,70,229,.3)}
.btn-ghost{background:#fff;border:1px solid var(--line);box-shadow:none;color:var(--fg)}
.card{box-shadow:0 1px 2px rgba(15,27,51,.05),0 10px 30px -12px rgba(15,27,51,.12);border:1px solid var(--line);transition:transform .15s}
.card:hover{transform:translateY(-3px)}
.card .num{background:#eef0ff;color:var(--accent);padding:3px 9px;border-radius:99px}
.hero{padding-top:80px}
.demo{box-shadow:0 20px 50px -20px rgba(79,70,229,.35);border-radius:18px}
.demo-chart{height:170px}
.stats{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 10px 30px -14px rgba(15,27,51,.12)}
.sec.alt{background:#eef2fa}
.timeline li{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px 22px;margin-bottom:12px}
.timeline .yr{background:#eef0ff;border-radius:10px;padding:2px 10px;text-align:center;align-self:start;font-size:1.1rem}
.timeline li{grid-template-columns:90px 1fr}
.customers li{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:14px 16px}
.plan.hot{border:2px solid var(--accent);box-shadow:0 20px 50px -18px rgba(79,70,229,.4);transform:translateY(-6px)}
.bill-toggle{background:#fff}
.log{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:14px}
.status-row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:12px}
.site-footer{background:#fff}
.contact-form{display:grid;gap:14px}.contact-form label{display:grid;gap:6px;font-size:.9rem;font-weight:600}
.contact-form input,.contact-form select,.contact-form textarea{font:inherit;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--fg)}
.contact-form button{justify-self:start}.grid2>div>.card{margin-bottom:var(--gap)}