:root{--navy: #0f2a43;--blue: #2563eb;--blue-dark: #1d4ed8;--teal: #0d9488;--bg: #f8fafc;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.page{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:2rem;padding:1rem 2rem;background:#fff;border-bottom:1px solid var(--border)}.logo{font-size:1.5rem;font-weight:800;color:var(--navy)}.logo span{color:var(--blue)}.topbar nav{display:flex;gap:1.5rem;margin-left:auto}.topbar nav a{color:var(--text);font-weight:600}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:700;cursor:pointer;text-align:center}.btn-small{padding:.5rem 1rem}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark);text-decoration:none}.btn-secondary{background:#fff;color:var(--navy);border:1px solid var(--border)}.hero{max-width:960px;margin:0 auto;padding:4rem 1.5rem 3rem;text-align:center}.eyebrow{color:var(--teal);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin:.5rem 0}.hero h1 span{color:var(--blue)}.lede{font-size:1.2rem;color:var(--muted);max-width:640px;margin:1rem auto}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:2rem 0}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:640px;margin:2rem auto 0}.hero-stats div{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem}.hero-stats strong{display:block;font-size:1.75rem}.hero-stats span{color:var(--muted);font-size:.9rem}.section{max-width:1100px;margin:0 auto;padding:3rem 1.5rem}.section h2{font-size:2rem;text-align:center;margin-bottom:.5rem}.section-intro{text-align:center;color:var(--muted);max-width:640px;margin:0 auto 2rem}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.module-card{text-align:left;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem;cursor:pointer}.module-card strong{display:block;font-size:1.05rem;margin-bottom:.25rem}.module-card span{color:var(--muted);font-size:.9rem}.module-card.active{border-color:var(--blue);box-shadow:0 0 0 2px #2563eb40}.module-detail{margin-top:1.5rem;background:var(--navy);color:#fff;border-radius:12px;padding:1.5rem 2rem}.module-detail h3{margin-top:0}.module-detail ul{columns:2}@media (max-width: 640px){.module-detail ul{columns:1}}.calculator{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2rem;max-width:720px;margin:0 auto 2rem;text-align:center}.plan-toggle,.billing-toggle{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.plan-toggle button,.billing-toggle button{padding:.6rem 1rem;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;font-weight:600}.plan-toggle button.active,.billing-toggle button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.seats-label{display:block;margin-bottom:.5rem}.calculator input[type=range]{width:100%}.calculator input[type=number]{margin-top:.75rem;padding:.5rem;border:1px solid var(--border);border-radius:8px;width:120px;text-align:center}.total{font-size:2.5rem;font-weight:800;margin:1rem 0 0}.total span{font-size:1rem;font-weight:400;color:var(--muted)}.total-note{color:var(--muted)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.plan-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.plan-card.active{border-color:var(--blue);box-shadow:0 0 0 2px #2563eb40}.plan-price{font-size:2rem;font-weight:800}.plan-price span{font-size:.95rem;font-weight:400;color:var(--muted)}.plan-card ul{padding-left:1.25rem}.plan-card li{margin-bottom:.5rem}.signup-form{max-width:520px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2rem;display:grid;gap:1rem}.signup-form label{display:grid;gap:.35rem;font-weight:600}.signup-form input{padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem}.form-summary{color:var(--muted);margin:0}.form-error{color:#b91c1c;font-weight:600;margin:0}.confirmation{max-width:520px;margin:0 auto;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:2rem}footer{border-top:1px solid var(--border);padding:2rem;text-align:center;color:var(--muted)}@media (max-width: 640px){.topbar{flex-wrap:wrap;gap:1rem}.topbar nav{margin-left:0}.hero-stats{grid-template-columns:1fr}}