:root{--teal: #0ea5a0;--teal-light: #14d9d1;--teal-bg: rgba(14, 165, 160, .08);--purple: #7c5cfc;--purple-light: #9b82fc;--purple-bg: rgba(124, 92, 252, .08);--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:#fff;color:var(--gray-900);line-height:1.6;-webkit-font-smoothing:antialiased}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,3rem)}.nav-logo{font-weight:700;font-size:1.1rem;letter-spacing:-.03em;color:var(--gray-900);text-decoration:none}.nav-logo span{color:var(--teal)}.nav-links{display:flex;gap:1.75rem;align-items:center}.nav-links a{font-size:.85rem;color:var(--gray-500);text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--gray-900)}.nav-social{display:inline-flex;align-items:center;opacity:.55;transition:opacity .2s,color .2s}.nav-social:hover{opacity:1;color:var(--teal)!important}.nav-cta{background:var(--gray-900);color:#fff!important;padding:.45rem 1rem;border-radius:6px;font-size:.8rem!important;font-weight:600!important;transition:opacity .2s}.nav-cta:hover{opacity:.85}section{padding:5rem clamp(1rem,5vw,6rem)}.section-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--teal);font-weight:600;margin-bottom:.75rem}.section-title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:.75rem;color:var(--gray-900)}.section-desc{font-size:1rem;color:var(--gray-500);max-width:540px;line-height:1.7}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:56px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,var(--teal-bg),transparent),radial-gradient(ellipse 40% 40% at 80% 20%,var(--purple-bg),transparent);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--gray-200);border-radius:999px;padding:.3rem .9rem .3rem .55rem;font-size:.78rem;color:var(--gray-600);margin-bottom:1.5rem;background:#fff;position:relative}.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--purple);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #7c5cfc66}50%{opacity:.7;box-shadow:0 0 0 6px #7c5cfc00}}.hero h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;max-width:720px;position:relative}.hero h1 .gradient-text{background:linear-gradient(135deg,var(--teal),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.1rem;color:var(--gray-500);max-width:500px;margin:1.25rem auto 2rem;line-height:1.7}.waitlist-form{display:flex;gap:.5rem;width:100%;position:relative}.waitlist-form.compact{max-width:420px;margin:1.5rem auto 0}.waitlist-input{flex:1;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.9rem;font-family:var(--font);background:#fff;color:var(--gray-900);outline:none;transition:border-color .2s,box-shadow .2s}.waitlist-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0ea5a01a}.waitlist-input::placeholder{color:var(--gray-400)}.waitlist-btn{background:var(--gray-900);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap;font-family:var(--font)}.waitlist-btn:hover{opacity:.85}.waitlist-meta{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem;font-size:.8rem;color:var(--gray-400);position:relative}.waitlist-spots{display:inline-flex;align-items:center;gap:.4rem}.waitlist-spots strong{color:var(--purple)}.waitlist-sep{opacity:.3}.waitlist-success{text-align:center;padding:2rem;background:#fff;border:1px solid var(--gray-200);border-radius:12px}.waitlist-success.compact{padding:1.5rem}.waitlist-success-icon{width:48px;height:48px;border-radius:50%;background:#0ea5a01a;color:var(--teal);display:grid;place-items:center;margin:0 auto 1rem}.waitlist-success.compact .waitlist-success-icon{width:40px;height:40px;margin-bottom:.75rem}.waitlist-success-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:var(--gray-900)}.waitlist-success.compact .waitlist-success-title{font-size:1rem}.waitlist-success-text{font-size:.9rem;color:var(--gray-500)}.waitlist-success-text strong{color:var(--gray-900)}#features{text-align:center}#features .section-desc{margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:2.5rem}.feature-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.75rem;text-align:left;transition:border-color .2s,box-shadow .2s}.feature-card:hover{border-color:var(--gray-300);box-shadow:0 4px 16px #0000000a}.feature-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;margin-bottom:1rem}.feature-icon.teal{background:var(--teal-bg);color:var(--teal)}.feature-icon.purple{background:var(--purple-bg);color:var(--purple)}.feature-title{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--gray-900)}.feature-desc{font-size:.85rem;color:var(--gray-500);line-height:1.6}.preview-section{background:var(--gray-50);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);text-align:center}.preview-section .section-desc{margin:0 auto}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.5rem;align-items:start;text-align:left}@media(max-width:768px){.preview-grid{grid-template-columns:1fr}}.sim-live-panel{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden}.sim-live-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.sim-live-title{font-size:.85rem;font-weight:600;color:var(--gray-700)}.sim-live-badge{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;color:var(--teal);text-transform:uppercase;letter-spacing:.08em}.sim-live-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulse-dot-live 1.5s infinite}@keyframes pulse-dot-live{0%,to{opacity:1;box-shadow:0 0 #0ea5a066}50%{opacity:.7;box-shadow:0 0 0 6px #0ea5a000}}.sim-counter-row{display:flex;justify-content:space-between;align-items:baseline;padding:.6rem 0;border-bottom:1px solid var(--gray-100)}.sim-counter-row:last-child{border-bottom:none}.sim-counter-label{font-size:.82rem;color:var(--gray-500)}.sim-counter-value{font-family:var(--mono);font-size:1.1rem;font-weight:700;color:var(--gray-900);letter-spacing:-.02em}.preview-right{display:flex;flex-direction:column;gap:1.5rem}.sim-stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.sim-stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:1rem 1.1rem}.sim-stat-card-value{font-size:1.4rem;font-weight:800;letter-spacing:-.03em}.sim-stat-card-value.teal{color:var(--teal)}.sim-stat-card-value.purple{color:var(--purple)}.sim-stat-card-label{font-size:.72rem;color:var(--gray-400);margin-top:.2rem;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.sparkline-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.25rem 1.5rem}.sparkline-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem}.sparkline-title{font-size:.8rem;font-weight:600;color:var(--gray-700)}.sparkline-val{font-family:var(--mono);font-size:1.1rem;font-weight:700;color:var(--gray-900)}#metrics,section:not([id]){text-align:center}#metrics .section-desc,section:not([id]) .section-desc{margin:0 auto}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2.5rem}.metric-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;transition:border-color .2s,box-shadow .2s;text-align:left}.metric-card:hover{border-color:var(--gray-300);box-shadow:0 2px 12px #0000000a}.metric-card-value{font-size:1.8rem;font-weight:800;letter-spacing:-.03em;color:var(--gray-900)}.metric-card-label{font-size:.8rem;color:var(--gray-400);margin-top:.2rem;font-weight:500}.metric-card-bar{margin-top:1rem;height:4px;background:var(--gray-100);border-radius:2px;overflow:hidden}.metric-card-bar-fill{height:100%;border-radius:2px;transition:width 2s cubic-bezier(.22,1,.36,1)}.cta-section{text-align:center;padding:6rem 1rem;background:var(--gray-900);color:#fff}.cta-section .section-label{color:var(--teal-light)}.cta-section .section-title{color:#fff}.cta-section .section-desc{color:var(--gray-400);margin:0 auto 1.5rem}.cta-section .waitlist-form{background:#ffffff12;border-radius:10px;padding:.35rem}.cta-section .waitlist-input{background:transparent;border-color:#ffffff26;color:#fff}.cta-section .waitlist-input::placeholder{color:#ffffff59}.cta-section .waitlist-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0ea5a026}.cta-section .waitlist-btn{background:#fff;color:var(--gray-900)}.footer{padding:2rem clamp(1rem,5vw,6rem);border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-left{font-size:.8rem;color:var(--gray-400)}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.8rem;color:var(--gray-400);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--gray-700)}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-up .6s cubic-bezier(.22,1,.36,1) both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}
