/* Allota AI — shared design system. Every page uses this file. */
:root{
  --bg-base:#F8FAFC;
  --bg-surface:#F1EEFB;
  --bg-card:#FFFFFF;
  --border:rgba(15,20,39,0.09);
  --border-hover:rgba(124,58,237,0.5);
  --purple-primary:#7C3AED;
  --purple-light:#6D28D9;
  --purple-soft:#6D28D9;
  --purple-glow:rgba(124,58,237,0.16);
  --brand-cyan:#22D3EE;
  --brand-blue:#7C3AED;
  --brand-purple:#7C3AED;
  --brand-orange:#EA580C;
  --brand-amber:#F59E0B;
  --yellow-cta:#16A34A;
  --green-live:#10B981;
  --red-hot:#F76E8A;
  --orange-warm:#EA580C;
  --text-white:#0F172A;
  --text-muted:#475569;
  --text-subtle:#8A97AB;
  --font-head:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --maxw:1320px;
  --shadow-card:0 1px 2px rgba(15,20,39,.04),0 10px 30px -12px rgba(15,20,39,.10);
  --shadow-lift:0 2px 4px rgba(15,20,39,.05),0 22px 48px -16px rgba(124,58,237,.28);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%}
body{
  background:var(--bg-base);
  color:var(--text-white);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.6;
  font-weight:400;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input{font-family:inherit;font-size:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--font-head);line-height:1.12;letter-spacing:-0.02em}
::selection{background:rgba(124,58,237,0.5);color:#fff}

/* ---------- LAYOUT ---------- */
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}
section{position:relative;overflow:hidden}
.section-pad{padding:110px 0}
.surface{background:var(--bg-surface)}
.center{text-align:center}
.sec-head{max-width:900px;margin:0 auto 64px;text-align:center}
.sec-head.left{margin:0 0 36px;text-align:left}
h2.sec-title{font-size:clamp(30px,4.6vw,58px);font-weight:800;margin:18px 0 18px}
.sec-sub{color:var(--text-muted);font-size:17.5px;max-width:780px;margin:0 auto;white-space:pre-line}
.sec-head.left .sec-sub{margin:0}

.badge{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 16px;
  background:rgba(124,58,237,0.15);
  border:1px solid rgba(124,58,237,0.4);
  border-radius:999px;
  color:var(--purple-soft);
  font-size:13px;font-weight:500;letter-spacing:0.5px;
}
.grad{
  background:linear-gradient(135deg,#38BDF8,#A855F7 52%,#FB923C);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* ---------- GLASS CARD ---------- */
.card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:16px;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;
}
.card:hover{border-color:var(--border-hover);box-shadow:0 0 40px rgba(124,58,237,0.2)}

/* ---------- BUTTONS ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;white-space:nowrap}
.btn-yellow{background:linear-gradient(135deg,#FBBF24,#F97316);color:#0A0A0F;font-weight:700;padding:14px 28px;border:none;box-shadow:0 8px 30px rgba(251,191,36,0.18)}
.btn-yellow:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(251,191,36,0.3)}
.btn-ghost{background:transparent;border:1px solid rgba(15,20,39,0.16);color:var(--text-white);padding:14px 28px}
.btn-ghost:hover{border-color:rgba(124,58,237,0.6);background:rgba(124,58,237,0.1)}
.btn-purple{background:transparent;border:1px solid rgba(124,58,237,0.5);color:var(--purple-soft);padding:13px 24px}
.btn-purple:hover{background:rgba(124,58,237,0.15);border-color:var(--purple-primary)}
.btn-lg{padding:17px 34px;font-size:16px}

/* ---------- BLOBS ---------- */
.blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(120px);z-index:0}
.blob-purple{width:600px;height:600px;background:radial-gradient(circle,#7C3AED,transparent 70%);opacity:.25}
.blob-indigo{width:500px;height:500px;background:radial-gradient(circle,#2563EB,transparent 70%);opacity:.2}
.blob-yellow{width:300px;height:300px;background:radial-gradient(circle,#FB923C,transparent 70%);opacity:.08}
.container,.nav-inner{position:relative;z-index:1}

/* ---------- NAVBAR ---------- */
.nav{position:fixed;top:0;left:0;right:0;height:68px;z-index:100;transition:background .3s ease,backdrop-filter .3s ease,border-color .3s ease;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(5,5,8,0.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(15,20,39,0.07)}
.nav-inner{max-width:var(--maxw);margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:10px}
.brand-img{object-fit:contain;flex:none;filter:drop-shadow(0 2px 10px rgba(99,102,241,.35))}

.logo-lockup{display:flex;flex-direction:column;line-height:1.02}
.logo-lockup b{font-family:var(--font-head);font-weight:700;font-size:20px;color:var(--text-white);letter-spacing:-0.015em}
.logo-lockup i{font-style:normal;font-size:9px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#FB923C;margin-top:3px}
@media (max-width:640px){.logo-lockup b{font-size:18px}.logo-lockup i{font-size:8.2px;letter-spacing:1.3px}}
.logo span{font-family:var(--font-head);font-weight:700;font-size:19px;color:var(--text-white);letter-spacing:-0.01em}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-links a{color:var(--text-muted);font-size:15px;font-weight:500;transition:color .2s ease}
.nav-links a:hover{color:var(--text-white)}
.nav-actions{display:flex;align-items:center;gap:12px}
.btn-nav-login{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:1px solid rgba(15,20,39,0.16);border-radius:8px;color:var(--text-white);font-size:14px;font-weight:500;text-decoration:none;transition:border-color .2s ease,background .2s ease}
.btn-nav-login:hover{border-color:rgba(124,58,237,0.6);background:rgba(124,58,237,0.1)}
.btn-nav-cta{padding:9px 18px;font-size:14px;border-radius:8px}
.hamburger{display:none;background:none;border:1px solid rgba(15,20,39,0.16);border-radius:8px;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;font-size:18px}
.drawer{position:fixed;inset:0 0 0 auto;width:min(320px,86vw);background:#0A0A12;border-left:1px solid var(--border);z-index:120;transform:translateX(100%);transition:transform .3s ease;padding:24px;display:flex;flex-direction:column;gap:8px}
.drawer.open{transform:translateX(0)}
.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.drawer-close{background:none;border:none;font-size:26px;color:var(--text-muted);cursor:pointer;line-height:1}
.drawer a.d-link{padding:14px 4px;color:var(--text-muted);font-size:16px;font-weight:500;border-bottom:1px solid rgba(15,20,39,0.06)}
.drawer a.d-link:hover{color:var(--text-white)}
.drawer .btn,.drawer .btn-nav-login{width:100%;margin-top:12px;justify-content:center}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(2px);z-index:110;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.overlay.open{opacity:1;visibility:visible}

/* ---------- HERO ---------- */
.hero{position:relative;padding:124px 0 70px;display:flex;align-items:center;overflow:hidden}
.hero .blob-purple{top:-180px;left:-160px}
.hero .blob-indigo{bottom:-140px;right:-120px}
.hero .blob-yellow{top:38%;right:6%}
.hero-inner{text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-pill{animation:pulse-glow 2s ease-in-out infinite}
.hero-pill .spark{color:var(--yellow-cta)}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 0 0 rgba(124,58,237,0.35)}50%{box-shadow:0 0 0 12px rgba(124,58,237,0)}}
h1.hero-title{font-size:clamp(40px,6.6vw,78px);font-weight:800;margin:24px 0 20px;max-width:19ch;letter-spacing:-0.038em}
.hero-sub{color:var(--text-muted);font-size:clamp(17px,1.45vw,21px);max-width:760px;margin:0 auto}
.hero-industry{margin-top:18px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;color:var(--text-subtle);font-size:14px}
.mini-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:500;border:1px solid}
.mini-pill.pharma{background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.35);color:#4ADE80}
.mini-pill.soon{background:rgba(124,58,237,0.12);border-color:rgba(124,58,237,0.38);color:var(--purple-soft)}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:36px}
.trust-row{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;margin-top:26px;color:var(--text-muted);font-size:14px}
.trust-row span{display:inline-flex;align-items:center;gap:7px}
.trust-row .tick{color:var(--green-live);font-weight:700}

/* ---------- SCREENSHOT FRAME ---------- */
.shot-wrap{position:relative;max-width:1080px;width:100%;margin:76px auto 0;border-radius:12px;overflow:hidden;background:#0A0A12;box-shadow:0 0 0 1px rgba(124,58,237,0.3),0 40px 80px rgba(15,20,39,0.8),0 0 80px rgba(124,58,237,0.15)}
.browser-chrome{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#101018;border-bottom:1px solid rgba(15,20,39,0.07)}
.dot{width:11px;height:11px;border-radius:50%;flex:none}
.dot.red{background:#FF5F57}.dot.yellow{background:#FEBC2E}.dot.green{background:#28C840}
.url-bar{flex:1;margin-left:10px;background:#FFFFFF;border:1px solid rgba(15,20,39,0.07);border-radius:6px;padding:4px 12px;font-size:12px;color:var(--text-subtle);text-align:center;font-family:var(--font-mono)}
.screenshot-container{position:relative;aspect-ratio:16/10;background:#08080E}
.product-screenshot{width:100%;height:100%;object-fit:cover;object-position:top center}
.screenshot-placeholder-overlay{display:none;position:absolute;inset:0;background:#FFFFFF;border:1px dashed rgba(15,20,39,0.16);border-radius:12px;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-subtle);text-align:center;padding:24px}
img.product-screenshot:not([src]),img.product-screenshot[src=""],img.product-screenshot.error{display:none}
img.product-screenshot.error + .screenshot-placeholder-overlay{display:flex}
.placeholder-icon{font-size:34px;filter:grayscale(.3)}
.placeholder-label{font-family:var(--font-head);font-weight:600;font-size:15px;color:var(--text-muted);max-width:420px}
.placeholder-hint{font-size:12.5px;font-family:var(--font-mono);color:var(--text-subtle)}


.screenshot-container.peek .product-screenshot{filter:saturate(1.03) contrast(1.02)}
.peek-blur{position:absolute;inset:0;background-size:cover;background-position:top center;filter:blur(6px) saturate(1.05);-webkit-mask-image:linear-gradient(to bottom,transparent 68%,#000 92%);mask-image:linear-gradient(to bottom,transparent 68%,#000 92%);pointer-events:none}
.peek-fade{position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(to bottom,transparent,rgba(5,5,8,.5) 55%,var(--bg-base) 97%);pointer-events:none}
.peek-cta{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:999px;background:linear-gradient(135deg,#FBBF24,#F97316);color:#0A0A0F;font-weight:700;font-size:14px;white-space:nowrap;box-shadow:0 12px 34px rgba(249,115,22,.32);transition:transform .22s ease,box-shadow .22s ease;z-index:3}
.peek-cta:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 16px 44px rgba(249,115,22,.45)}
.peek-note{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);font-size:11.5px;color:var(--text-subtle);white-space:nowrap}
.surface .peek-fade{background:linear-gradient(to bottom,transparent,rgba(12,12,20,.5) 55%,var(--bg-surface) 97%)}
@media (max-width:640px){.peek-cta{font-size:12.5px;padding:10px 16px;bottom:18px}.peek-note{display:none}}

/* floating stat pills */
.hero-shot-holder{position:relative;width:100%;max-width:1060px;margin:44px auto 0}
.float-pill{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid;z-index:3;animation:float 4s ease-in-out infinite;white-space:nowrap;box-shadow:0 10px 30px rgba(15,20,39,.5)}
.fp-purple{background:rgba(124,58,237,0.22);border-color:rgba(167,139,250,0.5);color:#C4B5FD;top:100px;right:-34px;animation-delay:0s}
.fp-yellow{background:rgba(251,191,36,0.16);border-color:rgba(251,191,36,0.45);color:#FDE68A;bottom:56px;left:-38px;animation-delay:1.3s}
.fp-green{background:rgba(34,197,94,0.16);border-color:rgba(34,197,94,0.45);color:#86EFAC;top:56px;left:-30px;animation-delay:2.6s}
@keyframes float{0%,100%{transform:translateY(-8px)}50%{transform:translateY(8px)}}

/* ---------- MARQUEE ---------- */
.ticker-label{text-align:center;color:var(--text-subtle);font-size:13.5px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:26px}
.marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee 34s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track span{display:inline-flex;align-items:center;gap:22px;padding-right:22px;font-family:var(--font-head);font-weight:600;font-size:17px;color:rgba(255,255,255,0.32);white-space:nowrap}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;text-align:center}
.mini-stats .n{font-family:var(--font-head);font-weight:800;font-size:clamp(26px,3.4vw,38px)}
.mini-stats .l{color:var(--text-muted);font-size:14px;margin-top:4px}

/* ---------- CALL INTELLIGENCE ---------- */
.ci-grid{display:grid;grid-template-columns:400px 1fr;gap:26px;align-items:start}
.panel{padding:18px}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-head);font-weight:600;font-size:14.5px;margin-bottom:14px}
.panel-head .pill-count{font-size:11.5px;color:var(--purple-soft);background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);padding:2px 9px;border-radius:999px;font-weight:500}
.fake-input{width:100%;background:#FFFFFF;border:1px solid var(--border);border-radius:9px;padding:9px 12px;font-size:13px;color:var(--text-subtle);margin-bottom:10px}
.filter-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.filter-chip{font-size:12px;color:var(--text-muted);background:#FFFFFF;border:1px solid var(--border);border-radius:8px;padding:6px 11px}
.call-item{display:flex;gap:12px;padding:13px;border-radius:12px;border:1px solid transparent;border-left:3px solid transparent;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.call-item:hover{background:#FFFFFF}
.call-item.active{background:rgba(124,58,237,0.09);border-left-color:var(--purple-primary)}
.avatar{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12.5px;font-weight:700;font-family:var(--font-head);color:var(--text-white)}
.av1{background:linear-gradient(135deg,#22D3EE,#3B82F6)}
.av2{background:linear-gradient(135deg,#FBBF24,#F97316)}
.av3{background:linear-gradient(135deg,#3B82F6,#A855F7)}
.call-body{min-width:0;flex:1}
.call-name{font-weight:600;font-size:14px}
.call-meta{color:var(--text-subtle);font-size:12px;margin-top:2px}
.status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;margin-left:6px}
.status.on{background:rgba(34,197,94,.13);color:#4ADE80}
.status.off{background:rgba(239,68,68,.13);color:#F87171}
.tagrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.tag{font-size:11px;padding:3px 9px;border-radius:999px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.28);color:var(--purple-soft)}
.call-sum{color:var(--text-muted);font-size:12.5px;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.dossier{padding:0;overflow:hidden}
.dossier-head{display:flex;align-items:center;gap:10px;padding:15px 20px;background:rgba(124,58,237,0.07);border-bottom:1px solid var(--border);flex-wrap:wrap}
.dossier-title{font-family:var(--font-head);font-weight:700;font-size:13px;letter-spacing:1.4px}
.conf{margin-left:auto;font-size:10.5px;font-weight:700;letter-spacing:1px;color:#FCA5A5;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);padding:3px 10px;border-radius:5px}
.dossier-body{padding:20px}
.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;font-size:13.5px}
.meta-grid div span{color:var(--text-subtle)}
.meta-grid div b{font-weight:600}
.score-bar{display:inline-flex;gap:2px;vertical-align:middle;margin:0 7px}
.score-bar i{width:7px;height:7px;border-radius:50%;background:rgba(15,20,39,0.06);display:block}
.score-bar i.on{background:var(--yellow-cta)}
.hr{height:1px;background:var(--border);margin:20px 0}
.d-label{font-family:var(--font-head);font-size:11.5px;font-weight:700;letter-spacing:1.3px;color:var(--purple-soft);margin-bottom:11px}
.ai-summary{border-left:3px solid var(--purple-primary);padding:2px 0 2px 16px;color:#E4E4E7;font-size:14.5px;line-height:1.72}
.transcript{position:relative;font-family:var(--font-mono);font-size:12.5px;line-height:1.55;max-height:186px;overflow:hidden;border-radius:10px;border:1px solid var(--border)}
.t-row{display:flex;gap:12px;padding:9px 13px}
.t-row:nth-child(odd){background:#FFFFFF}
.t-who{flex:none;width:72px;color:var(--purple-soft)}
.t-who.b{color:var(--yellow-cta)}
.t-txt{color:var(--text-muted)}
.t-fade{position:absolute;left:0;right:0;bottom:0;height:78px;background:linear-gradient(transparent,#0A0A12 88%);pointer-events:none}
.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.act{font-size:13px;font-weight:500;padding:9px 15px;border-radius:9px;background:#FFFFFF;border:1px solid var(--border);cursor:pointer;transition:border-color .2s ease,background .2s ease}
.act:hover{border-color:var(--border-hover);background:rgba(124,58,237,.1)}
.act.wa{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#86EFAC}
.feature-tabs{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:40px}
.ft{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:#FFFFFF;border:1px solid var(--border);font-size:14px;font-weight:500;color:var(--text-muted);transition:border-color .25s ease,color .25s ease,background .25s ease}
.ft:hover{border-color:var(--border-hover);color:var(--text-white);background:rgba(124,58,237,.08)}


.lang-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:22px}
.lang-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:999px;font-size:13px;font-weight:500;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.32);color:#67E8F9}
.lang-pill.sm{font-size:12px;padding:3px 11px}
.lang-note{font-size:12.5px;color:var(--text-subtle)}
.lang-tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:5px;font-size:10.5px;font-weight:600;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.28);color:#67E8F9;vertical-align:middle}
.demo-tag{font-size:10px;letter-spacing:.8px;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:rgba(15,20,39,0.12);border:1px solid var(--border);color:var(--text-subtle);font-weight:500}
.lang-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.av4{background:linear-gradient(135deg,#F97316,#A855F7)}
.call-item{outline:none}
.call-item:focus-visible{border-color:var(--border-hover);background:rgba(124,58,237,.09)}
.dossier-body.swap{animation:swapIn .38s ease both}
@keyframes swapIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.no-transcript{border:1px dashed rgba(15,20,39,0.15);border-radius:10px;padding:20px 18px;text-align:center;font-size:13.5px;color:var(--text-muted)}
.no-transcript span{font-size:12.5px;color:var(--text-subtle)}
.transcript{font-family:ui-monospace,'Cascadia Code','SF Mono','Kohinoor Devanagari','Nirmala UI',Menlo,monospace}


.meta-grid.four{grid-template-columns:repeat(2,1fr);gap:16px 24px}
.meta-grid.four div{display:flex;flex-direction:column;gap:2px}
.meta-grid.four span{font-size:10px;letter-spacing:1.1px;color:var(--text-subtle);font-weight:600}
.meta-grid.four b{font-size:14.5px;font-weight:600}
.meta-grid.four small{font-size:11.5px;color:var(--text-subtle);font-family:var(--font-mono)}
.refno{font-size:10px;font-family:var(--font-mono);color:var(--text-subtle);letter-spacing:.5px}
.cls-box{margin-top:18px;padding:15px 17px;border-radius:12px;background:rgba(249,115,22,.07);border:1px solid rgba(249,115,22,.22)}
.cls-badge{font-family:var(--font-head);font-weight:700;font-size:15px;margin-bottom:6px}
.cls-box p{font-size:13.2px;color:var(--text-muted)}
.cls-foot{display:block;margin-top:9px;font-size:10.5px;letter-spacing:.8px;color:var(--text-subtle);text-transform:uppercase}
.d-label .num{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:5px;background:rgba(124,58,237,.25);border:1px solid rgba(124,58,237,.45);color:var(--text-white);font-size:10.5px;margin-right:7px}
.d-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.intel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.intel-grid div{padding:12px 14px;border-radius:10px;background:rgba(15,20,39,0.12);border:1px solid var(--border)}
.intel-grid span{display:block;font-size:10px;letter-spacing:1px;color:var(--text-subtle);font-weight:600;margin-bottom:4px}
.intel-grid b{font-size:14px}
.audio-row{display:flex;align-items:center;gap:12px;margin-top:16px;padding:13px 15px;border-radius:11px;background:rgba(34,211,238,.06);border:1px solid rgba(34,211,238,.2)}
.audio-row .hp{font-size:20px}
.audio-row div{flex:1;display:flex;flex-direction:column}
.audio-row b{font-size:13.5px}
.audio-row small{font-size:11.5px;color:var(--text-subtle)}
.audio-btn{font-size:12.5px;padding:6px 13px;border-radius:8px;border:1px solid rgba(34,211,238,.35);color:#67E8F9;white-space:nowrap}
.audit-foot{margin-top:16px;text-align:center;font-size:10.5px;letter-spacing:.9px;color:var(--text-subtle);text-transform:uppercase}
@media (max-width:640px){.meta-grid.four,.intel-grid{grid-template-columns:1fr}}

/* ---------- TABS ---------- */
.tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:34px}
.tab{background:none;border:none;border-bottom:2px solid transparent;padding:13px 20px;font-size:14.5px;font-weight:500;color:var(--text-subtle);cursor:pointer;transition:color .2s ease,border-color .2s ease;margin-bottom:-1px}
.tab:hover{color:var(--text-muted)}
.tab.active{color:var(--text-white);border-bottom-color:var(--yellow-cta)}
.tab-panel{display:none}
.tab-panel.active{display:block;animation:fadeInUp .45s ease both}


/* ---------- SOCIAL LEAD GUARD ---------- */
.social-grid{align-items:stretch}
.sm-phone{display:flex;flex-direction:column}
.sm-ui{flex:1;display:flex;flex-direction:column}
.igu-cmts{flex:1}
.fbu-thread{flex:1}
.igu-av{border-radius:50%;object-fit:cover;background:#fff;border:2px solid #fff;display:block}
.fbu-av{border-radius:50%;object-fit:cover;flex:none;display:block}
.igu-reply-av{border-radius:50%;float:left;margin:1px 7px 3px 0}
.sm-foot{margin-top:auto}

.sm-phone{border-radius:20px;overflow:hidden;background:#0B0B13;border:1px solid var(--border);box-shadow:0 26px 60px rgba(15,20,39,.55);transition:border-color .3s ease,box-shadow .3s ease}
.sm-phone:hover{border-color:var(--border-hover);box-shadow:0 26px 60px rgba(15,20,39,.6),0 0 46px rgba(124,58,237,.16)}
.sm-live-tag{display:flex;align-items:center;gap:8px;padding:11px 16px;font-size:11.5px;font-weight:600;color:#4ADE80;letter-spacing:.3px}
.sm-live-tag i{width:6px;height:6px;border-radius:50%;background:var(--green-live);animation:pulse-dot 2s infinite}
.sm-ui{background:#fff;color:#0F1419;font-family:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}

/* Instagram */
.igu-top{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid #EFEFEF}
.igu-ring{width:34px;height:34px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#FFC107,#F44336,#9C27B0);display:grid;place-items:center;flex:none}
.igu-av{width:100%;height:100%;border-radius:50%;background:#262626;color:var(--text-white);display:grid;place-items:center;font-size:13px;font-weight:700;border:2px solid #fff}
.igu-name{flex:1;line-height:1.25}
.igu-name b{display:block;font-size:13.5px;color:#0F1419;font-weight:600}
.igu-name small{font-size:11.5px;color:#737373}
.igu-dots{color:#0F1419;font-size:17px;letter-spacing:1px}
.igu-media{height:152px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#EEF2FF,#FCE7F3)}
.igu-media span{font-size:34px}
.igu-media em{font-style:normal;font-size:12.5px;font-weight:700;color:#3730A3;text-align:center;letter-spacing:.2px;line-height:1.45}
.igu-actions{display:flex;gap:14px;padding:10px 13px 4px}
.igu-ic{width:22px;height:22px;fill:none;stroke:#0F1419;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.igu-ic.bm{margin-left:auto}
.igu-likes{padding:0 13px 7px;font-size:13px;font-weight:600;color:#0F1419}
.igu-cmts{padding:0 13px 14px;display:flex;flex-direction:column;gap:10px}
.igu-cmt{font-size:12.8px;line-height:1.5;color:#0F1419}
.igu-cmt b{font-weight:600;margin-right:4px}
.igu-meta{display:block;margin-top:4px;font-size:11px;color:#737373}
.igu-meta b{color:#737373;font-weight:600}
.igu-ai{background:#F5F0FF;border-left:3px solid #7C3AED;border-radius:0 8px 8px 0;padding:9px 11px}
.igu-meta.ai{color:#7C3AED;font-weight:600}
.verif{font-style:normal;display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#3B82F6;color:var(--text-white);font-size:8px;vertical-align:middle;margin-left:2px}

/* Facebook / Messenger */
.fb-ui{background:#fff}
.fbu-top{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid #E4E6EB}
.fbu-av{width:34px;height:34px;border-radius:50%;flex:none;background:#1877F2;color:var(--text-white);display:grid;place-items:center;font-size:14px;font-weight:700}
.fbu-thread{padding:16px 13px;display:flex;flex-direction:column;gap:11px;min-height:168px;background:#fff}
.fbu-msg{max-width:84%;padding:9px 13px;font-size:12.8px;line-height:1.5;border-radius:17px}
.fbu-msg.them{align-self:flex-start;background:#E4E6EB;color:#050505;border-bottom-left-radius:5px}
.fbu-msg.us{align-self:flex-end;background:#0084FF;color:var(--text-white);border-bottom-right-radius:5px}
.fbu-time{display:block;margin-top:5px;font-size:10.5px;color:#65676B}
.fbu-msg.us .fbu-time{color:rgba(255,255,255,.85)}
.fbu-time.ai{font-weight:600}
.fbu-bar{display:flex;align-items:center;gap:10px;padding:10px 13px;border-top:1px solid #E4E6EB;font-size:13px;color:#0084FF}
.fbu-input{flex:1;background:#F0F2F5;color:#65676B;border-radius:999px;padding:7px 13px;font-size:12.5px}

.plat-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;font-size:13.5px;font-weight:600;background:rgba(15,20,39,0.12);border:1px solid var(--border)}
.plat-pill.ig{border-color:rgba(214,41,118,.4)}
.plat-pill.fb{border-color:rgba(24,119,242,.45)}
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:34px}
.sm-card{border-radius:18px;overflow:hidden;background:#0B0B13;border:1px solid var(--border);box-shadow:0 26px 60px rgba(15,20,39,.55);transition:border-color .3s ease,box-shadow .3s ease}
.sm-card:hover{border-color:var(--border-hover);box-shadow:0 26px 60px rgba(15,20,39,.6),0 0 46px rgba(124,58,237,.16)}
.sm-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid rgba(15,20,39,0.07)}
.sm-head b{font-size:14.5px}
.sm-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#4ADE80;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);padding:3px 10px;border-radius:999px}
.sm-live i{width:6px;height:6px;border-radius:50%;background:var(--green-live);animation:pulse-dot 2s infinite}
.sm-post{display:flex;gap:13px;padding:14px 16px;border-bottom:1px solid rgba(15,20,39,0.06)}
.sm-post-art{width:62px;height:62px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,rgba(168,85,247,.25),rgba(249,115,22,.25));border:1px solid var(--border)}
.sm-post-cap{font-size:13px;color:var(--text-muted);line-height:1.55}
.sm-post-cap b{color:var(--text-white);margin-right:5px}
.sm-dm-head{padding:10px 16px;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--text-subtle);border-bottom:1px solid rgba(15,20,39,0.06)}
.sm-comments{padding:16px;display:flex;flex-direction:column;gap:15px;min-height:196px}
.cmt{display:flex;gap:11px}
.cav{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;font-family:var(--font-head);color:var(--text-white)}
.cav.c1{background:linear-gradient(135deg,#F97316,#DB2777)}
.cav.orb{background:none}
.cav.orb img{border-radius:50%}
.cbody{font-size:13.2px;line-height:1.6;color:var(--text-muted)}
.cbody b{color:var(--text-white);margin-right:5px;font-size:13.2px}
.cbody small{display:block;margin-top:6px;font-size:11px;color:var(--text-subtle)}
.verif{font-style:normal;display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#3B82F6;color:var(--text-white);font-size:9px;vertical-align:middle;margin-left:3px}
.cmt.reply{padding:11px;border-radius:12px;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.2)}
.ai-stamp{color:var(--purple-soft)!important;font-weight:500}
.bubble{max-width:88%;padding:11px 14px;border-radius:15px;font-size:13.2px;line-height:1.6}
.bubble small{display:block;margin-top:7px;font-size:11px;color:var(--text-subtle)}
.bubble.them{align-self:flex-start;background:rgba(15,20,39,0.12);border:1px solid var(--border);border-bottom-left-radius:4px;color:var(--text-muted)}
.bubble.us{align-self:flex-end;background:rgba(24,119,242,.16);border:1px solid rgba(24,119,242,.35);border-bottom-right-radius:4px;color:#DBEAFE}
.sm-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid rgba(15,20,39,0.07);font-size:12.5px;color:var(--text-muted);background:rgba(15,20,39,0.12)}
.sm-foot b{color:var(--text-white)}
.cap-dot{width:7px;height:7px;border-radius:50%;background:var(--green-live);box-shadow:0 0 8px rgba(34,197,94,.7)}
.sm-foot .hot{color:#FCA5A5}
.sm-foot .warm{color:#FDBA74}
.social-points{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.social-points div{padding:20px 18px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border);transition:border-color .3s ease}
.social-points div:hover{border-color:var(--border-hover)}
.social-points span{font-size:22px;display:block;margin-bottom:10px}
.social-points b{display:block;font-size:14.5px;margin-bottom:6px}
.social-points small{color:var(--text-muted);font-size:13px;line-height:1.55}
@media (max-width:1000px){.social-grid{grid-template-columns:1fr}.social-points{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.social-points{grid-template-columns:1fr}}

/* ---------- FEATURE GRID ---------- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feature-card{padding:30px 26px}
.feature-card .ic{font-size:40px;line-height:1;margin-bottom:18px;display:block}
.feature-card h3{font-size:19px;font-weight:700;margin-bottom:10px}
.feature-card p{color:var(--text-muted);font-size:14.5px;margin-bottom:16px}
.learn{color:var(--purple-soft);font-size:13.5px;font-weight:500;display:inline-flex;align-items:center;gap:5px;transition:gap .2s ease}
.feature-card:hover .learn{gap:10px}

/* ---------- SPLIT ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}
.solo{max-width:880px;margin:0 auto}
.solo .sec-title{text-align:left}
.solo .check-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}
@media (max-width:768px){.solo .check-list{grid-template-columns:1fr}}
.q-list{list-style:none;margin:26px 0 30px;display:flex;flex-direction:column;gap:10px}
.q-list li{display:flex;gap:10px;padding:11px 15px;border-radius:10px;background:#FFFFFF;border:1px solid var(--border);color:var(--text-muted);font-size:14.5px;transition:border-color .25s ease,color .25s ease}
.q-list li:hover{border-color:var(--border-hover);color:var(--text-white)}
.q-list li::before{content:'›';color:var(--purple-soft);font-weight:700}
.check-list{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:13px}
.check-list li{display:flex;gap:11px;color:var(--text-muted);font-size:15px}

/* ---------- AI CHAT ---------- */
.in-app-label{max-width:440px;margin:0 auto 12px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-subtle);justify-content:center}
.dot-live{width:7px;height:7px;border-radius:50%;background:var(--green-live);box-shadow:0 0 8px rgba(34,197,94,.7)}
.ai-chat-card{max-width:440px;margin-left:auto;border-radius:16px;overflow:hidden;background:#FFFFFF;border:1px solid var(--border);backdrop-filter:blur(12px);box-shadow:0 30px 70px rgba(15,20,39,.6),0 0 60px rgba(124,58,237,.12)}
.chat-header{display:flex;align-items:center;gap:9px;padding:14px 17px;background:rgba(124,58,237,0.1);border-bottom:1px solid var(--border);font-family:var(--font-head);font-weight:600;font-size:14px}
.status-dot{width:8px;height:8px;border-radius:50%;margin-left:auto;flex:none}
.status-dot.green{background:var(--green-live);box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:pulse-dot 2s infinite}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}50%{box-shadow:0 0 0 7px rgba(34,197,94,0)}}
.chat-messages{padding:18px 17px;display:flex;flex-direction:column;gap:13px}
.message{font-size:13.8px;line-height:1.62;padding:12px 15px;border-radius:14px;max-width:88%}
.message.user{align-self:flex-end;background:rgba(124,58,237,0.24);border:1px solid rgba(124,58,237,0.4);border-bottom-right-radius:4px}
.message.ai{align-self:flex-start;background:#FFFFFF;border:1px solid var(--border);border-bottom-left-radius:4px;color:#D4D4D8}
.message.ai strong{color:var(--text-white)}
.message.ai-action{display:flex;gap:8px;flex-wrap:wrap;padding:0;background:none;border:none;max-width:100%}
.message.ai-action button{font-size:12.5px;padding:8px 13px;border-radius:9px;border:1px solid rgba(124,58,237,.4);background:rgba(124,58,237,.12);color:var(--purple-soft);cursor:pointer;transition:background .2s ease}
.message.ai-action button:hover{background:rgba(124,58,237,.24)}
.chat-input{display:flex;align-items:center;gap:9px;padding:13px 15px;border-top:1px solid var(--border);background:rgba(0,0,0,.2)}
.chat-input input{flex:1;background:none;border:none;outline:none;font-size:13.5px;color:var(--text-white)}
.chat-input input::placeholder{color:var(--text-subtle)}
.caret{width:1.5px;height:15px;background:var(--yellow-cta);animation:blink 1.1s steps(1) infinite}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
.chat-input .send{width:32px;height:32px;flex:none;border-radius:8px;border:none;background:var(--purple-primary);color:#fff;cursor:pointer;font-size:15px}


.try-label{margin:28px 0 14px;font-size:13.5px;color:var(--text-subtle);letter-spacing:.3px}
.q-chips{display:flex;flex-direction:column;gap:10px}
.q-chip{text-align:left;font-family:var(--font-body);font-size:14.5px;color:var(--text-muted);background:rgba(15,20,39,0.12);border:1px solid var(--border);border-radius:11px;padding:12px 16px;cursor:pointer;transition:border-color .22s ease,color .22s ease,background .22s ease,transform .22s ease;position:relative;padding-left:32px}
.q-chip::before{content:'›';position:absolute;left:16px;color:var(--brand-purple);font-weight:700}
.q-chip:hover{border-color:var(--border-hover);color:var(--text-white);background:rgba(124,58,237,.1);transform:translateX(3px)}
.q-chip.asked{opacity:.5}
.q-chip:disabled{cursor:wait}
.orb-img{flex:none;border-radius:50%;filter:drop-shadow(0 0 10px rgba(168,85,247,.5))}
.chat-messages{max-height:430px;min-height:340px;overflow-y:auto;scroll-behavior:smooth}
.chat-messages::-webkit-scrollbar{width:5px}
.chat-messages::-webkit-scrollbar-thumb{background:rgba(15,20,39,0.12);border-radius:99px}
.message{animation:msgIn .32s ease both}
@keyframes msgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.message.ai .quote{display:block;margin-top:9px;padding:10px 13px;border-left:2px solid var(--green-live);background:rgba(34,197,94,.07);border-radius:0 9px 9px 0;font-size:13.2px;color:#D1FAE5}
.typing{display:inline-flex;gap:4px;align-items:center;padding:4px 0}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--purple-soft);display:block;animation:bounce 1.15s infinite}
.typing i:nth-child(2){animation-delay:.16s}
.typing i:nth-child(3){animation-delay:.32s}
@keyframes bounce{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
.msg-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
.msg-actions a{font-size:12.5px;padding:7px 13px;border-radius:9px;border:1px solid rgba(124,58,237,.4);background:rgba(124,58,237,.12);color:var(--purple-soft);transition:background .2s ease}
.msg-actions a:hover{background:rgba(124,58,237,.26);color:var(--text-white)}

/* ---------- LEAD CENTER ---------- */
.lead-center-card{border-radius:16px;overflow:hidden;background:#FFFFFF;border:1px solid var(--border);backdrop-filter:blur(12px);box-shadow:0 30px 70px rgba(15,20,39,.55)}
.lead-header{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:13px;font-family:var(--font-head);font-weight:600;font-size:14.5px;background:rgba(124,58,237,.06)}
.source-tabs{display:flex;gap:7px;flex-wrap:wrap}
.source-tabs button{font-family:var(--font-body);font-size:12.5px;font-weight:500;padding:6px 13px;border-radius:999px;border:1px solid var(--border);background:rgba(15,20,39,0.12);color:var(--text-muted);cursor:pointer;transition:all .2s ease}
.source-tabs button:hover{color:var(--text-white);border-color:var(--border-hover)}
.source-tabs button.active{background:rgba(124,58,237,.2);border-color:rgba(124,58,237,.5);color:var(--text-white)}
.lead-row{display:flex;align-items:center;gap:13px;padding:15px 18px;border-bottom:1px solid rgba(15,20,39,0.06);transition:background .2s ease}
.lead-row:last-child{border-bottom:none}
.lead-row:hover{background:#FFFFFF}
.lead-row > div:nth-child(2){flex:1;min-width:0;font-size:14px}
.lead-row small{color:var(--text-subtle);font-size:12px}
.score-badge{width:40px;height:40px;flex:none;border-radius:11px;display:grid;place-items:center;font-family:var(--font-head);font-weight:700;font-size:14px;color:var(--text-white)}
.score-badge.hot{background:rgba(239,68,68,.18);border:1px solid rgba(239,68,68,.45);color:#FCA5A5}
.score-badge.warm{background:rgba(249,115,22,.16);border:1px solid rgba(249,115,22,.42);color:#FDBA74}
.score-badge.cold{background:rgba(107,114,128,.18);border:1px solid rgba(107,114,128,.4);color:#D1D5DB}
.lead-row .tags span{font-size:11px;padding:3px 9px;border-radius:999px;background:rgba(15,20,39,0.12);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap}
.lead-row > button{font-size:12.5px;padding:7px 13px;border-radius:8px;background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .2s ease}
.lead-row > button:hover{border-color:var(--border-hover);color:var(--text-white)}

/* ---------- INDUSTRY ---------- */
.industry-wrap{background:linear-gradient(180deg,rgba(124,58,237,0.06),transparent 60%)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ind-card{padding:30px 28px;border-left:3px solid}
.ind-card.now{border-left-color:var(--green-live)}
.ind-card.soon{border-left-color:var(--purple-primary);opacity:.9}
.ind-status{font-family:var(--font-head);font-size:12.5px;font-weight:700;letter-spacing:1.2px;margin-bottom:16px;display:inline-flex;align-items:center;gap:7px}
.ind-card.now .ind-status{color:#4ADE80}
.ind-card.soon .ind-status{color:var(--purple-soft)}
.ind-main{font-size:20px;font-family:var(--font-head);font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:16px}
.ind-list{list-style:none;display:flex;flex-direction:column;gap:9px;color:var(--text-muted);font-size:14.5px}
.ind-list li::before{content:'— ';color:var(--text-subtle)}
.soon-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;font-size:14.5px;color:var(--text-muted)}
.soon-grid div{display:flex;align-items:center;gap:9px}
.soon-more{margin-top:18px;color:var(--purple-soft);font-size:13.5px;font-weight:500}
.roadmap{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:100%;margin-top:52px;padding:26px 20px;border-radius:16px;background:#FFFFFF;border:1px solid var(--border);flex-wrap:nowrap;overflow-x:auto}
.rm-node{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;flex:none;min-width:120px}
.rm-dot{width:15px;height:15px;border-radius:50%;border:2px solid rgba(15,20,39,0.16)}
.rm-node.live .rm-dot{background:var(--green-live);border-color:var(--green-live);box-shadow:0 0 0 5px rgba(34,197,94,.16)}
.rm-label{font-size:13px;color:var(--text-subtle);font-weight:500;white-space:nowrap}
.rm-node.live .rm-label{color:var(--text-white)}
.rm-line{flex:1;height:1px;min-width:22px;background:linear-gradient(90deg,rgba(34,211,238,.5),rgba(168,85,247,.35),rgba(255,255,255,.08))}

/* ---------- TESTIMONIALS ---------- */
.t-card{padding:30px 28px;display:flex;flex-direction:column}
.stars{color:var(--yellow-cta);font-size:14px;letter-spacing:2px;margin-bottom:18px}
.t-quote{font-size:15.5px;line-height:1.72;color:#E4E4E7;flex:1}
.t-author{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}
.t-author b{display:block;font-size:14.5px}
.t-author span{color:var(--text-subtle);font-size:13px}

/* ---------- STATS ---------- */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.stat-card{padding:34px 22px;text-align:center;position:relative;overflow:hidden}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#22D3EE,#A855F7,#F97316)}
.stat-num{font-family:var(--font-head);font-weight:800;font-size:clamp(32px,4vw,46px);line-height:1.1}
.stat-lbl{color:var(--text-muted);font-size:14px;margin-top:8px}

/* ---------- PRICING ---------- */
.toggle{display:inline-flex;padding:5px;background:#FFFFFF;border:1px solid var(--border);border-radius:999px;margin:0 auto 46px;gap:4px}
.toggle button{border:none;background:none;padding:9px 22px;border-radius:999px;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:8px}
.toggle button.active{background:#fff;color:#0A0A0F;font-weight:600}
.save-tag{font-size:11px;font-weight:700;background:rgba(34,197,94,.18);color:#4ADE80;padding:2px 8px;border-radius:999px}
.toggle button.active .save-tag{background:rgba(34,197,94,.22);color:#16A34A}
.price-card{padding:34px 30px;display:flex;flex-direction:column;position:relative}
.price-card.featured{border:1px solid var(--purple-primary);box-shadow:0 0 40px rgba(124,58,237,0.2);background:rgba(124,58,237,0.05)}
.pop-badge{position:absolute;top:-13px;right:24px;background:var(--yellow-cta);color:#0A0A0F;font-size:11.5px;font-weight:700;padding:5px 14px;border-radius:999px;letter-spacing:.3px}
.plan-name{font-family:var(--font-head);font-size:13px;font-weight:700;letter-spacing:1.6px;color:var(--purple-soft)}
.plan-price{font-family:var(--font-head);font-weight:800;font-size:30px;margin:18px 0 4px;letter-spacing:-0.02em}
.price-ask{background:linear-gradient(135deg,#38BDF8,#A855F7 52%,#FB923C);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.plan-price small{font-family:var(--font-body);font-size:15px;font-weight:400;color:var(--text-subtle);letter-spacing:0}
.plan-note{color:var(--text-subtle);font-size:13px;min-height:20px}
.plan-feats{list-style:none;margin:26px 0 30px;display:flex;flex-direction:column;gap:12px;flex:1}
.plan-feats li{display:flex;gap:10px;font-size:14.5px;color:var(--text-muted)}
.plan-feats li::before{content:'✓';color:var(--green-live);font-weight:700;flex:none}
.price-card .btn{width:100%}
.price-foot{text-align:center;color:var(--text-subtle);font-size:14px;margin-top:34px}


.addon-card{display:grid;grid-template-columns:1fr 260px;gap:30px;align-items:center;margin-top:24px;padding:28px 30px;border-radius:18px;background:linear-gradient(120deg,rgba(219,39,119,.1),rgba(24,119,242,.1));border:1px solid rgba(168,85,247,.3);box-shadow:0 0 46px rgba(124,58,237,.14)}
.addon-tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--purple-soft);background:rgba(124,58,237,.18);border:1px solid rgba(124,58,237,.4);padding:4px 12px;border-radius:999px;margin-bottom:12px}
.addon-card h3{font-family:var(--font-head);font-size:24px;font-weight:700;margin-bottom:9px}
.addon-card p{color:var(--text-muted);font-size:14.5px;max-width:620px}
.addon-plats{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
.addon-right{text-align:center;display:flex;flex-direction:column;gap:7px;align-items:center}
.addon-price{font-family:var(--font-head);font-weight:800;font-size:26px;background:linear-gradient(135deg,#38BDF8,#A855F7 52%,#FB923C);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.addon-right small{color:var(--text-subtle);font-size:12.5px;margin-bottom:6px}
.addon-right .btn{width:100%;justify-content:center}
.addon-see{font-size:12.5px;color:var(--purple-soft);margin-top:4px}
.addon-see:hover{color:var(--text-white)}
@media (max-width:860px){.addon-card{grid-template-columns:1fr;gap:20px}.addon-right{align-items:stretch}}

/* ---------- CTA BANNER ---------- */
.cta-banner{position:relative;overflow:hidden;background:linear-gradient(135deg,#1E1B4B 0%,#0F0B2A 50%,#050508 100%);padding:110px 0;text-align:center;overflow:hidden}
.cta-banner .blob-purple{top:50%;left:50%;transform:translate(-50%,-50%);opacity:.22}
.cta-banner h2{font-size:clamp(30px,5.2vw,62px);font-weight:800;max-width:20ch;margin:0 auto 20px}
.cta-banner p{color:var(--text-muted);font-size:18px;max-width:720px;margin:0 auto}

/* ---------- FOOTER ---------- */
footer{background:#030305;border-top:1px solid rgba(15,20,39,0.07);padding:40px 0 0}
.foot-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:26px 34px}
.foot-brand p{color:var(--text-muted);font-size:13px;margin-top:9px;line-height:1.45}
.foot-brand a{color:var(--text-muted);font-size:13px;display:block;margin-top:3px;transition:color .2s ease}
.foot-brand a:hover{color:var(--text-white)}
.made{margin-top:12px;font-size:12px;color:var(--text-subtle)}
.foot-col h4{font-family:var(--font-head);font-size:11px;font-weight:700;letter-spacing:1.1px;color:var(--text-white);margin-bottom:9px;text-transform:uppercase}
.foot-col a{display:block;color:var(--text-muted);font-size:13px;padding:2.5px 0;transition:color .2s ease,transform .2s ease}
.foot-col a:hover{color:var(--purple-soft);transform:translateX(3px)}
.foot-bottom{margin-top:26px;padding:14px 0;border-top:1px solid rgba(15,20,39,0.07);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 24px;color:var(--text-subtle);font-size:12.5px}
.foot-legal{display:flex;flex-wrap:wrap;gap:4px 20px}
.foot-legal a{color:var(--text-subtle);transition:color .2s ease}
.foot-legal a:hover{color:var(--purple-soft)}
@media (max-width:640px){.foot-bottom{flex-direction:column;align-items:flex-start}}


.login-modal[hidden]{display:none}
.login-modal{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:24px}
.login-backdrop{position:absolute;inset:0;background:rgba(3,3,6,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .22s ease both}
.login-card{position:relative;width:100%;max-width:400px;padding:34px 30px 26px;border-radius:18px;text-align:center;background:#0D0D16;border:1px solid rgba(168,85,247,.28);box-shadow:0 30px 80px rgba(15,20,39,.7),0 0 60px rgba(124,58,237,.18);animation:popIn .26s cubic-bezier(.22,.68,.36,1) both}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes popIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.login-orb{margin:0 auto 16px;border-radius:50%;filter:drop-shadow(0 0 16px rgba(168,85,247,.5))}
.login-card h3{font-family:var(--font-head);font-size:22px;font-weight:700;margin-bottom:10px}
.login-card p{color:var(--text-muted);font-size:14.5px;margin-bottom:22px}
.login-go{width:100%;justify-content:center}
.login-alt{display:block;margin-top:16px;font-size:13.5px;color:var(--purple-soft)}
.login-alt:hover{color:var(--text-white)}
.login-foot{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-subtle)}
.login-x{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--text-subtle);font-size:26px;line-height:1;cursor:pointer}
.login-x:hover{color:var(--text-white)}


.wa-float{position:fixed;right:22px;bottom:22px;z-index:96;display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}
.wa-float.show{opacity:1;transform:translateY(0);pointer-events:auto}
.wa-btn{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#25D366,#128C7E);color:#fff;box-shadow:0 10px 30px rgba(18,140,126,.45),0 0 0 6px rgba(37,211,102,.12);transition:transform .22s ease,box-shadow .22s ease}
.wa-float:hover .wa-btn{transform:scale(1.07);box-shadow:0 14px 38px rgba(18,140,126,.6),0 0 0 9px rgba(37,211,102,.16)}
.wa-tip{background:rgba(10,10,18,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--text-white);font-size:13.5px;font-weight:500;padding:8px 14px;border-radius:999px;white-space:nowrap;opacity:0;transform:translateX(8px);transition:opacity .22s ease,transform .22s ease}
.wa-float:hover .wa-tip{opacity:1;transform:translateX(0)}
.wa-btn::after{content:'';position:absolute;width:56px;height:56px;border-radius:50%;border:2px solid rgba(37,211,102,.5);animation:waPulse 2.4s ease-out infinite}
@keyframes waPulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.45);opacity:0}100%{opacity:0}}
@media (max-width:640px){.wa-float{right:14px;bottom:14px}.wa-btn{width:50px;height:50px}.wa-tip{display:none}}


/* ---------- BOOK A CALL ---------- */
.book-grid{display:grid;grid-template-columns:380px 1fr;gap:34px;align-items:start}
.book-points{list-style:none;display:flex;flex-direction:column;gap:14px}
.book-points li{display:flex;gap:13px;padding:16px 17px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border);transition:border-color .3s ease,box-shadow .3s ease}
.book-points li:hover{border-color:var(--border-hover);box-shadow:0 0 34px rgba(124,58,237,.16)}
.bp-ic{font-size:19px;flex:none;line-height:1.3}
.book-points b{display:block;font-size:14.5px;margin-bottom:3px}
.book-points small{color:var(--text-muted);font-size:13px;line-height:1.5}
.book-alt{margin-top:22px;padding:18px;border-radius:14px;border:1px dashed rgba(15,20,39,0.13);text-align:center}
.book-alt span{display:block;font-size:13px;color:var(--text-subtle);margin-bottom:12px}
.book-alt-btn{display:inline-flex;align-items:center;gap:7px;margin:4px 5px;padding:9px 15px;border-radius:9px;font-size:13.5px;font-weight:500;border:1px solid var(--border);background:rgba(15,20,39,0.12);transition:all .22s ease}
.book-alt-btn:hover{border-color:var(--border-hover);background:rgba(124,58,237,.1)}
.book-alt-btn.wa{border-color:rgba(37,211,102,.35);color:#6EE7A0;background:rgba(37,211,102,.08)}
.book-alt-btn.wa:hover{background:rgba(37,211,102,.16);border-color:rgba(37,211,102,.6)}
.cal-frame{position:relative;border-radius:16px;overflow:hidden;background:#0C0C14;border:1px solid var(--border);box-shadow:0 0 0 1px rgba(124,58,237,.18),0 30px 70px rgba(15,20,39,.6),0 0 60px rgba(124,58,237,.12)}
.cal-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#101018;border-bottom:1px solid rgba(15,20,39,0.07)}
.cal-bar-label{margin-left:8px;font-size:12.5px;color:var(--text-subtle);letter-spacing:.3px}
.calendly-inline-widget{width:100%}
.cal-fallback{display:none;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;padding:64px 28px;min-height:420px}
.cal-frame.no-cal .calendly-inline-widget{display:none}
.cal-frame.no-cal .cal-fallback{display:flex}
.cal-fb-icon{font-size:40px}
.cal-fb-title{font-family:var(--font-head);font-weight:700;font-size:18px}
.cal-fb-text{color:var(--text-muted);font-size:14px;max-width:420px}
.cal-fb-text code{font-family:var(--font-mono);font-size:12.5px;color:var(--purple-soft);background:rgba(124,58,237,.12);padding:2px 7px;border-radius:5px}
.cal-fallback .btn{margin-top:8px}
@media (max-width:1100px){.book-grid{grid-template-columns:1fr}}


.login-card{max-width:440px}
.login-card h3,.login-card p{text-align:center}
.login-orb{display:block}
.access-form{display:flex;flex-direction:column;gap:12px;text-align:left}
.access-form label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--text-muted);font-weight:500}
.access-form label span{color:#FB923C}
.access-form label small{color:var(--text-subtle);font-weight:400}
.access-form input,.access-form select{background:rgba(15,20,39,0.12);border:1px solid var(--border);border-radius:9px;padding:10px 12px;font-size:14px;color:var(--text-white);outline:none;transition:border-color .2s ease;font-family:inherit}
.access-form input:focus,.access-form select:focus{border-color:rgba(168,85,247,.6)}
.access-form input::placeholder{color:var(--text-subtle)}
.access-form select option{background:#0D0D16;color:var(--text-white)}
.af-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.af-error{font-size:12.5px;color:#FCA5A5;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:8px 11px}
.af-error[hidden]{display:none}
.af-send,.af-mail{width:100%;justify-content:center;margin-top:4px}
.af-mail{font-size:14px;padding:11px 20px}
.login-alt{text-align:center}
@media (max-width:480px){.af-row{grid-template-columns:1fr}}

/* ---------- SCROLL REVEAL ---------- */
/* Content is visible by default. It is only hidden once the .js gate in <head>
   confirms scripting is live, so a script failure can never blank the page. */
.js .reveal{opacity:0;transform:translateY(26px)}
.js .reveal.visible{animation:fadeInUp .7s cubic-bezier(.22,.68,.36,1) forwards}
@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1100px){
  .ci-grid{grid-template-columns:1fr}
  .float-pill{display:none}
  .split{gap:44px}
}
@media (max-width:900px){
  .nav-links{display:none}
  .nav-actions .btn-nav-login,.nav-actions .btn-nav-cta{display:none}
  .hamburger{display:flex}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr}
  .split.flip > div:first-child{order:2}
  .ai-chat-card{margin:0 auto}
  .foot-grid{grid-template-columns:1fr 1fr;gap:36px}
  .section-pad{padding:80px 0}
}
@media (max-width:640px){
  .grid-3,.grid-2,.grid-4,.mini-stats{grid-template-columns:1fr}
  .soon-grid{grid-template-columns:1fr}
  .hero{padding:120px 0 70px}
  .hero-sub{font-size:17px}
  .hero-ctas{flex-direction:column;width:100%}
  .hero-ctas .btn{width:100%}
  .shot-wrap{margin-top:52px}
  .meta-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .container{padding:0 18px}
  .lead-row .tags{display:none}
  .t-scroll{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;margin:0 -18px;padding-left:18px;padding-right:18px}
  .t-scroll .t-card{flex:0 0 86%;scroll-snap-align:center}
}

/* ---------- MOBILE HARDENING ---------- */
/* grid/flex children must be allowed to shrink, or they force the page wider than the phone */
.ci-grid > *, .split > *, .book-grid > *, .social-grid > *,
.grid-3 > *, .grid-4 > *, .grid-2 > *, .call-item > *, .lead-row > *,
.book-points li > *, .social-points > * { min-width: 0; }

@media (max-width:768px){
  /* nothing may exceed the viewport */
  html, body { max-width:100%; overflow-x:hidden; }
  .blob{ max-width:100vw }
  .blob-purple{ width:340px;height:340px }
  .blob-indigo{ width:300px;height:300px }
  .blob-yellow{ width:200px;height:200px }

  /* call-intelligence panel: let long Hinglish strings wrap instead of stretching the layout */
  .card.panel, .dossier, .call-item, .panel-head, .fake-input, .filter-row{ max-width:100%; }
  .call-meta, .call-sum, .call-name{ white-space:normal; word-break:break-word }
  .transcript{ font-size:12.2px }
  .t-row{ flex-direction:column; gap:3px; padding:9px 12px }
  .t-who{ width:auto }
  .t-txt{ word-break:break-word }
  .meta-grid.four b{ word-break:break-word }
  .refno{ display:none }
  .tagrow .tag{ word-break:break-word }

  /* readable minimums - nothing below 12px on a phone */
  .cls-foot, .audit-foot, .meta-grid.four span, .intel-grid span{ font-size:11.5px }
  .tag, .igu-meta, .fbu-time, .cbody small, .lang-tag, .demo-tag{ font-size:12px }
  .call-meta, .call-sum, .book-points small, .social-points small,
  .plan-note, .price-foot span, .login-foot, .igu-cmt, .fbu-msg{ font-size:13px }

  /* tap targets: 44px minimum */
  .logo{ min-height:44px }
  .drawer-close{ width:44px;height:44px;font-size:30px }
  .learn{ display:inline-flex;align-items:center;min-height:44px }
  .source-tabs button, .lead-row > button, .act, .ft, .filter-chip{ min-height:42px;display:inline-flex;align-items:center }
  .chat-input{ padding:8px 12px }
  .chat-input input{ min-height:44px }
  .chat-input .send{ width:44px;height:44px }
  .addon-see, .login-alt, .book-alt-btn, .foot-col a, .nav-links a{ display:inline-flex;align-items:center;min-height:44px }
  .q-chip{ min-height:48px }
  .peek-cta{ min-height:44px }

  /* stacked panels get room back */
  .panel{ padding:15px }
  .dossier-body{ padding:16px }
  .section-pad{ padding:64px 0 }
  .shot-wrap, .hero-shot-holder{ max-width:100% }
}


@media (max-width:768px){
  /* remaining sub-12px labels inside the brief and mockups */
  .refno{ font-size:12px }
  .meta-grid.four span, .meta-grid.four small,
  .intel-grid span, .audio-row small, .cls-foot, .audit-foot,
  .addon-tag, .sm-dm-head, .igu-name small{ font-size:12px }
  /* footer brand links were 22px tall */
  .foot-brand a{ display:inline-flex;align-items:center;min-height:44px }
  .made{ font-size:13px }
}

@media (max-width:420px){
  .tabs{ gap:2px }
  .tab{ padding:11px 13px;font-size:13.5px }
  .hero-industry{ font-size:13px }
  .trust-row{ gap:14px;font-size:13px }
  .cta-banner{ padding:72px 0 }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .js .reveal{opacity:1;transform:none;animation:none}
}

/* ---------- MULTI-PAGE ADDITIONS (nav dropdowns, breadcrumbs, page heroes) ---------- */
.nav-links a.active{color:var(--text-white)}
.nav-drop{position:relative}
.nav-drop > a{display:inline-flex;align-items:center;gap:5px}
.caret-down{font-size:10px;opacity:.7}
.nav-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:250px;padding:9px;border-radius:14px;
  background:rgba(12,12,20,.97);backdrop-filter:blur(18px);border:1px solid var(--border);
  box-shadow:0 24px 60px rgba(15,20,39,.6);opacity:0;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility .22s;z-index:120}
.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(2px)}
.nav-menu a{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:9px;font-size:14px;color:var(--text-muted);transition:background .18s ease,color .18s ease}
.nav-menu a:hover{background:rgba(124,58,237,.14);color:var(--text-white)}
.nav-menu a span{font-size:15px;width:20px;text-align:center}

.crumbs{border-bottom:1px solid var(--border);padding:86px 0 0}
.crumbs .container{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px;font-size:13px;color:var(--text-subtle)}
.crumbs a{color:var(--purple-soft)}
.crumbs a:hover{color:var(--text-white)}
.crumbs .cur{color:var(--text-muted)}

.page-hero{padding:64px 0 54px;position:relative;overflow:hidden;text-align:center}
.page-hero h1{font-size:clamp(34px,5vw,60px);font-weight:800;max-width:17ch;margin:18px auto 20px;letter-spacing:-0.03em}
.page-hero .lede{color:var(--text-muted);font-size:clamp(16px,1.5vw,19px);max-width:720px;margin:0 auto}
.page-hero.no-crumb{padding-top:132px}

/* answer block - the passage AI assistants quote */
.answer-box{max-width:820px;margin:30px auto 0;padding:24px 26px;border-radius:16px;text-align:left;
  background:linear-gradient(120deg,rgba(124,58,237,.1),rgba(34,211,238,.06));border:1px solid rgba(124,58,237,.28)}
.answer-box h2,.answer-box h3{font-size:15px;font-family:var(--font-head);letter-spacing:.4px;color:var(--purple-soft);margin-bottom:10px;text-transform:uppercase}
.answer-box p{color:#E4E4E7;font-size:16px;line-height:1.72}

.prose{max-width:760px;margin:0 auto;color:var(--text-muted);font-size:16.5px;line-height:1.78}
.prose h2{font-size:clamp(24px,3vw,34px);color:var(--text-white);margin:44px 0 16px}
.prose h3{font-size:20px;color:var(--text-white);margin:32px 0 12px;font-family:var(--font-head)}
.prose p{margin-bottom:18px}
.prose ul,.prose ol{margin:0 0 20px 20px;display:flex;flex-direction:column;gap:9px}
.prose strong{color:var(--text-white)}
.prose a{color:var(--purple-soft);text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:var(--text-white)}

.next-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.next-card{padding:22px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border);transition:border-color .3s ease}
.next-card:hover{border-color:var(--border-hover)}
.next-card span{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--text-subtle);display:block;margin-bottom:8px}
.next-card b{display:block;font-size:16px;margin-bottom:6px}
.next-card small{color:var(--text-muted);font-size:13.5px;line-height:1.55}
@media (max-width:900px){.next-steps{grid-template-columns:1fr}.nav-menu{display:none}}
@media (max-width:768px){.crumbs{padding-top:76px}.page-hero.no-crumb{padding-top:110px}.d-sub{padding-left:18px!important;font-size:14px!important;color:var(--text-subtle)!important}}

/* ---------- AI-OVERVIEW PAGE FURNITURE ---------- */
.facts-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:26px auto 0;max-width:840px}
.fact{padding:13px 20px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);text-align:center;min-width:150px}
.fact b{display:block;font-family:var(--font-head);font-weight:700;font-size:17px;background:linear-gradient(135deg,#38BDF8,#A855F7 52%,#FB923C);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.fact span{display:block;margin-top:4px;font-size:12.5px;color:var(--text-subtle)}
.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{border-radius:14px;background:var(--bg-card);border:1px solid var(--border);overflow:hidden;transition:border-color .3s ease}
.faq-item[open]{border-color:var(--border-hover)}
.faq-item summary{cursor:pointer;padding:18px 22px;font-family:var(--font-head);font-weight:600;font-size:16.5px;color:var(--text-white);list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:48px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-size:22px;color:var(--purple-soft);flex:none;transition:transform .25s ease}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-a{padding:0 22px 20px;color:var(--text-muted);font-size:15.5px;line-height:1.72}
.faq-a a{color:var(--purple-soft);text-decoration:underline;text-underline-offset:3px}
@media (max-width:768px){.fact{flex:1 1 140px;min-width:0}.faq-item summary{font-size:15.5px;padding:16px 18px}.faq-a{padding:0 18px 18px;font-size:14.5px}}

/* ---------- GLOSSARY ---------- */
.glossary{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.gloss-item{padding:24px 26px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border);transition:border-color .3s ease}
.gloss-item:hover{border-color:var(--border-hover)}
.gloss-item h2{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--text-white);margin-bottom:10px}
.gloss-item p{color:var(--text-muted);font-size:15.5px;line-height:1.75}
@media (max-width:768px){.gloss-item{padding:20px}.gloss-item h2{font-size:18px}}

/* ================= PRODUCT SCREEN REPLICAS =================
   Rebuilt from the CRM's own components (CallIntelligenceDocumentModal.tsx,
   admin/leads, admin/follow-ups, admin/dead-leads, lib/call-helpers.ts).
   Light UI matching the real workspace, framed in a browser chrome. */
.screen{border-radius:16px;overflow:hidden;background:#0B0B13;border:1px solid var(--border);
  box-shadow:0 26px 60px rgba(15,20,39,.55);transition:border-color .3s ease,box-shadow .3s ease}
.screen:hover{border-color:var(--border-hover);box-shadow:0 26px 60px rgba(15,20,39,.6),0 0 44px rgba(124,58,237,.14)}
.screen-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#101018;border-bottom:1px solid rgba(15,20,39,0.07)}
.screen-bar .url{flex:1;margin-left:10px;background:rgba(15,20,39,0.12);border:1px solid rgba(15,20,39,0.07);
  border-radius:6px;padding:4px 12px;font-size:12px;color:var(--text-subtle);text-align:center;font-family:var(--font-mono)}
.screen-body{background:#F8FAFC;color:#0F172A;font-family:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;padding:18px}
.screen-cap{padding:12px 16px;border-top:1px solid rgba(15,20,39,0.07);font-size:12.5px;color:var(--text-subtle);background:rgba(15,20,39,0.12)}

/* --- CRM doc header (from CallIntelligenceDocumentModal) --- */
.crm-doc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding-bottom:14px;border-bottom:2px solid #0F172A}
.crm-doc-title{font-size:15px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#0F172A}
.crm-doc-sub{font-size:11px;color:#64748B;margin-top:2px}
.crm-conf{border-radius:6px;background:#0F172A;color:var(--text-white);padding:4px 9px;font-size:10px;font-weight:900;letter-spacing:.08em}
.crm-ref{font-family:var(--font-mono);font-size:11px;font-weight:700;color:#64748B;margin-left:8px}
.crm-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#F1F5F9;border:1px solid #E2E8F0;
  border-radius:14px;padding:14px;margin-top:16px}
.crm-meta > div > span{display:block;font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#6B21A8}
.crm-meta b{display:block;font-size:13px;font-weight:800;color:#0F172A;margin-top:2px}
.crm-meta small{display:block;font-family:var(--font-mono);font-size:10.5px;color:#64748B}
.crm-outcome{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:900;
  background:#D1FAE5;color:#065F46;border:1px solid #A7F3D0;margin-top:3px}
.crm-outcome.missed{background:#FFE4E6;color:#9F1239;border-color:#FECDD3}

/* --- numbered sections (purple / indigo / emerald, per source) --- */
.crm-sec{margin-top:20px}
.crm-sec-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.crm-num{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;font-size:11px;font-weight:900}
.crm-num.p{background:#F3E8FF;color:#7E22CE}
.crm-num.i{background:#E0E7FF;color:#4338CA}
.crm-num.e{background:#D1FAE5;color:#047857}
.crm-sec-head h4{font-size:12.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#0F172A}
.crm-badge{margin-left:auto;border-radius:999px;padding:3px 11px;font-size:11px;font-weight:900;
  background:#FFF1F2;color:#BE123C;border:1px solid #FECDD3}
.crm-status-row{border-radius:11px;background:#F1F5F9;border:1px solid #E2E8F0;padding:9px 13px;margin-bottom:11px;font-size:11.5px}
.crm-status-row b{font-weight:800;color:#1E293B;margin-right:5px}
.crm-status-row span{color:#475569}
/* the executive summary block — exact gradient + serif from source */
.crm-summary{border-radius:14px;border:1px solid #DDD6FE;border-left:4px solid #8B5CF6;
  background:linear-gradient(to right,#E0F2FE,#EDE9FE,#FFEDD5);padding:16px;
  font-family:Georgia,'Times New Roman',serif;font-size:13.5px;line-height:1.7;color:#0F172A}
.crm-intel{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.crm-intel > div{border-radius:14px;border:1px solid #E2E8F0;background:#F8FAFC;padding:12px}
.crm-intel span{font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#6B21A8}
.crm-intel b{display:block;font-size:12px;font-weight:700;color:#1E293B;margin-top:3px}
.crm-tags{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:11px}
.crm-tags .lbl{font-size:10.5px;font-weight:700;color:#94A3B8}
.crm-tag{border-radius:8px;background:#F1F5F9;border:1px solid #E2E8F0;padding:3px 9px;font-size:11px;font-weight:700;color:#334155}
.crm-tx{border-radius:12px;border:1px solid #E2E8F0;overflow:hidden;font-family:var(--font-mono);font-size:11.5px}
.crm-tx-row{display:flex;gap:10px;padding:8px 12px}
.crm-tx-row:nth-child(odd){background:#F8FAFC}
.crm-tx-row .who{flex:none;width:92px;font-weight:800;color:#7E22CE}
.crm-tx-row .who.b{color:#C2410C}
.crm-tx-row .txt{color:#475569}

/* --- table screens (leads / follow-ups / dead leads) --- */
.crm-table{width:100%;border-collapse:collapse;font-size:11.5px}
.crm-table th{text-align:left;padding:9px 10px;font-size:9.5px;font-weight:800;letter-spacing:.07em;
  text-transform:uppercase;color:#64748B;border-bottom:1px solid #E2E8F0;white-space:nowrap}
.crm-table td{padding:10px;border-bottom:1px solid #F1F5F9;color:#334155;vertical-align:top}
.crm-table b{color:#0F172A;font-weight:700}
.crm-table small{display:block;font-family:var(--font-mono);font-size:10px;color:#94A3B8}
.pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:800;white-space:nowrap}
.pill.hot{background:#FFF1F2;color:#BE123C;border:1px solid #FECDD3}
.pill.warm{background:#FFFBEB;color:#92400E;border:1px solid #FDE68A}
.pill.cold{background:#EFF6FF;color:#1D4ED8;border:1px solid #BFDBFE}
.pill.dead{background:#F1F5F9;color:#475569;border:1px solid #E2E8F0}
.pill.franchise{background:#F5F3FF;color:#6D28D9;border:1px solid #DDD6FE}
.crm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.crm-stat{border-radius:12px;border:1px solid #E2E8F0;background:#fff;padding:11px 13px}
.crm-stat span{display:block;font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#64748B}
.crm-stat b{display:block;font-size:19px;font-weight:800;color:#0F172A;margin-top:3px}
.crm-stat i{font-style:normal;font-size:10.5px;color:#059669;font-weight:700}
.crm-stat b.g{color:#047857}
.crm-stat b.a{color:#B45309}
.crm-stat b.r{color:#BE123C}
.crm-stat b.sm{font-size:12.5px;font-weight:800;color:#0F172A;margin-top:6px}
.crm-div{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:14px}
.crm-div-card{border-radius:13px;border:1px solid #E2E8F0;background:#fff;padding:13px 14px}
.crm-div-card.active{border-color:#C4B5FD;background:linear-gradient(135deg,#FAF5FF,#EEF2FF);box-shadow:0 1px 3px rgba(124,58,237,.10)}
.crm-div-tag{display:block;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#64748B}
.crm-div-card b{display:block;font-size:26px;font-weight:800;color:#0F172A;line-height:1.1;margin-top:5px}
.crm-div-card i{font-style:normal;font-size:10.5px;font-weight:700;color:#64748B}
.crm-div-card.active i{color:#7C3AED}
.crm-import-head{display:flex;align-items:center;gap:11px;border-radius:13px;border:1px solid #A7F3D0;background:#ECFDF5;padding:12px 14px;margin-bottom:13px}
.crm-ok{flex:none;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#059669;color:var(--text-white);font-size:13px;font-weight:900}
.crm-import-head b{display:block;font-size:12.5px;font-weight:800;color:#065F46}
.crm-import-head small{display:block;font-size:11px;color:#047857;margin-top:1px}
.crm-note{margin-top:13px;border-radius:11px;border:1px solid #E2E8F0;border-left:3px solid #7C3AED;background:#F8FAFC;padding:10px 13px;font-size:11.5px;line-height:1.55;color:#475569}
.crm-tx-tag{margin-left:auto;font-size:10px;font-weight:700;color:#94A3B8}
.crm-fu{display:grid;gap:9px}
.crm-fu-row{display:flex;gap:11px;align-items:flex-start;border-radius:13px;background:#F0F9FF;border:1px solid #E0F2FE;padding:11px 13px}
.crm-fu-row .n{flex:none;display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:#0284C7;color:var(--text-white);font-size:12px;font-weight:800}
.crm-fu-row b{display:block;font-size:12px;font-weight:800;color:#0F172A}
.crm-fu-row small{display:block;font-size:11px;color:#64748B;margin-top:2px}
@media (max-width:768px){
  .crm-meta,.crm-stats{grid-template-columns:1fr 1fr}
  .crm-div{grid-template-columns:1fr}
  .crm-intel{grid-template-columns:1fr}
  .screen-body{padding:13px}
  .crm-table{font-size:11px}
  .crm-table th:nth-child(n+4),.crm-table td:nth-child(n+4){display:none}
}

/* ---------- MID-PAGE CONVERSION BAND ---------- */
.mid-cta{padding:0 0 10px}
.mid-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  max-width:1000px;margin:0 auto;padding:30px 34px;border-radius:18px;
  background:linear-gradient(120deg,rgba(124,58,237,.14),rgba(251,146,60,.1));
  border:1px solid rgba(168,85,247,.3);box-shadow:0 0 44px rgba(124,58,237,.14)}
.mid-cta-inner h3{font-family:var(--font-head);font-size:23px;font-weight:700;margin-bottom:7px}
.mid-cta-inner p{color:var(--text-muted);font-size:14.5px;max-width:520px}
.mid-cta-actions{display:flex;gap:11px;flex-wrap:wrap}
@media (max-width:768px){.mid-cta-inner{padding:24px;text-align:center;justify-content:center}
  .mid-cta-inner p{margin:0 auto}.mid-cta-actions{width:100%;justify-content:center}.mid-cta-actions .btn{flex:1}}

/* ---------- COMPARISON / SPEC TABLES ---------- */
.cmp-wrap{max-width:980px;margin:0 auto;overflow-x:auto;border-radius:16px;border:1px solid var(--border);background:var(--bg-card)}
.cmp{width:100%;border-collapse:collapse;font-size:15px;min-width:600px}
.cmp th{text-align:left;padding:16px 18px;font-family:var(--font-head);font-size:14px;font-weight:700;
  color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}
.cmp th.us{color:#fff;background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(251,146,60,.14))}
.cmp td{padding:15px 18px;border-bottom:1px solid rgba(15,20,39,0.06);color:var(--text-muted);line-height:1.6}
.cmp td.us{color:#E4E4E7;background:rgba(124,58,237,.07);font-weight:500}
.cmp tr:last-child td{border-bottom:none}
.cmp .rowlbl{color:var(--text-white);font-weight:600}
.cmp.spec .rowlbl{width:38%}
.cmp tbody tr:hover td{background:rgba(15,20,39,0.12)}
.cmp tbody tr:hover td.us{background:rgba(124,58,237,.11)}
@media (max-width:768px){.cmp{font-size:13.5px;min-width:520px}.cmp th,.cmp td{padding:12px 13px}}

/* ---------- TRUST STRIP + IN-SECTION PROOF ---------- */
.trust-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px 10px;margin:26px auto 0;max-width:940px;
  padding:14px 20px;border-radius:14px;background:rgba(15,20,39,0.12);border:1px solid var(--border)}
.ts-label{font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--text-subtle);margin-right:4px}
.ts-item{font-size:13.5px;font-weight:600;color:var(--text-muted)}
.ts-dot{color:var(--text-subtle);opacity:.5}
.sec-proof{display:flex;align-items:center;gap:13px;margin-top:22px;padding:15px 18px;border-radius:13px;
  background:linear-gradient(120deg,rgba(34,211,238,.09),rgba(124,58,237,.09));border:1px solid rgba(34,211,238,.25)}
.sp-num{font-family:var(--font-head);font-weight:800;font-size:21px;flex:none;
  background:linear-gradient(135deg,#38BDF8,#A855F7 52%,#FB923C);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sp-txt{font-size:14px;color:var(--text-muted);line-height:1.55}
@media (max-width:768px){.trust-strip{gap:7px;padding:12px 14px}.ts-item{font-size:12.5px}}

/* ============================================================
   PREMIUM MOTION LAYER
   Every rule here is an enhancement on top of visible content.
   Nothing in this block may be the only thing making an element
   readable, and all of it collapses under prefers-reduced-motion.
   ============================================================ */

/* --- Scroll progress bar --- */
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,#7C3AED,#6366F1 45%,#F59E0B);z-index:9999;pointer-events:none;will-change:transform}

/* --- Directional reveals for split sections --- */
.js .reveal-l{opacity:0;transform:translateX(-34px)}
.js .reveal-r{opacity:0;transform:translateX(34px)}
.js .reveal-l.visible,.js .reveal-r.visible{animation:slideIn .8s cubic-bezier(.22,.68,.36,1) forwards}
@keyframes slideIn{to{opacity:1;transform:translateX(0)}}

/* --- Scale-in for product screens: lifts toward the reader --- */
.js .reveal-scale{opacity:0;transform:translateY(30px) scale(.955)}
.js .reveal-scale.visible{animation:scaleIn .85s cubic-bezier(.22,.68,.36,1) forwards}
@keyframes scaleIn{to{opacity:1;transform:translateY(0) scale(1)}}

/* --- Staggered grid children --- */
.js .stagger > *{opacity:0;transform:translateY(22px)}
.js .stagger.visible > *{animation:fadeInUp .65s cubic-bezier(.22,.68,.36,1) forwards}
.js .stagger.visible > *:nth-child(1){animation-delay:.00s}
.js .stagger.visible > *:nth-child(2){animation-delay:.09s}
.js .stagger.visible > *:nth-child(3){animation-delay:.18s}
.js .stagger.visible > *:nth-child(4){animation-delay:.27s}
.js .stagger.visible > *:nth-child(5){animation-delay:.36s}
.js .stagger.visible > *:nth-child(6){animation-delay:.45s}
.js .stagger.visible > *:nth-child(n+7){animation-delay:.52s}

/* --- Product screen: depth on hover, parallax lift on scroll --- */
.screen{transition:transform .55s cubic-bezier(.22,.68,.36,1),box-shadow .55s ease;will-change:transform}
@media (hover:hover) and (min-width:900px){
  .screen:hover{transform:translateY(-7px) perspective(1400px) rotateX(1.4deg);
    box-shadow:0 34px 70px -22px rgba(76,29,149,.55),0 0 0 1px rgba(148,163,184,.14)}
}

/* --- Card lift --- */
.card,.feature-card,.crm-stat,.crm-div-card{transition:transform .35s cubic-bezier(.22,.68,.36,1),box-shadow .35s ease,border-color .35s ease}
@media (hover:hover){
  .card:hover,.feature-card:hover{transform:translateY(-5px);border-color:rgba(167,139,250,.4);
    box-shadow:0 20px 42px -20px rgba(76,29,149,.5)}
}

/* --- Button sheen --- */
.btn{position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.22,.68,.36,1),box-shadow .28s ease,filter .28s ease}
.btn::after{content:"";position:absolute;inset:0;transform:translateX(-120%);pointer-events:none;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.42) 50%,transparent 70%)}
@media (hover:hover){
  .btn:hover{transform:translateY(-2px)}
  .btn:hover::after{animation:sheen .85s ease forwards}
}
.btn:active{transform:translateY(0) scale(.985)}
@keyframes sheen{to{transform:translateX(120%)}}

/* --- Nav link underline --- */
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#A78BFA,#F59E0B);transform:scaleX(0);transform-origin:0 50%;
  transition:transform .32s cubic-bezier(.22,.68,.36,1)}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}

/* --- Table rows wake on hover --- */
.crm-table tr{transition:background .25s ease}
.crm-table tr:hover td{background:rgba(124,58,237,.05)}

/* --- Badge pulse: signals "this is live" --- */
.dot-live,.status-dot.green{animation:livePulse 2.4s ease-in-out infinite}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.55)}70%{box-shadow:0 0 0 9px rgba(16,185,129,0)}}

/* --- Floating background blobs --- */
.blob{animation:blobDrift 19s ease-in-out infinite alternate}
.blob-indigo{animation-duration:24s;animation-delay:-6s}
@keyframes blobDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(26px,-32px,0) scale(1.07)}}

/* --- Answer box: the AI-citation block earns a soft edge glow --- */
.answer-box{transition:box-shadow .5s ease,border-color .5s ease}
.answer-box:hover{border-color:rgba(167,139,250,.55);box-shadow:0 0 0 1px rgba(167,139,250,.22),0 18px 44px -24px rgba(124,58,237,.7)}

/* --- Facts strip counters --- */
.fact b{display:inline-block;transition:transform .3s cubic-bezier(.22,.68,.36,1)}
@media (hover:hover){.fact:hover b{transform:scale(1.07)}}

/* --- WhatsApp widget breathe --- */
.wa-float{transition:transform .3s cubic-bezier(.22,.68,.36,1),box-shadow .3s ease}
@media (hover:hover){.wa-float:hover{transform:scale(1.09) rotate(-4deg)}}

/* Motion is optional. Content is not. */
@media (prefers-reduced-motion:reduce){
  .js .reveal-l,.js .reveal-r,.js .reveal-scale,.js .stagger > *{opacity:1!important;transform:none!important;animation:none!important}
  .scroll-progress,.blob,.dot-live,.status-dot.green{animation:none!important}
  .screen:hover,.card:hover,.feature-card:hover,.btn:hover{transform:none!important}
  .btn::after{display:none}
}

.foot-cities{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
.foot-bottom{padding-right:72px}
@media (max-width:640px){.foot-bottom{padding-right:0;padding-bottom:78px}}

/* ---- inline lead capture + blog ---- */
.lead-cta-card{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:36px;border-radius:24px;background:var(--bg-card);border:1px solid var(--border)}
.lead-cta-card .access-form{margin:0}
.lead-cta-card .check-list{margin-top:18px}
.post-meta{color:var(--text-muted);font-size:.9rem;text-align:center;margin:0 0 6px}
@media(max-width:820px){.lead-cta-card{grid-template-columns:1fr;padding:22px;gap:24px}}

/* ---- Ramp-style structure: hero capture, pillars, metrics, steps ---- */
.quick-lead{display:flex;gap:8px;width:100%;max-width:520px;margin:30px auto 0;padding:7px;border-radius:18px;background:var(--bg-card);border:1px solid var(--border)}
.quick-lead input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text-white);font:inherit;font-size:16px;padding:0 14px}
.quick-lead input::placeholder{color:var(--text-subtle)}
.quick-lead:focus-within{border-color:var(--border-hover)}
.quick-lead .btn{white-space:nowrap}
.quick-note{color:#FCA5A5;font-size:14px;margin-top:10px;text-align:center}
.quick-sub{color:var(--text-muted);font-size:14px;margin-top:14px;text-align:center}
.quick-sub a{color:var(--purple-soft)}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pillar{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border);transition:border-color .2s,transform .2s;color:inherit;text-decoration:none}
.pillar:hover{border-color:var(--border-hover);transform:translateY(-3px)}
.pillar .ic{font-size:28px}
.pillar h3{font-size:20px;line-height:1.2}
.pillar p{color:var(--text-muted);font-size:15px;flex:1}
.pillar .learn{color:var(--purple-soft);font-weight:600;font-size:14px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
.metric{padding:28px 14px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border);display:flex;flex-direction:column;gap:6px}
.metric .m-pre{color:var(--text-subtle);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.metric b{font-family:var(--font-head);font-size:clamp(34px,4vw,52px);line-height:1}
.metric span:last-child{color:var(--text-muted);font-size:14px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{padding:28px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border)}
.step b{display:inline-flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:var(--purple-primary);color:#fff;font-family:var(--font-head);margin-bottom:14px}
.step p{color:var(--text-muted);font-size:15px;margin-top:6px}
.cta-banner .quick-lead{margin-top:30px}
@media(max-width:980px){.pillars,.metrics{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}}
@media(max-width:560px){.pillars,.metrics,.grid-2{grid-template-columns:1fr}.quick-lead{flex-direction:column;padding:10px}.quick-lead input{padding:12px 14px}}

/* ---- Features hub: premium chapters ---- */
.chapter-nav{position:sticky;top:68px;z-index:40;background:rgba(5,5,8,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.chapter-nav-inner{display:flex;gap:8px;overflow-x:auto;padding:12px 24px;scrollbar-width:none;justify-content:center}
.chapter-nav-inner::-webkit-scrollbar{display:none}
.chapter-nav a{white-space:nowrap;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--text-muted);border:1px solid transparent;transition:.2s}
.chapter-nav a:hover{color:var(--text-white);border-color:var(--border-hover);background:var(--purple-glow)}
.chapter{position:relative}
.chapter-head{max-width:760px;margin-bottom:44px;position:relative}
.chapter-no{position:absolute;right:calc(100% + 24px);top:-6px;font-family:var(--font-head);font-weight:700;font-size:64px;line-height:1;color:rgba(255,255,255,.05);display:none}
.chapter-text{color:var(--text-muted);font-size:18px;line-height:1.6;margin-top:14px}
.chapter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:36px;align-items:start}
.chapter-grid.flip .chapter-mods{order:2}
.chapter-mods{display:flex;flex-direction:column;gap:16px}
.chapter-screen{position:sticky;top:140px}
.mod-card{display:block;padding:24px;border-radius:20px;color:inherit;text-decoration:none;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid var(--border);position:relative;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}
.mod-card::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 120px at 0 0,var(--purple-glow),transparent 70%);opacity:0;transition:opacity .3s}
.mod-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 18px 44px rgba(15,20,39,.45),0 0 38px rgba(124,58,237,.14)}
.mod-card:hover::before{opacity:1}
.mod-top{display:flex;align-items:center;gap:14px;position:relative}
.mod-ic{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;font-size:22px;border-radius:14px;background:rgba(124,58,237,.16);border:1px solid rgba(167,139,250,.28)}
.mod-top h3{font-size:19px;line-height:1.2}
.mod-plan{display:inline-block;margin-top:3px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--purple-soft)}
.mod-go{margin-left:auto;font-size:20px;color:var(--text-subtle);transition:.25s}
.mod-card:hover .mod-go{color:var(--yellow-cta);transform:translateX(4px)}
.mod-card>p{position:relative;color:var(--text-muted);font-size:15px;margin:14px 0 12px}
.mod-card ul{position:relative;list-style:none;display:grid;gap:7px}
.mod-card li{font-size:14px;color:#D4D4D8;padding-left:22px;position:relative}
.mod-card li::before{content:"✓";position:absolute;left:0;color:var(--green-live);font-weight:700}
.matrix{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--bg-card)}
.mx-row{display:grid;grid-template-columns:1.1fr 2.4fr .9fr;gap:20px;padding:16px 24px;align-items:center;color:inherit;text-decoration:none;border-top:1px solid var(--border);transition:background .2s}
a.mx-row:hover{background:rgba(124,58,237,.08)}
.mx-head{border-top:0;background:rgba(15,20,39,0.12);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}
.mx-name{display:flex;align-items:center;gap:12px;font-weight:600}
.mx-name i{font-style:normal;font-size:18px}
.mx-desc{color:var(--text-muted);font-size:14.5px}
.mx-plan{justify-self:start;font-size:12px;padding:5px 12px;border-radius:999px;border:1px solid var(--border);color:#D4D4D8;white-space:nowrap}
.mx-plan.addon{color:var(--yellow-cta);border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.08)}
@media(max-width:980px){.chapter-grid{grid-template-columns:1fr}.chapter-grid.flip .chapter-mods{order:0}.chapter-screen{position:static;order:-1}.chapter-nav{top:60px}.chapter-nav-inner{justify-content:flex-start;padding:10px 16px}}
@media(max-width:700px){.mx-row{grid-template-columns:1fr;gap:6px;padding:16px 18px}.mx-head{display:none}.mx-plan{margin-top:4px}}
.chapter-screen .screen{zoom:.84}
.chapter-screen .screen-body{overflow-x:auto}
@media(max-width:980px){.chapter-screen .screen{zoom:.9}}
@media(max-width:560px){.chapter-screen .screen{zoom:.72}}

/* =====================  PREMIUM INTERACTIVE LAYER  ===================== */
/* cursor spotlight on cards */
.spot,.pillar,.mod-card,.metric,.trust-card,.step,.role-card,.aud-card{position:relative}
.spot::after,.pillar::after,.metric::after,.trust-card::after,.step::after,.role-card::after,.aud-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(167,139,250,.18),transparent 60%)}
.spot:hover::after,.pillar:hover::after,.metric:hover::after,.trust-card:hover::after,.step:hover::after,.role-card:hover::after,.aud-card:hover::after{opacity:1}

/* animated gradient text */
.grad{background-size:220% auto;animation:gradShift 7s ease-in-out infinite alternate}
@keyframes gradShift{to{background-position:100% 50%}}

/* marquee */
.marquee{display:flex;align-items:center;gap:22px;max-width:920px;margin:26px auto 0;overflow:hidden;padding:12px 18px;border-radius:16px;background:var(--bg-card);border:1px solid var(--border)}
.marquee .ts-label{flex:none;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle)}
.marquee-track{display:flex;overflow:hidden;flex:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee-row{display:flex;flex:none;align-items:center;gap:22px;padding-right:22px;animation:marq 26s linear infinite}
.marquee:hover .marquee-row{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-100%)}}
.marquee .ts-item{white-space:nowrap;font-size:14px;color:#D4D4D8}

/* story (tabbed call-to-deal) */
.story{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:stretch}
.story-tabs{display:flex;flex-direction:column;gap:10px}
.story-tab{position:relative;display:flex;align-items:center;gap:12px;text-align:left;padding:16px 18px;border-radius:16px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);font:inherit;font-weight:600;cursor:pointer;overflow:hidden;transition:.25s}
.story-tab b{display:inline-flex;flex:none;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:rgba(15,20,39,0.12);font-family:var(--font-head);font-size:13px}
.story-tab i{position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--purple-primary),var(--brand-cyan))}
.story-tab.active{color:var(--text-white);border-color:var(--border-hover);background:rgba(124,58,237,.14)}
.story-tab.active b{background:var(--purple-primary)}
.story-tab.active i{animation:storyFill var(--dur,6s) linear forwards}
.story.paused .story-tab.active i{animation:none;width:100%}
@keyframes storyFill{to{width:100%}}
.story-stage{position:relative;min-height:340px;padding:26px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--border);box-shadow:0 30px 70px rgba(15,20,39,.45),0 0 60px rgba(124,58,237,.1);overflow:hidden}
.story-pane{position:absolute;inset:26px;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .45s,transform .45s}
.story-pane.active{opacity:1;transform:none;pointer-events:auto}
.story-chrome{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--text-muted);padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--border)}
.live-dot{width:9px;height:9px;border-radius:50%;background:var(--red-hot);box-shadow:0 0 0 0 rgba(239,68,68,.6);animation:ping 1.6s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
.type-lines p{display:flex;gap:12px;margin:0 0 12px;font-size:16px;line-height:1.5;opacity:0}
.type-lines p.on{opacity:1}
.type-lines em{flex:none;font-style:normal;font-size:11px;letter-spacing:.08em;padding:3px 8px;height:22px;border-radius:6px;background:rgba(15,20,39,0.12);color:var(--text-muted);margin-top:2px}
.type-lines p:nth-child(odd) em{background:rgba(124,58,237,.25);color:#DDD6FE}
.type-lines span.caret::after{content:"▍";margin-left:2px;color:var(--purple-soft);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.brief-text{font-size:17px;line-height:1.65;color:#E4E4E7}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chip{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;font-size:12.5px;background:rgba(15,20,39,0.12);border:1px solid var(--border);color:#E4E4E7}
.chip.hot{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4);color:#FCA5A5}
.chip.warm{background:rgba(249,115,22,.15);border-color:rgba(249,115,22,.4);color:#FDBA74}
.chip.ok{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.4);color:#86EFAC}
.chip.bad{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4);color:#FCA5A5}
.lead-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px;border-radius:14px;background:rgba(15,20,39,0.12);border:1px solid var(--border);margin-bottom:12px}
.lead-line>div{min-width:150px;margin-right:auto}
.lead-line small{display:block;color:var(--text-subtle);font-size:12.5px}
.lead-line.dim{opacity:.7}
.lead-line .owner{font-size:13px;color:var(--purple-soft);font-weight:600}
.story-pane.active .lead-line{animation:rise .5s both}
.story-pane.active .lead-line:nth-of-type(2){animation-delay:.15s}
@keyframes rise{from{opacity:0;transform:translateY(12px)}}

/* flow diagram */
.flow{display:grid;grid-template-columns:1fr minmax(60px,.5fr) 1.1fr minmax(60px,.5fr) 1fr;align-items:center;max-width:980px;margin:0 auto}
.flow-col{list-style:none;display:flex;flex-direction:column;gap:12px}
.flow-col a{display:block;padding:12px 16px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border);font-weight:600;font-size:15px;transition:.2s}
.flow-col a:hover{border-color:var(--border-hover);transform:translateX(3px)}
.flow-out a:hover{transform:translateX(-3px)}
.flow-svg{width:100%;height:280px}
.flow-svg .fl{stroke:url(#none);stroke:rgba(167,139,250,.75);stroke-dasharray:6 8;animation:dash 1.4s linear infinite}
@keyframes dash{to{stroke-dashoffset:-28}}
.flow-core{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:30px 18px;border-radius:24px;background:linear-gradient(160deg,rgba(124,58,237,.35),rgba(34,211,238,.12));border:1px solid var(--border-hover);box-shadow:0 0 60px rgba(124,58,237,.35);animation:corePulse 3.2s ease-in-out infinite}
.flow-core span{font-size:34px}.flow-core b{font-family:var(--font-head);font-size:20px}.flow-core small{color:var(--text-muted);font-size:12.5px}
@keyframes corePulse{50%{box-shadow:0 0 90px rgba(124,58,237,.55)}}

/* trust grid */
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.trust-card{padding:26px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border);transition:border-color .25s,transform .25s}
.trust-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}
.trust-card>span{font-size:26px}.trust-card h3{font-size:18px;margin:12px 0 8px}.trust-card p{color:var(--text-muted);font-size:14.5px}

/* explore hub */
.linkhub{padding:64px 0 26px;border-top:1px solid var(--border);background:var(--bg-surface)}
.linkhub h2{font-size:22px;margin-bottom:26px}
.lh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.lh-grid h3{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-subtle);margin:0 0 12px}
.lh-grid div>h3:not(:first-child){margin-top:22px}
.lh-grid a{display:block;color:var(--text-muted);font-size:14px;padding:4px 0;transition:.2s}
.lh-grid a:hover{color:var(--text-white);transform:translateX(3px)}

/* thesis / statement */
.statement{max-width:980px;margin:0 auto;text-align:center}
.statement h2{font-size:clamp(30px,4.6vw,56px);line-height:1.08;letter-spacing:-.03em}
.statement p{color:var(--text-muted);font-size:19px;margin:20px auto 0;max-width:680px}

@media(max-width:980px){.story{grid-template-columns:1fr}.story-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none}.story-tab{flex:none}.story-stage{min-height:430px}.flow{grid-template-columns:1fr;gap:14px}.flow-svg{display:none}.trust-grid{grid-template-columns:repeat(2,1fr)}.lh-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.trust-grid,.lh-grid{grid-template-columns:1fr}.story-stage{min-height:480px;padding:18px}.story-pane{inset:18px}}
@media(prefers-reduced-motion:reduce){.grad,.marquee-row,.flow-svg .fl,.flow-core,.live-dot{animation:none!important}.story-tab.active i{animation:none;width:100%}.type-lines p{opacity:1}}

/* audience split, roles, misc */
.aud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.aud-card{padding:28px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--border);transition:border-color .25s,transform .25s}
.aud-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}
.aud-ic{display:inline-flex;width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;background:rgba(124,58,237,.18);font-size:22px;margin-bottom:14px}
.aud-card small{display:block;color:var(--purple-soft);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.aud-card h3{font-size:21px;line-height:1.25}
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.role-card{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:22px;color:inherit;text-decoration:none;background:var(--bg-card);border:1px solid var(--border);transition:border-color .25s,transform .25s}
.role-card:hover{border-color:var(--border-hover);transform:translateY(-4px)}
.role-card>span{font-size:28px}.role-card h3{font-size:21px;line-height:1.2}.role-card p{color:var(--text-muted);font-size:15px;flex:1}
.role-card i{font-style:normal;color:var(--purple-soft);font-weight:600;font-size:14px}
.updated{text-align:center;color:var(--text-subtle);font-size:13px;margin-top:22px}
@media(max-width:980px){.aud-grid,.roles{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.aud-grid,.roles{grid-template-columns:1fr}}

/* ===== hero product window (Attio-style scripted flow) ===== */
.appwin{width:100%;max-width:1040px;margin:34px auto 0;border-radius:18px;overflow:hidden;background:#F8FAFC;color:#0F172A;text-align:left;box-shadow:0 40px 90px rgba(15,20,39,.65),0 0 90px rgba(124,58,237,.25);border:1px solid rgba(15,20,39,0.13);font-family:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.aw-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#101018}
.aw-url{flex:1;margin-left:10px;background:rgba(15,20,39,0.12);border-radius:8px;padding:5px 12px;font-size:12px;color:#A1A1AA}
.aw-sample{font-size:11px;color:#71717A}
.aw-body{display:grid;grid-template-columns:170px 1fr;min-height:360px}
.aw-side{background:#fff;border-right:1px solid #E2E8F0;padding:16px 10px;display:flex;flex-direction:column;gap:4px}
.aw-brand{font-weight:800;font-size:17px;padding:0 10px 12px;color:#4C1D95}
.aw-nav{padding:9px 10px;border-radius:9px;font-size:13.5px;color:#475569;transition:.35s}
.aw-nav.on{background:#EDE9FE;color:#5B21B6;font-weight:600}
.aw-main{padding:18px 22px;display:flex;flex-direction:column;gap:16px;min-width:0}
.aw-rail{list-style:none;display:flex;gap:6px;flex-wrap:wrap}
.aw-rail li{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:12.5px;color:#64748B;background:#EEF2F7;transition:.4s}
.aw-rail li b{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;background:#CBD5E1;color:var(--text-white);transition:.4s}
.aw-rail li.done{color:#166534;background:#DCFCE7}.aw-rail li.done b{background:#22C55E}
.aw-rail li.on{color:#fff;background:#7C3AED;box-shadow:0 6px 18px rgba(124,58,237,.35)}.aw-rail li.on b{background:#fff;color:#7C3AED}
.aw-stage{position:relative;flex:1;min-height:250px}
.aw-scene{position:absolute;inset:0;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .45s,transform .45s}
.aw-scene.on{opacity:1;transform:none}
.aw-hint{margin-top:16px;font-size:13px;color:#64748B}
.aw-call{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:#fff;border:1px solid #E2E8F0;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.aw-call b{font-size:17px}.aw-call small{display:block;color:#64748B;margin-top:3px;font-size:13px}
.ring{width:44px;height:44px;border-radius:50%;background:#22C55E;position:relative;flex:none}
.ring::after{content:"📞";position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.aw-scene.on .ring{animation:ringPulse 1.2s infinite}
@keyframes ringPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}100%{box-shadow:0 0 0 18px rgba(34,197,94,0)}}
.wave{margin-left:auto;display:flex;align-items:center;gap:4px;height:36px}
.wave i{display:block;width:5px;height:8px;border-radius:3px;background:#7C3AED}
.aw-scene.on .wave i{animation:wv 1s ease-in-out infinite}
.wave i:nth-child(2){animation-delay:.1s!important}.wave i:nth-child(3){animation-delay:.2s!important}.wave i:nth-child(4){animation-delay:.3s!important}.wave i:nth-child(5){animation-delay:.15s!important}.wave i:nth-child(6){animation-delay:.25s!important}.wave i:nth-child(7){animation-delay:.05s!important}
@keyframes wv{50%{height:34px}}
.aw-tx p{display:flex;gap:12px;margin:0 0 12px;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid #E2E8F0;font-size:15.5px;line-height:1.5;min-height:56px}
.aw-tx em{flex:none;font-style:normal;font-size:10.5px;letter-spacing:.08em;padding:3px 8px;height:21px;border-radius:6px;background:#EDE9FE;color:#5B21B6;font-weight:700}
.aw-tx p:nth-child(2) em{background:#E0F2FE;color:#075985}
.aw-brief{padding:20px;border-radius:16px;background:#fff;border:1px solid #E2E8F0;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.aw-brief-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:700;margin-bottom:10px}
.aw-time{font-weight:600;font-size:12px;color:#166534;background:#DCFCE7;padding:3px 9px;border-radius:999px}
.aw-brief p{font-size:15px;line-height:1.6;color:#334155}
.aw-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.aw-chips span{font-size:12.5px;padding:5px 11px;border-radius:999px;background:#F1F5F9;border:1px solid #E2E8F0}
.aw-scene.on .aw-chips span{animation:rise .5s both}.aw-scene.on .aw-chips span:nth-child(2){animation-delay:.12s}.aw-scene.on .aw-chips span:nth-child(3){animation-delay:.24s}.aw-scene.on .aw-chips span:nth-child(4){animation-delay:.36s}
.aw-tag{display:inline-flex;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px}
.aw-tag.hot{background:#FEE2E2;color:#B91C1C}.aw-tag.warm{background:#FFEDD5;color:#C2410C}.aw-tag.cold{background:#E0F2FE;color:#0369A1}.aw-tag.ok{background:#DCFCE7;color:#166534}.aw-tag.bad{background:#FEE2E2;color:#B91C1C}
.aw-scene.on .aw-tag.hot{animation:tagPop .6s .3s both}
@keyframes tagPop{from{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}
.aw-table{width:100%;border-collapse:separate;border-spacing:0 8px;font-size:13.5px}
.aw-table th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#94A3B8;font-weight:600;padding:0 12px}
.aw-table td{background:#fff;padding:13px 12px;border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0}
.aw-table td:first-child{border-left:1px solid #E2E8F0;border-radius:10px 0 0 10px}.aw-table td:last-child{border-right:1px solid #E2E8F0;border-radius:0 10px 10px 0}
.aw-scene.on .aw-table tr.new td{animation:newRow 1.2s both;background:#F5F3FF}
.aw-scene.on .aw-table tr.new .own{color:#6D28D9;font-weight:700}
@keyframes newRow{from{transform:translateX(-18px);opacity:0}to{transform:none;opacity:1}}
.aw-fu{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;margin-bottom:10px;border-radius:14px;background:#fff;border:1px solid #E2E8F0}
.aw-fu small{display:block;color:#64748B;margin-top:3px;font-size:13px}.aw-fu.dim{opacity:.75}
.aw-scene.on .aw-fu{animation:rise .5s both}.aw-scene.on .aw-fu.dim{animation-delay:.2s}
.aw-ask .q{display:inline-block;padding:11px 16px;border-radius:14px 14px 4px 14px;background:#7C3AED;color:#fff;font-size:15px;margin-left:auto;float:right;clear:both;max-width:80%}
.aw-ask .a{clear:both;display:block;margin-top:16px;padding:14px 16px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid #E2E8F0;font-size:15px;line-height:1.55;max-width:88%;opacity:0}
.aw-ask .a b{display:block;font-size:12px;color:#7C3AED;margin-bottom:4px}
.aw-scene.on .aw-ask .a{animation:rise .6s 2.4s both}
@media(max-width:760px){.aw-body{grid-template-columns:1fr}.aw-side{flex-direction:row;overflow-x:auto;padding:10px}.aw-brand{display:none}.aw-nav{white-space:nowrap}.aw-rail li{font-size:11.5px;padding:5px 9px}.aw-table th:nth-child(3),.aw-table td:nth-child(3){display:none}.aw-stage{min-height:300px}}
@media(prefers-reduced-motion:reduce){.aw-scene.on *{animation:none!important}.aw-ask .a{opacity:1}}
@media(max-width:560px){.marquee .ts-label{display:none}}

.aw-acts{display:flex;gap:8px;margin-top:14px}.aw-acts span{font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:9px;background:#F5F3FF;color:#5B21B6;border:1px solid #DDD6FE}
.aw-scene.on .aw-acts span:last-child{animation:ctaGlow 1.6s 1s 2}
@keyframes ctaGlow{50%{box-shadow:0 0 0 6px rgba(124,58,237,.18)}}
.aw-re{padding:20px;border-radius:16px;background:#fff;border:1px solid #E2E8F0}
.aw-re-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:700;margin-bottom:18px}
.aw-re-row{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:10px}
.rep{padding:14px;border-radius:12px;background:#F8FAFC;border:1px solid #E2E8F0}.rep small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#94A3B8}.rep b{display:block;font-size:16px;margin:3px 0}.rep i{font-style:normal;font-size:12.5px;color:#64748B}
.rep.to{background:#F5F3FF;border-color:#C4B5FD}
.aw-re-arrow{position:relative;height:44px;display:flex;align-items:center}
.aw-re-arrow span{position:absolute;left:0;right:0;top:50%;height:2px;background:repeating-linear-gradient(90deg,#A78BFA 0 6px,transparent 6px 12px)}
.aw-re-arrow em{position:relative;z-index:1;margin:0 auto;font-style:normal;font-weight:600;font-size:13px;padding:6px 12px;border-radius:999px;background:#7C3AED;color:#fff;box-shadow:0 6px 16px rgba(124,58,237,.35)}
.aw-scene.on .aw-re-arrow em{animation:slideLead 1.6s .5s ease-in-out both}
@keyframes slideLead{from{transform:translateX(-46%)}to{transform:translateX(46%)}}
.aw-re-log{margin-top:16px;font-size:13px;color:#166534;background:#DCFCE7;padding:9px 12px;border-radius:9px;opacity:0}
.aw-scene.on .aw-re-log{animation:rise .5s 2.2s both}
@media(max-width:760px){.aw-re-row{grid-template-columns:1fr}.aw-re-arrow{display:none}}

/* ===== per-module animated explainer ===== */
.hiw{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:36px}
.hiw-line{position:absolute;left:12.5%;right:12.5%;top:62px;height:3px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.hiw-line i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--purple-primary),var(--brand-cyan));transition:width .7s ease}
.hiw-step{position:relative;text-align:center;padding:0 6px;opacity:.45;transform:translateY(6px);transition:opacity .5s,transform .5s}
.hiw-step.passed{opacity:.8;transform:none}
.hiw-step.active{opacity:1;transform:translateY(-4px)}
.hiw-ic{display:inline-flex;width:54px;height:54px;border-radius:50%;align-items:center;justify-content:center;font-size:24px;background:var(--bg-surface);border:2px solid var(--border);position:relative;z-index:1;transition:.4s}
.hiw-step.passed .hiw-ic{border-color:rgba(34,197,94,.6)}
.hiw-step.active .hiw-ic{border-color:var(--purple-primary);box-shadow:0 0 0 8px rgba(124,58,237,.18),0 0 34px rgba(124,58,237,.5);animation:hiwPulse 1.8s infinite}
@keyframes hiwPulse{50%{box-shadow:0 0 0 14px rgba(124,58,237,.08),0 0 44px rgba(124,58,237,.6)}}
.hiw-step>b{display:block;margin:12px auto 4px;font-size:11px;letter-spacing:.1em;color:var(--purple-soft)}
.hiw-step h3{font-size:18px;margin-bottom:6px}
.hiw-step p{color:var(--text-muted);font-size:14.5px;max-width:240px;margin:0 auto}
@media(max-width:820px){.hiw{grid-template-columns:1fr;padding-top:0;gap:12px}.hiw-line{display:none}.hiw-step{display:grid;grid-template-columns:54px 1fr;column-gap:16px;text-align:left;opacity:.7;transform:none}.hiw-step.active{transform:none}.hiw-ic{grid-row:1/4}.hiw-step>b{display:none}.hiw-step p{margin:0;max-width:none}}
@media(prefers-reduced-motion:reduce){.hiw-step{opacity:1}.hiw-step.active .hiw-ic{animation:none}}

/* =====================  CRM LIGHT THEME OVERRIDES  ===================== */
body{background:radial-gradient(900px 520px at 8% -6%,rgba(124,58,237,.10),transparent 60%),radial-gradient(800px 480px at 96% 2%,rgba(251,146,60,.10),transparent 60%),var(--bg-base);color:var(--text-white)}
::selection{background:rgba(124,58,237,.25);color:var(--text-white)}
.grad{background:linear-gradient(110deg,#7C3AED,#7C3AED 55%,#EC4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;background-size:220% auto}
.badge{background:#fff;border:1px solid rgba(124,58,237,.28);color:#6D28D9;box-shadow:0 1px 2px rgba(15,20,39,.04)}
.card,.pillar,.metric,.trust-card,.step,.role-card,.aud-card,.mod-card,.matrix,.lead-cta-card,.quick-lead,.story-stage,.faq-item,.answer-box,.next-card,.fact,.ind-card,.price-card,.plan{background:#fff!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-card)}
.card:hover,.pillar:hover,.mod-card:hover,.role-card:hover,.aud-card:hover,.trust-card:hover{border-color:var(--border-hover)!important;box-shadow:var(--shadow-lift)!important}
.mod-card::before{background:radial-gradient(420px 120px at 0 0,rgba(124,58,237,.10),transparent 70%)}
.spot::after,.pillar::after,.metric::after,.trust-card::after,.step::after,.role-card::after,.aud-card::after{background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(124,58,237,.12),transparent 60%)}
.surface{background:linear-gradient(180deg,#F3F0FC,#EFEBFB)}
.blob-purple{background:radial-gradient(circle,#7C3AED,transparent 70%);opacity:.10}
.blob-indigo{background:radial-gradient(circle,#7C3AED,transparent 70%);opacity:.12}
.blob-yellow{background:radial-gradient(circle,#FB923C,transparent 70%);opacity:.10}
/* nav */
.nav{background:rgba(246,247,249,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.nav.scrolled{background:rgba(255,255,255,.86);border-bottom:1px solid var(--border);box-shadow:0 6px 24px -14px rgba(15,20,39,.18)}
.logo-lockup b{color:var(--text-white)}.logo-lockup i{color:#EA580C}
.nav-links a{color:#475569}.nav-links a:hover,.nav-links a.active{color:#0F172A}
.nav-links a.active{box-shadow:inset 0 -2px 0 #7C3AED}
.btn-nav-login{background:#fff;border:1px solid var(--border);color:#0F172A}
.btn-nav-login:hover{border-color:#7C3AED;background:#F6F2FE}
.nav-menu{background:#fff!important;border:1px solid var(--border)!important;box-shadow:0 24px 60px -18px rgba(15,20,39,.25)!important}
.nav-menu a{color:#334155}.nav-menu a:hover{background:#F3EEFE;color:#6D28D9}
.drawer{background:#fff;border-left:1px solid var(--border)}
.drawer a.d-link{color:#334155;border-bottom:1px solid var(--border)}.drawer a.d-link:hover{color:#6D28D9}
.hamburger{background:#fff;border:1px solid var(--border);color:#0F172A}
.overlay{background:rgba(15,20,39,.35)}
.chapter-nav{background:rgba(255,255,255,.82)}
.chapter-nav a:hover{color:#6D28D9;background:#F3EEFE;border-color:rgba(124,58,237,.35)}
.crumbs a{color:#6D28D9}
/* buttons */
.btn-yellow{background:linear-gradient(135deg,#16A34A,#22C55E);color:#fff;box-shadow:0 10px 28px -8px rgba(0,155,131,.5)}
.btn-yellow:hover{box-shadow:0 14px 34px -8px rgba(0,155,131,.65)}
.btn-ghost{background:#fff;border:1px solid var(--border);color:#0F172A}
.btn-ghost:hover{border-color:#7C3AED;background:#F6F2FE}
.btn-purple{background:#fff;border:1px solid rgba(124,58,237,.4);color:#6D28D9}
.btn-purple:hover{background:#F3EEFE}
.learn,.quick-sub a,.pillar .learn,.role-card i,.mod-plan,.aud-card small,.hiw-step>b{color:#6D28D9}
/* hero + inputs */
.hero-pill{animation:none}
.hero-sub,.sec-sub,.chapter-text,.lede{color:#475569}
.quick-lead input{color:#0F172A}.quick-lead input::placeholder{color:#8A97AB}
.quick-lead:focus-within{border-color:#7C3AED!important;box-shadow:0 0 0 4px rgba(124,58,237,.12),var(--shadow-card)}
.access-form input,.access-form select{background:#F8FAFC;border:1px solid var(--border);color:#0F172A}
.marquee{background:#fff;border:1px solid var(--border)}.marquee .ts-item{color:#334155}
.trust-row span,.trust-strip{color:#475569}
/* story */
.story-tab{background:#fff;border:1px solid var(--border);color:#475569;box-shadow:var(--shadow-card)}
.story-tab b{background:#F1EEFB;color:#0F172A}
.story-tab.active{background:#F3EEFE;border-color:#7C3AED;color:#0F172A}.story-tab.active b{background:#7C3AED;color:#fff}
.story-tab i{background:linear-gradient(90deg,#7C3AED,#7C3AED)}
.story-stage{box-shadow:0 30px 70px -26px rgba(124,58,237,.35),var(--shadow-card)!important}
.story-chrome{color:#475569;border-bottom:1px solid var(--border)}
.type-lines p{color:#0F172A}.type-lines em{background:#F1EEFB;color:#475569}.type-lines p:nth-child(odd) em{background:#E0F0FA;color:#6D28D9}
.type-lines span.caret::after{color:#7C3AED}
.brief-text{color:#334155}
.chip{background:#F1F5F9;border:1px solid var(--border);color:#334155}
.chip.hot{background:#FFE4EA;border-color:#FBB6C4;color:#BE123C}.chip.warm{background:#FFEDD5;border-color:#FDBA74;color:#C2410C}.chip.ok{background:#DCFCE7;border-color:#86EFAC;color:#166534}.chip.bad{background:#FEE2E2;border-color:#FCA5A5;color:#B91C1C}
.lead-line{background:#F8FAFC;border:1px solid var(--border)}.lead-line .owner{color:#6D28D9}.lead-line small{color:#8A97AB}
/* flow */
.flow-col a{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-card);color:#0F172A}
.flow-col a:hover{border-color:#7C3AED}
.flow-svg .fl{stroke:rgba(124,58,237,.7)}
.flow-core{background:linear-gradient(160deg,#7C3AED,#6D28D9);border:0;box-shadow:0 20px 50px -14px rgba(124,58,237,.55);color:#fff}.flow-core small{color:rgba(255,255,255,.85)}.flow-core b,.flow-core span{color:#fff}
/* screens + app window: light chrome */
.screen{background:#fff;border:1px solid var(--border);box-shadow:0 30px 70px -28px rgba(15,20,39,.28)}
.screen:hover{border-color:var(--border-hover);box-shadow:0 36px 80px -26px rgba(124,58,237,.4)}
.screen-bar,.aw-bar{background:#EEF2F7}
.screen-bar .url,.aw-url{background:#fff;border:1px solid var(--border);color:#64748B}
.screen-cap{background:#F8FAFC;color:#64748B;border-top:1px solid var(--border)}
.aw-sample{color:#8A97AB}
.appwin{border:1px solid var(--border);box-shadow:0 40px 90px -30px rgba(124,58,237,.35),0 8px 24px rgba(15,20,39,.08)}
.aw-nav.on{background:linear-gradient(135deg,#7C3AED,#A78BFA);color:#fff}
.aw-rail li.on{background:#7C3AED;box-shadow:0 6px 18px rgba(124,58,237,.35)}.aw-rail li.on b{color:#7C3AED}
.aw-brand{color:#7C3AED}
/* cta banner: blue brand gradient */
.cta-banner{background:linear-gradient(135deg,#6D28D9 0%,#7C3AED 45%,#7C3AED 100%);color:#fff}
.cta-banner h2,.cta-banner p{color:#fff}.cta-banner p{opacity:.9}
.cta-banner .btn-ghost{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);color:#fff}
.cta-banner .btn-yellow{background:#fff;color:#6D28D9;box-shadow:0 12px 30px -10px rgba(0,0,0,.35)}
.cta-banner .quick-lead{background:rgba(255,255,255,.96)!important}
.cta-banner .quick-note{color:#FFE4EA}
.cta-banner .blob-purple{opacity:.25}
/* footer + link hub */
footer{background:#0F172A;color:#CBD5E1;border-top:0}
footer a,footer .foot-pos{color:#94A3B8}footer a:hover{color:#fff}footer h4{color:#fff}
footer .logo-lockup b{color:#fff}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1)}
.linkhub{background:#fff;border-top:1px solid var(--border)}.lh-grid h3{color:#8A97AB}.lh-grid a{color:#475569}.lh-grid a:hover{color:#6D28D9}
/* misc surfaces */
.cal-frame{background:#fff}
.faq-item summary{color:#0F172A}.faq-a{color:#475569}
.matrix .mx-head{background:#F1F5F9}.mx-plan{color:#334155;background:#F8FAFC}.mx-plan.addon{color:#B45309;background:#FEF3C7;border-color:#FCD34D}
a.mx-row:hover{background:#F6F2FE}
.mod-ic,.aud-ic{background:#F1EAFE;border:1px solid rgba(124,58,237,.25)}
.mod-card li{color:#334155}
.wa-tip{background:#0F172A;color:#fff}
.metric .m-pre{color:#8A97AB}.metric span:last-child{color:#475569}
.step b{background:#7C3AED}
.hiw-step.active .hiw-ic{border-color:#7C3AED;box-shadow:0 0 0 8px rgba(124,58,237,.14),0 0 30px rgba(124,58,237,.35)}
.hiw-ic{background:#fff}.hiw-line{background:rgba(15,20,39,.1)}.hiw-line i{background:linear-gradient(90deg,#7C3AED,#7C3AED)}

/* =====================  SEAMLESS FLOW (reference-site techniques)  ===================== */
/* 1. one continuous ambient backdrop instead of per-section blobs */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(700px 520px at 12% 18%,rgba(124,58,237,.09),transparent 65%),radial-gradient(640px 480px at 92% 34%,rgba(124,58,237,.07),transparent 65%),radial-gradient(700px 520px at 40% 96%,rgba(0,155,131,.07),transparent 65%)}
.blob{display:none}.hero .blob{display:block}
/* 2. bands become soft washes that fade at both ends (no hard edges) */
.surface{background:linear-gradient(180deg,rgba(237,242,248,0) 0%,rgba(226,236,247,.75) 16%,rgba(226,236,247,.75) 84%,rgba(237,242,248,0) 100%)}
.section-pad{padding:96px 0}
section{overflow:visible}
.hero,.cta-banner,.linkhub{overflow:hidden}
/* 3. hero product window overlaps into the next section */
.hero{padding-bottom:0;overflow:visible}
.hero-shot-holder{position:relative;z-index:3;margin-bottom:-110px}
.hero-shot-holder::before{content:"";position:absolute;left:8%;right:8%;top:30%;bottom:-8%;background:radial-gradient(60% 60% at 50% 40%,rgba(124,58,237,.30),rgba(124,58,237,.12) 60%,transparent 75%);filter:blur(50px);z-index:-1}
#thesis{padding-top:190px}
/* 4. stage panels: animated demos live on a rounded dotted canvas that blends into the page */
.story,.flow{position:relative;padding:34px;border-radius:32px;background:radial-gradient(rgba(15,20,39,.07) 1px,transparent 1.2px) 0 0/22px 22px,linear-gradient(160deg,rgba(255,255,255,.85),rgba(232,243,251,.7));border:1px solid rgba(124,58,237,.16);box-shadow:0 40px 90px -50px rgba(124,58,237,.45)}
.flow{max-width:1040px}
.story-stage{background:#fff!important}
.chapter-screen .screen{box-shadow:0 40px 80px -36px rgba(124,58,237,.45)}
/* 5. scroll-linked lift (set by JS via --p) */
[data-lift]{transform:translateY(calc((1 - var(--p,1)) * 46px)) scale(calc(.965 + var(--p,1) * .035));opacity:calc(.35 + var(--p,1) * .65);will-change:transform}
@media(max-width:820px){.story,.flow{padding:16px;border-radius:22px}.hero-shot-holder{margin-bottom:-60px}#thesis{padding-top:130px}}
@media(prefers-reduced-motion:reduce){[data-lift]{transform:none;opacity:1}}

/* =====================  PREMIUM HOME COMPONENTS  ===================== */
/* motion-only lift (no fading) */
[data-lift]{transform:translateY(calc((1 - var(--p,1)) * 46px)) scale(calc(.965 + var(--p,1) * .035));opacity:1}
/* home chapter nav */
.home-chapters{top:68px}
/* floating live feed over hero window */
.feed{position:absolute;right:-26px;top:70px;width:262px;z-index:5;pointer-events:none}
.toast{position:absolute;right:0;top:0;width:100%;display:flex;gap:11px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.96);border:1px solid var(--border);box-shadow:0 18px 40px -14px rgba(15,20,39,.28);opacity:0;transform:translateY(16px) scale(.96);animation:toastCycle 16s infinite}
.toast span{display:inline-flex;flex:none;width:34px;height:34px;border-radius:10px;align-items:center;justify-content:center;background:#F1EAFE;font-size:17px}
.toast b{display:block;font-size:13px;color:#0F172A}.toast small{display:block;font-size:12px;color:#64748B;margin-top:1px}
.toast.t2{animation-delay:4s}.toast.t3{animation-delay:8s}.toast.t4{animation-delay:12s}
@keyframes toastCycle{0%{opacity:0;transform:translateY(16px) scale(.96)}4%,22%{opacity:1;transform:none}27%,100%{opacity:0;transform:translateY(-14px) scale(.98)}}
@media(max-width:1180px){.feed{display:none}}
/* bento grid */
.bx{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-card)}.bx:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lift)}.bx::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(124,58,237,.10),transparent 60%)}.bx:hover::after{opacity:1}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.bx{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:26px;color:inherit;text-decoration:none;overflow:hidden;min-height:250px;transition:transform .3s,box-shadow .3s,border-color .3s}
.bx-2{grid-column:span 2}.bx-3{grid-column:span 3}
.bx:hover{transform:translateY(-4px)}
.bx-top{display:flex;align-items:center;gap:11px}.bx-top>span{display:inline-flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;font-size:19px;background:#F1EAFE;border:1px solid rgba(124,58,237,.22)}
.bx-top h3{font-size:19px}
.bx p{color:#475569;font-size:14.5px;line-height:1.5}
.bx-go{margin-top:auto;font-size:13.5px;font-weight:600;color:#6D28D9;opacity:.0;transform:translateX(-6px);transition:.25s}
.bx:hover .bx-go{opacity:1;transform:none}
.bx-new{font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#16A34A;color:#fff;margin-left:6px;vertical-align:middle}
.viz{margin-top:6px;border-radius:16px;background:linear-gradient(180deg,#F6F9FC,#F3F0FC);border:1px solid var(--border);padding:14px;min-height:96px;position:relative;overflow:hidden}
.vz-tag{display:inline-flex;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}
.vz-tag.hot{background:#FFE4EA;color:#BE123C}.vz-tag.warm{background:#FFEDD5;color:#C2410C}.vz-tag.cold{background:#E0F2FE;color:#0369A1}
/* calls */
.viz-calls{display:flex;align-items:center;gap:16px}
.viz-calls .wave{display:flex;align-items:center;gap:4px;height:44px}.viz-calls .wave i{display:block;width:5px;height:10px;border-radius:3px;background:linear-gradient(#7C3AED,#7C3AED);animation:wv 1.1s ease-in-out infinite}
.viz-calls .wave i:nth-child(2n){animation-delay:.15s}.viz-calls .wave i:nth-child(3n){animation-delay:.3s}.viz-calls .wave i:nth-child(4n){animation-delay:.45s}
.vz-brief{margin-left:auto;display:flex;flex-direction:column;gap:6px;align-items:flex-end;font-size:13px}
/* leads */
.viz-leads{display:flex;flex-direction:column;gap:7px;padding:10px}
.vl{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:10px;background:#fff;border:1px solid var(--border);font-size:13px;animation:vlIn 6s infinite both}
.vl b{flex:1}.vl i{font-style:normal;color:#64748B;font-size:12px}
.vl.r2{animation-delay:.4s}.vl.r3{animation-delay:.8s}
@keyframes vlIn{0%{opacity:0;transform:translateX(-20px)}8%,86%{opacity:1;transform:none}100%{opacity:0}}
/* sources */
.viz-src{display:flex;align-items:center;justify-content:center;gap:9px}
.viz-src i{width:14px;height:14px;border-radius:50%;background:#7C3AED;animation:srcPulse 1.8s infinite}
.viz-src i:nth-child(2){background:#7C3AED;animation-delay:.2s}.viz-src i:nth-child(3){background:#16A34A;animation-delay:.4s}.viz-src i:nth-child(4){background:#F59E0B;animation-delay:.6s}.viz-src i:nth-child(5){background:#EC4899;animation-delay:.8s}
.viz-src b{margin-left:6px;font-family:var(--font-head);font-size:26px;color:#0F172A}
@keyframes srcPulse{50%{transform:scale(1.5);opacity:.6}}
/* import */
.viz-import .bar{height:10px;border-radius:6px;background:#DCE6F1;overflow:hidden}.viz-import .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7C3AED,#16A34A);border-radius:6px;animation:fillBar 4.5s ease-in-out infinite}
.viz-import small{display:block;margin-top:10px;font-size:12.5px;color:#475569}.viz-import em{font-style:normal;color:#BE123C;font-weight:700}
@keyframes fillBar{0%{width:0}70%,100%{width:100%}}
/* follow-ups */
.viz-fu{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.viz-fu span{font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;opacity:.35;animation:fuPick 6s infinite}
.viz-fu .s1{background:#DCFCE7;color:#166534}.viz-fu .s2{background:#FFEDD5;color:#C2410C;animation-delay:2s}.viz-fu .s3{background:#FEE2E2;color:#B91C1C;animation-delay:4s}
@keyframes fuPick{0%,28%{opacity:1;transform:scale(1.06)}33%,100%{opacity:.35;transform:none}}
/* ads */
.viz-ads{display:flex;align-items:flex-end;gap:18px}
.bars{display:flex;align-items:flex-end;gap:7px;height:68px;flex:1}.bars i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#7C3AED,#A78BFA);animation:barGrow 3.4s ease-in-out infinite;transform-origin:bottom}
.bars i:nth-child(1){height:35%}.bars i:nth-child(2){height:55%;animation-delay:.1s}.bars i:nth-child(3){height:42%;animation-delay:.2s}.bars i:nth-child(4){height:78%;animation-delay:.3s}.bars i:nth-child(5){height:62%;animation-delay:.4s}.bars i:nth-child(6){height:92%;animation-delay:.5s}.bars i:nth-child(7){height:70%;animation-delay:.6s}
@keyframes barGrow{0%{transform:scaleY(.15)}35%,85%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
.kp{text-align:right}.kp b{display:block;font-family:var(--font-head);font-size:28px;color:#16A34A}.kp small{color:#64748B;font-size:12px}
/* social */
.viz-soc{display:flex;flex-direction:column;gap:8px}
.viz-soc .m1{align-self:flex-start;max-width:80%;padding:8px 12px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid var(--border);font-size:13px}
.viz-soc .m2{align-self:flex-end;max-width:88%;padding:8px 12px;border-radius:14px 14px 4px 14px;background:#F1EAFE;border:1px solid rgba(124,58,237,.3);font-size:13px;animation:rise .6s 1.2s both infinite alternate}
.viz-soc .m2 small{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6D28D9;margin-bottom:2px}.viz-soc u{display:inline-block;margin-top:6px;text-decoration:none;font-weight:700;font-size:11.5px;color:#fff;background:#16A34A;padding:3px 10px;border-radius:999px;margin-left:6px}
/* reassign */
.viz-re{display:flex;align-items:center;gap:8px;justify-content:center;min-height:70px}.viz-re>span{font-size:12.5px;font-weight:700;padding:8px 12px;border-radius:10px;background:#fff;border:1px solid var(--border)}
.viz-re>i{position:relative;flex:1;height:2px;background:repeating-linear-gradient(90deg,#7C3AED 0 6px,transparent 6px 12px)}.viz-re>i b{position:absolute;top:-6px;left:0;width:14px;height:14px;border-radius:50%;background:#7C3AED;animation:moveDot 2.4s ease-in-out infinite}
@keyframes moveDot{0%{left:0}100%{left:calc(100% - 14px)}}
/* dead leads */
.viz-dead{display:flex;flex-direction:column;gap:9px;align-items:flex-start}.viz-dead small{font-size:12.5px;color:#475569}.viz-dead u{text-decoration:none;font-size:12px;font-weight:700;color:#166534;background:#DCFCE7;border:1px solid #86EFAC;padding:5px 12px;border-radius:9px;animation:ctaGlow 2.2s infinite}
/* employees */
.viz-emp{display:flex;align-items:center}.viz-emp i{width:38px;height:38px;border-radius:50%;margin-left:-8px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:700;color:#fff;border:2px solid #fff;background:#7C3AED;animation:float 3s ease-in-out infinite}
.viz-emp i:nth-child(2){background:#7C3AED;animation-delay:.3s}.viz-emp i:nth-child(3){background:#16A34A;animation-delay:.6s}.viz-emp i:nth-child(4){background:#F59E0B;animation-delay:.9s}.viz-emp i:first-child{margin-left:0}.viz-emp em{margin-left:14px;font-style:normal;font-size:13px;color:#475569;font-weight:600}
@keyframes float{50%{transform:translateY(-5px)}}
/* ask */
.viz-ask{display:flex;flex-direction:column;gap:8px}.viz-ask .q{align-self:flex-end;padding:8px 13px;border-radius:14px 14px 4px 14px;background:#7C3AED;color:#fff;font-size:13px}.viz-ask .a{align-self:flex-start;padding:8px 13px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid var(--border);font-size:13px;animation:rise .6s 1.4s both infinite alternate}
/* integrations orbit */
.viz-int{height:130px;display:flex;align-items:center;justify-content:center}.viz-int .core{position:relative;z-index:2;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7C3AED,#7C3AED);color:#fff;font-weight:800;font-family:var(--font-head);box-shadow:0 8px 20px rgba(124,58,237,.4)}
.viz-int i{position:absolute;left:50%;top:50%;font-style:normal;font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:#fff;border:1px solid var(--border);box-shadow:0 4px 12px rgba(15,20,39,.08);transform:rotate(var(--a)) translateX(92px) rotate(calc(var(--a) * -1));animation:orbit 18s linear infinite;white-space:nowrap}
@keyframes orbit{to{transform:rotate(calc(var(--a) + 360deg)) translateX(92px) rotate(calc((var(--a) + 360deg) * -1))}}
/* roi */
.roi{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;max-width:1040px;margin:0 auto;padding:34px;border-radius:32px;background:radial-gradient(rgba(15,20,39,.06) 1px,transparent 1.2px) 0 0/22px 22px,linear-gradient(160deg,#fff,#EAF3FA);border:1px solid rgba(124,58,237,.18);box-shadow:0 40px 90px -50px rgba(124,58,237,.45)}
.roi-in label{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin-bottom:22px;font-weight:600;font-size:15px}.roi-in label b{font-family:var(--font-head);font-size:22px;color:#7C3AED}.roi-in input{grid-column:1/-1;width:100%;accent-color:#7C3AED;height:6px}
.roi-note{font-size:12.5px;color:#64748B;line-height:1.5}
.roi-out{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch;align-content:center}
.roi-card{padding:20px 14px;border-radius:20px;background:#fff;border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-card)}.roi-card small{display:block;color:#64748B;font-size:12.5px}.roi-card b{display:block;font-family:var(--font-head);font-size:clamp(30px,4vw,46px);line-height:1.1;margin:6px 0;color:#0F172A}.roi-card span{font-size:12.5px;color:#64748B}
.roi-card.hl{background:linear-gradient(160deg,#7C3AED,#6D28D9);border:0}.roi-card.hl small,.roi-card.hl span{color:rgba(255,255,255,.85)}.roi-card.hl b{color:#fff}
.roi-arrow{align-self:center;font-size:24px;color:#7C3AED}
.roi-save{grid-column:1/-1;text-align:center;font-size:16px;color:#334155;margin-top:6px}.roi-save b{font-family:var(--font-head);font-size:28px;color:#16A34A}.roi-save em{font-style:normal;color:#64748B}
.roi-out .btn{grid-column:1/-1;justify-self:center;margin-top:6px}
@media(max-width:980px){.bento{grid-template-columns:repeat(2,1fr)}.bx-2,.bx-3{grid-column:span 1}.roi{grid-template-columns:1fr;padding:20px}}
@media(max-width:620px){.bento{grid-template-columns:1fr}.roi-out{grid-template-columns:1fr}.roi-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.toast,.vl,.viz *{animation:none!important}.toast.t1{opacity:1;transform:none}.vl{opacity:1}}

/* ===== icon system ===== */
.ico{width:1.15em;height:1.15em;vertical-align:-.2em;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic .ico,.mod-ic .ico,.aud-ic .ico,.hiw-ic .ico,.bx-top>span .ico,.role-card>span .ico,.trust-card>span .ico,.pillar .ic .ico,.card .ic .ico,.feature-card .ic .ico{color:#7C3AED}
.ic,.mod-ic,.aud-ic,.bx-top>span,.role-card>span,.trust-card>span,.feature-card .ic{display:inline-flex;align-items:center;justify-content:center}
.pillar .ic,.feature-card .ic{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#F1EAFE,#F3EEFF);border:1px solid rgba(124,58,237,.18);font-size:24px}
.role-card>span,.trust-card>span{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#F1EAFE,#F3EEFF);border:1px solid rgba(124,58,237,.18);font-size:24px}
.hiw-ic .ico{width:26px;height:26px}
.chip .ico,.vz-tag .ico,.aw-tag .ico,.aw-chips .ico,.pill .ico{width:1em;height:1em;vertical-align:-.15em}
.check-list li .ico{color:#16A34A}
.btn .ico{width:1.1em;height:1.1em}
.mx-name i .ico{color:#7C3AED;width:20px;height:20px}
.ico.big{width:34px;height:34px}

/* ===== reference-grade type + hero art ===== */
h2 .grad,.statement .grad,.cta-banner .grad{background:none;-webkit-text-fill-color:#7B8BA3;color:#7B8BA3;animation:none}
.cta-banner h2 .grad{-webkit-text-fill-color:rgba(255,255,255,.7);color:rgba(255,255,255,.7)}
.statement h2{font-weight:800;letter-spacing:-.038em;line-height:1.05;font-size:clamp(32px,5vw,62px)}
.hero-sub{font-size:clamp(17px,1.5vw,21px);color:#475569;max-width:640px}
.hero-art{position:absolute;inset:0 0 auto 0;height:760px;z-index:0;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
.hero-art svg{position:absolute;right:-8%;top:-60px;width:78%;height:100%;opacity:.9}
.rb{animation:ribbon 14s ease-in-out infinite alternate;transform-origin:center}
.rb.r2{animation-duration:18s;animation-delay:-4s}.rb.r3{animation-duration:11s;animation-delay:-2s}
@keyframes ribbon{from{transform:translate(0,0) rotate(0deg)}to{transform:translate(-26px,20px) rotate(2.4deg)}}
.hero-inner{position:relative;z-index:2}
.hero h1.hero-title,.hero .hero-sub{text-shadow:0 0 30px rgba(246,247,249,.9)}
@media(max-width:820px){.hero-art{height:520px;opacity:.7}.hero-art svg{width:150%;right:-50%}}
/* real-CRM window chrome */
.aw-brandbox{display:flex;align-items:center;gap:9px;padding:6px 10px 12px}.aw-brandbox b{display:block;font-size:13.5px;color:#0F172A}.aw-brandbox small{display:block;font-size:11px;color:#64748B}
.aw-sec{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#94A3B8;padding:6px 10px}
.aw-top{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:#64748B}.aw-crumb b{color:#7C3AED;letter-spacing:.04em}.aw-date{padding:5px 12px;border-radius:999px;background:#fff;border:1px solid #E2E8F0}
.aw-title{font-family:var(--font-head);font-size:clamp(20px,2.2vw,28px);font-weight:700;letter-spacing:-.03em;color:#0F172A;padding:2px 0 2px}.aw-title span{background:linear-gradient(110deg,#7C3AED,#7C3AED,#EC4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.aw-nav{display:flex;align-items:center;gap:8px}.aw-nav .ico{width:16px;height:16px;color:#64748B}.aw-nav.on .ico{color:#fff}
/* logo strip as grayscale wordmarks */
.marquee .ts-item.wm{font-family:var(--font-head);font-weight:700;font-size:19px;letter-spacing:-.02em;color:#8A97AB;transition:color .2s}
.marquee .ts-item.wm:hover{color:#0F172A}
.marquee-row{gap:44px;padding-right:44px}

/* ===== real-screen frames, tour, pinned story, art ===== */
.shot{margin:0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--border);box-shadow:0 40px 90px -36px rgba(124,58,237,.42),0 6px 20px rgba(15,20,39,.06)}
.shot-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#EEF2F7;border-bottom:1px solid var(--border)}
.shot-bar .dot{width:10px;height:10px;border-radius:50%}.shot-bar .dot.red{background:#FF5F57}.shot-bar .dot.yellow{background:#FEBC2E}.shot-bar .dot.green{background:#28C840}
.shot-bar .url{flex:1;margin-left:10px;padding:4px 12px;border-radius:8px;background:#fff;border:1px solid var(--border);font-size:12px;color:#64748B;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shot-note{font-size:11px;color:#8A97AB;white-space:nowrap}
.shot img{display:block;width:100%;height:auto}
.shot figcaption{padding:12px 16px;font-size:13px;color:#64748B;border-top:1px solid var(--border);background:#F8FAFC}
.chapter-screen .shot{zoom:1}
/* tour */
.tour-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:26px}
.tour-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#fff;border:1px solid var(--border);font:inherit;font-weight:600;font-size:14.5px;color:#475569;cursor:pointer;transition:.25s;box-shadow:var(--shadow-card)}
.tour-tab:hover{border-color:#7C3AED;color:#6D28D9}
.tour-tab.active{background:linear-gradient(135deg,#7C3AED,#6D28D9);color:#fff;border-color:transparent;box-shadow:0 12px 28px -10px rgba(124,58,237,.6)}
.tour-tab .ico{width:1.05em;height:1.05em}
.tour-stage{position:relative}
.tour-pane{display:none;animation:tourIn .5s both}.tour-pane.active{display:block}
@keyframes tourIn{from{opacity:0;transform:translateY(14px) scale(.985)}}
.tour-cap{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:18px;padding:0 6px}.tour-cap p{color:#475569;font-size:16px;max-width:760px}
/* pinned scroll story */
.scrolly{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:56px;align-items:start}
.sc-step{min-height:68vh;display:flex;flex-direction:column;justify-content:center;opacity:.32;transition:opacity .5s,transform .5s;transform:translateX(-6px)}
.sc-step.on{opacity:1;transform:none}
.sc-n{font-family:var(--font-head);font-weight:700;font-size:15px;letter-spacing:.1em;color:#7C3AED;margin-bottom:12px}
.sc-step h3{font-size:clamp(26px,2.9vw,38px);letter-spacing:-.035em;line-height:1.08;margin-bottom:14px}
.sc-step p{color:#475569;font-size:17px;line-height:1.6;max-width:480px}
.sc-step ul{list-style:none;margin-top:16px;display:grid;gap:8px}.sc-step li{position:relative;padding-left:26px;font-size:15px;color:#334155}.sc-step li::before{content:"";position:absolute;left:0;top:.5em;width:14px;height:8px;border-left:2.5px solid #16A34A;border-bottom:2.5px solid #16A34A;transform:rotate(-45deg) scale(.8)}
.sc-stage{position:sticky;top:140px}
.sc-frame{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--border);box-shadow:0 50px 100px -40px rgba(124,58,237,.5),0 8px 24px rgba(15,20,39,.08)}
.sc-canvas{position:relative;aspect-ratio:1440/703;overflow:hidden;background:#F8FAFC}
.sc-canvas img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1);transform-origin:var(--ox,50%) var(--oy,50%);transition:opacity .6s,transform 1.4s cubic-bezier(.2,.7,.2,1)}
.sc-canvas img.on{opacity:1;transform:scale(var(--z,1.4))}
.sc-dots{display:flex;gap:7px;justify-content:center;padding:12px;background:#F8FAFC;border-top:1px solid var(--border)}.sc-dots i{width:8px;height:8px;border-radius:50%;background:#CBD5E1;transition:.3s}.sc-dots i.on{width:26px;border-radius:5px;background:#7C3AED}
@media(max-width:900px){.scrolly{grid-template-columns:1fr;gap:0}.sc-stage{order:-1;top:122px;z-index:5;margin:0 -8px 8px;padding:8px 0 4px;background:linear-gradient(180deg,#F8FAFC 85%,transparent)}.sc-step{min-height:46vh}.sc-step h3{font-size:24px}}
/* original illustration */
.art-wrap{max-width:1100px;margin:46px auto 0}
.art-flow{width:100%;height:auto;overflow:visible}
.art-flow .af-card{fill:#fff;stroke:url(#afg)}
.art-flow .af-wave path{stroke-dasharray:240;stroke-dashoffset:240}
.art-flow .af-line{stroke-dasharray:6 9;animation:dash 1.6s linear infinite}
.art-wrap.in .af-wave path,.art-wrap.visible .af-wave path{animation:drawLine 1.8s .1s ease forwards}
@keyframes drawLine{to{stroke-dashoffset:0}}
.art-flow .af-core{animation:corePulse2 2.6s ease-in-out infinite;transform-origin:85px 85px}
@keyframes corePulse2{50%{transform:scale(1.25)}}
.proofline{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:34px;font-size:15px;color:#475569;text-align:center}
.proofline b{color:#0F172A}.pl-dot{width:9px;height:9px;border-radius:50%;background:#10B981;box-shadow:0 0 0 0 rgba(16,185,129,.5);animation:ping2 2s infinite}
@keyframes ping2{70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
.cta-art{position:absolute;inset:0;width:100%;height:100%;opacity:.55;pointer-events:none;animation:ctaDrift 26s ease-in-out infinite alternate}
@keyframes ctaDrift{from{transform:scale(1) translateX(0)}to{transform:scale(1.06) translateX(-14px)}}
.cta-banner .container{position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){.art-flow .af-line,.art-flow .af-core,.cta-art,.pl-dot{animation:none}.art-flow .af-wave path{stroke-dashoffset:0}}

/* ===== contrast fixes for leftover dark-theme text colours ===== */
.answer-box p,.ai-summary,.t-quote,.message.ai,.conf,.cmp td{color:#334155}
.answer-box h2{color:#6D28D9}
.fp-purple{color:#6D28D9;background:#EDE9FE}.fp-yellow{color:#92400E;background:#FEF3C7}
.status.off{color:#B91C1C;background:#FEE2E2}
.bubble.us{color:#1E40AF;background:#DBEAFE}
.message.ai .quote{color:#166534;background:#DCFCE7}
.score-badge.hot{color:#BE123C;background:#FFE4EA}.score-badge.warm{color:#C2410C;background:#FFEDD5}.score-badge.cold{color:#475569;background:#E2E8F0}
.af-error{color:#B91C1C;background:#FEE2E2;border-radius:8px;padding:8px 12px}.quick-note{color:#B91C1C}
.cmp th{color:#0F172A;background:#F1F5F9}.cmp th.us{color:#0F172A;background:#EDE5FD}.cmp td.us{color:#0F172A;background:#F6F2FE;font-weight:600}
.cmp tbody tr:hover td{background:#F8FAFC}.cmp .rowlbl{color:#0F172A}
.cta-banner .quick-note{color:#FFE4EA}

/* ===== contrast pass 2 ===== */
:root{--text-subtle:#64748B}
footer a,.foot-col a,.foot-brand a,.foot-pos,.foot-bottom span,.foot-legal a{color:#B4C0D1!important}
footer a:hover{color:#fff!important}
footer h4,.foot-col h4{color:#fff!important}
.lh-grid h3,.metric .m-pre,.shot-note,.aw-sample,.aw-sec,.plan-note,.ts-label,.marquee .ts-label,.marquee .ts-item.wm,.crm-tx-tag,.lbl,small{color:#64748B}
.marquee .ts-item.wm:hover{color:#0F172A}
.viz-emp i:nth-child(4){background:#D97706}
.mx-head,.mx-head span{color:#64748B}

/* =====================  WIDGET COMPOSITIONS (Attio-style)  ===================== */
/* hero: main window with floating widgets layered around it */
.hero-shot-holder{max-width:1260px;margin-left:auto;margin-right:auto}
.hero-compose{position:relative;width:100%;padding:0 0 10px}
.hero-compose .appwin{width:68%;max-width:none;margin:34px auto 0;position:relative;z-index:2}
.hw{position:absolute;z-index:3;border-radius:18px;background:rgba(255,255,255,.98);border:1px solid rgba(15,20,39,.08);box-shadow:0 34px 70px -26px rgba(15,20,39,.38),0 6px 18px rgba(15,20,39,.06);overflow:hidden;animation:floaty 8s ease-in-out infinite;text-align:left}
.hw-bar{display:flex;gap:6px;padding:10px 12px}.hw-bar i{width:9px;height:9px;border-radius:50%;background:#FF5F57}.hw-bar i:nth-child(2){background:#FEBC2E}.hw-bar i:nth-child(3){background:#28C840}.hw-bar.dark{background:#0B1020}
.hw-body{padding:2px 16px 16px}.hw-ch{display:block;font-size:13.5px;margin-bottom:10px;color:#0F172A}
.hw-chat{left:0;top:30px;width:25%;animation-delay:-1s}
.hw-msg{display:flex;gap:9px;margin-bottom:10px}.hw-msg .av{flex:none;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;background:#7C3AED}.hw-msg .av.a2{background:linear-gradient(135deg,#7C3AED,#7C3AED)}
.hw-msg b{font-size:12.5px;color:#0F172A}.hw-msg b em{font-style:normal;font-weight:400;color:#64748B;margin-left:4px}.hw-msg p{font-size:12.5px;line-height:1.4;color:#334155;margin:1px 0 0}.hw-msg u{text-decoration:none;color:#6D28D9;background:#F1EAFE;border-radius:4px;padding:0 3px}
.hw-msg.late{animation:rise .6s 2s both infinite alternate}
.hw-dark{left:-1%;bottom:8%;width:27%;background:#0B1020;border:1px solid #1E2740;animation-delay:-3.5s}
.hw-term{padding:8px 16px 16px;font-family:var(--font-mono);font-size:11.5px;line-height:1.55;color:#C7D2E5}
.hw-term p{margin:0 0 8px}.hw-term .t1{padding:8px 10px;border-radius:8px;background:#141C33;color:#E5ECF9}.hw-term .t2{color:#7DD3FC;animation:rise .5s 1s both infinite alternate}.hw-term .t3{color:#86EFAC;animation:rise .5s 2.2s both infinite alternate}.hw-term .t3 b{color:#FCA5A5}.hw-term .t4{display:block;margin-top:14px;color:#FDBA74;font-size:10.5px}
.hw-call{right:0;top:44px;width:26%;animation-delay:-5s}
.hw-player{display:flex;align-items:center;gap:10px;padding:14px;border-radius:12px;background:linear-gradient(135deg,#F1EAFE,#F3EEFF);margin-bottom:10px}.hw-player .wave{display:flex;align-items:center;gap:3px;height:34px;flex:1}.hw-player .wave i{display:block;width:4px;height:8px;border-radius:3px;background:linear-gradient(#7C3AED,#7C3AED);animation:wv 1.1s ease-in-out infinite}.hw-player .wave i:nth-child(2n){animation-delay:.15s}.hw-player .wave i:nth-child(3n){animation-delay:.3s}.hw-player em{font-style:normal;font-size:11.5px;color:#475569}
.hw-tabs{display:flex;gap:12px;font-size:11.5px;color:#64748B;border-bottom:1px solid var(--border);margin-bottom:8px}.hw-tabs span{padding:3px 0}.hw-tabs .on{color:#0F172A;font-weight:600;box-shadow:inset 0 -2px 0 #7C3AED}
.hw-tx{font-size:12px;line-height:1.4;color:#334155;margin:0 0 7px}.hw-tx b{display:block;font-size:12px;color:#0F172A}.hw-tx b em{font-style:normal;font-weight:400;color:#64748B;float:right}
.hw-kpi{right:1%;bottom:10%;width:17%;padding:14px 16px;animation-delay:-2s}.hw-kpi small{display:block;font-size:11.5px;color:#64748B}.hw-kpi b{display:block;font-family:var(--font-head);font-size:30px;color:#16A34A;line-height:1.1;margin:2px 0}.hw-kpi span{font-size:11.5px;color:#475569}
@keyframes floaty{50%{transform:translateY(-9px)}}
@media(max-width:1100px){.hw{display:none}.hero-compose .appwin{width:100%}}
/* tour: frameless main screen + real crops floating over it */
.compose{position:relative;padding:8px 3% 42px}
.compose-base{display:block;width:100%;height:auto;border-radius:22px;border:1px solid var(--border);box-shadow:0 50px 100px -44px rgba(124,58,237,.5),0 8px 24px rgba(15,20,39,.07)}
.compose .wg{position:absolute;border-radius:16px;border:1px solid rgba(255,255,255,.95);box-shadow:0 34px 70px -24px rgba(15,20,39,.42),0 6px 16px rgba(15,20,39,.08);background-color:#fff;background-repeat:no-repeat;animation:floaty 7.5s ease-in-out infinite}
.compose .wg.wa{left:0;top:-2%;width:40%}
.compose .wg.wb{right:0;bottom:2%;width:40%;animation-delay:-3.6s}
.wg-draft,.wg-msg{padding:14px 16px;background:#fff!important}
.wg-draft small,.wg-msg small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#6D28D9;margin-bottom:5px}.wg-draft p,.wg-msg p{font-size:14px;line-height:1.45;color:#0F172A}
.wg-draft{width:34%!important;aspect-ratio:auto!important}.wg-msg{width:30%!important;aspect-ratio:auto!important;top:58%!important;bottom:auto!important}
.wgd-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;color:#64748B}.wgd-row b{color:#fff;background:#16A34A;padding:5px 12px;border-radius:999px;font-weight:600}
@media(max-width:820px){.compose{padding:0 0 10px}.compose .wg{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;margin-top:14px;animation:none}.wg-draft,.wg-msg{width:100%!important}}
@media(prefers-reduced-motion:reduce){.hw,.compose .wg{animation:none}.hw-msg.late,.hw-term p{animation:none}}
.screen small,.screen .lbl,.screen .crm-tx-tag{color:#64748B!important}

/* =====================  HOME REWRITE: rhythm, dark band, new sections  ===================== */
.section-pad{padding:124px 0}
.sec-head{margin-bottom:60px}
h2.sec-title{margin-left:auto;margin-right:auto}
.sec-head.left h2.sec-title{margin-left:0}
.hero-pill-new{display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:13.5px;font-weight:500;color:#334155;box-shadow:var(--shadow-card)}
/* dark band: the page's one contrast moment */
.band{position:relative;background:radial-gradient(900px 500px at 15% 0%,rgba(124,58,237,.35),transparent 60%),radial-gradient(800px 480px at 95% 100%,rgba(124,58,237,.30),transparent 60%),#0A0A12;color:#fff;padding:124px 0;overflow:hidden}
.band::before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px) 0 0/26px 26px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);pointer-events:none}
.band .container{position:relative}
.band h2.sec-title{color:#fff}.band h2 .grad{color:#8FA3C0;-webkit-text-fill-color:#8FA3C0}.band .sec-sub{color:#B4C0D1}
.band .roi{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 40px 90px -40px rgba(0,0,0,.6);backdrop-filter:blur(10px)}
.band .roi-in label{color:#E5ECF9}.band .roi-in label b{color:#7DD3FC}.band .roi-note{color:#94A7C2}
.band .roi-card{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none}.band .roi-card small,.band .roi-card span{color:#B4C0D1}.band .roi-card b{color:#fff}
.band .roi-card.hl{background:linear-gradient(160deg,#7C3AED,#7C3AED)!important;border:0!important}
.band .roi-save{color:#D5DEEC}.band .roi-save b{color:#6EE7B7}.band .roi-save em{color:#94A7C2}.band .roi-arrow{color:#7DD3FC}
.band .btn-yellow{background:#fff;color:#0A0A12;box-shadow:0 14px 34px -12px rgba(0,0,0,.6)}
.band-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1040px;margin:64px auto 0;padding-top:40px;border-top:1px solid rgba(255,255,255,.14);text-align:center}
.band-stats b{display:block;font-family:var(--font-head);font-size:clamp(30px,3.6vw,46px);letter-spacing:-.03em;color:#fff}.band-stats span{font-size:14px;color:#94A7C2}
@media(max-width:820px){.band{padding:84px 0}.band-stats{grid-template-columns:1fr 1fr}.section-pad{padding:84px 0}}
/* roles: quieter list cards */
.roles2{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--border);border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--shadow-card)}
.r2{display:grid;grid-template-columns:44px 1fr 24px;gap:18px;align-items:center;padding:30px 34px;border-bottom:1px solid var(--border);color:inherit;text-decoration:none;transition:background .25s}
.r2:nth-child(odd){border-right:1px solid var(--border)}.r2:nth-last-child(-n+2){border-bottom:0}
.r2:hover{background:#F3F9FD}.r2 .ico{width:30px;height:30px;color:#7C3AED;stroke-width:1.5}
.r2 h3{font-size:20px;letter-spacing:-.02em}.r2 p{color:#475569;font-size:15px;margin-top:3px}.r2 i{font-style:normal;color:#94A3B8;font-size:20px;transition:.25s}.r2:hover i{color:#7C3AED;transform:translateX(4px)}
@media(max-width:820px){.roles2{grid-template-columns:1fr}.r2:nth-child(odd){border-right:0}.r2:nth-last-child(2){border-bottom:1px solid var(--border)}.r2{padding:22px 20px}}
/* trust strip */
.trust-strip2{padding:0 0 124px}
.ts2{padding:44px 48px;border-radius:28px;background:linear-gradient(135deg,#fff,#EAF3FA);border:1px solid rgba(124,58,237,.18);box-shadow:var(--shadow-card)}
.ts2 h2{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.04em;font-weight:700;margin-bottom:30px}.ts2 h2 .grad{background:none;-webkit-text-fill-color:#7B8BA3;color:#7B8BA3}
.ts2 ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:26px}
.ts2 li{display:flex;flex-direction:column;gap:6px}.ts2 li .ico{width:28px;height:28px;color:#7C3AED;stroke-width:1.5;margin-bottom:6px}.ts2 li b{font-size:16px}.ts2 li span{font-size:14.5px;color:#475569;line-height:1.5}
@media(max-width:980px){.ts2 ul{grid-template-columns:1fr 1fr}.ts2{padding:30px 24px}}@media(max-width:560px){.ts2 ul{grid-template-columns:1fr}}
/* pricing */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.plan2{position:relative;display:flex;flex-direction:column;padding:34px;border-radius:28px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-card)}
.plan2.feat{border:0;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,#7C3AED,#7C3AED,#EC4899) border-box;border:2px solid transparent;box-shadow:0 40px 80px -36px rgba(124,58,237,.55)}
.pl-tag{position:absolute;top:-13px;left:34px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,#7C3AED,#7C3AED);color:#fff}
.plan2 h3{font-size:24px;letter-spacing:-.03em}.pl-sub{color:#475569;font-size:15px;margin:6px 0 18px;min-height:44px}.pl-price{font-family:var(--font-head);font-size:34px;font-weight:700;letter-spacing:-.04em;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.plan2 ul{list-style:none;display:grid;gap:11px;margin-bottom:28px;flex:1}.plan2 li{position:relative;padding-left:26px;font-size:15px;color:#334155}.plan2 li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2.5px solid #16A34A;border-bottom:2.5px solid #16A34A;transform:rotate(-45deg)}
.plan2 .btn{width:100%}
.addons{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.addons a{display:grid;grid-template-columns:40px 1fr auto;gap:16px;align-items:center;padding:22px 26px;border-radius:22px;background:#fff;border:1px dashed rgba(124,58,237,.4);color:inherit;text-decoration:none;transition:.25s}
.addons a:hover{border-style:solid;box-shadow:var(--shadow-lift)}.addons .ico{width:28px;height:28px;color:#7C3AED}.addons b{display:block;font-size:17px}.addons span{font-size:14px;color:#475569}.addons em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#B45309;background:#FEF3C7;padding:4px 10px;border-radius:999px}
.plan-foot{text-align:center;font-size:13.5px;color:#64748B;margin-top:22px}
@media(max-width:980px){.plans{grid-template-columns:1fr}.addons{grid-template-columns:1fr}.pl-sub{min-height:0}}
/* faq two-column */
.faq2{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.faq2 .sec-head{position:sticky;top:140px;margin-bottom:0}
@media(max-width:900px){.faq2{grid-template-columns:1fr;gap:30px}.faq2 .sec-head{position:static}}

/* =====================  FINAL: type, vibrant colour, smooth + sharp motion  ===================== */
:root{--ease:cubic-bezier(.22,1,.36,1);--ease-io:cubic-bezier(.65,0,.35,1)}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{font-family:var(--font-body)}
h1,h2,h3,h4,.logo-lockup b,.metric b,.pl-price,.band-stats b{font-family:var(--font-head)}
.btn,.nav-links a,.badge{font-family:var(--font-body)}
.hw-term,.t1,.t2,.t3,.t4,.hw-term *{font-family:var(--font-mono)}
/* landing palette on the light base */
body{background:radial-gradient(1000px 600px at 6% -8%,rgba(124,58,237,.13),transparent 60%),radial-gradient(900px 560px at 98% 0%,rgba(251,146,60,.12),transparent 60%),radial-gradient(800px 500px at 55% 45%,rgba(34,211,238,.08),transparent 60%),#F7F6FD}
body::before{background:radial-gradient(700px 520px at 12% 18%,rgba(124,58,237,.10),transparent 65%),radial-gradient(640px 480px at 92% 34%,rgba(34,211,238,.09),transparent 65%),radial-gradient(700px 520px at 40% 96%,rgba(251,146,60,.08),transparent 65%)}
.grad,h2 .grad,.statement .grad,.ts2 h2 .grad{background:linear-gradient(135deg,#38BDF8,#A855F7 52%,#FB923C);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:none!important;background-size:100% auto}
.band h2 .grad,.cta-banner h2 .grad{background:linear-gradient(135deg,#38BDF8,#A855F7 52%,#FB923C);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.cta-banner{background:linear-gradient(135deg,#1E1B4B 0%,#0F0B2A 50%,#050508 100%)}
.btn-yellow,.quick-lead .btn-yellow{background:linear-gradient(135deg,#FBBF24,#F97316);color:#0A0A0F;font-weight:700;box-shadow:0 8px 30px rgba(251,191,36,.28),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-yellow:hover{box-shadow:0 12px 40px rgba(251,191,36,.4)}
.cta-banner .btn-yellow,.band .btn-yellow{background:linear-gradient(135deg,#FBBF24,#F97316);color:#0A0A0F;box-shadow:0 12px 36px -10px rgba(251,146,60,.55)}
.band{background:radial-gradient(900px 520px at 12% 0%,rgba(124,58,237,.45),transparent 60%),radial-gradient(800px 500px at 96% 100%,rgba(34,211,238,.22),transparent 60%),#0A0A12}
.band .roi-card.hl{background:linear-gradient(160deg,#7C3AED,#A855F7)!important}
.band .roi-in label b{color:#22D3EE}.band .roi-save b{color:#4ADE80}
.pl-tag{background:linear-gradient(135deg,#7C3AED,#A855F7)}
.plan2.feat{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,#7C3AED,#22D3EE,#FB923C) border-box}
.nav-links a.active{box-shadow:inset 0 -2px 0 #7C3AED}
.logo-lockup i{color:#EA6A0A}
.badge{background:rgba(124,58,237,.10);border:1px solid rgba(124,58,237,.35);color:#6D28D9}
.hero-art svg{opacity:1}
.btn-ghost:hover{border-color:#7C3AED;background:rgba(124,58,237,.08)}
/* smooth, compositor-only motion */
.reveal{opacity:0;transform:translate3d(0,30px,0);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0) * 70ms);will-change:opacity,transform}
.reveal.visible,.reveal.in{opacity:1;transform:none;will-change:auto}
.reveal-l{transform:translate3d(-34px,0,0)}.reveal-r{transform:translate3d(34px,0,0)}.reveal-scale{transform:translate3d(0,24px,0) scale(.97)}
.reveal.visible.reveal-l,.reveal.visible.reveal-r,.reveal.visible.reveal-scale{transform:none}
.card,.pillar,.bx,.mod-card,.role-card,.r2,.plan2,.tour-tab,.btn{transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s,background .3s,color .3s}
.bx:hover,.mod-card:hover,.card:hover{transform:translate3d(0,-5px,0)}
.btn:hover{transform:translate3d(0,-2px,0)}
.btn:active{transform:translate3d(0,0,0) scale(.98)}
[data-lift]{transform:translate3d(0,calc((1 - var(--p,1)) * 54px),0) scale(calc(.97 + var(--p,1) * .03));opacity:1;will-change:transform;transition:none}
.hw,.compose .wg{will-change:transform;backface-visibility:hidden;animation-timing-function:var(--ease-io)}
@keyframes floaty{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
.marquee-row{will-change:transform}
.rb{animation:none}
.hero-art svg{animation:ribbonDrift 18s var(--ease-io) infinite alternate;will-change:transform}
@keyframes ribbonDrift{from{transform:translate3d(0,0,0) rotate(0deg)}to{transform:translate3d(-26px,18px,0) rotate(2deg)}}
.sc-canvas img{will-change:transform,opacity;backface-visibility:hidden;transition:opacity .8s var(--ease),transform 1.6s var(--ease)}
.story-pane,.aw-scene,.tour-pane{will-change:opacity,transform}
.aw-scene{transition:opacity .6s var(--ease),transform .6s var(--ease)}
.compose-base,.sc-canvas img,.shot img{image-rendering:-webkit-optimize-contrast;transform:translateZ(0)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* legacy mock windows on light theme */
.sm-phone,.sm-card{background:#fff!important;border:1px solid var(--border)!important;color:#0A0F24;box-shadow:0 30px 70px -30px rgba(31,107,255,.35)}
.sm-foot{background:#F1F5FF!important;color:#475569}
.crm-conf{background:#0F172A!important;color:#fff!important}
.cal-frame{background:#fff!important}.cal-bar{background:#E9EDF4!important}
.login-card{background:#fff!important;color:#0A0F24}.login-card p,.login-card .login-foot{color:#475569}
.browser-chrome{background:#E9EDF4!important}.shot-wrap{background:#EEF2FF!important}.screenshot-container{background:#EEF2FF!important}
.chat-input{background:#F1F5FF!important;border-top:1px solid var(--border)}.chat-input input{color:#0A0F24}.chat-input input::placeholder{color:#64748B}
.ind-status{color:#16A34A!important}
.bx-new,.viz-soc u,.wgd-row b{background:#00946E!important}
.logo-lockup i{color:#E5531A}
.lang-pill{color:#6D28D9;background:rgba(124,58,237,.10);border-color:rgba(124,58,237,.3)}
.q-chip{color:#0A0F24}

/* =====================  NEOMORPHISM (exact CRM tokens)  ===================== */
:root{--neo-raise:10px 10px 24px rgba(15,23,42,.05),-8px -8px 20px #fff,inset 1px 1px 0 rgba(255,255,255,.9);--neo-press:inset 4px 4px 8px rgba(15,23,42,.09),inset -4px -4px 8px #fff;--neo-btn:4px 4px 10px rgba(15,23,42,.05),-3px -3px 8px #fff;--neo-line:1px solid rgba(226,232,240,.85);--ink:#0F172A;--muted:#334155;--faint:#64748B}
body{background-color:#F8FAFC;color:#0F172A}
/* raised panels */
.card,.pillar,.metric,.trust-card,.step,.role-card,.aud-card,.mod-card,.bx,.plan2,.faq-item,.answer-box,.next-card,.fact,.ind-card,.lead-center-card,.ai-chat-card,.roles2,.ts2,.addons a,.lead-cta-card,.story-stage,.sm-card,.sm-phone,.cw-w,.mx-row.mx-head+a,.matrix,.cmp-wrap,.diff-card,.why-card{background:#fff!important;border:var(--neo-line)!important;box-shadow:var(--neo-raise)!important}
.card,.bx,.plan2,.cw-w,.roles2,.ts2,.ai-chat-card,.lead-center-card{border-radius:24px}
.bx:hover,.card:hover,.mod-card:hover,.plan2:hover,.role-card:hover,.pillar:hover{box-shadow:14px 14px 30px rgba(15,23,42,.07),-10px -10px 24px #fff,inset 1px 1px 0 rgba(255,255,255,.9)!important}
.plan2.feat{border:2px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,#7C3AED,#22D3EE,#FB923C) border-box!important}
/* pressed wells */
.viz,.chip,.lead-line,.aw-chips span,.well,.quick-lead,.roi-card,.cw-tags span,.cw-pill,.cw-grid4>div,.sc-dots,.access-form input,.access-form select,.chat-input,.score-bar,.source-tabs button,.lead-row .tags span,.plat-pill,.demo-tag,.type-lines em,.mx-head{background:#F8FAFC!important;border:var(--neo-line)!important;box-shadow:var(--neo-press)!important}
.quick-lead{border-radius:18px}
.quick-lead input{background:transparent!important;box-shadow:none!important;border:0!important}
/* raised buttons */
.btn-ghost,.btn-nav-login,.tour-tab:not(.active),.q-chip,.lang-pill,.cw-btn,.hamburger,.next-card,.book-alt-btn{background:#fff!important;border:var(--neo-line)!important;box-shadow:var(--neo-btn)!important;color:#0F172A}
.btn-ghost:hover,.tour-tab:not(.active):hover,.q-chip:hover,.cw-btn:hover{box-shadow:6px 6px 14px rgba(15,23,42,.07),-4px -4px 10px #fff!important}
.btn-ghost:active,.q-chip:active,.cw-btn:active{box-shadow:var(--neo-press)!important}
.tour-tab.active{box-shadow:inset 3px 3px 8px rgba(0,0,0,.18),inset -2px -2px 6px rgba(255,255,255,.18),0 8px 20px -8px rgba(124,58,237,.6)!important}
.nav.scrolled{background:rgba(248,250,252,.9)!important;box-shadow:0 10px 30px -14px rgba(15,23,42,.18)!important}
/* windows (screens): soft raise with the same highlight */
.appwin,.hw,.compose .wg,.shot,.sc-frame,.compose-base{border:1px solid rgba(226,232,240,.9)!important;box-shadow:14px 18px 40px rgba(15,23,42,.10),-10px -10px 26px rgba(255,255,255,.95),inset 1px 1px 0 rgba(255,255,255,.9)!important}
.hw-dark{box-shadow:14px 18px 40px rgba(15,23,42,.25),-6px -6px 18px rgba(255,255,255,.9)!important}

/* =====================  CALL BRIEF WIDGETS  ===================== */
.cw{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px;max-width:1160px;margin:38px auto 0;padding:6px 0 24px;align-items:start}
.cw-w{position:relative;padding:22px 24px;color:#0F172A;text-align:left}
.cw.armed .cw-w{opacity:0;transform:translate3d(0,26px,0) scale(.965);transition:opacity .7s var(--ease),transform .8s var(--ease)}
.cw.armed .cw-w.on{opacity:1;transform:none}
.cw-w small{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#64748B;font-weight:600}
.cw-w header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.cw-w header b{font-family:var(--font-head);font-size:15px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}
.cw-n{display:inline-flex;width:26px;height:26px;border-radius:9px;align-items:center;justify-content:center;font-size:12px;background:#F1EAFE;color:#6D28D9;box-shadow:var(--neo-btn)}.cw-n.g{background:#DCFCE7;color:#166534}
.cw-lang{grid-column:9/13;grid-row:1;align-self:start;padding:16px 18px;transform:translateY(-12px);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cw-lang small{width:100%}
.cw.armed .cw-lang{opacity:1;transform:translateY(-12px)}
.cw-pill{padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;color:#6D28D9}
.cw-head{grid-column:1/9;grid-row:1}
.cw-live{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:#0F172A}.cw-live i{width:9px;height:9px;border-radius:50%;background:#EF4444;animation:ping 1.6s infinite}
.cw-ref{font-family:var(--font-mono);font-size:11.5px;color:#64748B}
.cw-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cw-grid4>div{padding:14px 14px 12px;border-radius:16px}
.cw-grid4 b{display:block;font-size:15px;margin:6px 0 2px;line-height:1.25}.cw-grid4 em{font-style:normal;font-size:12px;color:#64748B;font-family:var(--font-mono)}
.cw-ok{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:6px 12px;border-radius:999px;background:#DCFCE7;color:#166534;font-weight:700;font-size:12.5px}.cw-ok i{width:8px;height:8px;border-radius:50%;background:#16A34A;animation:ping 1.8s infinite}
.cw-wave{display:flex;align-items:center;justify-content:space-between;height:46px;margin-top:18px;padding:0 4px}
.cw-wave i{flex:0 0 5px;height:10px;border-radius:3px;background:linear-gradient(#38BDF8,#A855F7);animation:wv 1.2s ease-in-out infinite}
.cw-wave i:nth-child(3n){animation-delay:.2s}.cw-wave i:nth-child(4n){animation-delay:.4s}.cw-wave i:nth-child(5n){animation-delay:.1s}.cw-wave i:nth-child(7n){animation-delay:.55s}
.cw-sum{grid-column:5/13;grid-row:2;transform-origin:left top}
.cw-hot{padding:6px 14px;border-radius:999px;font-weight:700;font-size:12.5px;background:#FFE4E6;color:#BE123C;box-shadow:var(--neo-btn);transform:scale(.6);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1) .3s,opacity .3s .3s}
.cw-sum.on .cw-hot{transform:none;opacity:1}
.cw-status{font-size:14px;color:#334155;padding:12px 14px;border-radius:14px;background:#F8FAFC;border:var(--neo-line);box-shadow:var(--neo-press);margin-bottom:14px}
.cw-text{font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.65;color:#0F172A;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,rgba(56,189,248,.10),rgba(168,85,247,.10) 55%,rgba(251,146,60,.12));border-left:4px solid #A855F7;min-height:6.4em}
.caret::after{content:"▍";margin-left:1px;color:#7C3AED;animation:blink 1s steps(1) infinite}
.cw-intel{grid-column:1/5;grid-row:2;margin-top:34px}
.cw-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.well{padding:14px;border-radius:16px}.well b{display:block;margin-top:6px;font-size:15px}
.cw-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cw-tags span{padding:6px 12px;border-radius:12px;font-size:13px;font-weight:600;color:#334155;opacity:0;transform:scale(.8)}
.cw-intel.on .cw-tags span{animation:tagIn .5s var(--ease) both}.cw-intel.on .cw-tags span:nth-child(2){animation-delay:.15s}.cw-intel.on .cw-tags span:nth-child(3){animation-delay:.3s}.cw-intel.on .cw-tags span:nth-child(4){animation-delay:.45s}
@keyframes tagIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
.cw-tx{grid-column:1/9;grid-row:3;margin-top:-8px}
.cw-play{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:#475569;padding:6px 12px;border-radius:999px;background:#F8FAFC;box-shadow:var(--neo-press)}.cw-play i{width:0;height:0;border-left:9px solid #7C3AED;border-top:6px solid transparent;border-bottom:6px solid transparent}
.cw-lines p{display:grid;grid-template-columns:96px 1fr;gap:12px;margin:0 0 10px;padding:12px 14px;border-radius:14px;background:#F8FAFC;border:var(--neo-line);box-shadow:var(--neo-press);font-family:var(--font-mono);font-size:13.5px;line-height:1.5;color:#0F172A;min-height:48px;opacity:0}
.cw-lines p.on{opacity:1}
.cw-lines em{font-style:normal;font-weight:700;font-size:12px;letter-spacing:.04em}.cw-lines em.rep{color:#6D28D9}.cw-lines em.cus{color:#C2410C}
.cw-drive{font-size:12.5px;color:#64748B;margin-top:6px}
.cw-act{grid-column:9/13;grid-row:3;align-self:start;margin-top:28px;display:flex;flex-direction:column;gap:12px}
.cw-act b{font-family:var(--font-head);font-size:15px}
.cw-btn{display:flex;align-items:center;gap:10px;justify-content:flex-start;padding:13px 16px;border-radius:14px;font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.cw-btn .ico{color:#7C3AED}
.cw-btn.pri{background:linear-gradient(135deg,#FBBF24,#F97316)!important;color:#0A0A0F;box-shadow:0 10px 24px -8px rgba(249,115,22,.55)!important;border-color:transparent!important}.cw-btn.pri .ico{color:#0A0A0F}
.cw-act.on .cw-btn.pri{animation:ctaGlow 2s 1s 3}
.cw-act small{text-transform:none;letter-spacing:0;font-weight:500;font-size:12.5px}
.cw-w{animation:none}
@media(min-width:1001px){.cw-w:nth-child(odd){will-change:transform}}
@media(max-width:1000px){.cw{grid-template-columns:1fr;gap:18px}.cw-lang,.cw-head,.cw-sum,.cw-intel,.cw-tx,.cw-act{grid-column:1;grid-row:auto;margin-top:0;transform:none}.cw-lang{order:5}.cw-grid4{grid-template-columns:1fr 1fr}.cw-two{grid-template-columns:1fr}.cw-lines p{grid-template-columns:1fr;gap:4px}}



/* =====================  MODULE EXPLORER (sleek)  ===================== */
.mx{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:34px;align-items:start;max-width:1180px;margin:0 auto}
.mx-list{list-style:none;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:24px;background:#fff;border:var(--neo-line);box-shadow:var(--neo-raise)}
.mx-item{position:relative;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;width:100%;padding:10px 12px;border:0;border-radius:16px;background:transparent;text-align:left;font:inherit;color:#334155;cursor:pointer;overflow:hidden;transition:background .3s var(--ease),box-shadow .3s var(--ease),color .3s}
.mx-item:hover{background:#F8FAFC}
.mx-ic{display:inline-flex;width:38px;height:38px;border-radius:12px;align-items:center;justify-content:center;background:#F8FAFC;box-shadow:var(--neo-btn);color:#7C3AED;transition:.3s}
.mx-t b{display:block;font-family:var(--font-head);font-size:15px;color:#0F172A;letter-spacing:-.01em}
.mx-t small{display:block;font-size:12.5px;color:#64748B;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-item.active{background:#F8FAFC;box-shadow:var(--neo-press)}
.mx-item.active .mx-ic{background:linear-gradient(135deg,#7C3AED,#A855F7);color:#fff;box-shadow:0 8px 18px -6px rgba(124,58,237,.6)}
.mx-bar{position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#38BDF8,#A855F7,#FB923C);transform:scaleX(0);transform-origin:left}
.mx-item.active .mx-bar{animation:mxFill var(--dur,5.5s) linear forwards}
.mx.paused .mx-item.active .mx-bar{animation:none;transform:scaleX(1)}
@keyframes mxFill{to{transform:scaleX(1)}}
.mx-stage{position:relative;isolation:isolate;min-width:0}
.mx-stage::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-10% -8%;border-radius:60px;background:radial-gradient(58% 64% at 24% 36%,rgba(124,58,237,.8),transparent 74%),radial-gradient(54% 60% at 82% 68%,rgba(34,211,238,.65),transparent 74%),radial-gradient(44% 48% at 62% 8%,rgba(251,146,60,.55),transparent 74%);filter:blur(56px);animation:glowPulse 7s ease-in-out infinite alternate}
.mx-pane{display:none;animation:mxIn .6s var(--ease) both}.mx-pane.active{display:block}
@keyframes mxIn{from{opacity:0;transform:translate3d(0,14px,0) scale(.985)}}
.mx-win{border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 40px 90px -26px rgba(76,29,149,.5),0 14px 30px -12px rgba(15,23,42,.22),0 0 0 1px rgba(124,58,237,.16)}
.mx-view{position:relative;aspect-ratio:16/9;overflow:hidden;background:#F8FAFC}
.mx-view>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--z,1));transform-origin:var(--op,50% 30%)}
.mx-draft{position:absolute;right:4%;bottom:7%;width:min(310px,46%);padding:14px 16px;border-radius:16px;background:#fff;box-shadow:0 24px 50px -16px rgba(76,29,149,.55),0 0 0 1px rgba(124,58,237,.18);animation:floaty 7s ease-in-out infinite}
.mx-draft small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#6D28D9;margin-bottom:4px}.mx-draft p{font-size:13.5px;line-height:1.45;color:#0F172A}.mx-draft span{display:inline-block;margin-top:9px;padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,#FBBF24,#F97316);color:#0A0A0F;font-weight:700;font-size:12px}
.mx-chat{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:6% 9%;background:linear-gradient(160deg,#F5F3FF,#F8FAFC)}
.mx-chat .b{max-width:72%;padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.5;box-shadow:var(--neo-btn);background:#fff;color:#0F172A}
.mx-chat .b.ai{display:flex;gap:10px;align-items:flex-start;border-bottom-left-radius:6px}.mx-chat .b.ai img{flex:none;border-radius:50%}
.mx-chat .b.us{align-self:flex-end;background:linear-gradient(135deg,#7C3AED,#A855F7);color:#fff;border-bottom-right-radius:6px}
.mx-pane.active .mx-chat .b{animation:rise .6s var(--ease) both}.mx-pane.active .mx-chat .b:nth-child(2){animation-delay:.5s}.mx-pane.active .mx-chat .b:nth-child(3){animation-delay:1.1s}
.mx-orbit{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#F5F3FF,#F8FAFC 70%)}
.mx-orbit .core{position:relative;z-index:2;width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:var(--neo-raise),0 0 50px rgba(124,58,237,.35)}.mx-orbit .core img{border-radius:50%}
.mx-orbit i{position:absolute;left:50%;top:50%;font-style:normal;font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:999px;background:#fff;color:#0F172A;box-shadow:var(--neo-btn);white-space:nowrap;transform:rotate(var(--a)) translateX(150px) rotate(calc(var(--a) * -1));animation:mxOrbit 24s linear infinite}
@keyframes mxOrbit{to{transform:rotate(calc(var(--a) + 360deg)) translateX(150px) rotate(calc((var(--a) + 360deg) * -1))}}
.mx-cap{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:22px;padding:0 6px}
.mx-cap ul{list-style:none;display:flex;gap:10px 22px;flex-wrap:wrap}.mx-cap li{position:relative;padding-left:22px;font-size:14.5px;color:#334155}.mx-cap li::before{content:"";position:absolute;left:0;top:.5em;width:11px;height:6px;border-left:2.5px solid #16A34A;border-bottom:2.5px solid #16A34A;transform:rotate(-45deg)}
.mx-cap .learn{white-space:nowrap;font-weight:700;color:#6D28D9}
@media(max-width:980px){.mx{grid-template-columns:1fr;gap:22px}.mx-list{flex-direction:row;overflow-x:auto;padding:8px;scrollbar-width:none}.mx-list::-webkit-scrollbar{display:none}.mx-list li{flex:none}.mx-item{grid-template-columns:34px auto;padding:8px 14px 8px 10px}.mx-t small{display:none}.mx-ic{width:34px;height:34px}.mx-orbit i{transform:rotate(var(--a)) translateX(104px) rotate(calc(var(--a) * -1))}}
@media(prefers-reduced-motion:reduce){.mx-stage::before,.mx-orbit i,.mx-draft{animation:none}.mx-item.active .mx-bar{animation:none;transform:scaleX(1)}}


/* =====================  SCROLL STORY: whole widget scenes  ===================== */
.sc-scenes{position:relative;aspect-ratio:100/86}
.sc-scene{position:absolute;inset:0;pointer-events:none}
.sc-scene .sw{position:absolute;opacity:0;transform:translate3d(var(--fx,0),var(--fy,40px),0) scale(.93);will-change:transform,opacity}
.sc-scene.on .sw{opacity:1;transform:none;transition:opacity .8s var(--ease) calc(var(--d)*120ms + .2s),transform 1s var(--ease) calc(var(--d)*120ms + .2s)}
.sc-scene.out .sw{opacity:0;transform:translate3d(calc(var(--fx,0)*-.6),calc(var(--fy,0)*-.6),0) scale(1.04);transition:opacity .4s ease-in calc(var(--d)*50ms),transform .5s ease-in calc(var(--d)*50ms)}
.sc-scene .wg{display:block;width:100%;border-radius:16px;background-color:#fff;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.95);box-shadow:0 40px 80px -26px rgba(76,29,149,.5),0 14px 30px -12px rgba(15,23,42,.22),0 0 0 1px rgba(124,58,237,.16);animation:floaty 8s ease-in-out infinite;animation-delay:calc(var(--d)*-2.3s)}
.sc-stage .sc-dots{margin-top:14px;border-radius:999px;width:max-content;margin-left:auto;margin-right:auto;padding:10px 16px}
@media(prefers-reduced-motion:reduce){.sc-scene .wg{animation:none}.sc-scene .sw{transition:none!important}}


/* explorer + tour: whole-scene choreography (stacked panes, staggered fly-in/out) */
.mx-stage{display:grid}.mx-stage>.mx-pane{grid-area:1/1;display:block!important;visibility:hidden;pointer-events:none;animation:none!important;position:relative;padding:0 0 0 0}
.mx-stage>.mx-pane.active{visibility:visible;pointer-events:auto}
.mx-pane .mx-f{opacity:0;transform:translate3d(0,26px,0) scale(.94)}
.mx-pane .mx-fl1{--fx:60px}.mx-pane .mx-fl2{--fx:-60px}
.mx-pane.active .mx-f{opacity:1;transform:none;transition:opacity .7s var(--ease) calc(var(--d)*130ms + .1s),transform .9s var(--ease) calc(var(--d)*130ms + .1s)}
.mx-pane.out{visibility:visible}.mx-pane.out .mx-f{opacity:0;transform:translate3d(0,-18px,0) scale(1.03);transition:opacity .35s ease-in calc(var(--d)*40ms),transform .45s ease-in calc(var(--d)*40ms)}
.mx-pane .mx-win{width:86%}
.mx-scene{position:relative}.mx-fl{position:absolute;z-index:3;width:46%}.mx-fl1{right:-3%;top:-4%}.mx-fl2{left:-4%;bottom:-6%;width:42%}
.mx-fl .wg{display:block;width:100%;border-radius:14px;background-color:#fff;background-repeat:no-repeat;box-shadow:0 34px 70px -22px rgba(76,29,149,.55),0 12px 26px -12px rgba(15,23,42,.25),0 0 0 1px rgba(124,58,237,.16);animation:floaty 8s ease-in-out infinite}
.mx-fl2 .wg{animation-delay:-3.5s}
.mx-pane .mx-draft{z-index:3}
.tour-stage{display:grid}.tour-stage>.tour-pane{grid-area:1/1;display:block!important;visibility:hidden;pointer-events:none;animation:none!important}
.tour-stage>.tour-pane.active{visibility:visible;pointer-events:auto}
.tour-pane .compose-base{opacity:0;transform:translate3d(0,28px,0) scale(.96)}
.tour-pane .compose .wg{opacity:0;transform:translate3d(var(--tx,60px),20px,0) scale(.92)}
.tour-pane .compose .wg.wb{--tx:-60px}
.tour-pane.active .compose-base{opacity:1;transform:none;transition:opacity .7s var(--ease) .05s,transform .9s var(--ease) .05s}
.tour-pane.active .compose .wg{opacity:1;transform:none;transition:opacity .7s var(--ease) .35s,transform .9s var(--ease) .35s}
.tour-pane.active .compose .wg.wb{transition-delay:.5s}
.tour-pane.out{visibility:visible}.tour-pane.out .compose-base,.tour-pane.out .compose .wg{opacity:0;transition:opacity .35s ease-in,transform .45s ease-in;transform:translate3d(0,-16px,0) scale(1.03)}
.tour-cap,.mx-cap{transition:opacity .5s .3s}.tour-pane:not(.active) .tour-cap,.mx-pane:not(.active) .mx-cap{opacity:0}
@media(max-width:980px){.mx-pane .mx-win{width:100%}.mx-fl{display:none}}
@media(prefers-reduced-motion:reduce){.mx-pane .mx-f,.tour-pane .compose-base,.tour-pane .compose .wg{transition:none!important}}


/* =====================  CHAPTER STORY (Attio-style rail + live UI cards)  ===================== */
.story2{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;max-width:1100px;margin:0 auto}
.st-rail{position:sticky;top:150px;align-self:start;display:flex;flex-direction:column;gap:4px;padding-top:8px}
.st-ch{display:flex;align-items:center;gap:12px;padding:9px 0;font-family:var(--font-head);font-weight:600;font-size:16px;color:#94A3B8;cursor:default;transition:color .4s}
.st-ch i{width:3px;height:22px;border-radius:2px;background:#E2E8F0;transition:.4s var(--ease)}
.st-ch.on{color:#0F172A}.st-ch.on i{height:30px;background:linear-gradient(180deg,#7C3AED,#22D3EE)}
.st-beats{display:flex;flex-direction:column;gap:0}
.sb{min-height:78vh;display:flex;flex-direction:column;justify-content:center;padding:36px 0;opacity:.4;transform:translate3d(0,18px,0);transition:opacity .6s var(--ease),transform .8s var(--ease)}
.sb.on{opacity:1;transform:none}
.sb h3{font-size:clamp(26px,2.8vw,36px);letter-spacing:-.035em;line-height:1.1;margin-bottom:12px}
.sb>p{color:#475569;font-size:17px;line-height:1.6;max-width:560px;margin-bottom:26px}
.uc{position:relative;isolation:isolate;max-width:600px;padding:20px 22px;border-radius:22px;background:#fff;border:var(--neo-line);box-shadow:0 40px 90px -30px rgba(76,29,149,.45),0 14px 30px -14px rgba(15,23,42,.2),0 0 0 1px rgba(124,58,237,.12)}
.uc::before{content:"";position:absolute;z-index:-1;inset:-14% -8%;border-radius:50px;pointer-events:none;background:radial-gradient(55% 60% at 20% 30%,rgba(124,58,237,.55),transparent 72%),radial-gradient(50% 55% at 85% 75%,rgba(34,211,238,.5),transparent 72%),radial-gradient(40% 45% at 70% 5%,rgba(251,146,60,.4),transparent 72%);filter:blur(46px)}
.uc-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.uc-h b{font-family:var(--font-head);font-size:16px;color:#0F172A}
.uc-pill{font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;background:#F5F3FF;color:#6D28D9;box-shadow:var(--neo-press);white-space:nowrap}.uc-pill.warn{background:#FFF7ED;color:#C2410C}
.uc small{display:block;font-size:12.5px;color:#64748B}.uc b{color:#0F172A}
/* staggered children appear when beat is on */
.sb .uc-row,.sb .tr p,.sb .fu-row,.sb .tm-row,.sb .bq,.sb .chips,.sb .next,.sb .so-ai,.sb .imp-res>div,.sb .re-reason,.sb .re-log,.sb .ad-k>div{opacity:0;transform:translate3d(0,12px,0)}
.sb.on .uc-row,.sb.on .tr p,.sb.on .fu-row,.sb.on .tm-row,.sb.on .imp-res>div,.sb.on .ad-k>div{opacity:1;transform:none;transition:opacity .6s var(--ease) calc(var(--i,0)*.22s + .3s),transform .7s var(--ease) calc(var(--i,0)*.22s + .3s)}
.sb.on .bq{opacity:1;transform:none;transition:.7s var(--ease) .4s}.sb.on .chips{opacity:1;transform:none;transition:.7s var(--ease) .9s}.sb.on .next{opacity:1;transform:none;transition:.7s var(--ease) 1.3s}
.sb.on .re-reason{opacity:1;transform:none;transition:.7s var(--ease) 1.6s}.sb.on .re-log{opacity:1;transform:none;transition:.7s var(--ease) 2.1s}
.sb.on .so-ai{opacity:1;transform:none;transition:.8s var(--ease) .9s}
.uc-row,.fu-row,.tm-row{display:flex;align-items:center;gap:12px;padding:11px 12px;margin-top:8px;border-radius:14px;background:#F8FAFC;box-shadow:var(--neo-btn)}.uc-row>div,.fu-row>div{flex:1;min-width:0}
.src{font-style:normal;font-weight:700;font-size:11.5px;padding:5px 10px;border-radius:9px;background:#fff;box-shadow:var(--neo-btn);min-width:72px;text-align:center}
.s-meta{color:#1D4ED8}.s-im{color:#B91C1C}.s-web{color:#6D28D9}.s-xl{color:#047857}
.uc-new{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:#DCFCE7;color:#166534}
/* import */
.imp-bar{height:10px;border-radius:999px;background:#F1F5F9;box-shadow:var(--neo-press);overflow:hidden}.imp-bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#38BDF8,#A855F7,#FB923C)}
.sb.on .imp-bar i{width:100%;transition:width 1.6s var(--ease) .3s}
.imp-res{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.imp-n{padding:14px;border-radius:14px;background:#F8FAFC;box-shadow:var(--neo-btn)}.imp-n strong{display:block;font-family:var(--font-head);font-size:26px;letter-spacing:-.03em;color:#0F172A}.imp-n.warn strong{color:#C2410C}
.sb .imp-res>div:nth-child(1){--i:5}.sb .imp-res>div:nth-child(2){--i:6}.sb .imp-res>div:nth-child(3){--i:7}
/* call */
.wave{display:flex;align-items:center;gap:3px;height:54px;padding:0 4px;margin-bottom:6px}.wave i{flex:1;border-radius:3px;background:linear-gradient(180deg,#A855F7,#38BDF8);height:calc(20% + var(--k)*7%);transform-origin:center;animation:wv 1.2s ease-in-out infinite;animation-delay:calc(var(--k)*-.11s)}
@keyframes wv{50%{transform:scaleY(.4)}}
.tr p{margin-top:8px;font-size:14.5px;line-height:1.5;color:#1E293B}.tr u{text-decoration:none;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#6D28D9;margin-right:8px}
/* brief */
.tag-warm{font-size:12px;font-weight:800;padding:6px 14px;border-radius:12px;background:#FEF3C7;color:#B45309;box-shadow:var(--neo-btn)}
.bq{font-family:Georgia,'Times New Roman',serif;font-size:16.5px;line-height:1.6;color:#0F172A;padding:14px 16px;border-radius:14px;border-left:4px solid #A855F7;background:linear-gradient(110deg,#EEF2FF,#FFF7ED)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chips span{font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;background:#F5F3FF;color:#6D28D9}
.next{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px;font-weight:600;color:#166534}.next .ico{color:#16A34A}
/* reassign */
.re-lead{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-radius:14px;background:#F8FAFC;box-shadow:var(--neo-btn)}
.owner{position:relative;min-width:120px;height:34px}.owner span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border-radius:999px;background:#fff;box-shadow:var(--neo-btn);color:#334155}
.owner .o2{opacity:0;transform:translateY(10px);background:linear-gradient(135deg,#7C3AED,#A855F7);color:#fff}
.sb.on .owner .o1{opacity:0;transform:translateY(-10px);transition:.5s var(--ease) 1.2s}.sb.on .owner .o2{opacity:1;transform:none;transition:.6s var(--ease) 1.3s}
.re-reason{margin-top:12px;padding:12px 14px;border-radius:12px;font-size:14px;color:#334155;background:#fff;box-shadow:var(--neo-press)}
.re-log{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13px;color:#166534;font-weight:600}.re-log i{width:16px;height:9px;border-left:3px solid #16A34A;border-bottom:3px solid #16A34A;transform:rotate(-45deg) translate(2px,-2px)}
/* follow ups */
.st{position:relative;font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:999px;display:inline-flex;min-width:84px;justify-content:center}
.st-over{background:#FEE2E2;color:#B91C1C}.st-due{background:#FEF3C7;color:#B45309}.st-sch{background:#DCFCE7;color:#166534}
.st-over b{transition:opacity .5s,transform .5s}.st-over .b{position:absolute;opacity:0;transform:translateY(8px);color:#166534}
.sb.on .st-over{animation:stDone 0s 2s forwards}.sb.on .st-over .a{opacity:0;transform:translateY(-8px);transition-delay:2s}.sb.on .st-over .b{opacity:1;transform:none;transition-delay:2.1s}
@keyframes stDone{to{background:#DCFCE7}}
/* team */
.av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#7C3AED,#A855F7)}
.tm-n{min-width:120px}.bars{flex:1;display:grid;gap:6px}.bars i{display:block;height:9px;border-radius:99px;background:linear-gradient(90deg,#7C3AED,#A855F7);width:0}.bars i.b2{background:linear-gradient(90deg,#22D3EE,#38BDF8)}
.sb.on .bars i{width:var(--w);transition:width 1.2s var(--ease) calc(var(--i,0)*.2s + .6s)}
.tm-key{display:flex;gap:16px;justify-content:flex-end;margin-top:12px;font-size:12px;color:#64748B}.tm-key i{display:inline-block;width:10px;height:10px;border-radius:3px;background:#A855F7;margin-right:6px}.tm-key i.b2{background:#38BDF8}
/* ads */
.ad-k{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ad-k>div{padding:14px;border-radius:14px;background:#F8FAFC;box-shadow:var(--neo-btn)}.ad-k strong{display:block;font-family:var(--font-head);font-size:24px;letter-spacing:-.03em;color:#0F172A}.ad-k .hl{background:linear-gradient(135deg,#7C3AED,#A855F7)}.ad-k .hl small,.ad-k .hl strong{color:#fff}
.sb .ad-k>div:nth-child(2){--i:1}.sb .ad-k>div:nth-child(3){--i:2}
.ad-bars{display:flex;align-items:flex-end;gap:10px;height:110px;margin-top:18px;padding:0 4px}.ad-bars i{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#A855F7,#38BDF8);height:0}.sb.on .ad-bars i{height:var(--h);transition:height 1s var(--ease) calc(var(--i)*.09s + .6s)}
/* social */
.uc-soc{display:grid;gap:14px}.so-in,.so-ai{padding:14px 16px;border-radius:16px;background:#F8FAFC;box-shadow:var(--neo-btn)}.so-in small,.so-ai small{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6D28D9;font-weight:700;margin-bottom:5px}
.so-in p,.so-ai p{font-size:15px;line-height:1.5;color:#0F172A}.so-ai{background:#fff;border:1px solid rgba(124,58,237,.25)}
.so-btn{display:inline-block;margin-top:10px;padding:7px 16px;border-radius:999px;font-weight:700;font-size:13px;color:#0A0A0F;background:linear-gradient(135deg,#FBBF24,#F97316)}.sb.on .so-btn{animation:soPulse 2s ease-in-out 2s infinite}@keyframes soPulse{50%{box-shadow:0 0 0 8px rgba(251,146,60,.22)}}
@media(max-width:900px){.story2{grid-template-columns:1fr;gap:0}.st-rail{position:sticky;top:120px;z-index:6;flex-direction:row;overflow-x:auto;gap:16px;padding:10px 4px;background:linear-gradient(180deg,#F8FAFC 85%,transparent);scrollbar-width:none}.st-rail::-webkit-scrollbar{display:none}.st-ch{white-space:nowrap;font-size:14px;padding:4px 0}.st-ch i{display:none}.st-ch.on{color:#6D28D9;border-bottom:2px solid #7C3AED}.sb{min-height:auto;padding:30px 0;opacity:1;transform:none}.uc{padding:16px}.imp-res,.ad-k{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sb{opacity:1;transform:none}.sb *{transition:none!important;animation:none!important}.sb .uc-row,.sb .tr p,.sb .fu-row,.sb .tm-row,.sb .bq,.sb .chips,.sb .next,.sb .so-ai,.sb .imp-res>div,.sb .re-reason,.sb .re-log,.sb .ad-k>div{opacity:1;transform:none}.bars i{width:var(--w)}.ad-bars i{height:var(--h)}.imp-bar i{width:100%}}


/* lead center widget scene */
.lc-scene{position:relative;padding:60px 0 70px}
.lc-scene .lead-center-card{position:relative;z-index:2;opacity:0;transform:translate3d(0,26px,0) scale(.96)}
.lc-fl{position:absolute;z-index:3;opacity:0;transform:translate3d(var(--fx,50px),20px,0) scale(.92)}
.lc-f1{top:-2%;left:-4%;width:88%;--fx:-50px}.lc-f2{bottom:0;right:-3%;width:66%;--fx:50px}
.lc-fl .wg{display:block;width:100%;border-radius:14px;background-color:#fff;background-repeat:no-repeat;box-shadow:0 34px 70px -22px rgba(76,29,149,.55),0 12px 26px -12px rgba(15,23,42,.25),0 0 0 1px rgba(124,58,237,.16);animation:floaty 8s ease-in-out infinite}
.lc-f2 .wg{animation-delay:-3.5s}
.reveal.in .lc-scene .lead-center-card,.reveal.visible .lc-scene .lead-center-card{opacity:1;transform:none;transition:opacity .8s var(--ease) .1s,transform 1s var(--ease) .1s}
.reveal.in .lc-fl,.reveal.visible .lc-fl{opacity:1;transform:none;transition:opacity .8s var(--ease) .5s,transform 1s var(--ease) .5s}.reveal.in .lc-f2,.reveal.visible .lc-f2{transition-delay:.75s}
@media(max-width:900px){.lc-scene{padding:0}.lc-fl{display:none}.lc-scene .lead-center-card{opacity:1;transform:none}}


/* integrations marquee */
.stack{display:grid;gap:18px;overflow:hidden;padding:14px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.stack-row{overflow:hidden}.stack-track{display:flex;gap:18px;width:max-content;animation:stackL 42s linear infinite}.stack-row.rev .stack-track{animation-name:stackR;animation-duration:50s}
.stack:hover .stack-track{animation-play-state:paused}
@keyframes stackL{to{transform:translate3d(-50%,0,0)}}@keyframes stackR{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
.stack-pill{display:flex;align-items:center;gap:14px;padding:14px 22px 14px 14px;border-radius:18px;background:#fff;border:var(--neo-line);box-shadow:var(--neo-raise);white-space:nowrap}
.sp-ic{width:44px;height:44px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:#F8FAFC;box-shadow:var(--neo-btn);color:#7C3AED}.sp-ic .ico{width:22px;height:22px}
.stack-pill b{display:block;font-family:var(--font-head);font-size:16px;color:#0F172A}.stack-pill small{display:block;font-size:12.5px;color:#64748B}
.stack-note{text-align:center;margin-top:20px;color:#475569}
@media(prefers-reduced-motion:reduce){.stack-track{animation:none}.stack{overflow-x:auto}}


/* ---- sleek call intelligence: one tight composition ---- */
#features .blob{display:none}.cw-n{display:none}
.cw{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"head head" "tx sum" "tx intel" "tx act";gap:18px;max-width:1080px;margin-top:30px;padding:0 0 10px}
.cw-w{padding:18px 20px}
.cw-head{grid-area:head;;padding:14px 18px}
.cw-head header{margin-bottom:12px}
.cw-grid4{grid-template-columns:repeat(4,1fr);gap:10px}.cw-grid4>div{padding:10px 12px;border-radius:13px}.cw-grid4 b{font-size:14px;margin:4px 0 1px}.cw-grid4 em{font-size:11px}
.cw-tx{grid-area:tx;;margin:0;display:flex;flex-direction:column}
.cw-sum{grid-area:sum;}
.cw-intel{grid-area:intel;;margin:0}
.cw-act{grid-area:act;;margin:0;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}.cw-act b{margin-right:auto}.cw-act small{display:none}
.cw-btn{padding:10px 14px;font-size:13px}
.cw-wave{height:34px;margin:0 0 12px}
.cw-lines{flex:1}.cw-lines p{padding:9px 12px;margin-bottom:8px;font-size:12.5px;grid-template-columns:78px 1fr}
.cw-text{font-size:15.5px;line-height:1.55;padding:13px 15px}.cw-status{padding:10px 12px;margin-bottom:10px;font-size:13px}
.cw-two{gap:10px}.cw-tags{margin-top:10px}.cw-tags span{font-size:12px;padding:5px 10px}
.cw-w header{margin-bottom:12px}
.cw-head{grid-area:head}.cw-tx{grid-area:tx}.cw-sum{grid-area:sum}.cw-intel{grid-area:intel}.cw-act{grid-area:act}
@media(max-width:1000px){.cw{grid-template-columns:1fr;grid-template-areas:"head" "sum" "intel" "tx" "act"}.cw-head,.cw-sum,.cw-intel,.cw-tx,.cw-act{grid-column:1;grid-row:auto}.cw-grid4{grid-template-columns:1fr 1fr}}
/* module explorer: no empty tail, stage centred against the list */
.mx{align-items:center}.mx-item{padding:6px 10px;grid-template-columns:32px 1fr}.mx-ic{width:32px;height:32px;border-radius:10px}.mx-list{gap:2px}.mx-t small{margin-top:0;max-height:0;opacity:0;transition:max-height .4s var(--ease),opacity .3s}.mx-item.active .mx-t small,.mx-item:hover .mx-t small{max-height:20px;opacity:1}.mx-pane .mx-win{width:92%}

/* =====================  PAGE STRUCTURE: bands, rhythm, eyebrow headers  ===================== */
.section-pad,.sec{padding:112px 0}
.sec{position:relative}
.sec.surface.sec-a,.sec.sec-a{background:#F8FAFC;border-top:1px solid rgba(226,232,240,.9)}
.sec.surface.sec-b,.sec.sec-b{background:linear-gradient(180deg,#EEECF9 0%,#F4F3FC 100%);border-top:1px solid rgba(124,58,237,.12);border-bottom:1px solid rgba(124,58,237,.08)}
.sec-b::before{content:"";position:absolute;left:0;right:0;top:0;height:120px;background:linear-gradient(180deg,rgba(255,255,255,.7),transparent);pointer-events:none}
.sec>.container{position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-body);font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6D28D9;margin-bottom:20px}
.eyebrow::before{content:"";width:34px;height:2px;border-radius:2px;background:linear-gradient(90deg,#38BDF8,#A855F7,#FB923C)}
.sec-head{max-width:860px;margin:0 auto 60px}
.sec-head .sec-sub{margin-top:18px}
.sec-head.left{margin-left:0}
.sec .container{max-width:1240px}
.sec h2.sec-title{margin-top:0}
.split>div>.eyebrow{display:flex}
@media(max-width:820px){.section-pad,.sec{padding:76px 0}.sec-head{margin-bottom:40px}}

/* =====================  POP: glow halos + lift for widgets  ===================== */
.compose,.hero-compose,.cw,.tour-stage{position:relative;isolation:isolate}
.chapter-screen{isolation:isolate}
.sc-stage{isolation:isolate}
.sc-stage::before,.compose::before,.hero-compose::before,.cw::before,.chapter-screen::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-16% -12%;border-radius:60px;background:radial-gradient(58% 64% at 24% 36%,rgba(124,58,237,.92),transparent 74%),radial-gradient(54% 60% at 82% 68%,rgba(34,211,238,.78),transparent 74%),radial-gradient(44% 48% at 62% 8%,rgba(251,146,60,.70),transparent 74%);filter:blur(58px);opacity:1;animation:glowPulse 7s ease-in-out infinite alternate;will-change:opacity,transform}
@keyframes glowPulse{from{opacity:.78;transform:scale(.98)}to{opacity:1;transform:scale(1.05)}}
.hero-compose::before{inset:2% -8% -8% -8%}
.cw::before{inset:-2% -6%}
/* windows: deeper tinted shadow + fine edge ring so they separate from the page */
.appwin,.hw:not(.hw-dark),.compose .wg,.shot,.sc-frame,.compose-base{box-shadow:0 40px 90px -26px rgba(76,29,149,.50),0 14px 30px -12px rgba(15,23,42,.22),0 0 0 1px rgba(124,58,237,.16),inset 1px 1px 0 rgba(255,255,255,.95)!important}
.hw-dark{box-shadow:0 36px 80px -22px rgba(30,27,75,.65),0 0 0 1px rgba(124,58,237,.35),0 0 50px rgba(124,58,237,.25)!important}
.compose .wg,.hw{border:1px solid rgba(255,255,255,.95)!important}
.cw-w{box-shadow:var(--neo-raise),0 34px 70px -34px rgba(124,58,237,.45),0 0 0 1px rgba(124,58,237,.08)!important}
.plan2.feat{box-shadow:0 30px 80px -24px rgba(124,58,237,.55),0 0 60px rgba(34,211,238,.18)!important}
.bx:hover{box-shadow:14px 14px 30px rgba(15,23,42,.07),-10px -10px 24px #fff,0 30px 60px -30px rgba(124,58,237,.5)!important}
@media(prefers-reduced-motion:reduce){.sc-stage::before,.compose::before,.hero-compose::before,.cw::before,.chapter-screen::before{animation:none}}
@media(max-width:820px){.sc-stage::before,.compose::before,.hero-compose::before,.cw::before,.chapter-screen::before{filter:blur(36px);inset:6% 0}}

@media(prefers-reduced-motion:reduce){.cw.armed .cw-w{opacity:1;transform:none}.cw-lines p{opacity:1}.cw-tags span{opacity:1;transform:none}.cw-hot{opacity:1;transform:none}}