:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f4f7ff 0%,#eef2ff 100%);font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#5b7cff1f,#0000 28%),linear-gradient(#f8f9ff 0%,#eef2ff 100%);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}img{max-width:100%;display:block}#root{min-height:100vh}.page-shell{width:min(1200px,100% - 32px);margin:0 auto;padding:24px 0 32px}.topbar{justify-content:space-between;align-items:center;gap:24px;padding:16px 8px 24px;display:flex}.brand{color:#111827;align-items:center;gap:12px;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#5b7cff 0%,#7a5cf2 100%);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 12px 25px #5b7cff52}.brand-text{letter-spacing:-.04em;font-size:1.3rem;font-weight:700}.main-nav{align-items:center;gap:30px;display:inline-flex}.main-nav a{color:#4b5563;font-weight:500;text-decoration:none;transition:color .2s}.main-nav a:hover{color:#111827}.nav-cta,.primary-button,.secondary-button{font:inherit;cursor:pointer;border:none;border-radius:999px;font-weight:600;transition:transform .2s,box-shadow .2s}.nav-cta,.primary-button{color:#fff;background:linear-gradient(135deg,#5b7cff 0%,#7a5cf2 100%);box-shadow:0 18px 28px #695cf240}.nav-cta{padding:.8rem 1.3rem}.primary-button{padding:1rem 1.6rem}.secondary-button{color:#1f2937;background:#eef2ff;padding:1rem 1.4rem}.nav-cta:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.page-content{margin-top:12px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:32px 8px 18px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#5b7cff;margin:0 0 18px;font-size:.72rem;font-weight:700}.hero-copy h1{letter-spacing:-.08em;color:#111827;max-width:560px;margin:0;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.96}.hero-text{color:#5b6473;max-width:560px;margin-top:20px;font-size:1.08rem;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px;display:flex}.hero-stats{flex-wrap:wrap;align-items:center;gap:28px;margin-top:32px;display:flex}.backend-status{color:#1f2937;background:#5b7cff14;border:1px solid #5b7cff26;border-radius:999px;align-items:center;margin-top:22px;padding:.7rem 1rem;font-size:.95rem;font-weight:600;display:inline-flex}.auth-user-card{background:#ffffffb3;border:1px solid #94a3b838;border-radius:18px;max-width:360px;margin-top:18px;padding:1rem 1.1rem}.auth-label{text-transform:uppercase;letter-spacing:.09em;color:#5b7cff;margin:0 0 10px;font-size:.72rem;font-weight:700}.auth-user-card h3{color:#111827;letter-spacing:-.04em;margin:0 0 8px;font-size:1.3rem}.auth-user-card p{color:#5b6473;margin:0}.auth-loading-shell{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-loading-card{color:#111827;background:#fffc;border:1px solid #94a3b833;border-radius:18px;padding:1.25rem 1.6rem;font-weight:600}.nav-actions{align-items:center;gap:12px;display:inline-flex}.secondary-nav-cta{color:#1f2937;box-shadow:none;background:#eef2ff}.hero-stats div{flex-direction:column;gap:5px;display:flex}.hero-stats strong{color:#111827;font-size:1.4rem}.hero-stats span{color:#6b7280;font-size:.9rem}.hero-visual{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.dashboard-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border:1px solid #94a3b833;border-radius:28px;width:min(100%,492px);box-shadow:0 32px 80px #1118271f}.large-card{padding:18px}.card-header{gap:8px;padding:8px 6px 18px;display:flex}.dot{border-radius:50%;width:11px;height:11px;display:inline-block}.dot.green{background:#34d399}.dot.yellow{background:#fbbf24}.dot.red{background:#f87171}.survey-card{background:linear-gradient(#f8fafc 0%,#eef2ff 100%);border:1px solid #5b7cff14;border-radius:22px;padding:28px 22px 22px}.survey-tag{color:#3955d4;letter-spacing:.08em;text-transform:uppercase;background:#5b7cff1f;border-radius:999px;align-items:center;padding:.45rem .72rem;font-size:.7rem;font-weight:700;display:inline-flex}.survey-card h3{letter-spacing:-.05em;color:#111827;margin:16px 0 20px;font-size:1.7rem}.survey-card ul{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.survey-card li{color:#374151;align-items:center;gap:14px;font-weight:500;display:flex}.bar{background:linear-gradient(135deg,#5b7cff 0%,#7a5cf2 100%);border-radius:999px;min-width:64px;height:10px;display:inline-block}.bar.short{width:64px}.bar.medium{width:96px}.bar.long{width:120px}.floating-stat{color:#f8fafc;background:#111827;border-radius:18px;flex-direction:column;gap:2px;padding:18px 20px;display:flex;position:absolute;bottom:20px;right:24px;box-shadow:0 22px 36px #11182740}.floating-stat span{font-size:1.4rem;font-weight:700}.floating-stat small{color:#f8fafcb3}.process{padding:52px 8px 16px}.section-heading{margin-bottom:28px}.section-heading h2{letter-spacing:-.06em;color:#111827;margin:0;font-size:clamp(2rem,3vw,2.8rem)}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.step-card{background:#fffc;border:1px solid #94a3b82e;border-radius:22px;padding:24px 22px;box-shadow:0 12px 24px #0f172a0a}.step-number{color:#4338ca;letter-spacing:.08em;background:linear-gradient(135deg,#e0e7ff 0%,#ede9fe 100%);border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;font-size:.82rem;font-weight:700;display:inline-flex}.step-card h3{letter-spacing:-.05em;color:#111827;margin:18px 0 12px;font-size:1.35rem}.step-card p{color:#5b6473;margin:0;line-height:1.7}.site-footer{border-top:1px solid #94a3b838;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:28px 8px 10px;display:flex}.site-footer p{color:#6b7280;text-align:right;max-width:520px;line-height:1.6}.footer-brand{flex-shrink:0}@media (width<=900px){.topbar{flex-wrap:wrap;justify-content:center}.main-nav{order:3;justify-content:center;width:100%}.hero{text-align:center;grid-template-columns:1fr}.hero-copy h1,.hero-text,.hero-stats{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.steps-grid{grid-template-columns:1fr}.site-footer{text-align:center;flex-direction:column}.site-footer p{text-align:center}}@media (width<=560px){.page-shell{width:min(100% - 20px,1200px);padding-top:18px}.main-nav{gap:14px;font-size:.92rem}.nav-cta,.primary-button,.secondary-button{justify-content:center;width:100%}.hero-actions{width:100%}.hero-visual{min-height:420px}.floating-stat{bottom:12px;right:10px}}