:root{--bg-base: #fafbfd;--bg-elev-1: #ffffff;--bg-elev-2: #f1f5f9;--surface: rgba(15, 23, 42, .03);--surface-hover: rgba(15, 23, 42, .06);--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .15);--text: #1e293b;--text-muted: #475569;--text-dim: #94a3b8;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #dbeafe;--accent: #16a34a;--accent-light: #dcfce7;--warm: #f59e0b;--warm-light: #fef3c7;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-surface: linear-gradient(135deg, rgba(37, 99, 235, .06) 0%, rgba(22, 163, 74, .04) 100%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 16px 48px rgba(15, 23, 42, .1), 0 4px 12px rgba(15, 23, 42, .06);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.55;color:var(--text);background:var(--bg-base);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3{font-weight:700;letter-spacing:-.02em;margin:0}h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.08}h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.15}h3{font-size:1.125rem;line-height:1.3}p{margin:0}a{color:inherit}button,input,textarea{font-family:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.section{padding:96px 0}.section-tight{padding:64px 0}.section-alt{background:var(--bg-elev-2)}.section-header{max-width:720px;margin:0 auto 56px;text-align:center}.section-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--primary);margin-bottom:14px}.section-title{margin-bottom:16px}.section-lede{color:var(--text-muted);font-size:1.05rem}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#fafbfdd9;border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1120px;margin:0 auto;padding:0 24px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.01em;font-size:1rem;text-decoration:none}.brand-mark{width:32px;height:32px;border-radius:10px;background:var(--gradient-primary);position:relative;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.brand-mark:after{content:"$";color:#fff;font-weight:800;font-size:16px}.brand-name{color:var(--primary)}.nav-links{display:flex;align-items:center;gap:28px;font-size:.95rem}.nav-links a{text-decoration:none;color:var(--text-muted);transition:color var(--transition)}.nav-links a:hover{color:var(--text)}.nav-links a.btn{color:#fff}.hero{padding:80px 0 64px;text-align:center;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(37,99,235,.08) 0%,transparent 60%),var(--bg-base);animation:slide-up .5s cubic-bezier(.16,1,.3,1) both}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--primary);background:var(--primary-light);padding:6px 16px;border-radius:999px;margin-bottom:24px}.hero h1{margin:0 auto 24px;max-width:20ch}.hero h1 .accent{color:var(--primary)}.hero .lede{color:var(--text-muted);font-size:1.15rem;max-width:56ch;margin:0 auto 40px}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.trust-bar{padding:40px 0 56px;text-align:center}.trust-bar p{font-size:.85rem;font-weight:600;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}.trust-pills{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.trust-pill{font-size:.85rem;font-weight:600;color:var(--text-muted);background:var(--bg-elev-1);border:1px solid var(--border);border-radius:999px;padding:8px 20px;display:flex;align-items:center;gap:8px}.trust-pill .pill-icon{font-size:1.1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{padding:32px 28px;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px}.card-icon-blue{background:var(--primary-light)}.card-icon-green{background:var(--accent-light)}.card-icon-amber{background:var(--warm-light)}.card-icon-purple{background:#f3e8ff}.card-title{margin-bottom:8px}.card-body{color:var(--text-muted);font-size:.95rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;counter-reset:step}.step{text-align:center;position:relative}.step-number{width:56px;height:56px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-weight:800;font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:var(--shadow-md)}.step h3{margin-bottom:8px;font-size:1.2rem}.step p{color:var(--text-muted);font-size:.95rem;max-width:32ch;margin:0 auto}.highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.highlight-card{padding:32px;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.highlight-card h3{margin-bottom:12px;font-size:1.15rem}.highlight-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.highlight-card li{position:relative;padding-left:24px;font-size:.9rem;color:var(--text-muted)}.highlight-card li:before{content:"";position:absolute;left:0;top:8px;width:14px;height:8px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:stretch}.tier{display:flex;flex-direction:column;padding:36px 32px;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition),transform var(--transition);position:relative}.tier:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tier-featured{border-color:#2563eb4d;box-shadow:0 0 0 1px #2563eb1a,var(--shadow-lg)}.tier-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 14px;background:var(--gradient-primary);border-radius:999px;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:var(--shadow-md)}.tier-name{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:12px}.tier-price{font-size:2.25rem;font-weight:700;letter-spacing:-.03em;margin-bottom:4px;color:var(--text)}.tier-cadence{font-size:.8rem;color:var(--text-dim);margin-bottom:20px}.tier-description{color:var(--text-muted);font-size:.95rem;margin-bottom:24px}.tier-features{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:10px;flex:1}.tier-features li{position:relative;padding-left:24px;font-size:.9rem;color:var(--text-muted)}.tier-features li:before{content:"";position:absolute;left:0;top:8px;width:14px;height:8px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}.cta-card{padding:64px 48px;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-surface);pointer-events:none}.cta-card>*{position:relative;z-index:1}.cta-title{margin-bottom:16px}.cta-lede{color:var(--text-muted);font-size:1.05rem;max-width:56ch;margin:0 auto 32px}.cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-elev-1);color:var(--text);font-size:.95rem;font-weight:500;cursor:pointer;text-decoration:none;transition:transform var(--transition-fast),background var(--transition),border-color var(--transition),box-shadow var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--surface-hover);border-color:#0f172a40}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb4d}.btn-primary{background:var(--primary);border:none;color:#fff;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),background var(--transition),box-shadow var(--transition)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);border:none}.btn-large{height:52px;padding:0 28px;font-size:1rem;font-weight:600}.btn-small{height:36px;padding:0 16px;font-size:.85rem}.footer{margin-top:auto;padding:56px 0 32px;border-top:1px solid var(--border);background:var(--bg-elev-2)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:12px;font-weight:700}.footer-links{display:flex;gap:24px;font-size:.9rem}.footer-links a{text-decoration:none;color:var(--text-muted);transition:color var(--transition)}.footer-links a:hover{color:var(--text)}.footer-meta{color:var(--text-dim);font-size:.85rem}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 720px){.nav-inner{padding:0 16px;height:64px}.nav-links{gap:16px;font-size:.85rem}.nav-links a:not(.btn){display:none}.container{padding:0 16px}.section{padding:64px 0}.hero{padding:56px 0 48px}.cta-card{padding:48px 28px}.tier{padding:32px 24px}.footer-inner{flex-direction:column;text-align:center}}
