:root{--navy-950:#0a1628;--navy-900:#0e1e36;--navy-800:#14294a;--teal-700:#0f766e;--teal-600:#0e8a80;--teal-500:#12a89b;--gray-50:#f7f9fc;--gray-100:#f0f3f8;--gray-150:#e6ebf2;--gray-200:#d9e0ea;--gray-500:#6b7891;--gray-700:#3f4a5f;--gray-900:#1a2233;--rose-500:#dc4a6b;--green-500:#15b47c;--amber-500:#e6a623}*{box-sizing:border-box}body{margin:0;color:var(--gray-900);background:var(--gray-50);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(60% 50% at 50% 0,rgba(45,196,182,.16),transparent 60%),linear-gradient(180deg,#fbfdff,#f7f9fc)}.auth-card{width:min(460px,100%);background:white;border:1px solid var(--gray-150);border-radius:18px;padding:30px;box-shadow:0 24px 60px rgba(15,28,56,.12)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--navy-950);margin-bottom:24px}.mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,var(--navy-900),var(--teal-600))}.logo-mark{position:relative;overflow:hidden}.logo-book{position:absolute;left:7px;top:7px;opacity:.95}.logo-chart{position:absolute;right:6px;bottom:6px;color:#d9fffa}.auth-card h1,.page-title h1{margin:0;color:var(--navy-950);letter-spacing:-.03em}.muted{color:var(--gray-500)}.form{display:grid;grid-gap:14px;gap:14px;margin-top:24px}.form label{display:grid;grid-gap:7px;gap:7px;color:var(--gray-700);font-size:13px;font-weight:600}.form input,.form select{height:44px;border:1px solid var(--gray-200);border-radius:10px;padding:0 13px;color:var(--navy-950);background:white}.btn{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:0;border-radius:10px;font-weight:700;cursor:pointer}.btn.primary{color:white;background:linear-gradient(180deg,var(--teal-500),var(--teal-600))}.btn.dark{color:white;background:var(--navy-900)}.btn.ghost{color:var(--navy-900);background:white;border:1px solid var(--gray-200)}.error{color:var(--rose-500);font-size:13px}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:var(--navy-950);padding:22px}.sidebar,.sidebar .brand{color:white}.nav-list{display:grid;grid-gap:6px;gap:6px;margin-top:26px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#cbd6e8;font-size:14px}.nav-item.active{color:white;background:rgba(255,255,255,.1)}.main{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.grid{display:grid;grid-gap:16px;gap:16px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-2{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}.route-section{margin-top:16px}.card{background:white;border:1px solid var(--gray-150);border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(15,28,56,.04)}.card h3{margin:0 0 12px;color:var(--navy-950)}.kpi .label{color:var(--gray-500);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.kpi .value{margin-top:8px;color:var(--navy-950);font-size:28px;font-weight:800;letter-spacing:-.03em}.status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.status.connected{color:var(--teal-700);background:#e8f8f4}.status.disconnected,.status.failed{color:var(--rose-500);background:#fff0f3}.list{display:grid;grid-gap:10px;gap:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--gray-150);border-radius:12px;background:var(--gray-50)}.row>span:first-child{display:grid;grid-gap:4px;gap:4px}.mono{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px}.dwh-label{display:grid;grid-gap:8px;gap:8px;margin-top:14px;color:var(--gray-700);font-size:13px;font-weight:700}.dwh-textarea{min-height:78px;resize:vertical;border:1px solid var(--gray-200);border-radius:12px;padding:11px 12px;color:var(--navy-950);background:white;font:inherit}.view-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.view-grid span{border:1px solid var(--gray-150);border-radius:999px;padding:6px 9px;background:var(--gray-50)}.dwh-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.howto{margin:16px 0 0;padding-left:20px;color:var(--gray-700);font-size:13px;line-height:1.55}.route-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.route-header h3{margin-bottom:4px}.checkbox-row{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--gray-700);font-size:14px;font-weight:700}.empty-state{margin:0;padding:16px;border:1px dashed var(--gray-200);border-radius:12px}.onboarding-card{width:min(620px,100%)}.onboarding-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;margin:22px 0 4px}.onboarding-steps span{border:1px solid var(--gray-150);border-radius:999px;padding:7px 9px;color:var(--gray-500);background:var(--gray-50);font-size:12px;font-weight:800;text-align:center}.onboarding-steps span.active{color:white;border-color:var(--teal-600);background:var(--teal-600)}.onboarding-steps span.done{color:var(--teal-700);border-color:rgba(18,168,155,.22);background:#e8f8f4}.onboarding-step{display:grid;grid-gap:14px;gap:14px;margin-top:22px}.onboarding-actions{display:flex;flex-wrap:wrap;gap:10px}.setup-state{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;gap:8px;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.setup-state.connected{color:var(--teal-700);background:#e8f8f4}.setup-state.pending{color:var(--gray-700);background:var(--gray-100)}.btn:disabled{cursor:not-allowed;opacity:.55}.dwh-hint{margin-top:8px;font-size:13px}.marketing-page{min-height:100vh;background:white}.marketing-container{width:min(1180px,calc(100% - 40px));margin:0 auto}.marketing-nav{position:-webkit-sticky;position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(217,224,234,.72);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-row{height:70px;display:flex;align-items:center;justify-content:space-between;gap:22px}.nav-row .brand{margin-bottom:0}.marketing-links{display:flex;gap:28px;color:var(--gray-700);font-size:14px;font-weight:650}.marketing-links a:hover,.nav-login:hover{color:var(--navy-950)}.hero-actions,.nav-actions{display:flex;align-items:center;gap:12px}.nav-login{color:var(--gray-700);font-size:14px;font-weight:700}.hero-section{position:relative;overflow:hidden;padding:72px 0 86px;border-bottom:1px solid var(--gray-150);background:radial-gradient(circle at 18% 15%,rgba(18,168,155,.12),transparent 30%),linear-gradient(180deg,#fbfdff,white 82%)}.hero-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);grid-gap:48px;gap:48px;align-items:center}.final-cta h2,.hero-copy h1,.section-heading h2{margin:14px 0 16px;color:var(--navy-950);font-weight:850;letter-spacing:-.03em;line-height:1.02}.hero-copy h1{max-width:680px;font-size:clamp(44px,6vw,76px)}.hero-copy p,.section-heading p{max-width:650px;color:var(--gray-700);font-size:18px;line-height:1.6}.hero-copy p{margin:0 0 28px}.eyebrow{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;border:1px solid var(--teal-100);border-radius:999px;padding:6px 12px;color:var(--teal-700);background:var(--teal-50);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.eyebrow.gray{color:var(--gray-700);background:var(--gray-100);border-color:var(--gray-150)}.hero-visual{position:relative;min-height:420px;border:1px solid var(--gray-150);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(247,249,252,.94)),radial-gradient(circle at 50% 0,rgba(18,168,155,.18),transparent 48%);box-shadow:0 32px 70px rgba(10,22,40,.14)}.flow-card{position:absolute;display:grid;grid-gap:7px;gap:7px;width:188px;border:1px solid var(--gray-150);border-radius:16px;padding:18px;background:white;box-shadow:0 18px 42px rgba(15,28,56,.1)}.flow-card strong{color:var(--navy-950)}.flow-card span{color:var(--gray-500);font-size:13px;line-height:1.35}.qb-card{left:28px;top:78px}.metric-card{left:50%;top:170px;transform:translateX(-50%);border-color:rgba(18,168,155,.3)}.power-card{right:28px;bottom:58px;width:210px;background:var(--navy-950);color:white}.power-card span,.power-card strong{color:inherit}.flow-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:white;font-size:12px;font-weight:900}.flow-icon.qb{background:#2ca01c}.flow-icon.metric{background:linear-gradient(135deg,var(--navy-900),var(--teal-600))}.aging-row,.customer-row,.mini-kpis,.mockup-top,.power-header{display:flex;align-items:center;justify-content:space-between}.mini-kpis{gap:8px;margin:8px 0}.mini-kpis span{flex:1 1;border-radius:9px;padding:8px 6px;background:rgba(255,255,255,.1);text-align:center;font-size:12px;font-weight:800}.mini-chart,.trend-bars{display:flex;align-items:flex-end;gap:8px;height:86px;padding-top:10px}.mini-chart i,.trend-bars i{flex:1 1;border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--teal-400),var(--teal-700))}.flow-line{position:absolute;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--teal-500),transparent)}.left-line{left:190px;top:190px;width:170px;transform:rotate(22deg)}.right-line{right:190px;top:232px;width:170px;transform:rotate(-18deg)}.final-cta,.marketing-band,.marketing-section,.security-section{padding:92px 0}.marketing-band{background:var(--gray-50)}.section-heading{max-width:760px;margin-bottom:38px}.section-heading.compact{max-width:620px}.final-cta h2,.section-heading h2{font-size:clamp(32px,4vw,50px)}.feature-grid,.pain-grid,.pricing-grid{display:grid;grid-gap:16px;gap:16px}.pain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.marketing-card,.pricing-card,.step-card{border:1px solid var(--gray-150);border-radius:16px;background:white;box-shadow:0 1px 2px rgba(15,28,56,.04)}.marketing-card,.pricing-card{padding:24px}.feature-card,.step-card{padding:20px}.feature-card svg,.marketing-card svg,.pricing-card svg,.step-card svg{color:var(--teal-700)}.feature-card h3,.marketing-card h3,.pricing-card h3,.step-card h3{margin:14px 0 8px;color:var(--navy-950);font-size:17px}.feature-card p,.marketing-card p,.pricing-card p,.step-card p{margin:0;color:var(--gray-500);font-size:14px;line-height:1.5}.step-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.step-card{position:relative;min-height:210px}.step-number{color:var(--gray-300);font-size:13px;font-weight:900}.dashboard-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(560px,1.25fr);grid-gap:46px;gap:46px;align-items:center}.dashboard-mockup{border:1px solid var(--gray-150);border-radius:20px;padding:22px;background:var(--navy-950);box-shadow:0 30px 72px rgba(10,22,40,.22)}.mockup-top{color:white;margin-bottom:18px}.mockup-top div{display:grid;grid-gap:3px;gap:3px}.mockup-top span{color:#aebbd0;font-size:13px}.mock-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.aging-panel,.customers-panel,.mock-kpis div,.trend-panel{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.06)}.mock-kpis div{display:grid;grid-gap:6px;gap:6px;padding:14px}.aging-panel>span,.customers-panel>span,.mock-kpis span,.trend-panel>span{color:#aebbd0;font-size:12px;font-weight:800}.mock-kpis strong{color:white;font-size:22px}.mock-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr);grid-gap:12px;gap:12px}.aging-panel,.customers-panel,.trend-panel{padding:16px}.trend-panel{min-height:240px;grid-row:span 2}.trend-bars{height:176px;margin-top:18px}.aging-panel,.customers-panel{display:grid;grid-gap:11px;gap:11px}.aging-row,.customer-row{gap:10px;color:white;font-size:13px}.aging-row em,.customer-row em{font-style:normal}.aging-row i{flex:1 1;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--teal-400),var(--amber-500))}.customer-row{justify-content:flex-start}.security-section{color:white;background:linear-gradient(135deg,var(--navy-950),var(--navy-800))}.security-section h2{color:white}.security-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);grid-gap:40px;gap:40px;align-items:start}.security-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.security-item{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;background:rgba(255,255,255,.07);font-weight:700}.security-item svg{flex:0 0 auto;color:var(--teal-300)}.pricing-card{display:grid;grid-gap:14px;gap:14px}.pricing-card strong{width:-moz-fit-content;width:fit-content;border-radius:999px;padding:7px 11px;color:var(--navy-900);background:var(--gray-100);font-size:13px}.pricing-checks{display:grid;grid-gap:9px;gap:9px;padding-top:4px}.pricing-checks span{display:flex;align-items:center;gap:8px;color:var(--gray-700);font-size:13px;font-weight:650}.final-cta{text-align:center;background:white}.final-cta-inner{display:grid;justify-items:center}.final-cta svg{color:var(--teal-700)}@media (max-width:920px){.shell{grid-template-columns:1fr}.sidebar{position:static}.cards-2,.kpis{grid-template-columns:1fr}.marketing-links{display:none}.dashboard-layout,.hero-layout,.security-layout{grid-template-columns:1fr}.hero-visual{min-height:690px}.metric-card,.power-card,.qb-card{left:50%;right:auto;width:min(270px,calc(100% - 40px));transform:translateX(-50%)}.qb-card{top:34px}.metric-card{top:228px}.power-card{bottom:38px}.flow-line{left:50%;width:2px;height:90px;transform:translateX(-50%)}.left-line{top:150px}.right-line{top:408px}.feature-grid,.mock-body,.mock-kpis,.pain-grid,.pricing-grid,.security-list,.step-flow{grid-template-columns:1fr}}@media (max-width:560px){.marketing-container{width:min(100% - 28px,1180px)}.nav-row{height:auto;padding:14px 0}.nav-actions .nav-login{display:none}.final-cta,.hero-section,.marketing-band,.marketing-section,.security-section{padding:64px 0}.hero-copy h1{font-size:42px}.hero-actions{align-items:stretch;flex-direction:column}.dashboard-mockup{padding:14px}}