:root{--site-bg:#fafafa;--site-white:#fff;--site-text-dark:#0a0a0a;--site-text-muted:#6b7280;--site-accent:#3b82f6;--site-accent-light:#dbeafe;--site-success:#10b981;--site-border:#e5e7eb}.website-root{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--site-bg);color:var(--site-text-dark);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.site-container{max-width:1200px;margin:0 auto;padding:0 48px}@media (max-width:768px){.site-container{padding:0 24px}}.section-white{padding:140px 0;background:#fff}.section-gray{padding:140px 0;background:#fafafa}.section-dark{padding:140px 0;background:#0a0a0a;color:#fff}.section-sub{font-size:18px;color:var(--site-text-muted);line-height:1.7}.heading-xl{font-size:clamp(48px,8vw,80px);font-weight:900;line-height:1;letter-spacing:-3px}.heading-lg,.heading-xl{color:var(--site-text-dark)}.heading-lg{font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.1;letter-spacing:-2px}.section-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--site-accent);margin-bottom:16px;display:block}.code-label{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px}.hero-dark{min-height:100vh;display:flex;align-items:center;padding:160px 48px 100px;background:#0a0a0a;position:relative;overflow:hidden}.hero-grid-overlay{position:absolute;inset:0;background-image:radial-gradient(hsla(0,0%,100%,.08) 1px,transparent 0);background-size:32px 32px;pointer-events:none;mask-image:linear-gradient(180deg,#000 0,transparent);-webkit-mask-image:linear-gradient(180deg,#000 0,transparent)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.03);color:hsla(0,0%,100%,.8);padding:6px 16px;font-size:13px;font-weight:600;border-radius:100px;border:1px solid hsla(0,0%,100%,.1);margin-bottom:32px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;box-shadow:0 0 12px #3b82f6}.hero-headline{font-size:clamp(52px,8vw,88px);font-weight:900;line-height:1.05;letter-spacing:-3px;color:#fff;margin-bottom:24px}.headline-gradient{background:linear-gradient(135deg,#60a5fa,#a855f7 50%,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:20px;color:hsla(0,0%,100%,.6);max-width:640px;margin:0 auto 48px;line-height:1.6}.stats-row{display:flex;gap:16px;margin-top:80px;flex-wrap:wrap}.stat-glass{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 4px 24px -1px hsla(0,0%,100%,.02);border-radius:16px;padding:24px 28px;backdrop-filter:blur(12px);flex:1;min-width:180px;position:relative;overflow:hidden;transition:all .3s ease}.stat-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);opacity:.3}.stat-glass:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.15);box-shadow:0 8px 32px -1px hsla(0,0%,100%,.06);transform:translateY(-2px)}.stat-glass-value{font-size:28px;font-weight:800;letter-spacing:-1px;color:#fff;line-height:1;margin-bottom:8px}.stat-glass-label{font-size:13px;color:hsla(0,0%,100%,.5);font-weight:500}.dashboard-preview{margin-top:80px;border-radius:16px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 32px 80px rgba(0,0,0,.8),0 0 0 1px hsla(0,0%,100%,.05),0 0 60px rgba(59,130,246,.15)}.preview-chrome{background:#111;padding:12px 20px;display:flex;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);position:relative}.chrome-dots{display:flex;gap:8px}.chrome-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.chrome-url-bar{position:absolute;left:50%;transform:translateX(-50%);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.05);padding:4px 16px;border-radius:6px;font-size:12px;color:hsla(0,0%,100%,.5);font-family:SF Mono,Fira Code,monospace;display:flex;align-items:center;gap:6px}.chrome-lock{font-size:10px;opacity:.7}.preview-body{display:flex;height:320px;background:#0a0a0a}.preview-sidebar{width:180px;background:#0f0f0f;border-right:1px solid hsla(0,0%,100%,.06);padding:24px 12px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.preview-sidebar-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:hsla(0,0%,100%,.3);margin-bottom:12px;padding-left:12px}.preview-nav-item{padding:8px 12px;font-size:13px;color:hsla(0,0%,100%,.5);font-weight:500;border-radius:6px;cursor:default}.preview-nav-item.active{color:#fff;background:hsla(0,0%,100%,.08)}.preview-content{flex:1;padding:32px;overflow:hidden}.preview-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.preview-kpi{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:16px}.preview-kpi-label{font-size:11px;color:hsla(0,0%,100%,.4);font-weight:600;margin-bottom:8px}.preview-kpi-value{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.5px}.preview-kpi-delta{font-size:11px;color:#10b981;font-weight:600;margin-top:4px}.preview-chart{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:20px;height:160px;overflow:hidden}.preview-chart-label{font-size:11px;color:hsla(0,0%,100%,.4);margin-bottom:16px;font-weight:600}.preview-bars{display:flex;align-items:flex-end;gap:6px;height:90px}.preview-bar{flex:1;background:linear-gradient(0deg,#3b82f6,#8b5cf6);border-radius:4px 4px 0 0;opacity:.8}.btn-primary-dark{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0a0a0a!important;padding:14px 32px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px hsla(0,0%,100%,.1)}.btn-primary-dark:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 6px 16px hsla(0,0%,100%,.15)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.03);color:#fff!important;padding:14px 32px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid hsla(0,0%,100%,.1);transition:all .2s}.btn-ghost:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2)}.btn-outline-dark{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--site-text-dark)!important;padding:14px 32px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid var(--site-border);transition:all .2s}.btn-outline-dark:hover{border-color:var(--site-text-dark);background:#f9fafb}.btn-cta-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff!important;padding:16px 40px;border-radius:10px;font-weight:700;font-size:16px;text-decoration:none;transition:all .2s;box-shadow:0 8px 32px rgba(99,102,241,.4)}.btn-cta-primary:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 12px 40px rgba(99,102,241,.5)}.btn-cta-ghost{display:inline-flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.05);color:#fff!important;padding:16px 40px;border-radius:10px;font-weight:600;font-size:16px;text-decoration:none;border:1px solid hsla(0,0%,100%,.1);transition:all .2s}.btn-cta-ghost:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.trust-bar-dark{padding:48px 0;background:#0a0a0a;border-top:1px solid hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.05)}.trust-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:hsla(0,0%,100%,.4);margin-bottom:32px;text-align:center}.trust-logos{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.trust-pill{display:flex;align-items:center;gap:10px;padding:8px 24px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:100px;font-size:14px;font-weight:500;color:hsla(0,0%,100%,.8);transition:all .2s}.trust-pill:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2);color:#fff}.trust-pill-icon{font-size:16px}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px}.problem-card{border-left:3px solid var(--site-border);padding-left:32px;transition:border-color .2s}.problem-card:hover{border-left-color:var(--site-accent)}.problem-number{font-size:clamp(48px,6vw,64px);font-weight:900;letter-spacing:-3px;line-height:1;color:var(--site-text-dark);margin-bottom:16px}.problem-title{font-size:20px;font-weight:700;letter-spacing:-.5px;color:var(--site-text-dark);margin-bottom:12px}.problem-desc{color:var(--site-text-muted);font-size:16px;line-height:1.7}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.module-card{background:linear-gradient(#111,#111) padding-box,linear-gradient(hsla(0,0%,100%,.08),hsla(0,0%,100%,.02)) border-box;border:1px solid transparent;border-radius:20px;padding:40px;height:100%;transition:all .3s ease}.module-card:hover{background:linear-gradient(#111,#111) padding-box,linear-gradient(135deg,var(--mod-accent),hsla(0,0%,100%,.05)) border-box;transform:translateY(-4px);box-shadow:0 24px 48px -12px rgba(0,0,0,.5),0 0 32px -8px var(--mod-accent-light)}.module-card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:24px}.module-card-title{font-size:22px;font-weight:700;letter-spacing:-.5px;color:#fff;margin-bottom:12px}.module-card-desc{color:hsla(0,0%,100%,.6);font-size:15px;line-height:1.7;margin-bottom:24px}.module-card-cta{font-size:15px;font-weight:600}.how-step{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:100px 0}.how-step-reversed .how-step-content{order:2}.how-step-reversed .how-step-visual{order:1}.how-step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--site-text-dark);color:#fff;font-size:16px;font-weight:800;border-radius:12px;margin-bottom:24px}.how-step-title{font-size:32px;font-weight:800;letter-spacing:-1px;color:var(--site-text-dark);margin-bottom:16px}.how-step-desc{color:var(--site-text-muted);font-size:18px;line-height:1.7}.step-visual{background:#0a0a0a;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 24px 64px -12px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.05);overflow:hidden}.step-visual-header{background:#111;border-bottom:1px solid hsla(0,0%,100%,.08);padding:14px 20px;display:flex;align-items:center;gap:8px}.step-visual-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.step-visual-title{margin-left:auto;font-family:SF Mono,Fira Code,monospace;font-size:11px;color:hsla(0,0%,100%,.4)}.step-visual-body{padding:24px;background:#0a0a0a}.integration-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:8px}.integration-name{color:#e5e7eb}.integration-status{font-weight:600}.mapping-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:8px}.mapping-from{color:hsla(0,0%,100%,.6);flex:1}.mapping-arrow{color:hsla(0,0%,100%,.2)}.mapping-to{font-weight:600;flex:1}.mapping-conf{background:rgba(16,185,129,.1);color:#10b981;padding:4px 8px;border-radius:4px}.kpi-mini{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;padding:16px}.kpi-mini-label{color:hsla(0,0%,100%,.5);margin-bottom:8px}.kpi-mini-value{font-size:24px;font-weight:800;letter-spacing:-.5px;color:#fff}.kpi-mini-delta{font-size:12px;font-weight:600;color:#10b981;margin-top:4px}.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.ba-card{border-radius:24px;padding:48px;position:relative;overflow:hidden}.ba-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.ba-before{background:linear-gradient(180deg,rgba(239,68,68,.03),rgba(239,68,68,.01));border:1px solid rgba(239,68,68,.15);box-shadow:0 12px 40px -12px rgba(239,68,68,.05)}.ba-before:before{background:#ef4444}.ba-after{background:linear-gradient(180deg,rgba(16,185,129,.03),rgba(16,185,129,.01));border:1px solid rgba(16,185,129,.2);box-shadow:0 12px 40px -12px rgba(16,185,129,.05)}.ba-after:before{background:#10b981}.ba-card-header{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:32px}.ba-header-before{color:#ef4444}.ba-header-after{color:#10b981}.ba-item{gap:16px;margin-bottom:20px;font-size:16px;color:#374151;font-weight:500}.ba-icon,.ba-item{display:flex;align-items:center}.ba-icon{justify-content:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:800;flex-shrink:0}.ba-icon-bad{background:rgba(239,68,68,.1);color:#ef4444}.ba-icon-good{background:rgba(16,185,129,.1);color:#10b981}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1000px;margin:0 auto}.pricing-tier{background:#fff;border:1px solid var(--site-border);border-radius:24px;padding:48px 32px;text-align:center;position:relative;transition:all .3s ease}.pricing-tier:hover{box-shadow:0 16px 48px rgba(0,0,0,.06);transform:translateY(-4px)}.pricing-tier-featured{background:linear-gradient(180deg,#1e1b4b,#09090b);border:1px solid rgba(99,102,241,.3);box-shadow:0 0 40px -10px rgba(99,102,241,.3),inset 0 1px 0 hsla(0,0%,100%,.1);transform:scale(1.05)}.pricing-tier-featured:hover{transform:scale(1.05) translateY(-4px);box-shadow:0 20px 60px -10px rgba(99,102,241,.4),inset 0 1px 0 hsla(0,0%,100%,.1)}.pricing-popular-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:11px;font-weight:800;padding:6px 20px;border-radius:100px;white-space:nowrap;box-shadow:0 4px 12px rgba(99,102,241,.4)}.pricing-popular-badge,.pricing-tier-name{text-transform:uppercase;letter-spacing:1px}.pricing-tier-name{font-size:14px;font-weight:700;color:var(--site-text-muted);margin-bottom:16px}.pricing-tier-featured .pricing-tier-name{color:hsla(0,0%,100%,.6)}.pricing-tier-price{font-size:56px;font-weight:900;letter-spacing:-3px;line-height:1;color:var(--site-text-dark);margin-bottom:8px}.pricing-tier-featured .pricing-tier-price{color:#fff}.pricing-tier-period{font-size:18px;font-weight:500;letter-spacing:0;color:var(--site-text-muted)}.pricing-tier-featured .pricing-tier-period{color:hsla(0,0%,100%,.5)}.pricing-tier-desc{font-size:15px;color:var(--site-text-muted);margin-top:16px}.pricing-tier-featured .pricing-tier-desc{color:hsla(0,0%,100%,.6)}.cta-dark{padding:160px 48px;background:linear-gradient(180deg,#0f172a,#020617);border-top:1px solid hsla(0,0%,100%,.05);position:relative;overflow:hidden}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(99,102,241,.15) 0,transparent 70%);pointer-events:none}@media (max-width:1024px){.how-step{grid-template-columns:1fr;gap:48px;padding:80px 0}.how-step-reversed .how-step-content,.how-step-reversed .how-step-visual{order:unset}.preview-sidebar{display:none}.preview-kpi-row{grid-template-columns:1fr 1fr}}@media (max-width:768px){.hero-dark{padding:120px 24px 80px}.stats-row{flex-direction:column}.stat-glass{flex:none}.ba-grid{grid-template-columns:1fr}.pricing-tier-featured{transform:scale(1)}.pricing-tier-featured:hover{transform:translateY(-4px)}.cta-dark{padding:100px 24px}.section-dark,.section-gray,.section-white{padding:100px 0}.dashboard-preview{display:none}}.hero-light{min-height:100vh;display:flex;align-items:center;padding:160px 48px 100px;background:#fff;position:relative;overflow:hidden}.hero-light .hero-grid-overlay{background-image:radial-gradient(rgba(0,0,0,.07) 1px,transparent 0);background-size:32px 32px;mask-image:linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent)}.hero-light .hero-badge{background:rgba(0,0,0,.04);color:#374151;border:1px solid rgba(0,0,0,.09);box-shadow:0 2px 8px rgba(0,0,0,.04)}.hero-light .hero-badge-dot{background:#3b82f6;box-shadow:0 0 8px rgba(59,130,246,.6)}.hero-light .hero-headline{color:#0a0a0a}.hero-light .hero-sub{color:#6b7280}.hero-light .stats-row{margin-top:64px}.hero-light .stat-glass{background:#fafafa;border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.04)}.hero-light .stat-glass:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.08),transparent)}.hero-light .stat-glass:hover{background:#f5f5f5;border-color:#d1d5db;box-shadow:0 4px 16px rgba(0,0,0,.06)}.hero-light .stat-glass-value{color:#0a0a0a}.hero-light .stat-glass-label{color:#6b7280}.trust-bar-light{padding:40px 0;background:#fafafa;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.trust-bar-light .trust-label{text-align:center;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#9ca3af;margin-bottom:24px}.trust-bar-light .trust-logos{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.trust-bar-light .trust-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:100px;padding:8px 16px;font-size:13px;font-weight:600;color:#374151;transition:border-color .2s,box-shadow .2s}.trust-bar-light .trust-pill:hover{border-color:#d1d5db;box-shadow:0 2px 8px rgba(0,0,0,.06)}.trust-bar-light .trust-pill-icon{display:flex;align-items:center;color:#6b7280}.module-card-icon svg{display:block}@media (max-width:768px){.hero-light{padding:120px 24px 80px}}