body{margin:0;font-family:system-ui;background:#f6f8fb;color:#111}header{display:flex;justify-content:space-between;padding:20px 7%;background:#fff;position:sticky;top:0;box-shadow:0 4px 18px rgba(0,0,0,.08)}.brand{display:flex;gap:15px;align-items:center}.logo{font-size:34px}.hero{text-align:center;padding:80px 20px;background:linear-gradient(180deg,#eef5ff,#fff)}.badge{display:inline-block;background:#dbeafe;color:#1d4ed8;padding:8px 16px;border-radius:999px;font-weight:700}h2{font-size:2.8rem}.hero input{width:min(720px,92%);padding:18px;border-radius:16px;border:1px solid #ccc}.chips span{display:inline-block;margin:8px;padding:8px 14px;background:#fff;border-radius:999px;box-shadow:0 3px 8px rgba(0,0,0,.08)}.primary{padding:16px 28px;border:none;border-radius:14px;background:#2563eb;color:#fff;font-weight:700}.wizard,.grid{padding:50px 7%}.step,.card{background:#fff;padding:18px;border-radius:16px;box-shadow:0 6px 16px rgba(0,0,0,.08);margin:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}body.dark{background:#0f172a;color:#fff}body.dark header,body.dark .card,body.dark .step{background:#1e293b;color:#fff}