:root{
--bg:#f8fafc;--bg-elev:#ffffff;--bg-muted:#f1f5f9;
--ink:#0f172a;--ink-soft:#334155;--ink-mute:#64748b;--ink-faint:#94a3b8;
--line:#e2e8f0;--line-strong:#cbd5e1;
--accent:#2563eb;--accent-bright:#3b82f6;--accent-soft:#eff6ff;--accent-ink:#1d4ed8;
--gold:#f59e0b;
--buy-accent:#2563eb;--buy-soft:#eff6ff;--buy-ink:#1e40af;
--connect-accent:#1d4ed8;--connect-soft:#dbeafe;--connect-ink:#1e3a8a;
--recon-accent:#0f172a;--recon-soft:#e2e8f0;--recon-ink:#1e293b;
--shadow-sm:0 1px 2px rgba(15,23,42,.06);
--shadow-md:0 4px 14px rgba(15,23,42,.08),0 2px 4px rgba(15,23,42,.04);
--shadow-lg:0 24px 60px -20px rgba(37,99,235,.2),0 8px 24px rgba(15,23,42,.08);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Manrope',-apple-system,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
.page{display:none;} .page.active{display:block;}
.page-wrap{position:relative;}
.page-wrap::before{content:'';position:fixed;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;opacity:.22;mask-image:radial-gradient(ellipse at top,black 0%,transparent 60%);-webkit-mask-image:radial-gradient(ellipse at top,black 0%,transparent 60%);pointer-events:none;z-index:0;}
.container{max-width:1240px;margin:0 auto;padding:0 28px;position:relative;z-index:1;}
/* NAV */
nav{position:sticky;top:0;z-index:200;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(248,250,252,.92);border-bottom:1px solid var(--line);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:15px 0;gap:20px;}
.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--ink);text-decoration:none;cursor:pointer;flex-shrink:0;}
.logo-mark{flex-shrink:0;line-height:0;}
.nav-links{display:flex;align-items:center;gap:6px;list-style:none;}
.nav-links a,.nav-links button{text-decoration:none;color:var(--ink-soft);font-size:14px;font-weight:500;transition:color .2s;background:none;border:none;cursor:pointer;font-family:'Manrope',sans-serif;padding:8px 14px;border-radius:8px;}
.nav-links a:hover,.nav-links button:hover{color:var(--accent);background:var(--accent-soft);}
.nav-dropdown{position:relative;}
.nav-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 8px 30px rgba(10,10,10,.12);min-width:270px;display:none;z-index:300;}
.nav-dropdown-menu.open{display:block;}
.nav-dropdown-btn.active{color:var(--accent);background:var(--accent-soft);}
.nav-dd-header{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);font-weight:600;padding:6px 14px 4px;margin-bottom:2px;}
.nav-dropdown-menu a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:9px;color:var(--ink)!important;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;cursor:pointer;}
.nav-dropdown-menu a:hover{background:var(--bg-muted);}
.dd-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.dd-name{font-size:14px;font-weight:600;color:var(--ink);}
.dd-desc{font-size:12px;font-weight:400;color:var(--ink-mute);margin-top:1px;}
.nav-dd-divider{height:1px;background:var(--line);margin:6px 0;}
.nav-cta{background:var(--ink)!important;color:#fff!important;padding:9px 20px!important;border-radius:999px!important;font-size:14px!important;font-weight:500!important;transition:all .2s!important;display:inline-flex!important;align-items:center!important;gap:6px!important;}
.nav-cta:hover{background:var(--accent)!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px rgba(37,99,235,.3)!important;}
/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-size:15px;font-weight:500;font-family:'Manrope',sans-serif;text-decoration:none;transition:all .25s;border:none;cursor:pointer;white-space:nowrap;}
.btn-primary{background:var(--ink);color:white;}
.btn-primary:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 8px 20px rgba(37,99,235,.35);}
.btn-secondary{background:var(--bg-elev);color:var(--ink);border:1px solid var(--line-strong);}
.btn-secondary:hover{border-color:var(--ink);}
.btn svg{flex-shrink:0;transition:transform .25s;} .btn:hover svg{transform:translateX(3px);}
/* SECTIONS */
section{padding:110px 0;position:relative;}
.section-head{max-width:720px;margin:0 auto 70px;text-align:center;}
.section-tag{display:inline-block;font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-weight:600;margin-bottom:18px;}
.section-title{font-size:clamp(34px,4.5vw,52px);line-height:1.08;letter-spacing:-.03em;font-weight:700;margin-bottom:20px;}
.section-title em{color:var(--accent);font-style:normal;}
.section-sub{font-size:17px;color:var(--ink-mute);line-height:1.55;}
/* HERO */
.hero{padding:90px 0 70px;}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;background:var(--bg-elev);border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--ink-soft);font-weight:500;margin-bottom:28px;box-shadow:var(--shadow-sm);}
.eyebrow-tag{background:var(--accent-soft);color:var(--accent-ink);padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;}
.hero-title{font-size:clamp(40px,5.5vw,70px);line-height:1.04;letter-spacing:-.035em;font-weight:800;margin-bottom:26px;}
.hero-title em{font-style:normal;color:var(--accent);}
.hero-sub{font-size:18px;color:var(--ink-mute);max-width:520px;line-height:1.6;margin-bottom:34px;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:44px;}
.hero-trust{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--ink-mute);}
.avatar-stack{display:flex;}
.avatar-stack span{width:30px;height:30px;border-radius:999px;border:2px solid var(--bg);margin-left:-8px;}
.avatar-stack span:first-child{margin-left:0;}
.avatar-stack span:nth-child(1){background:linear-gradient(135deg,#60a5fa,#2563eb);}
.avatar-stack span:nth-child(2){background:linear-gradient(135deg,#22d3ee,#1d4ed8);}
.avatar-stack span:nth-child(3){background:linear-gradient(135deg,#93c5fd,#2563eb);}
.avatar-stack span:nth-child(4){background:linear-gradient(135deg,#60a5fa,#0f172a);}
.stars{color:var(--gold);letter-spacing:1px;}
/* DASHBOARD */
.dashboard{background:var(--bg-elev);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;}
.db-chrome{display:flex;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--bg-muted);gap:14px;}
.traffic{display:flex;gap:7px;} .traffic span{width:11px;height:11px;border-radius:999px;}
.traffic span:nth-child(1){background:#ff5f57;} .traffic span:nth-child(2){background:#febc2e;} .traffic span:nth-child(3){background:#28c840;}
.url-bar{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:5px 12px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-mute);text-align:center;max-width:300px;margin:0 auto;}
.url-bar span{color:var(--accent);}
.db-body{display:grid;grid-template-columns:190px 1fr;min-height:360px;}
.db-sidebar{background:var(--bg-muted);border-right:1px solid var(--line);padding:18px 12px;}
.db-slabel{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);font-weight:600;padding:0 8px;margin:14px 0 6px;}
.db-slabel:first-child{margin-top:0;}
.db-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;font-size:12.5px;color:var(--ink-soft);margin-bottom:2px;}
.db-item.active{background:var(--bg-elev);color:var(--ink);font-weight:600;box-shadow:var(--shadow-sm);}
.db-dot{width:7px;height:7px;border-radius:999px;background:var(--ink-faint);}
.db-item.active .db-dot{background:var(--accent);}
.db-count{margin-left:auto;font-size:11px;background:var(--line);padding:1px 6px;border-radius:999px;color:var(--ink-mute);}
.db-item.active .db-count{background:var(--accent-soft);color:var(--accent-ink);}
.db-panel{padding:20px;}
.db-phead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.db-phead h3{font-size:16px;font-weight:600;letter-spacing:-.01em;}
.db-phead h3 small{color:var(--ink-faint);font-weight:400;margin-left:4px;font-size:13px;}
.ai-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:white;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;}
.db-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;}
.db-stat{border:1px solid var(--line);border-radius:10px;padding:12px;}
.db-stat .lbl{font-size:10px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;}
.db-stat .val{font-size:22px;font-weight:700;letter-spacing:-.03em;}
.db-stat .delta{font-size:11px;color:#0f172a;font-weight:500;margin-top:2px;}
.db-rows{border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.db-rhead,.db-ritem{display:grid;grid-template-columns:2fr 1.2fr 1fr 80px;align-items:center;padding:9px 14px;font-size:12px;gap:10px;}
.db-rhead{background:var(--bg-muted);color:var(--ink-mute);text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:10px;}
.db-ritem{border-top:1px solid var(--line);background:var(--bg-elev);}
.db-ritem .car{font-weight:600;font-size:12px;}
.db-ritem .vin{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-faint);}
.status{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:500;}
.status .dot{width:5px;height:5px;border-radius:999px;background:currentColor;}
.s-progress{background:#fef3c7;color:#92400e;} .s-review{background:var(--accent-soft);color:var(--accent-ink);} .s-done{background:#dbeafe;color:#1e3a8a;}
.progress-bar{height:4px;background:var(--bg-muted);border-radius:999px;overflow:hidden;}
.progress-bar .fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-bright));border-radius:999px;}
/* LOGOS */
.logos-strip{padding:48px 0 32px;border-top:1px solid var(--line);margin-top:60px;}
.logos-label{text-align:center;font-size:12px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.12em;margin-bottom:26px;font-weight:500;}
.logo-row{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;opacity:.45;}
.logo-row span{font-size:16px;font-weight:700;color:var(--ink-soft);letter-spacing:-.01em;text-transform:uppercase;}
/* PRODUCT CARDS */
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.product-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:20px;padding:32px 28px;transition:all .35s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;cursor:pointer;}
.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}
.product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .35s;border-radius:20px 20px 0 0;}
.product-card:hover::before{opacity:1;}
.pc-buy::before{background:linear-gradient(90deg,var(--accent),#93c5fd);} .pc-buy:hover{border-color:var(--accent);}
.pc-connect::before{background:linear-gradient(90deg,var(--accent),var(--accent-bright));} .pc-connect:hover{border-color:var(--accent);}
.pc-recon::before{background:linear-gradient(90deg,var(--accent),#60a5fa);} .pc-recon:hover{border-color:var(--accent);}
.pc-icon{width:48px;height:48px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:22px;font-size:22px;}
.pc-buy .pc-icon{background:var(--accent-soft);} .pc-connect .pc-icon{background:var(--accent-soft);} .pc-recon .pc-icon{background:var(--accent-soft);}
.pc-name{font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px;}
.pc-desc{font-size:14px;color:var(--ink-mute);line-height:1.6;margin-bottom:18px;}
/* Channel pills on connect card */
.channel-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;}
.channel-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;}
.pill-ai{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;}
.pill-voice{background:#dbeafe;color:#1e3a8a;border:1px solid #93c5fd;}
.pill-sms{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;}
.pc-features{list-style:none;margin-bottom:24px;}
.pc-features li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--ink-soft);padding:5px 0;}
.pc-features li::before{content:'';width:16px;height:16px;border-radius:999px;flex-shrink:0;margin-top:2px;background-repeat:no-repeat;background-position:center;}
.pc-buy .pc-features li::before{background-color:var(--accent-soft);background-image:url("data:image/svg+xml;utf8,");}
.pc-connect .pc-features li::before{background-color:var(--accent-soft);background-image:url("data:image/svg+xml;utf8,");}
.pc-recon .pc-features li::before{background-color:var(--accent-soft);background-image:url("data:image/svg+xml;utf8,");}
.pc-link{color:var(--ink);font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:gap .2s,color .2s;text-decoration:none;cursor:pointer;background:none;border:none;font-family:'Manrope',sans-serif;padding:0;}
.pc-link:hover{gap:10px;color:var(--accent);}
/* STATS */
.stats-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:70px 0;}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);}
.stat-item{text-align:center;padding:0 20px;border-left:1px solid var(--line);}
.stat-item:first-child{border-left:none;}
.stat-num{font-size:52px;font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--ink);margin-bottom:8px;}
.stat-num span{color:var(--accent);}
.stat-label{font-size:13px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.08em;font-weight:500;}
/* HOW IT WORKS */
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.step-mark{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--accent);line-height:1;margin-bottom:20px;font-weight:500;letter-spacing:.1em;display:inline-flex;align-items:center;gap:10px;}
.step-mark::after{content:'';flex:1;height:1px;background:var(--line);min-width:40px;}
.step-card h3{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px;}
.step-card p{color:var(--ink-mute);font-size:15px;line-height:1.6;}
/* TESTIMONIAL */
.quote-block{text-align:center;max-width:880px;margin:0 auto;padding:0 20px;}
.big-quote{font-size:clamp(22px,3.5vw,36px);line-height:1.3;letter-spacing:-.02em;color:var(--ink);margin-bottom:32px;font-weight:500;}
.big-quote::before{content:'\201C';display:block;font-size:72px;color:var(--accent);line-height:.5;margin-bottom:12px;}
.quote-author{display:inline-flex;align-items:center;gap:14px;}
.quote-avatar{width:46px;height:46px;border-radius:999px;}
.quote-meta strong{display:block;font-size:15px;}
.quote-meta span{font-size:13px;color:var(--ink-mute);}
/* FINAL CTA */
.final-cta{text-align:center;padding:100px 40px;background:var(--bg-elev);border:1px solid var(--line);border-radius:28px;position:relative;overflow:hidden;}
.final-cta::before{content:'';position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(ellipse,rgba(37,99,235,.12) 0%,transparent 60%);opacity:.5;pointer-events:none;}
.final-cta>*{position:relative;z-index:1;}
.final-cta h2{font-size:clamp(36px,5vw,56px);line-height:1.08;letter-spacing:-.035em;margin-bottom:18px;font-weight:700;}
.final-cta h2 em{color:var(--accent);font-style:normal;}
.final-cta p{font-size:18px;color:var(--ink-mute);max-width:540px;margin:0 auto 36px;line-height:1.55;}
.cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
/* FOOTER */
footer{padding:80px 0 30px;border-top:1px solid var(--line);margin-top:100px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;}
.footer-about p{font-size:14px;color:var(--ink-mute);margin-top:14px;max-width:300px;line-height:1.55;}
.footer-col h4{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin-bottom:16px;font-weight:600;}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:10px;}
.footer-col a,.footer-col button{color:var(--ink-soft);text-decoration:none;font-size:14px;font-family:'Manrope',sans-serif;transition:color .2s;background:none;border:none;cursor:pointer;padding:0;}
.footer-col a:hover,.footer-col button:hover{color:var(--accent);}
.footer-base{border-top:1px solid var(--line);padding-top:28px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--ink-faint);}
.footer-base .links{display:flex;gap:20px;}
.footer-base a{color:var(--ink-faint);text-decoration:none;transition:color .2s;}
.footer-base a:hover{color:var(--ink);}
/* BREADCRUMB */
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-mute);padding:20px 0 0;}
.breadcrumb span{color:var(--ink-faint);}
.breadcrumb a,.breadcrumb button{color:var(--ink-mute);text-decoration:none;background:none;border:none;cursor:pointer;font-family:'Manrope',sans-serif;font-size:13px;transition:color .2s;padding:0;}
.breadcrumb a:hover,.breadcrumb button:hover{color:var(--accent);}
/* PRODUCT HERO */
.product-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:32px;}
.product-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 8px;border-radius:999px;font-size:12px;font-weight:600;margin-bottom:24px;border:1px solid;}
.badge-dot{width:8px;height:8px;border-radius:999px;animation:pulsedot 2s infinite;}
@keyframes pulsedot{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(.7);opacity:.5;}}
.lead{font-size:18px;color:var(--ink-mute);line-height:1.6;margin-bottom:36px;max-width:520px;}
.product-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}
.founder-credit{display:flex;align-items:center;gap:10px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line);}
.fc-avatars{display:flex;}
.fc-av{width:28px;height:28px;border-radius:999px;border:2px solid var(--bg);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:white;}
.fc-av:first-child{margin-left:0;}
.fc-av+.fc-av{margin-left:-8px;}
.founder-credit p{font-size:13px;color:var(--ink-mute);line-height:1.4;}
.founder-credit p strong{color:var(--ink);font-weight:600;}
/* FEATURE GRID */
.features-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
/* 3-col for connect to fit extra features */
.features-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.feat-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:16px;padding:28px 26px;transition:all .3s;}
.feat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.feat-card.featured-feat{border-width:2px;}
.feat-icon{width:44px;height:44px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:20px;}
.feat-card h3{font-size:17px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px;}
.feat-card p{font-size:14px;color:var(--ink-mute);line-height:1.6;}
.feat-card .feat-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px;}
.feat-tag{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;}
/* WORKFLOW */
.workflow-visual{background:var(--bg-elev);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow-md);}
.wf-step{display:flex;align-items:center;gap:14px;padding:13px 16px;background:var(--bg);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;}
.wf-step:last-child{margin-bottom:0;}
.wf-num{width:30px;height:30px;border-radius:999px;background:var(--bg-muted);color:var(--ink-mute);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;font-family:'JetBrains Mono',monospace;flex-shrink:0;}
.wf-title{font-size:14px;font-weight:600;color:var(--ink);}
.wf-sub{font-size:12px;color:var(--ink-mute);margin-top:2px;}
.wf-tag{margin-left:auto;font-size:11px;font-family:'JetBrains Mono',monospace;}
/* CRM MOCKUP */
.crm-mockup{background:var(--bg-elev);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-md);}
.crm-head{padding:14px 20px;border-bottom:1px solid var(--line);background:var(--bg-muted);display:flex;justify-content:space-between;align-items:center;}
.crm-head h4{font-size:13px;font-weight:600;}
.crm-table-head,.crm-table-row{display:grid;grid-template-columns:1.8fr 1.2fr 1fr 1fr;padding:10px 18px;font-size:12px;gap:8px;align-items:center;}
.crm-table-head{background:var(--bg-muted);color:var(--ink-mute);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;}
.crm-table-row{border-top:1px solid var(--line);background:var(--bg-elev);}
.crm-name{font-weight:600;font-size:13px;}
.crm-co{font-size:11px;color:var(--ink-faint);margin-top:1px;}
.score-bar{display:flex;align-items:center;gap:7px;}
.score-fill{height:4px;border-radius:999px;flex:1;background:var(--bg-muted);overflow:hidden;}
.score-fill .f{height:100%;border-radius:999px;}
.score-val{font-size:11px;font-family:'JetBrains Mono',monospace;color:var(--ink-soft);}
.channel-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;}
/* AUCTION MOCKUP */
.auction-mockup{background:var(--bg-elev);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-md);}
.auction-head{padding:13px 20px;border-bottom:1px solid var(--line);background:var(--bg-muted);display:flex;justify-content:space-between;align-items:center;}
.auction-head h4{font-size:13px;font-weight:600;}
.live-badge{display:inline-flex;align-items:center;gap:5px;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;}
.live-badge::before{content:'';width:6px;height:6px;border-radius:999px;background:#ef4444;animation:pulsedot 1.5s infinite;}
.auction-row{display:grid;grid-template-columns:2fr 1fr 1fr 100px;padding:11px 20px;border-top:1px solid var(--line);align-items:center;gap:10px;font-size:12px;background:var(--bg-elev);}
.auction-row.hl{background:#eff6ff;border-left:3px solid var(--accent);}
.lot-name{font-weight:600;font-size:13px;color:var(--ink);}
.lot-detail{font-size:11px;color:var(--ink-faint);margin-top:2px;}
.ai-rec{display:inline-flex;align-items:center;gap:4px;background:var(--accent-soft);color:var(--accent-ink);padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;}
/* RELATED PRODUCTS */
.related-products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.rp-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;padding:24px;cursor:pointer;transition:all .25s;text-decoration:none;color:inherit;display:block;}
.rp-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.rp-icon{font-size:24px;margin-bottom:12px;}
.rp-name{font-size:17px;font-weight:700;margin-bottom:6px;letter-spacing:-.01em;}
.rp-desc{font-size:13px;color:var(--ink-mute);line-height:1.5;}
.rp-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;margin-top:12px;}
/* FOUNDER SECTION */
.founder-section{background:var(--ink);color:white;border-radius:28px;overflow:hidden;position:relative;margin-bottom:60px;}
.founder-section::before{content:'';position:absolute;top:-120px;right:-120px;width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,.18) 0%,transparent 65%);pointer-events:none;}
.founder-section::after{content:'';position:absolute;bottom:-100px;left:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.10) 0%,transparent 65%);pointer-events:none;}
.founder-inner{display:grid;grid-template-columns:1fr 1fr;gap:0;position:relative;z-index:1;}
.founder-left{padding:72px 60px 72px 72px;border-right:1px solid rgba(255,255,255,.08);}
.founder-right{padding:72px 72px 72px 60px;display:flex;flex-direction:column;}
.founder-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#60a5fa;font-weight:600;margin-bottom:24px;}
.founder-eyebrow::before{content:'';width:20px;height:1px;background:var(--accent-bright);}
.founder-title{font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:white;margin-bottom:26px;}
.founder-title em{font-style:normal;color:var(--accent-bright);}
.founder-body{font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.62);margin-bottom:34px;}
.founder-body strong{color:white;font-weight:600;}
.founder-sig{display:flex;align-items:center;gap:16px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);}
.founder-avs{display:flex;}
.founder-av{width:46px;height:46px;border-radius:999px;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;}
.founder-av:first-child{margin-left:0;} .founder-av+.founder-av{margin-left:-10px;}
.founder-av.a1{background:linear-gradient(135deg,#2563eb,#3b82f6);color:white;}
.founder-av.a2{background:linear-gradient(135deg,#2563eb,#93c5fd);color:white;}
.founder-sig-text strong{display:block;font-size:14px;color:white;}
.founder-sig-text span{font-size:12px;color:rgba(255,255,255,.45);}
.milestones{display:flex;flex-direction:column;height:100%;}
.milestone{flex:1;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.07);display:flex;gap:18px;align-items:flex-start;}
.milestone:last-child{border-bottom:none;}
.ms-year{font-family:'JetBrains Mono',monospace;font-size:12px;color:#60a5fa;font-weight:500;min-width:44px;padding-top:3px;letter-spacing:.04em;}
.ms-dot{width:8px;height:8px;border-radius:999px;background:#60a5fa;margin-top:5px;flex-shrink:0;box-shadow:0 0 8px rgba(6,182,212,.5);}
.ms-content strong{display:block;font-size:15px;color:white;font-weight:600;margin-bottom:5px;}
.ms-content span{font-size:13px;color:rgba(255,255,255,.5);line-height:1.55;}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 72px 60px;position:relative;z-index:1;}
.pain-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 22px;}
.pain-before,.pain-after{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:8px;}
.pain-before{color:rgba(255,255,255,.3);}
.pain-after{color:var(--accent-bright);}
.pain-quote{font-size:14px;color:rgba(255,255,255,.52);line-height:1.6;font-style:italic;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07);}
.pain-solution{font-size:14px;color:white;font-weight:500;line-height:1.5;}
/* SMS/VOICE/AI showcase block */
.comms-showcase{background:var(--bg-elev);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-md);}
.comms-tabs{display:flex;border-bottom:1px solid var(--line);background:var(--bg-muted);}
.comms-tab{flex:1;padding:13px 16px;font-size:13px;font-weight:600;text-align:center;cursor:pointer;transition:all .2s;border:none;background:none;font-family:'Manrope',sans-serif;color:var(--ink-mute);}
.comms-tab.active{background:var(--bg-elev);color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent);}
.comms-tab:hover:not(.active){color:var(--ink);}
.comms-panel{display:none;padding:20px;}
.comms-panel.active{display:block;}
.chat-msg{display:flex;gap:10px;margin-bottom:12px;align-items:flex-end;}
.chat-msg.out{flex-direction:row-reverse;}
.chat-bubble{max-width:76%;padding:10px 14px;border-radius:18px;font-size:13px;line-height:1.5;}
.chat-msg.in .chat-bubble{background:var(--bg-muted);color:var(--ink);border-bottom-left-radius:4px;}
.chat-msg.out .chat-bubble{background:var(--accent);color:white;border-bottom-right-radius:4px;}
.chat-msg.ai .chat-bubble{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;border:1px solid #bfdbfe;border-bottom-left-radius:4px;}
.chat-av{width:28px;height:28px;border-radius:999px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.chat-time{font-size:10px;color:var(--ink-faint);margin-top:4px;text-align:center;width:100%;}
.ai-suggest-row{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#eff6ff;border-radius:12px;border:1px solid #bfdbfe;margin-top:8px;}
.ai-suggest-row .ai-icon{font-size:18px;flex-shrink:0;margin-top:1px;}
.ai-suggest-row p{font-size:12.5px;color:#0369a1;line-height:1.5;}
.ai-suggest-row p strong{color:#1e3a8a;}
.voice-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;}
.voice-item:last-child{margin-bottom:0;}
.voice-av{width:38px;height:38px;border-radius:999px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.voice-info .vname{font-size:13px;font-weight:600;color:var(--ink);}
.voice-info .vdetail{font-size:11px;color:var(--ink-mute);margin-top:2px;}
.voice-status{margin-left:auto;text-align:right;}
.voice-badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;}
.vb-live{background:#fef2f2;color:#b91c1c;}
.vb-done{background:#dbeafe;color:#1e3a8a;}
.vb-sched{background:var(--accent-soft);color:var(--accent-ink);}
.voice-transcript{font-size:11px;color:var(--ink-faint);margin-top:4px;font-style:italic;}
.ai-insight-block{margin-top:14px;padding:12px 14px;background:#eff6ff;border-radius:12px;border:1px solid #bfdbfe;}
.ai-insight-block .ai-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:#1d4ed8;margin-bottom:6px;}
.ai-insight-block .ai-text{font-size:13px;color:#1e3a8a;line-height:1.55;}
/* REVEAL */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:none;}
.reveal-d1{transition-delay:.1s;} .reveal-d2{transition-delay:.2s;} .reveal-d3{transition-delay:.3s;}
/* ---- DEMO MODAL ---- */
.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px;}
.modal-overlay.open{display:flex;}
.modal-box{background:#ffffff;border-radius:24px;width:100%;max-width:560px;box-shadow:0 32px 80px -12px rgba(15,23,42,.35);overflow:hidden;position:relative;animation:modalIn .3s cubic-bezier(.2,.8,.2,1);}
@keyframes modalIn{from{opacity:0;transform:translateY(24px) scale(.97);}to{opacity:1;transform:none;}}
.modal-header{padding:36px 40px 24px;border-bottom:1px solid #e2e8f0;}
.modal-header h2{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#0f172a;margin-bottom:6px;}
.modal-header p{font-size:14px;color:#64748b;line-height:1.5;}
.modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#64748b;transition:all .2s;line-height:1;}
.modal-close:hover{background:#f1f5f9;color:#0f172a;}
.modal-body{padding:28px 40px 36px;}
.modal-product-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;}
.modal-pill{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;border:1.5px solid #e2e8f0;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .2s;font-family:'Manrope',sans-serif;}
.modal-pill.active{background:#2563eb;border-color:#2563eb;color:white;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.form-group:last-child{margin-bottom:0;}
.form-label{font-size:12px;font-weight:600;color:#374151;letter-spacing:.02em;text-transform:uppercase;}
.form-input,.form-select,.form-textarea{width:100%;padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:'Manrope',sans-serif;color:#0f172a;background:#ffffff;transition:border-color .2s,box-shadow .2s;outline:none;}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12);}
.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8;}
.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer;}
.form-textarea{resize:none;min-height:80px;}
.dms-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;margin-bottom:18px;}
.dms-note-icon{font-size:16px;flex-shrink:0;margin-top:1px;}
.dms-note p{font-size:12.5px;color:#1e40af;line-height:1.5;}
.dms-note p strong{color:#1e3a8a;}
.form-submit{width:100%;padding:14px;background:#2563eb;color:white;border:none;border-radius:999px;font-size:15px;font-weight:600;font-family:'Manrope',sans-serif;cursor:pointer;transition:all .25s;letter-spacing:-.01em;}
.form-submit:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 8px 20px rgba(37,99,235,.35);}
.form-submit:disabled{background:#93c5fd;cursor:not-allowed;transform:none;box-shadow:none;}
.modal-success{padding:60px 40px;text-align:center;display:none;}
.modal-success.show{display:block;}
.modal-success .success-icon{font-size:52px;margin-bottom:20px;}
.modal-success h3{font-size:22px;font-weight:800;color:#0f172a;margin-bottom:10px;letter-spacing:-.02em;}
.modal-success p{font-size:15px;color:#64748b;line-height:1.6;margin-bottom:24px;}
.modal-form-wrap.hide{display:none;}
/* ============================================================
RESPONSIVE — mobile nav + breakpoints (added in audit)
============================================================ */
/* Hamburger toggle (hidden on desktop) */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;background:none;border:1px solid var(--line);border-radius:10px;cursor:pointer;padding:0 9px;flex-shrink:0;}
.nav-toggle span{display:block;height:2px;width:100%;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .2s;}
nav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);}
nav.open .nav-toggle span:nth-child(2){opacity:0;}
nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
/* ---- Tablet ---- */
@media(max-width:980px){
section{padding:80px 0;}
.hero-inner,.product-hero-inner,.founder-inner{grid-template-columns:1fr;}
.hero-inner>div,.product-hero-inner>div,.founder-inner>div{min-width:0;}
.dashboard,.auction-mockup,.comms-showcase,.workflow-visual,.crm-mockup{max-width:100%;}
.hero-inner{gap:44px;}
.product-hero-inner{gap:44px;margin-top:24px;}
.hero-sub,.lead{max-width:none;}
.founder-left{padding:48px;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);}
.founder-right{padding:48px;}
.features-grid-3{grid-template-columns:1fr 1fr;}
.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:40px;}
}
/* ---- Large phone / small tablet ---- */
@media(max-width:768px){
/* Nav → hamburger */
.nav-toggle{display:flex;}
.nav-links{position:absolute;top:100%;left:0;right:0;z-index:250;flex-direction:column;align-items:stretch;gap:2px;background:var(--bg-elev);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);padding:10px 18px 16px;display:none;max-height:calc(100vh - 64px);overflow-y:auto;}
nav.open .nav-links{display:flex;}
.nav-links>li{width:100%;}
.nav-links a,.nav-links button{width:100%;text-align:left;padding:12px 14px;font-size:15px;border-radius:10px;}
.nav-dropdown-menu{position:static;display:none;min-width:0;box-shadow:none;border:none;background:transparent;padding:4px 0 4px 6px;margin-top:2px;}
.nav-dropdown-menu.open{display:block;}
.nav-cta{width:100%!important;justify-content:center!important;margin-top:8px;}
/* Stack the remaining grids */
.products-grid,.steps-grid,.related-products,.features-grid-2,.features-grid-3{grid-template-columns:1fr;}
.pain-grid{grid-template-columns:1fr;padding:0 40px 40px;}
.founder-left,.founder-right{padding:36px 28px;}
/* Stats → 2×2 with tidy dividers */
.stats-grid{grid-template-columns:1fr 1fr;}
.stat-item{padding:20px;}
.stat-item:nth-child(odd){border-left:none;}
.stat-item:nth-child(n+3){border-top:1px solid var(--line);padding-top:26px;}
/* Dense mockups: collapse dashboard, let dense tables scroll within their card */
.db-body{grid-template-columns:1fr;}
.db-sidebar{display:none;}
.auction-mockup,.crm-mockup,.db-rows{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.auction-row{min-width:460px;}
.crm-table-head,.crm-table-row{min-width:440px;}
.db-rhead,.db-ritem{min-width:420px;}
.section-head{margin-bottom:48px;}
}
/* ---- Phone ---- */
@media(max-width:560px){
.container{padding:0 20px;}
section{padding:60px 0;}
.hero{padding:56px 0 50px;}
.final-cta{padding:60px 22px;border-radius:22px;}
.founder-section{border-radius:22px;}
.founder-left,.founder-right{padding:32px 22px;}
.pain-grid{padding:0 22px 32px;}
.footer-grid{grid-template-columns:1fr;gap:32px;}
.footer-about p{max-width:none;}
.footer-base{flex-direction:column;gap:14px;text-align:center;}
/* Stack form rows + full-width tappable buttons */
.form-row{grid-template-columns:1fr;}
.hero-ctas,.cta-buttons,.product-hero-ctas{width:100%;}
.hero-ctas .btn,.cta-buttons .btn,.product-hero-ctas .btn{width:100%;justify-content:center;}
.stat-num{font-size:40px;}
.big-quote::before{font-size:56px;}
.modal-header{padding:28px 26px 20px;}
.modal-body{padding:22px 26px 30px;}
}