/* =========================================================
   Sell 2 Inspire — Lead Command Center Landing
   Brand: deep navy, luminous blue, subtle violet accent
   ========================================================= */

:root{
  --bg-0:#05070f;
  --bg-1:#070b1a;
  --bg-2:#0b1128;
  --ink-0:#f3f5ff;
  --ink-1:#c9cde6;
  --ink-2:#a8b6e3;
  --ink-3:#7d8bb8;
  --line: rgba(163,181,255,0.12);
  --line-strong: rgba(163,181,255,0.22);

  --blue-400:#8aa6ff;
  --blue-500:#5b7bff;
  --blue-600:#3d5cf0;
  --violet-500:#7a4dff;
  --accent-soft: rgba(91,123,255,0.14);
  --accent-ring: rgba(138,166,255,0.35);

  --grad-hero: radial-gradient(120% 70% at 20% 0%, rgba(61,92,240,0.35) 0%, rgba(5,7,15,0) 60%),
               radial-gradient(90% 60% at 90% 10%, rgba(122,77,255,0.28) 0%, rgba(5,7,15,0) 55%),
               linear-gradient(180deg,#06091a 0%,#05070f 100%);

  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  --radius-xl:32px;

  --shadow-lg: 0 30px 80px -20px rgba(0,0,0,0.6), 0 12px 32px -8px rgba(61,92,240,0.25);
  --shadow-md: 0 12px 28px -8px rgba(0,0,0,0.45);

  --ease: cubic-bezier(.2,.7,.2,1);

  --t-hero: clamp(2.3rem, 5.3vw, 4.95rem);
  --t-h2:   clamp(1.7rem, 3.0vw, 2.75rem);
  --t-h3:   clamp(1.2rem, 1.7vw, 1.45rem);
  --t-body: 1rem;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg-0);
  color:var(--ink-1);
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-feature-settings:"ss01","cv01","cv02";
  font-size:var(--t-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
em{font-style:italic}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

/* ========== Background stage ========== */
.bg-stage{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background: var(--grad-hero);
  overflow:hidden;
}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:0.55;mix-blend-mode:screen}
.orb-1{width:640px;height:640px;left:-120px;top:-140px;background:radial-gradient(circle,#3d5cf0 0%, transparent 65%)}
.orb-2{width:520px;height:520px;right:-100px;top:140px;background:radial-gradient(circle,#7a4dff 0%, transparent 65%);opacity:0.45}
.orb-3{width:720px;height:720px;left:30%;top:60%;background:radial-gradient(circle,#5b7bff 0%, transparent 60%);opacity:0.35}
.grid-overlay{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(163,181,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(163,181,255,0.05) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at 50% 20%, #000 20%, transparent 75%);
  opacity:0.9;
}

/* ========== Nav ========== */
.nav{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:24px;
  padding: 14px clamp(20px,4vw,48px);
  backdrop-filter: blur(14px);
  background: linear-gradient(180deg, rgba(5,7,15,0.75), rgba(5,7,15,0.35));
  border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink-0);font-weight:600;letter-spacing:-0.01em}
.brand-mark{width:30px;height:30px;object-fit:contain;flex-shrink:0}
.brand-word em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:var(--ink-0);margin-left:2px}
.nav-links{display:flex;gap:22px;margin-left:20px}
.nav-links a{color:var(--ink-2);font-size:.93rem;transition:color .25s var(--ease)}
.nav-links a:hover{color:var(--ink-0)}
.nav-cta{margin-left:auto;display:flex;align-items:center;gap:10px}

.lang-toggle{
  display:flex;background:rgba(255,255,255,0.04);border:1px solid var(--line);
  border-radius:999px;padding:3px;
}
.lang-toggle button{
  padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.06em;
  color:var(--ink-2);transition:all .25s var(--ease);
}
.lang-toggle button.active{background:linear-gradient(135deg,var(--blue-500),var(--violet-500));color:#fff}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:11px 20px;border-radius:999px;
  font-weight:600;font-size:.93rem;letter-spacing:-0.005em;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease), color .25s var(--ease);
  white-space:nowrap;
}
.btn-primary{
  background:linear-gradient(135deg,#5b7bff 0%,#7a4dff 100%);
  color:#fff;
  box-shadow: 0 10px 30px -10px rgba(91,123,255,0.6), inset 0 1px 0 rgba(255,255,255,0.2);
}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 40px -12px rgba(91,123,255,0.75), inset 0 1px 0 rgba(255,255,255,0.25)}
.btn-ghost{
  background:rgba(255,255,255,0.03);
  color:var(--ink-0);
  border:1px solid var(--line-strong);
}
.btn-ghost:hover{background:rgba(255,255,255,0.06);border-color:var(--accent-ring)}
.btn-lg{padding:14px 24px;font-size:1rem}
.btn-xl{padding:18px 30px;font-size:1.05rem}

/* ========== Hero ========== */
.hero{
  position:relative;
  padding: clamp(80px,12vw,160px) clamp(20px,4vw,48px) 80px;
  display:grid;grid-template-columns: 1.1fr 1fr;gap:64px;align-items:center;
  max-width:1360px;margin:0 auto;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  padding:7px 14px;border-radius:999px;
  background:rgba(91,123,255,0.08);
  border:1px solid rgba(138,166,255,0.25);
  color:var(--blue-400);
  font-size:.82rem;font-weight:500;letter-spacing:-0.005em;
  margin-bottom:24px;
}
.pulse{
  width:7px;height:7px;border-radius:50%;
  background:#8aa6ff;box-shadow:0 0 0 0 rgba(138,166,255,0.6);
  animation:pulse 2.2s ease-in-out infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(138,166,255,0.55)}
  70%{box-shadow:0 0 0 10px rgba(138,166,255,0)}
  100%{box-shadow:0 0 0 0 rgba(138,166,255,0)}
}

.hero-title{
  font-size:var(--t-hero);
  line-height:1.04;
  font-weight:600;letter-spacing:-0.03em;
  color:var(--ink-0);
  margin:0 0 32px;
}
.hero-title > span{display:block}
.hero-title .italic{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:var(--blue-400)}
.shine{
  background: linear-gradient(100deg,#eaf0ff 0%, #8aa6ff 35%, #c6b4ff 60%, #eaf0ff 100%);
  background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation: shine 8s linear infinite;
}
@keyframes shine{ to{background-position:-200% 0} }

.hero-sub{color:var(--ink-1);font-size:1.1rem;max-width:560px;margin:0 0 32px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}
.hero-trust{
  display:flex;gap:28px;flex-wrap:wrap;padding:0;margin:0;list-style:none;
  border-top:1px solid var(--line);padding-top:22px;
}
.hero-trust li{display:flex;flex-direction:column;gap:2px}
.hero-trust strong{color:var(--ink-0);font-size:1.4rem;font-weight:600;letter-spacing:-0.02em}
.hero-trust span{color:var(--ink-2);font-size:.82rem}

/* Hero mock */
.hero-mock{position:relative}
.mock-window{
  position:relative;
  border-radius:18px;
  border:1px solid var(--line-strong);
  background: linear-gradient(180deg, rgba(12,18,40,0.8), rgba(7,11,26,0.9));
  box-shadow: var(--shadow-lg);
  overflow:hidden;
  transform: perspective(1400px) rotateY(-8deg) rotateX(3deg);
  transition: transform .6s var(--ease);
}
.hero-mock:hover .mock-window{transform: perspective(1400px) rotateY(-4deg) rotateX(1deg)}
.mock-top{
  display:flex;align-items:center;gap:6px;
  padding:10px 14px;border-bottom:1px solid var(--line);
  background: rgba(5,7,15,0.6);
}
.mock-top span{width:10px;height:10px;border-radius:50%;background:#2a324d}
.mock-top span:nth-child(1){background:#ff6b6b}
.mock-top span:nth-child(2){background:#ffc46b}
.mock-top span:nth-child(3){background:#7dff9e}
.mock-url{
  margin-left:14px;font-size:.78rem;color:var(--ink-2);
  background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:6px;padding:3px 10px;
}

.mock-body{display:grid;grid-template-columns:180px 1fr;min-height:380px}
.mock-side{
  border-right:1px solid var(--line);
  padding:14px 12px;display:flex;flex-direction:column;gap:4px;
  background:rgba(5,7,15,0.35);
}
.mock-logo{width:28px;height:28px;object-fit:contain;margin:0 0 12px 4px}
.mock-nav-item{
  padding:8px 10px;border-radius:8px;font-size:.82rem;color:var(--ink-2);
}
.mock-nav-item.active{background:rgba(91,123,255,0.12);color:var(--ink-0);border:1px solid rgba(138,166,255,0.18)}
.mock-main{padding:18px;display:flex;flex-direction:column;gap:14px}
.mock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kpi{
  background:rgba(255,255,255,0.03);border:1px solid var(--line);
  border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:2px;
}
.kpi small{color:var(--ink-3);font-size:.7rem;text-transform:uppercase;letter-spacing:0.08em}
.kpi b{color:var(--ink-0);font-size:.95rem;font-weight:600}
.kpi em{font-style:normal;font-size:.72rem;color:#7dff9e}
.mock-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex:1}
.col{background:rgba(255,255,255,0.02);border:1px solid var(--line);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px}
.col h5{margin:0;font-size:.7rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.card{
  background:rgba(12,18,40,0.7);border:1px solid var(--line);
  border-radius:7px;padding:7px 8px;font-size:.74rem;color:var(--ink-1);
}
.card.hot{border-color:rgba(255,165,109,0.35);background:rgba(255,120,60,0.08);color:#ffd2b6}
.card.won{border-color:rgba(125,255,158,0.35);background:rgba(60,220,120,0.08);color:#b6ffcd}
.mock-ai{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:10px;
  background:linear-gradient(90deg,rgba(91,123,255,0.12),rgba(122,77,255,0.12));
  border:1px solid rgba(138,166,255,0.22);
}
.ai-dot{width:8px;height:8px;border-radius:50%;background:#8aa6ff;box-shadow:0 0 12px #8aa6ff}
.ai-text{font-size:.78rem;color:var(--ink-1)}
.ai-text b{color:var(--ink-0);margin-right:6px}

/* ========== Logo strip ========== */
.strip{
  max-width:1200px;margin:0 auto;padding:24px clamp(20px,4vw,48px);
  display:flex;align-items:center;gap:28px;flex-wrap:wrap;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  color:var(--ink-3);
}
.strip p{margin:0;font-size:.82rem;letter-spacing:0.02em;text-transform:uppercase;color:var(--ink-3)}
.strip ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:22px}
.strip li{font-size:.92rem;color:var(--ink-2);font-weight:500;opacity:.8}

/* ========== Sections ========== */
.section{
  max-width:1200px;margin:0 auto;
  padding: clamp(80px,10vw,140px) clamp(20px,4vw,48px);
}
.section-tight{padding-top:40px}
.section-head{max-width:780px;margin:0 auto 60px;text-align:center}
.section-head h2{
  font-size:var(--t-h2);line-height:1.1;letter-spacing:-0.025em;
  font-weight:600;color:var(--ink-0);margin:18px 0 24px;
}
.section-head p{color:var(--ink-1);font-size:1.05rem;margin:0}
.tf h3 + p, .tf h3 + .tf-sub{margin-top:6px}
.eyebrow-mini{
  font-size:.74rem;text-transform:uppercase;letter-spacing:0.14em;
  color:var(--blue-400);font-weight:600;
}

/* Problem grid */
.problem-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
.prob{
  padding:26px;border-radius:var(--radius-md);
  background:linear-gradient(180deg, rgba(12,18,40,0.5), rgba(7,11,26,0.3));
  border:1px solid var(--line);
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}
.prob:hover{border-color:var(--accent-ring);transform:translateY(-2px)}
.prob h4{color:var(--ink-0);font-size:1.1rem;margin:0 0 10px;font-weight:600;letter-spacing:-0.01em}
.prob p{margin:0;color:var(--ink-2);font-size:.94rem}

/* Solution banner */
.solution{
  position:relative;margin: clamp(60px, 8vw, 100px) auto;
  max-width:1200px;
  border-radius:var(--radius-xl);
  padding: clamp(40px,5vw,64px) clamp(24px,5vw,56px);
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(91,123,255,0.14) 0%, rgba(5,7,15,0) 60%),
    linear-gradient(180deg, rgba(12,18,40,0.7), rgba(7,11,26,0.4));
  border:1px solid var(--line-strong);
  box-shadow: var(--shadow-lg);
  overflow:hidden;
}
.solution::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(60% 40% at 10% 90%, rgba(122,77,255,0.25), transparent 60%),
    radial-gradient(60% 40% at 90% 10%, rgba(91,123,255,0.25), transparent 60%);
  pointer-events:none;
}
.solution-inner{position:relative;text-align:center;max-width:920px;margin:0 auto}
.solution-inner h2{font-size:var(--t-h2);font-weight:600;letter-spacing:-0.025em;color:var(--ink-0);margin:12px 0}
.solution-inner p{color:var(--ink-1);font-size:1.06rem;margin:0 0 36px}

.sol-visual{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin-top:32px}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.chips span{
  padding:7px 12px;border-radius:999px;font-size:.8rem;
  background:rgba(255,255,255,0.03);border:1px solid var(--line);color:var(--ink-1);
}
.converge{color:var(--blue-400);font-size:1.8rem;font-weight:300}
.one-core{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  padding:22px;border-radius:var(--radius-lg);
  border:1px solid var(--line-strong);
  background:linear-gradient(135deg, rgba(91,123,255,0.12), rgba(122,77,255,0.1));
  color:var(--ink-0);min-width:220px;
}
.one-core-logo{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 6px 24px rgba(138,166,255,0.45))}
.one-core svg{width:48px;height:48px;color:var(--blue-400)}
.one-core b{font-size:1rem;letter-spacing:-0.01em}

/* Top features */
.top-features{
  display:grid;grid-template-columns:repeat(3, 1fr);gap:18px;
  grid-auto-rows:auto;
  align-items:stretch;
}
.tf{
  position:relative; overflow:hidden;
  padding:28px;border-radius:var(--radius-lg);
  background:linear-gradient(180deg, rgba(12,18,40,0.55), rgba(7,11,26,0.35));
  border:1px solid var(--line);
  transition: border-color .3s var(--ease), transform .3s var(--ease), background .3s var(--ease);
  display:flex;flex-direction:column;gap:10px;
}
.tf::after{
  content:""; position:absolute; inset:-1px -1px auto auto;
  width:140px; height:140px; pointer-events:none;
  background: radial-gradient(circle at 100% 0%, rgba(91,123,255,0.18), transparent 60%);
  opacity:0; transition:opacity .3s var(--ease);
}
.tf:hover{border-color:var(--accent-ring);transform:translateY(-3px)}
.tf:hover::after{opacity:1}
.tf-icon{
  width:44px;height:44px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, rgba(91,123,255,0.18), rgba(122,77,255,0.12));
  border:1px solid rgba(138,166,255,0.25);
  color:var(--blue-400);
  margin-bottom:4px;
}
.tf-icon svg{width:24px;height:24px}
.tf-icon-lg{width:64px;height:64px;border-radius:16px}
.tf-icon-lg svg{width:34px;height:34px}
.tf-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--blue-400);font-weight:600}
.tf h3{margin:0;color:var(--ink-0);font-size:var(--t-h3);font-weight:600;letter-spacing:-0.015em;line-height:1.2}
.tf p{margin:0;color:var(--ink-1);font-size:.98rem;line-height:1.55}
.tf-chips{
  list-style:none;padding:0;margin:auto 0 0;
  display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;
}
.tf-chips li{
  font-size:.78rem; line-height:1.2; color:var(--ink-1);
  padding:7px 11px; border-radius:999px;
  background:rgba(91,123,255,0.08);
  border:1px solid rgba(138,166,255,0.18);
}
.tf-wide{
  grid-column: 1 / -1;
  background: linear-gradient(120deg, rgba(91,123,255,0.16) 0%, rgba(122,77,255,0.10) 45%, rgba(7,11,26,0.35) 100%);
  border-color: var(--accent-ring);
  padding:36px 40px;
}
.tf-wide-inner{
  display:grid; grid-template-columns:auto 1fr auto;
  align-items:center; gap:32px;
}
.tf-wide-text{display:flex;flex-direction:column;gap:8px}
.tf-wide-stats{
  display:flex;gap:28px;
  padding-left:32px;
  border-left:1px solid rgba(138,166,255,0.2);
}
.tf-stat{display:flex;flex-direction:column;gap:2px;text-align:center}
.tf-stat-n{
  font-family:'Instrument Serif',serif; font-style:italic;
  font-size:1.75rem; line-height:1; color:var(--blue-400);
}
.tf-stat-l{font-size:.72rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--ink-2)}

/* Modules grid */
.modules{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;
}
.mod{
  position:relative;
  padding:22px 20px;background:var(--bg-1);
  transition:background .3s var(--ease);
  display:flex;flex-direction:column;gap:6px;
}
.mod:hover{background:rgba(91,123,255,0.04)}
.mod-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;margin-bottom:6px;
}
.mod-num{
  font-family:"Instrument Serif",serif;font-style:italic;font-size:.92rem;
  color:var(--blue-400);
}
.mod-icon{
  width:32px;height:32px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, rgba(91,123,255,0.16), rgba(122,77,255,0.10));
  border:1px solid rgba(138,166,255,0.2);
  color:var(--blue-400);flex-shrink:0;
  transition:transform .3s var(--ease), border-color .3s var(--ease);
}
.mod-icon svg{width:18px;height:18px}
.mod:hover .mod-icon{transform:scale(1.08);border-color:rgba(138,166,255,0.4)}
.mod h4{margin:0;font-size:.98rem;color:var(--ink-0);font-weight:600;letter-spacing:-0.01em}
.mod p{margin:0;font-size:.85rem;color:var(--ink-2);line-height:1.5}

/* AI section */
.ai-section .section-head{max-width:820px}
.ai-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ai-col{
  padding:28px;border-radius:var(--radius-lg);
  background:linear-gradient(180deg, rgba(12,18,40,0.55), rgba(7,11,26,0.3));
  border:1px solid var(--line);
}
.ai-col h4{margin:0 0 14px;color:var(--ink-0);font-size:1.05rem;font-weight:600;letter-spacing:-0.01em}
.ai-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.ai-col ul li{
  padding-left:22px;position:relative;font-size:.94rem;color:var(--ink-1);
}
.ai-col ul li::before{
  content:"✓";position:absolute;left:0;top:0;color:var(--blue-400);font-weight:700;
}
.ai-col ul.neg li::before{content:"✕";color:#ff8aa6}

/* Compare */
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.compare-col{
  padding:28px;border-radius:var(--radius-lg);border:1px solid var(--line);
  background:rgba(12,18,40,0.4);
  position:relative;
}
.compare-col.stack h4{color:var(--ink-1)}
.compare-col.lcc{
  background: linear-gradient(150deg, rgba(91,123,255,0.14), rgba(122,77,255,0.08) 60%, rgba(7,11,26,0.4));
  border-color:var(--accent-ring);box-shadow:var(--shadow-md);
}
.lcc-badge{
  position:absolute;top:-12px;right:24px;
  padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:0.06em;
  text-transform:uppercase;background:linear-gradient(135deg,#5b7bff,#7a4dff);color:#fff;
}
.compare-col h4{margin:0 0 16px;font-size:1.1rem;font-weight:600;letter-spacing:-0.01em;color:var(--ink-0)}
.compare-col ul{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:10px}
.compare-col ul li{
  display:flex;justify-content:space-between;gap:14px;
  padding:10px 0;border-bottom:1px dashed var(--line);
  font-size:.94rem;color:var(--ink-1);
}
.compare-col ul li:last-child{border-bottom:0}
.compare-col ul li b{color:var(--ink-0);font-weight:600;white-space:nowrap}
.compare-col.lcc ul li{justify-content:flex-start;padding-left:22px;position:relative}
.compare-col.lcc ul li::before{
  content:"✓";position:absolute;left:0;top:10px;color:var(--blue-400);font-weight:700;
}
.compare-total{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:14px 0 0;border-top:1px solid var(--line);margin-top:8px;
}
.compare-total span{color:var(--ink-2);font-size:.86rem}
.compare-total b{color:var(--ink-0);font-size:1.2rem;font-weight:600}
.compare-col.lcc .compare-total b{
  background: linear-gradient(100deg,#c6b4ff,#8aa6ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.compare-foot{margin-top:8px;color:var(--ink-3);font-size:.82rem}

/* Audience */
.audience{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.aud{
  padding:24px;border-radius:var(--radius-md);
  border:1px solid var(--line);background:rgba(12,18,40,0.4);
  transition: border-color .3s var(--ease),transform .3s var(--ease);
}
.aud:hover{border-color:var(--accent-ring);transform:translateY(-2px)}
.aud h4{margin:0 0 8px;color:var(--ink-0);font-size:1.05rem;font-weight:600;letter-spacing:-0.01em}
.aud p{margin:0;color:var(--ink-2);font-size:.92rem}

/* FAQ */
.faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.faq details{
  border:1px solid var(--line);border-radius:var(--radius-md);
  background:rgba(12,18,40,0.45);
  padding: 18px 22px;transition:border-color .3s var(--ease);
}
.faq details[open]{border-color:var(--accent-ring)}
.faq summary{
  cursor:pointer;list-style:none;
  color:var(--ink-0);font-weight:500;font-size:1.02rem;letter-spacing:-0.005em;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"+";color:var(--blue-400);font-size:1.3rem;font-weight:300;transition:transform .3s var(--ease);
}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin:14px 0 0;color:var(--ink-1);font-size:.96rem;line-height:1.6}

/* CTA */
.cta{
  max-width:1100px;margin:0 auto;padding:0 clamp(20px,4vw,48px) 120px;
}
.cta-inner{
  position:relative;overflow:hidden;
  padding: clamp(50px, 7vw, 88px) clamp(28px,5vw,64px);
  border-radius:var(--radius-xl);
  border:1px solid var(--accent-ring);
  background:
    radial-gradient(80% 80% at 80% 20%, rgba(122,77,255,0.32), transparent 60%),
    radial-gradient(80% 80% at 10% 90%, rgba(91,123,255,0.32), transparent 60%),
    linear-gradient(180deg, rgba(12,18,40,0.85), rgba(7,11,26,0.85));
  text-align:center;
  box-shadow:var(--shadow-lg);
}
.cta-inner h2{font-size:var(--t-h2);color:var(--ink-0);margin:14px 0 14px;font-weight:600;letter-spacing:-0.025em}
.cta-inner p{color:var(--ink-1);font-size:1.08rem;max-width:640px;margin:0 auto 32px}
.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}
.cta-contact{display:flex;gap:14px;justify-content:center;color:var(--ink-3);font-size:.92rem;flex-wrap:wrap}

/* Footer */
.foot{border-top:1px solid var(--line);padding: 40px clamp(20px,4vw,48px)}
.foot-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.foot-brand{display:flex;align-items:center;gap:10px;color:var(--ink-0);font-weight:600}
.foot-brand .brand-mark{width:28px;height:28px;object-fit:contain}
.foot-brand em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;margin-left:2px}
.foot p{margin:0;color:var(--ink-2);font-size:.96rem}
.foot-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;color:var(--ink-2);font-size:.88rem;margin-top:4px}
.foot-links a:hover{color:var(--ink-0)}
.foot small{color:var(--ink-3);font-size:.78rem;margin-top:8px}

/* ========== Responsive ========== */
@media (max-width: 1100px){
  .hero{grid-template-columns:1fr;padding-top:80px;gap:40px}
  .hero-mock{order:2}
  .problem-grid{grid-template-columns:repeat(2,1fr)}
  .top-features{grid-template-columns:repeat(2,1fr)}
  .tf-big{grid-column:span 2;grid-row:auto}
  .tf-wide{padding:28px}
  .tf-wide-inner{grid-template-columns:auto 1fr; gap:20px}
  .tf-wide-stats{grid-column:1 / -1; padding-left:0; border-left:none; border-top:1px solid rgba(138,166,255,0.2); padding-top:18px; justify-content:space-around}
  .modules{grid-template-columns:repeat(2,1fr)}
  .ai-cols{grid-template-columns:1fr}
  .compare-grid{grid-template-columns:1fr}
  .audience{grid-template-columns:repeat(2,1fr)}
  .sol-visual{grid-template-columns:1fr;gap:16px}
  .chips{justify-content:center}
  .converge{transform:rotate(90deg)}
}
@media (max-width: 680px){
  .nav{gap:10px;padding:12px 18px}
  .nav-links{display:none}
  .brand-word{display:none}
  .nav-cta .btn-ghost{display:none}
  .problem-grid{grid-template-columns:1fr}
  .top-features{grid-template-columns:1fr}
  .tf-big{grid-column:auto}
  .tf-wide-inner{grid-template-columns:1fr;text-align:left;gap:16px}
  .tf-wide-stats{gap:14px}
  .tf-stat-n{font-size:1.5rem}
  .modules{grid-template-columns:1fr}
  .audience{grid-template-columns:1fr}
  .hero-trust{gap:18px}
  .strip ul{gap:14px}
  .strip li{font-size:.84rem}
  .mock-body{grid-template-columns:1fr}
  .mock-side{display:none}
  .mock-kpis{grid-template-columns:repeat(2,1fr)}
  .mock-board{grid-template-columns:repeat(2,1fr)}
}

/* ========== Before / After transformation ========== */
.ba-grid{
  display:grid;grid-template-columns: 1fr auto 1fr;gap:20px;align-items:stretch;
  max-width:1100px;margin:0 auto;
}
.ba{
  padding:28px 28px 24px;border-radius:var(--radius-lg);
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(12,18,40,0.55), rgba(7,11,26,0.3));
}
.ba.before{
  border-color: rgba(255,138,166,0.22);
  background:linear-gradient(180deg, rgba(40,18,26,0.45), rgba(18,10,18,0.3));
}
.ba.after{
  border-color: var(--accent-ring);
  background:linear-gradient(150deg, rgba(91,123,255,0.14), rgba(122,77,255,0.08) 60%, rgba(7,11,26,0.4));
  box-shadow: var(--shadow-md);
}
.ba h4{
  margin:0 0 18px;font-size:.82rem;text-transform:uppercase;letter-spacing:0.14em;
  font-weight:600;color:var(--ink-0);
  display:inline-block;padding:5px 11px;border-radius:999px;
  background:rgba(255,255,255,0.04);border:1px solid var(--line);
}
.ba.before h4{color:#ffb6c6;background:rgba(255,138,166,0.08);border-color:rgba(255,138,166,0.25)}
.ba.after h4{color:#c6d1ff;background:rgba(138,166,255,0.12);border-color:rgba(138,166,255,0.35)}
.ba ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
.ba li{display:flex;flex-direction:column;gap:2px;padding-left:22px;position:relative}
.ba.before li::before{
  content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,#ffc2d0,#ff7a9a);
  box-shadow:0 0 8px rgba(255,122,154,0.45);
}
.ba.after li::before{
  content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,#b9c9ff,#5b7bff);
  box-shadow:0 0 8px rgba(91,123,255,0.55);
}
.ba li b{color:var(--ink-0);font-weight:600;font-size:1.02rem;letter-spacing:-0.01em}
.ba li span{color:var(--ink-2);font-size:.92rem;line-height:1.5}
.ba-arrow{
  align-self:center;justify-self:center;
  font-size:2.4rem;font-weight:200;color:var(--blue-400);
  padding:0 6px;line-height:1;
  font-family:"Instrument Serif",serif;font-style:italic;
}

/* Outcome metrics strip */
.metrics{
  margin:44px auto 0;max-width:1100px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
  padding:20px;border-radius:var(--radius-lg);
  background:linear-gradient(90deg, rgba(91,123,255,0.08), rgba(122,77,255,0.08));
  border:1px solid var(--line-strong);
}
.metric{display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center;padding:8px}
.metric b{
  color:var(--ink-0);font-size:1.6rem;font-weight:600;letter-spacing:-0.02em;
  background: linear-gradient(100deg,#eaf0ff 0%,#8aa6ff 50%,#c6b4ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.metric span{color:var(--ink-2);font-size:.86rem;line-height:1.4}

/* ========== Process / journey ========== */
.steps{
  list-style:none;padding:0;margin:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
  max-width:1200px;margin-inline:auto;
}
.step{
  position:relative;
  display:grid;grid-template-columns:auto 1fr;gap:18px;
  padding:24px;border-radius:var(--radius-lg);
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(12,18,40,0.55), rgba(7,11,26,0.3));
  transition:border-color .3s var(--ease), transform .3s var(--ease);
}
.step:hover{border-color:var(--accent-ring);transform:translateY(-2px)}
.step-n{
  font-family:"Instrument Serif",serif;font-style:italic;
  font-size:2.4rem;line-height:1;
  background:linear-gradient(135deg,#8aa6ff,#7a4dff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  min-width:58px;
}
.step-body{display:flex;flex-direction:column;gap:6px}
.step-body h4{margin:0;color:var(--ink-0);font-size:1.05rem;font-weight:600;letter-spacing:-0.01em;line-height:1.25}
.step-body p{margin:0;color:var(--ink-1);font-size:.94rem;line-height:1.55}
.step-time{
  align-self:flex-start;margin-top:6px;
  font-size:.72rem;text-transform:uppercase;letter-spacing:0.12em;font-weight:600;
  color:var(--blue-400);
  padding:4px 10px;border-radius:999px;
  background:rgba(91,123,255,0.1);border:1px solid rgba(138,166,255,0.25);
}

/* Reveal hook kept for future use; no hidden initial state to keep content reachable via hashes. */

/* ========== Responsive additions ========== */
@media (max-width: 1100px){
  .ba-grid{grid-template-columns:1fr;gap:14px}
  .ba-arrow{transform:rotate(90deg);padding:6px 0}
  .metrics{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 680px){
  .metrics{grid-template-columns:1fr 1fr;padding:16px}
  .metric b{font-size:1.35rem}
  .steps{grid-template-columns:1fr}
  .step{padding:20px;gap:14px}
  .step-n{font-size:2rem;min-width:46px}
  .ba{padding:22px 20px}
  .ba li b{font-size:.98rem}
}

/* ========== Hero floating cards ========== */
.hero-mock{ overflow: visible; }
.float-card{
  position:absolute; z-index:5;
  display:flex; gap:10px; align-items:center;
  padding:9px 12px; border-radius:14px;
  background: linear-gradient(180deg, rgba(20,28,60,0.96), rgba(10,16,40,0.92));
  border:1px solid rgba(138,166,255,0.32);
  box-shadow: 0 18px 40px -12px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.02) inset;
  backdrop-filter: blur(10px);
  min-width: 190px; max-width: 220px;
  animation: floatY 6s ease-in-out infinite;
}
.float-card .fc-body{display:flex;flex-direction:column;gap:1px;min-width:0}
.float-card .fc-body b{color:var(--ink-0);font-size:.86rem;font-weight:600;letter-spacing:-0.01em;line-height:1.2}
.float-card .fc-body span{color:var(--ink-2);font-size:.74rem;line-height:1.3}
.fc-ico{
  width:32px;height:32px;border-radius:10px;flex-shrink:0;
  display:grid;place-items:center;
}
.fc-green{background:rgba(125,255,158,0.16);color:#7dff9e;border:1px solid rgba(125,255,158,0.35)}
.fc-violet{background:rgba(122,77,255,0.18);color:#c6b4ff;border:1px solid rgba(122,77,255,0.45)}
.fc-blue{background:rgba(91,123,255,0.18);color:#8aa6ff;border:1px solid rgba(138,166,255,0.42)}
.fc-notif{ top: -28px; left: -56px; animation-delay: 0s; }
.fc-ai{ top: -14px; right: -64px; animation-delay: -2s; }
.fc-revenue{ bottom: -64px; left: 30%; animation-delay: -4s; }
@keyframes floatY{
  0%,100%{transform: translateY(0)}
  50%{transform: translateY(-6px)}
}

/* ========== Stats section ========== */
.stats-section{ padding-top: clamp(80px,10vw,140px); }
.stats-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
  max-width:1200px; margin: 0 auto;
}
.stat-card{
  position:relative;
  padding:26px 24px 22px;
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(12,18,40,0.6), rgba(7,11,26,0.35));
  border:1px solid var(--line);
  display:flex; flex-direction:column; gap:14px;
  transition: border-color .3s var(--ease), transform .3s var(--ease);
}
.stat-card:hover{ border-color: var(--accent-ring); transform: translateY(-3px); }
.stat-num{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }
.stat-big{
  font-size: clamp(2.2rem, 3.4vw, 3rem);
  font-weight: 600; letter-spacing: -0.03em; line-height: 1;
  background: linear-gradient(100deg,#eaf0ff 0%,#8aa6ff 50%,#c6b4ff 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.stat-unit{
  color: var(--ink-2); font-size:.84rem; letter-spacing:.04em;
  text-transform:uppercase; font-weight:600;
}
.stat-card p{ margin:0; color:var(--ink-1); font-size:.94rem; line-height:1.55; }
.stat-viz{
  width:100%; height:60px; margin-top:auto;
}
.stat-viz.stat-donut, .stat-viz.stat-clock{
  width:88px; height:88px; align-self:center;
}
.stat-source{
  font-size:.74rem; color: var(--ink-3); letter-spacing:.04em;
  border-top:1px dashed var(--line); padding-top:10px;
  text-decoration:none; transition: color .25s var(--ease);
}
.stat-source:hover{ color: var(--blue-400); }
.stats-footnote{
  max-width: 820px; margin: 36px auto 0; text-align:center;
  color: var(--ink-2); font-size:.96rem; line-height:1.6;
}

/* ========== Day in the life ========== */
.day-section{ padding-top: 0; }
.day-grid{
  display:grid; grid-template-columns: repeat(3, 1fr); gap:18px;
  max-width:1200px; margin: 0 auto;
}
.day-card{
  padding: 24px;
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(12,18,40,0.55), rgba(7,11,26,0.3));
  border:1px solid var(--line);
  display:flex; flex-direction:column; gap:18px;
  transition: border-color .3s var(--ease), transform .3s var(--ease);
}
.day-card:hover{ border-color: var(--accent-ring); transform: translateY(-3px); }
.day-time{
  display:flex; align-items:center; gap:10px;
  color: var(--blue-400);
  font-size: .82rem; letter-spacing:.06em; text-transform:uppercase; font-weight:600;
  padding-bottom:14px; border-bottom:1px dashed var(--line);
}
.day-time svg{ flex-shrink:0; }
.day-before, .day-after{
  display:flex; flex-direction:column; gap:8px;
}
.day-mood{
  display:inline-flex; align-items:center; gap:8px;
  font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; font-weight:700;
  color:#ffb6c6;
  padding: 4px 10px; border-radius: 999px;
  background: rgba(255,138,166,0.08); border:1px solid rgba(255,138,166,0.25);
  align-self:flex-start;
}
.day-mood.good{
  color:#b9d3ff;
  background: rgba(91,123,255,0.12); border-color: rgba(138,166,255,0.35);
}
.day-card p{ margin:0; color: var(--ink-1); font-size:.94rem; line-height:1.6; }
.day-before p{ color: var(--ink-2); }

/* ========== Emotional pullquote band ========== */
.pullquote{
  position:relative; max-width:1200px; margin: 0 auto;
  padding: clamp(48px,7vw,88px) clamp(20px,4vw,48px);
}
.pq-inner{
  position:relative;
  border-radius: var(--radius-xl);
  padding: clamp(40px,5vw,68px) clamp(28px,5vw,72px);
  background:
    radial-gradient(70% 80% at 20% 10%, rgba(122,77,255,0.22), transparent 60%),
    radial-gradient(70% 80% at 90% 90%, rgba(91,123,255,0.22), transparent 60%),
    linear-gradient(180deg, rgba(12,18,40,0.65), rgba(7,11,26,0.4));
  border:1px solid var(--accent-ring);
  text-align:center;
  box-shadow: var(--shadow-lg);
  overflow:hidden;
}
.pq-quote{
  width:42px; height:32px; margin: 0 auto 18px;
  color: var(--blue-400); opacity:.55;
}
.pq-text{
  font-family:"Instrument Serif", serif; font-style: italic; font-weight: 400;
  font-size: clamp(2rem, 4.4vw, 3.6rem);
  line-height:1.08; letter-spacing:-0.02em;
  margin: 0 0 18px;
  background: linear-gradient(100deg,#f3f5ff 0%,#a9bcff 50%,#c6b4ff 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.pq-sub{
  max-width: 620px; margin: 0 auto;
  color: var(--ink-1); font-size: 1.06rem; line-height:1.65;
}

/* ========== Industries ========== */
.industries-section{ padding-top: clamp(60px,8vw,100px); }
.industries{
  display:grid; grid-template-columns: repeat(4, 1fr); gap:14px;
  max-width:1200px; margin: 0 auto;
}
.ind-card{
  padding: 22px 20px;
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(12,18,40,0.55), rgba(7,11,26,0.3));
  border:1px solid var(--line);
  display:flex; flex-direction:column; gap:10px;
  transition: border-color .3s var(--ease), transform .3s var(--ease), background .3s var(--ease);
}
.ind-card:hover{ border-color: var(--accent-ring); transform: translateY(-3px);
  background: linear-gradient(180deg, rgba(20,28,60,0.6), rgba(7,11,26,0.4));
}
.ind-ico{
  width:48px; height:48px; border-radius: 14px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, rgba(91,123,255,0.18), rgba(122,77,255,0.12));
  border:1px solid rgba(138,166,255,0.32);
  color: var(--blue-400);
  margin-bottom: 4px;
}
.ind-card h4{
  margin:0; color:var(--ink-0); font-size: 1rem; font-weight:600; letter-spacing:-0.01em;
  line-height:1.25;
}
.ind-card p{
  margin:0; color: var(--ink-2); font-size:.88rem; line-height:1.55;
}
.industries-foot{
  max-width: 760px; margin: 28px auto 0; text-align:center;
  color: var(--ink-3); font-size:.92rem; line-height:1.6;
}

/* ========== Visual cost comparison chart ========== */
.cost-chart{
  display:flex; flex-direction:column; gap:24px;
  max-width:1200px; margin:0 auto 32px;
}
.cost-row{
  display:grid; grid-template-columns: 220px 1fr 180px; gap:22px; align-items:center;
}
.cost-label{
  display:flex; flex-direction:column; gap:2px;
}
.cost-label b{ color: var(--ink-0); font-size: 1.05rem; font-weight:600; letter-spacing:-0.01em; }
.cost-label span{ color: var(--ink-2); font-size:.86rem; }
.cost-label.lcc b{
  background: linear-gradient(100deg,#c6b4ff,#8aa6ff);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.cost-bar{
  display:flex; height: 56px; border-radius: 12px; overflow:hidden;
  border:1px solid var(--line);
  background: rgba(255,255,255,0.02);
  width: var(--w, 100%);
}
.seg{
  position:relative;
  display:flex; align-items:center; justify-content:center;
  border-right: 1px solid rgba(0,0,0,0.25);
  min-width: 0; overflow:hidden;
  transition: filter .25s var(--ease);
}
.seg:last-child{ border-right: 0; }
.seg:hover{ filter: brightness(1.15); }
.seg-label{
  font-size:.68rem; font-weight:600; letter-spacing:.02em;
  color: rgba(255,255,255,0.92);
  white-space:nowrap; padding: 0 4px;
  text-overflow: ellipsis; overflow: hidden;
  max-width: 100%;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.seg-narrow{ cursor: help; }
.seg-a{ background: linear-gradient(180deg,#3d5cf0,#2e46c4); }
.seg-b{ background: linear-gradient(180deg,#5b7bff,#4262e6); }
.seg-c{ background: linear-gradient(180deg,#7066f0,#5246c4); }
.seg-d{ background: linear-gradient(180deg,#8a64f0,#6c46d8); }
.seg-e{ background: linear-gradient(180deg,#a065e0,#7c46c0); }
.seg-f{ background: linear-gradient(180deg,#b06ad0,#8848aa); }
.seg-g{ background: linear-gradient(180deg,#c270c0,#964a90); }
.seg-h{ background: linear-gradient(180deg,#d97a9a,#a64866); }
.seg-i{ background: linear-gradient(180deg,#e6886a,#b85540); }
.seg-j{ background: linear-gradient(180deg,#f0a04a,#c4742a); }
.seg-lcc{
  background: linear-gradient(135deg, #5b7bff 0%, #7a4dff 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18), 0 0 24px rgba(122,77,255,0.35);
}
.seg-lcc .seg-label{ font-size:.84rem; font-weight:700; letter-spacing:.02em; }
.cost-sum{
  display:flex; flex-direction:column; align-items:flex-end; gap:2px; text-align:right;
}
.cost-sum b{ color: var(--ink-0); font-size:1.2rem; font-weight:600; letter-spacing:-0.01em; }
.cost-sum span{ color: var(--ink-2); font-size:.82rem; }
.cost-sum.win b{
  font-size: 1.5rem;
  background: linear-gradient(100deg,#c6b4ff,#8aa6ff);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.cost-sum.win span{ color: var(--blue-400); font-weight:600; }

.cost-details{
  display:grid; grid-template-columns: 1fr 1fr; gap:18px;
  max-width:1200px; margin: 0 auto;
}
.cost-detail{
  position:relative;
  padding: 28px;
  border-radius: var(--radius-lg);
  border:1px solid var(--line);
  background: rgba(12,18,40,0.45);
}
.cost-detail.win{
  background: linear-gradient(150deg, rgba(91,123,255,0.14), rgba(122,77,255,0.08) 60%, rgba(7,11,26,0.4));
  border-color: var(--accent-ring);
  box-shadow: var(--shadow-md);
}
.cost-detail h4{
  margin: 0 0 16px; color: var(--ink-0);
  font-size: 1.1rem; font-weight:600; letter-spacing:-0.01em;
}
.cost-detail.win h4{
  background: linear-gradient(100deg,#c6b4ff,#8aa6ff);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.cost-detail ul{ list-style:none; padding:0; margin: 0 0 14px; display:flex; flex-direction:column; gap:8px; }
.cost-detail ul li{
  display:flex; justify-content:space-between; gap:14px;
  padding: 9px 0; border-bottom: 1px dashed var(--line);
  font-size:.94rem; color: var(--ink-1);
}
.cost-detail ul li:last-child{ border-bottom: 0; }
.cost-detail ul li b{ color: var(--ink-0); font-weight:600; white-space:nowrap; }
.cost-detail.win ul li{
  position:relative; padding-left: 24px; justify-content:flex-start;
}
.cost-detail.win ul li::before{
  content:"✓"; position:absolute; left:0; top: 9px;
  color: var(--blue-400); font-weight:700;
}
.win-badge{
  position:absolute; top:-12px; right:24px;
  padding: 4px 12px; border-radius:999px;
  font-size:.72rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
  background: linear-gradient(135deg,#5b7bff,#7a4dff); color:#fff;
}
.cost-foot{
  margin-top: 8px; color: var(--ink-3); font-size:.84rem; line-height:1.5;
}

/* ========== Responsive additions ========== */
@media (max-width: 1100px){
  .stats-grid{ grid-template-columns: repeat(2,1fr); }
  .day-grid{ grid-template-columns: 1fr; }
  .industries{ grid-template-columns: repeat(2,1fr); }
  .cost-row{ grid-template-columns: 1fr; gap:12px; }
  .cost-bar{ width: 100% !important; }
  .cost-sum{ align-items:flex-start; text-align:left; }
  .cost-details{ grid-template-columns: 1fr; }
  .float-card{ display: none; }
  .hero{ padding-top: 100px; }
}
@media (max-width: 680px){
  .stats-grid{ grid-template-columns: 1fr; }
  .industries{ grid-template-columns: 1fr; }
  .seg-label{ display:none; }
  .seg-lcc .seg-label{ display: inline; font-size:.74rem; }
  .pq-text{ font-size: clamp(1.6rem, 7vw, 2.4rem); }
}