/* ============================================================
   REVAMP  ·  Warm motion-forward LOOK, animations removed.
   Static version: warehouse hero scene, Fraunces + Hanken type,
   floating chips and depth — no looping/auto motion, no reveals.
   Layered on top of warm-theme.css.
   ============================================================ */

:root {
  --ink:#1C1E24; --sub:#6E727B; --faint:#A6ABB5;
  --bg:#F7F8FA; --card:#FFFFFF; --border:#E7E9EE;
  --green:#2B9E8F; --green-d:#1F7A6F; --green-soft:#E4F4F1;
  --kraft-1:#EBDCBF; --kraft-2:#DCC59E; --kraft-3:#C9AE83;
  --floor:#EEE9DE; --floor-line:#1c1e2412;
  --e-out: cubic-bezier(.16,.84,.3,1);
  --shadow-lg:0 8px 24px rgba(28,30,36,.08), 0 28px 64px rgba(28,30,36,.10);

  /* Satoshi everywhere — overrides the page's Webflow font vars */
  --font-family--primary-font:'Satoshi',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-family--heading-font:'Satoshi',-apple-system,sans-serif;
}

body.body-3 { font-family:'Satoshi',-apple-system,sans-serif; }
.rv-hero, .rv-hero * { box-sizing:border-box; }

/* ============================================================
   HERO
   ============================================================ */
.rv-hero {
  max-width:1240px; margin:0 auto;
  padding: clamp(28px,6vh,76px) clamp(20px,5vw,52px) clamp(40px,6vh,72px);
  display:grid; grid-template-columns: 1.02fr 1.12fr;
  gap: clamp(28px,4.5vw,72px); align-items:center;
  position:relative;
}
.rv-hero > * { position:relative; z-index:1; }

.rv-eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  color:var(--green-d); margin-bottom:22px;
}
.rv-eyebrow .pulse{ width:8px; height:8px; }
.rv-eyebrow .pulse i{ display:block; width:8px; height:8px; border-radius:50%; background:var(--green); }

.rv-h1{
  font-family:'Satoshi',-apple-system,sans-serif;
  font-weight:700;
  font-size:clamp(40px,5.6vw,72px); line-height:1.04; letter-spacing:-.03em;
  color:var(--ink); margin:0 0 20px;
}
.rv-h1 .it{ font-style:italic; font-weight:700; color:var(--green-d); }
.rv-lede{
  font-size:clamp(16px,1.25vw,18.5px); line-height:1.6; color:var(--sub);
  max-width:33ch; margin:0 0 30px;
}
.rv-cta-row{ display:flex; align-items:center; gap:20px; margin-bottom:36px; flex-wrap:wrap; }
.rv-btn{
  display:inline-flex; align-items:center; gap:10px; text-decoration:none;
  background:var(--green); color:#fff; font-weight:600; font-size:15.5px;
  padding:14px 24px; border-radius:12px;
  box-shadow:0 1px 2px rgba(31,122,111,.20),0 10px 22px rgba(43,158,143,.22);
  transition:transform .2s var(--e-out), box-shadow .2s var(--e-out);
}
.rv-btn:hover{ transform:translateY(-2px); box-shadow:0 2px 4px rgba(31,122,111,.24),0 16px 32px rgba(43,158,143,.30); }
.rv-btn .arrow{ transition:transform .2s var(--e-out); }
.rv-btn:hover .arrow{ transform:translateX(4px); }
.rv-link{ color:var(--ink); text-decoration:none; font-weight:600; font-size:15.5px; position:relative; }
.rv-link::after{ content:""; position:absolute; left:0; right:100%; bottom:-3px; height:1.5px; background:var(--green); transition:right .25s var(--e-out); }
.rv-link:hover{ color:var(--green-d); } .rv-link:hover::after{ right:0; }

.rv-trust{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.rv-trust .item{ display:flex; align-items:baseline; gap:8px; }
.rv-trust .n{ font-family:'Satoshi',sans-serif; font-weight:700; font-size:22px; color:var(--ink); letter-spacing:-.02em; }
.rv-trust .l{ font-size:13px; color:var(--sub); }
.rv-trust .sep{ width:1px; height:26px; background:var(--border); }

/* ── Stage / hero illustration (original image, framed) ── */
.rv-stage{ position:relative; }
/* hero image sits directly on the page — no card frame */
.rv-herofig{ margin:0; background:transparent; border:0; box-shadow:none; padding:0; }
.rv-heroimg{ width:100%; height:auto; display:block; }

/* HTML stat chips floating over the scene (static) */
.rv-chip{
  position:absolute; z-index:3; display:flex; align-items:center; gap:10px;
  background:var(--card); border:1px solid var(--border); border-radius:14px;
  padding:11px 15px; box-shadow:var(--shadow-lg);
  font-weight:600; font-size:13.5px; color:var(--ink); white-space:nowrap;
}
.rv-chip .ic{ width:30px; height:30px; border-radius:9px; background:var(--green-soft); display:grid; place-items:center; }
.rv-chip .ic svg{ width:16px; height:16px; }
.rv-chip .num{ font-family:'Satoshi',sans-serif; color:var(--green-d); font-weight:700; }
.rv-chip small{ display:block; font-weight:500; color:var(--sub); font-size:11.5px; letter-spacing:.01em; }
.chip-1{ top:6%;  left:-3%; }
.chip-2{ bottom:14%; right:-4%; }

/* section headings get the display face too */
.heading-3, .heading-10, .heading-13, .white-title{
  font-family:'Satoshi',-apple-system,sans-serif !important; font-weight:700 !important; letter-spacing:-.025em !important;
}

@media (max-width:900px){
  .rv-hero{ grid-template-columns:1fr; padding-top:18px; }
  .rv-stage{ order:2; }
  .chip-1{ left:2%; } .chip-2{ right:2%; }
}

/* ============================================================
   DASHBOARD SHOWCASE  ·  tabbed feature section (Hero 195 pattern)
   Warm, gradient-free. Swaps a mockup dashboard per tab.
   ============================================================ */
.rv-dash{ max-width:1180px; margin:0 auto; padding:clamp(56px,8vh,104px) clamp(20px,5vw,52px); }
.rv-dash-head{ text-align:center; max-width:680px; margin:0 auto 34px; }
.rv-dash-head .rv-eyebrow{ justify-content:center; }
.rv-dash-h2{
  font-family:'Satoshi',-apple-system,sans-serif; font-weight:700; letter-spacing:-.03em;
  font-size:clamp(30px,3.8vw,46px); line-height:1.06; color:var(--ink); margin:0 0 14px;
}
.rv-dash-h2 .it{ font-style:italic; font-weight:700; color:var(--green-d); }
.rv-dash-sub{ font-size:clamp(15px,1.1vw,17px); line-height:1.6; color:var(--sub); margin:0 auto; max-width:54ch; }

/* pill tabs */
.rv-dash-tabs{
  display:flex; flex-wrap:wrap; justify-content:center; gap:6px;
  background:var(--card); border:1px solid var(--border); border-radius:14px;
  padding:6px; width:max-content; max-width:100%; margin:0 auto 30px;
  box-shadow:0 1px 2px rgba(28,30,36,.04);
}
.rv-tab{
  appearance:none; border:0; cursor:pointer; background:transparent;
  font-family:'Satoshi',sans-serif; font-weight:600; font-size:14px; color:var(--sub);
  padding:9px 16px; border-radius:10px; transition:background .2s var(--e-out), color .2s var(--e-out);
}
.rv-tab:hover{ color:var(--ink); }
.rv-tab.is-active{ background:var(--green-soft); color:var(--green-d); }

/* window frame */
.rv-dash-frame{ position:relative; }
.rv-dash-window{
  background:var(--card); border:1px solid var(--border); border-radius:18px; overflow:hidden;
  box-shadow:0 10px 30px rgba(28,30,36,.07), 0 40px 80px rgba(28,30,36,.08);
}
.rv-dash-titlebar{
  display:flex; align-items:center; gap:14px; padding:11px 16px;
  border-bottom:1px solid var(--border); background:#FCFCFD;
}
.rv-dots{ display:flex; gap:6px; }
.rv-dots i{ width:10px; height:10px; border-radius:50%; background:#E2E4E9; display:block; }
.rv-dots i:nth-child(1){ background:#F0C0B6; } .rv-dots i:nth-child(2){ background:#F2DDB0; } .rv-dots i:nth-child(3){ background:#C3E2CE; }
.rv-dash-title{ font-size:13px; font-weight:600; color:var(--sub); }
.rv-dash-search{ margin-left:auto; font-size:12px; color:var(--faint); border:1px solid var(--border); border-radius:8px; padding:5px 12px; }

.rv-dash-body{ display:flex; min-height:430px; }
.rv-dash-side{ width:168px; flex:none; border-right:1px solid var(--border); padding:16px 12px; background:#FCFCFD; }
.rv-side-brand{ font-weight:800; font-size:15px; color:var(--ink); padding:4px 10px 14px; }
.rv-side-logo{ height:22px; width:auto; filter:brightness(0); opacity:.9; display:block; }
.rv-side-brand span{ color:var(--green); }
.rv-side-nav{ display:flex; flex-direction:column; gap:2px; }
.rv-nav-i{ font-size:13px; color:var(--sub); padding:8px 10px; border-radius:8px; cursor:default; }
.rv-nav-i.is-active{ background:var(--green-soft); color:var(--green-d); font-weight:600; }

.rv-dash-main{ flex:1; padding:20px 22px; position:relative; min-width:0; }
.rv-dash-panel{ display:none; }
.rv-dash-panel.is-active{ display:block; animation:rv-fade .35s var(--e-out); }
@keyframes rv-fade{ from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:none;} }

.rv-dash-row1{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.rv-dash-mt{ font-family:'Satoshi',sans-serif; font-weight:700; font-size:19px; color:var(--ink); margin:0; letter-spacing:-.02em; }
.rv-date{ font-size:12px; color:var(--sub); border:1px solid var(--border); border-radius:8px; padding:5px 11px; }

.rv-kpis{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:16px; }
.rv-kpi{ border:1px solid var(--border); border-radius:12px; padding:13px 14px; }
.rv-kpi-l{ font-size:11.5px; color:var(--sub); margin-bottom:6px; }
.rv-kpi-v{ font-family:'Satoshi',sans-serif; font-weight:700; font-size:22px; color:var(--ink); letter-spacing:-.02em; line-height:1; }
.rv-kpi-d{ font-size:11.5px; font-weight:600; margin-top:6px; }

.rv-dash-row2{ display:grid; grid-template-columns:1.7fr 1fr; gap:12px; }
.rv-card{ border:1px solid var(--border); border-radius:12px; padding:14px 15px; }
.rv-card-h{ font-size:12.5px; font-weight:600; color:var(--ink); margin-bottom:12px; }
.rv-dchart{ width:100%; height:150px; display:block; }

.rv-rows{ display:flex; flex-direction:column; gap:9px; }
.rv-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.rv-row-main{ display:flex; flex-direction:column; min-width:0; }
.rv-row-t{ font-size:13px; font-weight:600; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rv-row-s{ font-size:11.5px; color:var(--sub); }
.rv-tag{ font-size:11px; font-weight:600; padding:3px 9px; border-radius:999px; white-space:nowrap; flex:none; }
.rv-tag.ok{ background:#DCFCE7; color:#15803D; } .rv-tag.warn{ background:#FBF1E2; color:#C77A1E; } .rv-tag.neg{ background:#FCE7E6; color:#B42318; }

.rv-bars{ display:flex; flex-direction:column; gap:13px; }
.rv-barrow{ display:flex; align-items:center; gap:10px; }
.rv-bar-l{ font-size:12px; color:var(--ink); width:64px; flex:none; }
.rv-bar-track{ flex:1; height:7px; background:var(--chip,#EEF0F3); border-radius:99px; overflow:hidden; }
.rv-bar-fill{ display:block; height:100%; background:var(--green); border-radius:99px; }
.rv-bar-p{ font-size:11.5px; color:var(--sub); width:34px; text-align:right; flex:none; }

@media (max-width:820px){
  .rv-dash-side{ display:none; }
  .rv-kpis{ grid-template-columns:repeat(2,1fr); }
  .rv-dash-row2{ grid-template-columns:1fr; }
  .rv-dash-tabs{ width:100%; overflow-x:auto; }
}
@media (prefers-reduced-motion:reduce){ .rv-dash-panel.is-active{ animation:none; } }

/* ============================================================
   HERO v2  ·  centered (adapted from 21st.dev hero-1), warm, no gradients
   ============================================================ */
.rv-hero2{
  display:block; max-width:1240px; margin:0 auto; padding:0;
  position:relative;
}
.rv-hero2-inner{
  text-align:center; max-width:760px; margin:0 auto;
  padding:clamp(40px,7vh,86px) clamp(20px,5vw,40px) clamp(34px,5vh,56px);
  position:relative;
  /* subtle vertical rails like the reference */
  border-left:1px solid var(--border); border-right:1px solid var(--border);
}
/* faint corner ticks on the rails */
.rv-hero2-inner::before, .rv-hero2-inner::after{
  content:""; position:absolute; top:-4px; width:9px; height:9px;
  border:1px solid var(--border); border-radius:50%; background:var(--bg);
}
.rv-hero2-inner::before{ left:-5px; } .rv-hero2-inner::after{ right:-5px; }

.rv-badge{
  display:inline-flex; align-items:center; gap:9px; text-decoration:none;
  background:var(--card); border:1px solid var(--border); border-radius:999px;
  padding:7px 8px 7px 14px; font-size:13px; font-weight:500; color:var(--ink);
  box-shadow:0 1px 2px rgba(28,30,36,.05); margin-bottom:26px;
  transition:transform .2s var(--e-out), box-shadow .2s var(--e-out);
}
.rv-badge:hover{ transform:translateY(-1px); box-shadow:0 4px 12px rgba(28,30,36,.08); }
.rv-badge-dot{ width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 3px var(--green-soft); }
.rv-badge-arrow{ display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--chip,#EEF0F3); font-size:12px; color:var(--ink); }

.rv-h1-c{
  text-align:center; margin:0 auto 18px; max-width:14ch;
  font-size:clamp(42px,6vw,78px); line-height:1.0; letter-spacing:-.035em;
}
.rv-lede2{
  font-size:clamp(16px,1.3vw,19px); line-height:1.6; color:var(--sub);
  max-width:46ch; margin:0 auto 30px;
}
.rv-cta2{ display:flex; justify-content:center; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:34px; }
.rv-btn-ghost{
  display:inline-flex; align-items:center; gap:9px; text-decoration:none;
  background:var(--card); color:var(--ink); font-weight:600; font-size:15px;
  padding:13px 22px; border-radius:12px; border:1px solid var(--border);
  box-shadow:0 1px 2px rgba(28,30,36,.04);
  transition:transform .2s var(--e-out), box-shadow .2s var(--e-out), border-color .2s;
}
.rv-btn-ghost svg{ width:17px; height:17px; color:var(--green-d); }
.rv-btn-ghost:hover{ transform:translateY(-2px); box-shadow:0 8px 18px rgba(28,30,36,.08); border-color:var(--border-strong,#D8DBE1); }

.rv-trust-c{ justify-content:center; }

/* trusted-by logo strip */
.rv-trustbar{ border-top:1px solid var(--border); padding:34px 20px 40px; text-align:center; }
.rv-trustbar-label{
  font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  color:var(--faint); margin-bottom:20px;
}
/* moving marquee of colored client logos */
.rv-marquee{
  overflow:hidden; width:100%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.rv-marquee-track{
  display:flex; align-items:center; width:max-content;
  gap:clamp(40px,6vw,82px);
  animation:rv-scroll 38s linear infinite;
}
.rv-marquee:hover .rv-marquee-track{ animation-play-state:paused; }
@keyframes rv-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.rv-logo{ height:42px; width:auto; object-fit:contain; display:block; flex:none; opacity:1; }
/* groomie is a white-only asset -> darken so it reads (no colored version exists) */
.rv-logo-mono{ filter:brightness(0); opacity:.5; }
@media (prefers-reduced-motion:reduce){ .rv-marquee-track{ animation:none; } }

@media (max-width:760px){
  .rv-h1-c{ font-size:clamp(34px,11vw,46px); }
  .rv-hero2-inner{ border:0; }
  .rv-logos img{ height:22px; }
}

/* per-brand optical logo sizes */
.l-switchhits{height:40px;}
.l-broglo{height:34px;}
.l-groomie{height:52px;}
.l-prettyboy{height:60px;}
.l-osmo{height:32px;}
.l-twyst{height:50px;}
.l-earthsuds{height:40px;}
.l-claymoo{height:58px;}
.l-untoxicated{height:38px;}

/* ── Dashboard mockup v2: richer "real" widgets ── */
.rv-dash-body{ min-height:512px; }
.rv-kpis{ grid-template-columns:repeat(6,1fr); gap:10px; margin-bottom:12px; }
.rv-kpi{ padding:11px 12px; }
.rv-kpi-l{ font-size:10.5px; }
.rv-kpi-v{ font-size:18px; }
.rv-kpi-foot{ display:flex; align-items:center; justify-content:space-between; gap:6px; margin-top:7px; }
.rv-kpi-d{ font-size:10.5px; font-weight:600; white-space:nowrap; }
.rv-spark{ width:54px; height:20px; flex:none; }
.rv-dash-row2{ grid-template-columns:1.85fr 1fr; gap:12px; margin-bottom:12px; }
.rv-dash-row3{ display:grid; grid-template-columns:0.8fr 1fr 1.1fr; gap:12px; }
.rv-card-h{ font-size:12px; }
.rv-dchart{ height:138px; }
/* gauge */
.rv-gauge{ display:grid; place-items:center; padding:4px 0 2px; }
.rv-gauge svg{ width:130px; height:104px; }
.rv-gauge-v{ font-family:'Satoshi',sans-serif; font-weight:700; font-size:17px; fill:var(--ink); }
.rv-gauge-s{ font-size:8.5px; fill:var(--sub); }
/* funnel */
.rv-funnel{ display:flex; flex-direction:column; gap:11px; padding-top:2px; }
.rv-frow{ display:flex; align-items:center; gap:9px; }
.rv-fl{ font-size:11.5px; color:var(--ink); width:78px; flex:none; }
.rv-ftrack{ flex:1; height:8px; background:var(--chip,#EEF0F3); border-radius:99px; overflow:hidden; }
.rv-ffill{ display:block; height:100%; background:var(--green); border-radius:99px; }
.rv-fv{ font-size:11px; color:var(--sub); width:46px; text-align:right; flex:none; }
/* tighten lists in compact cards */
.rv-dash-row3 .rv-rows{ gap:8px; }
.rv-dash-row3 .rv-row-t{ font-size:12px; }
.rv-dash-row3 .rv-row-s{ font-size:11px; }
@media (max-width:820px){
  .rv-kpis{ grid-template-columns:repeat(2,1fr); }
  .rv-dash-row2, .rv-dash-row3{ grid-template-columns:1fr; }
  .rv-dash-side{ display:none; }          /* drop the cramped sidebar on mobile */
  .rv-dash-main{ padding:18px 16px; }
  .rv-dash-body{ min-height:auto; }
}

/* ── CX Intelligence: particle-orb console + Ask CX brain chat ── */
.rv-cx{ margin:-20px -22px; }
.rv-cx .rv-dash-row1, .rv-cx .rv-kpis, .rv-cx .rv-dash-row2, .rv-cx .rv-dash-row3{ display:none; }
.rv-cx-split{ display:grid; grid-template-columns:1.55fr 1fr; min-height:512px; }
.rv-cx-main{ display:flex; flex-direction:column; align-items:center; text-align:center; padding:26px 24px 22px; }
.rv-orb-wrap{ position:relative; display:grid; place-items:center; width:200px; height:200px; }
.rv-orb-aura{ position:absolute; width:188px; height:188px; border-radius:50%;
  background:radial-gradient(circle, rgba(43,158,143,.42), rgba(228,244,241,.24) 56%, transparent 72%); filter:blur(6px); }
.rv-orb-svg{ position:relative; width:200px; height:200px; }
.rv-cx-status{ margin-top:4px; font-size:10.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--faint); display:inline-flex; align-items:center; gap:7px; }
.rv-cx-dot{ width:6px; height:6px; border-radius:50%; background:var(--green); }
.rv-cx-greet{ color:var(--ink); font-family:'Satoshi',sans-serif; font-weight:700; font-size:23px; letter-spacing:-.02em; margin:12px 0 4px; }
.rv-cx-noticed{ color:var(--sub); font-size:13px; margin:0 0 16px; }
.rv-cx-vitals{ color:var(--sub); font-size:12.5px; margin-bottom:22px; }
.rv-cx-vitals b{ color:var(--ink); font-weight:700; } .rv-cx-vitals i{ color:var(--faint); font-style:normal; margin:0 7px; }
.rv-cx-qalabel{ font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--faint); margin-bottom:11px; }
.rv-cx-actions{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; width:100%; max-width:520px; }
.rv-qa{ background:var(--card); border:1px solid var(--border); border-radius:12px; padding:14px 14px 15px; text-align:left; box-shadow:0 1px 2px rgba(28,30,36,.04); }
.rv-qa-ic{ width:34px; height:34px; border-radius:50%; background:#F1F4F8; display:grid; place-items:center; margin-bottom:11px; }
.rv-qa-ic svg{ width:17px; height:17px; }
.rv-qa-t{ color:var(--ink); font-size:13px; font-weight:700; margin-bottom:3px; }
.rv-qa-s{ color:var(--sub); font-size:11px; line-height:1.4; }
.rv-cx-chat{ border-left:1px solid var(--border); display:flex; flex-direction:column; }
.rv-chat-head{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--border); }
.rv-chat-title{ display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; color:var(--ink); }
.rv-chat-meta{ display:inline-flex; align-items:center; gap:5px; font-size:10.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--faint); }
.rv-chat-meta svg{ width:13px; height:13px; stroke:var(--faint); }
.rv-chat-body{ flex:1; display:flex; flex-direction:column; justify-content:center; padding:18px 16px; }
.rv-chat-intro{ text-align:center; color:var(--sub); font-size:12.5px; line-height:1.5; max-width:30ch; margin:0 auto 16px; }
.rv-chat-chips{ display:flex; flex-direction:column; gap:9px; }
.rv-chip-q{ appearance:none; cursor:pointer; text-align:left; background:var(--card); border:1px solid var(--border); border-radius:11px; padding:11px 14px; font-family:'Satoshi',sans-serif; font-size:12.5px; color:var(--ink); box-shadow:0 1px 2px rgba(28,30,36,.03); transition:border-color .15s; }
.rv-chip-q:hover{ border-color:#D8DBE1; }
.rv-chat-input{ display:flex; align-items:center; gap:10px; margin:12px; padding:8px 8px 8px 14px; border:1px solid var(--border); border-radius:999px; box-shadow:0 1px 2px rgba(28,30,36,.04); }
.rv-mic svg{ width:16px; height:16px; display:block; }
.rv-chat-ph{ flex:1; color:var(--faint); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rv-chat-send{ width:30px; height:30px; flex:none; border-radius:50%; background:#EEF0F3; color:var(--sub); display:grid; place-items:center; font-size:14px; }
@media (max-width:820px){ .rv-cx-split{ grid-template-columns:1fr; } .rv-cx-chat{ border-left:0; border-top:1px solid var(--border); } .rv-cx-actions{ grid-template-columns:1fr; } }

/* ── Overview exact-match components (Pretty Boy layout, green) ── */
.rv-dash-row1{ align-items:flex-start; }
.rv-dash-sub2{ font-size:12px; color:var(--sub); margin-top:2px; }
.rv-head-r{ display:flex; flex-direction:column; align-items:flex-end; gap:5px; }
.rv-updated{ font-size:10.5px; color:var(--faint); }
/* KPI tile (delta pill) */
.rv-k{ background:var(--card); border:1px solid var(--border); border-radius:12px; padding:12px 13px; box-shadow:0 1px 2px rgba(28,30,36,.04); }
.rv-k-top{ display:flex; align-items:center; justify-content:space-between; gap:6px; margin-bottom:9px; }
.rv-k-l{ font-size:11px; color:var(--sub); font-weight:500; }
.rv-k-pill{ font-size:10px; font-weight:700; padding:2px 6px; border-radius:6px; white-space:nowrap; }
.rv-k-pill.pos{ background:#E4F4F1; color:#1F7A6F; } .rv-k-pill.neg{ background:#FCE7E6; color:#B42318; }
.rv-k-v{ font-family:'Satoshi',sans-serif; font-weight:700; font-size:21px; letter-spacing:-.02em; color:var(--ink); line-height:1; display:flex; align-items:center; gap:4px; }
.rv-k-arr{ font-size:12px; } .rv-k-arr.pos{ color:#1F7A6F; } .rv-k-arr.neg{ color:#B42318; }
.rv-k-s{ font-size:10.5px; color:var(--faint); margin-top:7px; }
/* card head + subtitle */
.rv-card-h{ display:flex; align-items:baseline; gap:8px; }
.rv-card-sub{ font-size:11px; color:var(--faint); font-weight:500; }
.rv-card-sub2{ font-size:11.5px; color:var(--sub); margin-top:2px; }
/* Net Sales / conversion head */
.rv-ns-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:4px; }
.rv-ns-stats{ display:flex; gap:22px; }
.rv-ns-stat{ display:flex; flex-direction:column; align-items:flex-end; }
.rv-ns-stat .l{ font-size:10.5px; color:var(--faint); }
.rv-ns-stat .v{ font-family:'Satoshi',sans-serif; font-weight:700; font-size:15px; color:var(--ink); display:flex; align-items:center; gap:6px; }
.rv-mini-pill{ font-size:9.5px; font-weight:700; padding:1px 5px; border-radius:5px; }
.rv-mini-pill.neg{ background:#FCE7E6; color:#B42318; }
.rv-areax{ width:100%; height:auto; display:block; margin-top:4px; }
.rv-ax{ font-size:9px; fill:var(--faint); font-family:'Satoshi',sans-serif; }
/* conversion vertical bars */
.rv-conv{ display:flex; align-items:flex-end; justify-content:space-around; gap:12px; height:152px; padding-top:6px; }
.rv-conv-col{ display:flex; flex-direction:column; align-items:center; flex:1; height:100%; justify-content:flex-end; }
.rv-conv-pct{ font-size:11px; font-weight:700; color:var(--ink); margin-bottom:5px; }
.rv-conv-track{ width:100%; max-width:40px; flex:1; background:var(--chip,#EEF0F3); border-radius:6px; display:flex; align-items:flex-end; overflow:hidden; }
.rv-conv-fill{ width:100%; border-radius:6px; min-height:4px; }
.rv-conv-name{ font-size:10.5px; color:var(--sub); margin-top:7px; }
.rv-conv-cnt{ font-size:11px; font-weight:700; color:var(--ink); }
/* stacked carrier mix */
.rv-cm-stats{ display:flex; gap:20px; margin-bottom:13px; }
.rv-cm-sl{ display:block; font-size:9px; letter-spacing:.06em; text-transform:uppercase; color:var(--faint); font-weight:700; }
.rv-cm-sv{ font-family:'Satoshi',sans-serif; font-weight:700; font-size:14px; color:var(--ink); }
.rv-stack{ display:flex; height:9px; border-radius:99px; overflow:hidden; margin-bottom:13px; }
.rv-stack span{ display:block; height:100%; }
.rv-legend{ display:grid; grid-template-columns:1fr 1fr; gap:7px 16px; }
.rv-leg{ display:flex; align-items:center; gap:7px; }
.rv-leg-dot{ width:8px; height:8px; border-radius:2px; flex:none; }
.rv-leg-n{ flex:1; font-size:11px; color:var(--sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rv-leg-c{ font-size:11px; font-weight:700; color:var(--ink); }
/* top SKUs table */
.rv-table{ display:flex; flex-direction:column; }
.rv-tr{ display:grid; grid-template-columns:1fr auto auto; gap:14px; padding:9px 0; border-bottom:1px solid var(--border); font-size:12px; align-items:center; }
.rv-tr:last-child{ border-bottom:none; }
.rv-th{ font-size:9px; letter-spacing:.06em; text-transform:uppercase; color:var(--faint); font-weight:700; padding-bottom:6px; }
.rv-tr span:nth-child(2), .rv-tr span:nth-child(3){ text-align:right; }
.rv-sku, .rv-rev{ font-weight:700; color:var(--ink); }
/* donut sizing */
.rv-gauge svg{ width:142px; height:118px; }