*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #09090b;--surface: #131316;--surface-2:#1a1a1f;--border: #23232a;--border-h: #33333d;--text: #ededf2;--muted: #8a8aa0;--accent: #6366f1;--accent-h: #818cf8;--accent-glow: rgba(99, 102, 241, .15);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--radius: 10px;--radius-lg: 16px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-sidebar: 10;--z-nav: 50;--z-modal: 100;--z-toast: 200;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:14px;border:none;border-radius:var(--radius);padding:8px 16px;transition:opacity var(--transition-fast),transform var(--transition-fast)}button:not(:disabled):hover{opacity:.9}button:not(:disabled):active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:14px;padding:8px 12px;width:100%;transition:border-color .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}code,pre{font-family:Fira Code,Cascadia Code,monospace;font-size:13px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.app-layout{display:flex;min-height:100vh}.app-mobile-header,.app-backdrop{display:none}.app-sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 0;position:fixed;top:0;left:0;height:100vh;z-index:var(--z-sidebar)}.app-sidebar-close{display:none}.app-main{margin-left:220px;flex:1;padding:32px 40px;max-width:100%}@media (max-width: 768px){.app-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:var(--z-sidebar)}.app-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:calc(var(--z-nav) - 1);animation:fade-in .2s ease}.app-sidebar{transform:translate(-100%);transition:transform var(--transition-slow);z-index:var(--z-nav);width:260px}.app-sidebar--open{transform:translate(0)}.app-sidebar-close{display:block}.app-main{margin-left:0;padding:72px 16px 24px}}.landing-nav{position:fixed;top:16px;left:50%;transform:translate(-50%);width:min(1120px,calc(100% - 32px));padding:14px 24px;display:flex;align-items:center;justify-content:space-between;background:#09090bb3;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:50;transition:background .3s}.landing-nav-link{color:var(--muted)!important;font-size:14px;font-weight:500;transition:color .2s}.landing-nav-link:hover{color:var(--text)!important;text-decoration:none}.landing-cta{display:inline-block;background:var(--accent);color:#fff!important;font-weight:600;border-radius:var(--radius);text-decoration:none!important;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.landing-cta:hover{background:var(--accent-h);transform:translateY(-1px);box-shadow:0 0 24px var(--accent-glow),0 4px 12px #0006;text-decoration:none}.landing-cta-ghost{display:inline-block;color:var(--text)!important;font-weight:600;border:1px solid var(--border);border-radius:var(--radius);background:transparent;text-decoration:none!important;cursor:pointer;transition:border-color .2s,background .2s}.landing-cta-ghost:hover{border-color:var(--border-h);background:var(--surface);text-decoration:none}.landing-mobile-dropdown{position:fixed;top:76px;left:50%;transform:translate(-50%);width:min(1120px,calc(100% - 32px));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;display:flex;flex-direction:column;gap:8px;z-index:var(--z-nav);animation:fade-in .2s ease}.landing-mobile-dropdown a{padding:10px 12px;color:var(--muted);font-size:14px;font-weight:500;text-decoration:none;border-radius:var(--radius);transition:background var(--transition-fast),color var(--transition-fast)}.landing-mobile-dropdown a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.hero-dot-grid{position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;background-image:radial-gradient(circle,rgba(99,102,241,.15) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 60% 50% at 50% 40%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 40%,black,transparent);pointer-events:none;animation:dot-grid-pulse 4s ease-in-out infinite}@keyframes dot-grid-pulse{0%,to{opacity:.4}50%{opacity:.7}}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none}.hero-orb-1{top:-200px;left:50%;transform:translate(-70%);animation:orb-drift-1 8s ease-in-out infinite}.hero-orb-2{top:-100px;left:50%;transform:translate(20%);animation:orb-drift-2 10s ease-in-out infinite}.hero-orb-3{top:-50px;left:50%;transform:translate(-20%);width:400px;height:400px;opacity:.06;animation:orb-drift-3 12s ease-in-out infinite}@keyframes orb-drift-1{0%,to{transform:translate(-70%) translateY(0)}50%{transform:translate(-65%) translateY(-20px)}}@keyframes orb-drift-2{0%,to{transform:translate(20%) translateY(0)}50%{transform:translate(25%) translateY(15px)}}@keyframes orb-drift-3{0%,to{transform:translate(-20%) translateY(0)}50%{transform:translate(-15%) translateY(-25px)}}.preview-glow-shadow{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:70%;height:80px;background:var(--accent);filter:blur(60px);opacity:.12;border-radius:50%;pointer-events:none}.landing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .25s,box-shadow .25s,transform .25s;cursor:default}.landing-card:hover{border-color:var(--border-h);box-shadow:0 8px 32px #00000059;transform:translateY(-2px)}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .3s,box-shadow .3s,transform .3s}.pricing-card:hover{border-color:var(--border-h);box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.pricing-card.highlight{border-color:var(--accent);background:linear-gradient(to bottom,rgba(99,102,241,.06),var(--surface))}.pricing-card.highlight:hover{border-color:var(--accent-h);box-shadow:0 12px 40px #6366f126,0 0 0 1px var(--accent)}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,#a78bfa 50%,#38bdf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}.section-label:before,.section-label:after{content:"";width:24px;height:1px;background:var(--accent);opacity:.4}.step-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:16px;font-weight:700;color:var(--accent);background:var(--accent-glow);border:1px solid rgba(99,102,241,.2);flex-shrink:0}.feature-icon-ring{width:42px;height:42px;border-radius:11px;background:var(--accent-glow);border:1px solid rgba(99,102,241,.15);display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.feature-card:hover .feature-icon-ring{box-shadow:0 0 20px #6366f140,0 0 40px #6366f11a;transform:scale(1.05)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent),#a78bfa);color:#fff;font-size:11px;font-weight:700;padding:5px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:1.2px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 0 8px #6366f14d}50%{box-shadow:0 0 20px #6366f180}}.feature-card{position:relative}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(99,102,241,.04),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none}.feature-card:hover:before{opacity:1}.faq-item:hover{border-color:var(--border-h)!important}.dashboard-preview{transition:transform .3s,box-shadow .3s}.dashboard-preview:hover{transform:translateY(-4px);box-shadow:0 32px 100px #0009,0 0 0 1px var(--border)!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.landing-cta:hover,.landing-card:hover,.pricing-card:hover,.dashboard-preview:hover{transform:none}}@media (max-width: 768px){.landing-steps-grid,.landing-features-grid,.landing-pricing-grid{grid-template-columns:1fr!important}.landing-stats-grid{grid-template-columns:repeat(2,1fr)!important}.landing-hero h1{font-size:36px!important}.landing-hero p{font-size:16px!important}.landing-nav{top:8px;width:calc(100% - 16px);padding:12px 16px}.landing-nav-desktop{display:none!important}.landing-nav-mobile-toggle{display:flex!important}.hero-cta-row{flex-direction:column!important;gap:12px!important}.hero-cta-row a{width:100%;text-align:center}.final-cta-card{padding:40px 24px!important}.dashboard-stat-grid{grid-template-columns:repeat(2,1fr)!important}.upgrade-pricing-grid,.form-inbox-grid,.embed-designer-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.landing-stats-grid,.dashboard-stat-grid{grid-template-columns:1fr!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes toast-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes check-draw{0%{transform:scale(0) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.submitted-check{animation:check-draw .5s ease-out}.confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti-dot{position:absolute;top:-10px;left:var(--x);width:6px;height:6px;border-radius:50%;background:var(--color);animation:confetti-fall 2.5s ease-in var(--delay) forwards}