/* ==========================================================================
   Conversion Preview — three full-page style options sharing the dark-blue
   site palette but with distinct typography, icon weight, chart vocabulary,
   and layout. Each style is scoped under .conv-style-a / .conv-style-b /
   .conv-style-c on the page-conversion-preview container.
   ========================================================================== */

#page-conversion-preview .preview-tabs{
  display:flex; flex-wrap:wrap; gap:6px;
  padding:6px;
  border-radius:14px;
  background:rgba(10,18,32,.78);
  border:1px solid rgba(157,189,255,.12);
  width:fit-content;
}
#page-conversion-preview .preview-tab{
  border:none; background:transparent;
  color:#cfd9ec; font:600 .82rem/1 "Helvetica Neue",Arial,sans-serif;
  padding:9px 16px; border-radius:10px; cursor:pointer;
  letter-spacing:.04em;
}
#page-conversion-preview .preview-tab:hover{ background:rgba(157,189,255,.06); }
#page-conversion-preview .preview-tab.active{
  background:linear-gradient(180deg, rgba(103,180,255,.18), rgba(103,180,255,.08));
  color:#e1eaf6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 4px 14px rgba(103,180,255,.18);
}
#page-conversion-preview .preview-meta{
  font-size:.78rem; color:#8f9fb9; margin-top:6px;
}
.chart-svg{ width:100%; height:auto; display:block; }
.spark-svg{ display:inline-block; vertical-align:middle; }
.chart-legend{ display:grid; gap:8px; font-size:.78rem; }
.chart-legend .legend-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.chart-legend .legend-left{ display:inline-flex; align-items:center; gap:8px; color:#cfd9ec; }
.chart-legend .legend-swatch{ display:inline-block; width:10px; height:10px; border-radius:3px; }
.chart-legend .legend-value{ color:#e1eaf6; font-weight:700; }
.chart-legend .legend-pct{ color:#8f9fb9; font-size:.72rem; margin-left:4px; font-weight:500; }

/* ==========================================================================
   STYLE A — Modern Editorial
   ========================================================================== */

.conv-style-a{
  font-family:'Inter',"Helvetica Neue",Arial,sans-serif;
  --a-accent:#67b4ff;
  --a-accent2:#8fd8ff;
  --a-edge:rgba(157,189,255,.12);
}
.conv-style-a h1,
.conv-style-a h2,
.conv-style-a h3,
.conv-style-a .a-display{
  font-family:'Manrope','Inter',sans-serif;
  letter-spacing:-.02em;
  font-weight:800;
}
.conv-style-a .a-kicker{
  font-family:'Manrope','Inter',sans-serif;
  font-size:.7rem; letter-spacing:.18em; text-transform:uppercase;
  color:#90a3c4; font-weight:700;
}
.conv-style-a .a-hero-head{
  display:flex; align-items:flex-end; justify-content:space-between; gap:24px;
  padding:24px 28px;
  border-radius:24px;
  background:
    radial-gradient(120% 100% at 100% 0%, rgba(103,180,255,.18), transparent 60%),
    linear-gradient(180deg, rgba(10,18,32,.92), rgba(10,18,32,.78));
  border:1px solid var(--a-edge);
  margin-bottom:16px;
}
.conv-style-a .a-hero-head h1{ font-size:1.8rem; line-height:1.1; margin:0; color:#eaf2ff; }
.conv-style-a .a-hero-head p{ margin:6px 0 0; color:#a8b8d4; font-size:.86rem; max-width:60ch; }

.conv-style-a .a-kpi-grid{ display:grid; gap:16px; grid-template-columns:repeat(6,minmax(0,1fr)); }
.conv-style-a .a-kpi{
  position:relative;
  padding:20px;
  border-radius:20px;
  border:1px solid var(--a-edge);
  background:
    linear-gradient(180deg, rgba(103,180,255,.05), rgba(255,255,255,.012)),
    rgba(10,18,32,.86);
  overflow:hidden;
}
.conv-style-a .a-kpi::after{
  content:""; position:absolute; inset:0;
  background:radial-gradient(120% 80% at 100% 0%, rgba(103,180,255,.10), transparent 60%);
  pointer-events:none;
}
.conv-style-a .a-kpi-icon{
  width:42px; height:42px; border-radius:13px;
  display:grid; place-items:center;
  background:rgba(103,180,255,.14); color:#cfe5ff;
  border:1px solid rgba(157,189,255,.18);
  margin-bottom:14px; position:relative;
}
.conv-style-a .a-kpi-icon.gold{ background:rgba(214,177,93,.14); color:#f5d990; border-color:rgba(214,177,93,.28); }
.conv-style-a .a-kpi-icon.green{ background:rgba(37,216,155,.14); color:#a7f1d2; border-color:rgba(37,216,155,.25); }
.conv-style-a .a-kpi-icon.amber{ background:rgba(240,191,98,.14); color:#ffd89b; border-color:rgba(240,191,98,.25); }
.conv-style-a .a-kpi-icon.steel{ background:rgba(74,107,153,.18); color:#cfe2ff; border-color:rgba(74,107,153,.32); }
.conv-style-a .a-kpi-value{ font-family:'Manrope','Inter',sans-serif; font-size:2.1rem; font-weight:800; line-height:1; letter-spacing:-.04em; color:#eaf2ff; position:relative; }
.conv-style-a .a-kpi-label{ font-size:.72rem; letter-spacing:.10em; text-transform:uppercase; color:#90a3c4; font-weight:600; margin-top:6px; position:relative; }
.conv-style-a .a-kpi-trend{ margin-top:10px; font-size:.72rem; font-weight:600; position:relative;
  display:inline-flex; align-items:center; gap:6px; padding:4px 9px; border-radius:999px;
  background:rgba(255,255,255,.04); border:1px solid rgba(157,189,255,.12); color:#bcd0ee; }
.conv-style-a .a-kpi-trend.up{ color:#a7f1d2; background:rgba(37,216,155,.10); border-color:rgba(37,216,155,.22); }
.conv-style-a .a-kpi-trend.down{ color:#ffc0cb; background:rgba(241,111,134,.10); border-color:rgba(241,111,134,.22); }

.conv-style-a .a-chart-row{ display:grid; gap:16px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:16px; }
.conv-style-a .a-card{
  padding:22px;
  border-radius:22px;
  border:1px solid var(--a-edge);
  background:linear-gradient(180deg, rgba(10,18,32,.92), rgba(10,18,32,.78));
}
.conv-style-a .a-card .card-head{ margin-bottom:16px; }
.conv-style-a .a-card .card-title{ font-family:'Manrope','Inter',sans-serif; font-size:1.02rem; font-weight:700; letter-spacing:-.01em; color:#eaf2ff; }
.conv-style-a .a-card .card-sub{ font-size:.78rem; color:#8f9fb9; margin-top:4px; }
.conv-style-a .a-donut-row{ display:grid; grid-template-columns:minmax(140px,1fr) minmax(0,1.2fr); gap:14px; align-items:center; }

.conv-style-a .a-rank-split{ display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:16px; margin-top:16px; }
.conv-style-a .a-top-performer{
  position:relative; padding:24px; border-radius:22px;
  border:1px solid rgba(214,177,93,.32);
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(214,177,93,.16), transparent 60%),
    linear-gradient(180deg, rgba(214,177,93,.06), rgba(10,19,35,.86));
}
.conv-style-a .a-tp-kicker{ font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; color:#f5d990; font-weight:700; display:inline-flex; align-items:center; gap:8px; }
.conv-style-a .a-tp-name{ font-family:'Manrope',sans-serif; font-size:1.5rem; font-weight:800; letter-spacing:-.02em; margin-top:10px; }
.conv-style-a .a-tp-sub{ color:#a8b8d4; font-size:.85rem; margin-top:4px; }
.conv-style-a .a-tp-stats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:14px; }
.conv-style-a .a-tp-stat{ padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.03); border:1px solid rgba(157,189,255,.12); }
.conv-style-a .a-tp-stat-value{ font-family:'Manrope',sans-serif; font-size:1.1rem; font-weight:800; color:#f5d990; }
.conv-style-a .a-tp-stat-label{ font-size:.66rem; color:#8f9fb9; text-transform:uppercase; letter-spacing:.10em; margin-top:2px; }

.conv-style-a .stars{ display:inline-flex; gap:1px; color:#d6b15d; font-size:.95rem; }
.conv-style-a .stars .star-empty{ color:rgba(214,177,93,.28); }
.conv-style-a .stars.lg{ font-size:1.25rem; }

.conv-style-a .a-rank-badge{ display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%; font-size:.78rem; font-weight:800; background:rgba(157,189,255,.10); color:#cfe2ff; border:1px solid rgba(157,189,255,.18); font-family:'Manrope',sans-serif; }
.conv-style-a .a-rank-badge.gold{ background:linear-gradient(180deg,#f1d894,#c69a3d); color:#1f1602; border-color:rgba(214,177,93,.5); }
.conv-style-a .a-rank-badge.silver{ background:linear-gradient(180deg,#e3eaf3,#9bafc9); color:#0c1422; border-color:rgba(157,189,255,.4); }
.conv-style-a .a-rank-badge.bronze{ background:linear-gradient(180deg,#e2a778,#9b5a31); color:#241006; border-color:rgba(241,170,130,.4); }

.conv-style-a .a-insights-list{ display:grid; gap:10px; }
.conv-style-a .a-insight{ display:flex; gap:10px; align-items:flex-start; padding:11px 12px; border-radius:14px; background:rgba(255,255,255,.025); border:1px solid rgba(157,189,255,.10); font-size:.85rem; color:#d3dfef; line-height:1.5; }
.conv-style-a .a-insight-icon{ width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; border-radius:9px; background:rgba(103,180,255,.14); color:#cfe5ff; border:1px solid rgba(157,189,255,.18); }
.conv-style-a .a-insight strong{ color:#eaf2ff; }

@media (max-width: 1280px){ .conv-style-a .a-kpi-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } .conv-style-a .a-chart-row{ grid-template-columns:1fr; } }
@media (max-width: 900px){ .conv-style-a .a-rank-split{ grid-template-columns:1fr; } .conv-style-a .a-kpi-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }


/* ==========================================================================
   STYLE B — Operations Command
   ========================================================================== */

.conv-style-b{
  font-family:'IBM Plex Sans',"Helvetica Neue",Arial,sans-serif;
  --b-accent:#67b4ff;
  --b-mono:'IBM Plex Mono', ui-monospace, monospace;
}
.conv-style-b .b-mono,
.conv-style-b .b-num,
.conv-style-b table tbody td.b-num,
.conv-style-b .b-tile-value,
.conv-style-b .b-spark-num{
  font-family:var(--b-mono);
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}
.conv-style-b .b-bar{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:10px 16px;
  border-radius:8px;
  border:1px solid rgba(157,189,255,.14);
  background:linear-gradient(180deg, rgba(10,18,32,.92), rgba(10,18,32,.78));
  margin-bottom:14px;
}
.conv-style-b .b-bar h1{ font:700 .98rem/1.1 'IBM Plex Sans',sans-serif; letter-spacing:.04em; text-transform:uppercase; margin:0; color:#eaf2ff; }
.conv-style-b .b-bar .b-bar-meta{ font:500 .76rem/1 var(--b-mono); color:#8f9fb9; letter-spacing:.04em; }
.conv-style-b .b-status-dot{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#25d89b; box-shadow:0 0 8px rgba(37,216,155,.6); margin-right:6px; vertical-align:middle; }

.conv-style-b .b-tile-strip{ display:grid; gap:8px; grid-template-columns:repeat(8,minmax(0,1fr)); margin-bottom:16px; }
.conv-style-b .b-tile{
  position:relative; padding:14px 14px 12px;
  border-radius:10px;
  border:1px solid rgba(157,189,255,.14);
  background:linear-gradient(180deg, rgba(10,18,32,.92), rgba(10,18,32,.78));
  overflow:hidden;
}
.conv-style-b .b-tile-label{ font:600 .64rem/1 'IBM Plex Sans',sans-serif; letter-spacing:.14em; text-transform:uppercase; color:#90a3c4; }
.conv-style-b .b-tile-value{ font-size:1.45rem; font-weight:700; color:#eaf2ff; margin-top:8px; letter-spacing:-.02em; }
.conv-style-b .b-tile-icon{ position:absolute; right:10px; top:10px; opacity:.85; color:#cfe5ff; }
.conv-style-b .b-tile-spark{ position:absolute; right:8px; bottom:8px; opacity:.85; }
.conv-style-b .b-tile-delta{ font:500 .72rem/1 var(--b-mono); margin-top:6px; }
.conv-style-b .b-tile-delta.up{ color:#a7f1d2; }
.conv-style-b .b-tile-delta.down{ color:#ffc0cb; }

.conv-style-b .b-grid-4{ display:grid; gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.conv-style-b .b-card{
  padding:16px 16px 18px;
  border-radius:10px;
  border:1px solid rgba(157,189,255,.14);
  background:linear-gradient(180deg, rgba(10,18,32,.92), rgba(10,18,32,.78));
}
.conv-style-b .b-card-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.conv-style-b .b-card-title{ font:700 .8rem/1 'IBM Plex Sans',sans-serif; letter-spacing:.10em; text-transform:uppercase; color:#eaf2ff; }
.conv-style-b .b-card-meta{ font:500 .68rem/1 var(--b-mono); color:#8f9fb9; }
.conv-style-b .b-pill{ font:600 .68rem/1 var(--b-mono); padding:4px 8px; border-radius:6px; background:rgba(103,180,255,.10); border:1px solid rgba(103,180,255,.22); color:#cfe5ff; }

.conv-style-b .b-rank-table{ width:100%; border-collapse:collapse; font:500 .82rem/1.4 'IBM Plex Sans',sans-serif; }
.conv-style-b .b-rank-table th{ text-align:left; padding:8px 10px; border-bottom:1px solid rgba(157,189,255,.14); font:700 .66rem/1 'IBM Plex Sans',sans-serif; color:#90a3c4; text-transform:uppercase; letter-spacing:.12em; }
.conv-style-b .b-rank-table td{ padding:9px 10px; border-bottom:1px solid rgba(157,189,255,.06); }
.conv-style-b .b-rank-table td.b-num{ text-align:right; }
.conv-style-b .b-rank-table tbody tr:hover td{ background:rgba(157,189,255,.04); }
.conv-style-b .b-rank-table .b-row-spark{ display:inline-block; vertical-align:middle; margin-left:6px; }
.conv-style-b .b-rank-bar{ display:inline-block; width:70px; height:6px; border-radius:3px; background:rgba(157,189,255,.10); overflow:hidden; vertical-align:middle; margin-right:6px; }
.conv-style-b .b-rank-bar > i{ display:block; height:100%; background:linear-gradient(90deg, rgba(103,180,255,.6), rgba(143,216,255,.95)); }
.conv-style-b .b-rank-bar.excellent > i{ background:linear-gradient(90deg, rgba(37,216,155,.6), rgba(167,241,210,.95)); }
.conv-style-b .b-rank-bar.fair > i{ background:linear-gradient(90deg, rgba(240,191,98,.6), rgba(255,216,155,.95)); }
.conv-style-b .b-rank-bar.poor > i{ background:linear-gradient(90deg, rgba(241,111,134,.6), rgba(255,192,203,.95)); }

@media (max-width: 1280px){ .conv-style-b .b-tile-strip{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width: 900px){ .conv-style-b .b-tile-strip{ grid-template-columns:repeat(2,minmax(0,1fr)); } .conv-style-b .b-grid-4{ grid-template-columns:1fr; } }


/* ==========================================================================
   STYLE C — Showcase / Presentation
   ========================================================================== */

.conv-style-c{
  font-family:'Inter',"Helvetica Neue",Arial,sans-serif;
  --c-accent:#67b4ff;
  --c-accent2:#8fd8ff;
}
.conv-style-c .c-display,
.conv-style-c .c-headline,
.conv-style-c h1{
  font-family:'Fraunces','Georgia',serif;
  font-weight:600;
  letter-spacing:-.01em;
  font-optical-sizing:auto;
}
.conv-style-c .c-hero{
  position:relative;
  padding:32px 36px;
  border-radius:28px;
  border:1px solid rgba(157,189,255,.16);
  background:
    radial-gradient(120% 100% at 100% 0%, rgba(103,180,255,.18), transparent 60%),
    radial-gradient(120% 100% at 0% 100%, rgba(214,177,93,.10), transparent 60%),
    linear-gradient(180deg, rgba(10,18,32,.92), rgba(10,18,32,.78));
  display:grid; grid-template-columns:1fr 320px; gap:32px; align-items:center;
  margin-bottom:20px;
}
.conv-style-c .c-hero h1{ font-size:2.4rem; line-height:1.05; margin:0; color:#eaf2ff; max-width:18ch; }
.conv-style-c .c-hero-kicker{ font-size:.74rem; letter-spacing:.20em; text-transform:uppercase; color:#90a3c4; font-weight:700; margin-bottom:12px; display:inline-flex; gap:8px; align-items:center; }
.conv-style-c .c-hero p{ color:#a8b8d4; font-size:.96rem; margin:14px 0 0; max-width:55ch; line-height:1.6; }

.conv-style-c .c-kpi-trio{ display:grid; gap:14px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:14px; }
.conv-style-c .c-kpi{
  padding:24px;
  border-radius:22px;
  border:1px solid rgba(157,189,255,.14);
  background:linear-gradient(180deg, rgba(10,18,32,.92), rgba(10,18,32,.78));
  text-align:center;
  position:relative;
}
.conv-style-c .c-kpi-icon{
  width:54px; height:54px; border-radius:50%; display:grid; place-items:center;
  background:rgba(103,180,255,.14); color:#cfe5ff; border:1px solid rgba(157,189,255,.20);
  margin:0 auto 14px;
  box-shadow:0 0 24px rgba(103,180,255,.16);
}
.conv-style-c .c-kpi-icon.gold{ background:rgba(214,177,93,.14); color:#f5d990; border-color:rgba(214,177,93,.32); box-shadow:0 0 24px rgba(214,177,93,.18); }
.conv-style-c .c-kpi-icon.green{ background:rgba(37,216,155,.14); color:#a7f1d2; border-color:rgba(37,216,155,.30); box-shadow:0 0 24px rgba(37,216,155,.18); }
.conv-style-c .c-kpi-value{ font-family:'Fraunces',serif; font-size:2.6rem; font-weight:600; letter-spacing:-.02em; color:#eaf2ff; line-height:1; }
.conv-style-c .c-kpi-label{ font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:#90a3c4; font-weight:700; margin-top:10px; }
.conv-style-c .c-kpi-sub{ font-size:.84rem; color:#8f9fb9; margin-top:6px; }

.conv-style-c .c-sub-strip{ display:grid; gap:12px; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:18px; }
.conv-style-c .c-sub-tile{ padding:16px 18px; border-radius:16px; border:1px solid rgba(157,189,255,.12); background:rgba(10,18,32,.78); display:flex; gap:12px; align-items:center; }
.conv-style-c .c-sub-tile .c-sub-icon{ width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:rgba(103,180,255,.14); color:#cfe5ff; border:1px solid rgba(157,189,255,.18); flex:0 0 38px; }
.conv-style-c .c-sub-tile .c-sub-value{ font-family:'Fraunces',serif; font-size:1.3rem; font-weight:600; color:#eaf2ff; }
.conv-style-c .c-sub-tile .c-sub-label{ font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; color:#90a3c4; font-weight:700; margin-top:2px; }

.conv-style-c .c-card{ padding:24px; border-radius:22px; border:1px solid rgba(157,189,255,.14); background:linear-gradient(180deg, rgba(10,18,32,.92), rgba(10,18,32,.78)); }
.conv-style-c .c-card .card-head{ margin-bottom:14px; }
.conv-style-c .c-card-title{ font-family:'Fraunces',serif; font-size:1.25rem; font-weight:600; color:#eaf2ff; letter-spacing:-.005em; }
.conv-style-c .c-card-sub{ font-size:.82rem; color:#8f9fb9; margin-top:4px; }

.conv-style-c .c-grid-2{ display:grid; gap:18px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:18px; }

.conv-style-c .c-bullet-row{ display:grid; grid-template-columns:140px 1fr 90px; gap:12px; align-items:center; padding:10px 0; border-bottom:1px solid rgba(157,189,255,.08); }
.conv-style-c .c-bullet-row:last-child{ border-bottom:none; }
.conv-style-c .c-bullet-label{ font-family:'Fraunces',serif; font-size:.92rem; color:#eaf2ff; }
.conv-style-c .c-bullet-val{ text-align:right; font-family:'Fraunces',serif; font-size:.95rem; font-weight:600; color:#eaf2ff; }

.conv-style-c .c-rank-portrait{ display:grid; gap:10px; }
.conv-style-c .c-rank-card{
  display:grid; grid-template-columns:36px 48px 1fr auto auto; gap:14px; align-items:center;
  padding:14px 16px; border-radius:16px;
  border:1px solid rgba(157,189,255,.10);
  background:rgba(10,18,32,.6);
}
.conv-style-c .c-rank-card.top{
  border-color:rgba(214,177,93,.32);
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(214,177,93,.12), transparent 60%),
    rgba(10,18,32,.6);
}
.conv-style-c .c-rank-medal{
  width:36px; height:36px; border-radius:50%; display:grid; place-items:center;
  font-family:'Fraunces',serif; font-weight:700; font-size:1rem;
  background:rgba(157,189,255,.10); color:#cfe2ff;
  border:1px solid rgba(157,189,255,.18);
}
.conv-style-c .c-rank-medal.gold{ background:linear-gradient(180deg,#f1d894,#c69a3d); color:#1f1602; border-color:rgba(214,177,93,.5); }
.conv-style-c .c-rank-medal.silver{ background:linear-gradient(180deg,#e3eaf3,#9bafc9); color:#0c1422; border-color:rgba(157,189,255,.4); }
.conv-style-c .c-rank-medal.bronze{ background:linear-gradient(180deg,#e2a778,#9b5a31); color:#241006; border-color:rgba(241,170,130,.4); }
.conv-style-c .c-avatar{
  width:48px; height:48px; border-radius:50%; display:grid; place-items:center;
  background:rgba(103,180,255,.18); color:#cfe5ff; font-family:'Fraunces',serif; font-weight:600; font-size:1rem;
  border:1px solid rgba(157,189,255,.20);
}
.conv-style-c .c-rank-name{ font-family:'Fraunces',serif; font-size:1.05rem; color:#eaf2ff; }
.conv-style-c .c-rank-sub{ font-size:.78rem; color:#8f9fb9; margin-top:2px; }
.conv-style-c .c-rank-stat{ display:grid; gap:2px; text-align:right; }
.conv-style-c .c-rank-stat-val{ font-family:'Fraunces',serif; font-weight:600; font-size:1.05rem; color:#eaf2ff; }
.conv-style-c .c-rank-stat-label{ font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; color:#90a3c4; font-weight:700; }

.conv-style-c .stars{ display:inline-flex; gap:2px; color:#d6b15d; font-size:1rem; }
.conv-style-c .stars .star-empty{ color:rgba(214,177,93,.28); }

.conv-style-c .c-insights{ display:grid; gap:12px; }
.conv-style-c .c-insight{
  padding:14px 16px; border-radius:16px;
  background:rgba(255,255,255,.02); border:1px solid rgba(157,189,255,.10);
  display:flex; gap:14px; align-items:flex-start;
}
.conv-style-c .c-insight-icon{ width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:rgba(103,180,255,.14); color:#cfe5ff; border:1px solid rgba(157,189,255,.20); flex:0 0 36px; }
.conv-style-c .c-insight-text{ font-size:.9rem; color:#d3dfef; line-height:1.55; font-family:'Inter',sans-serif; }
.conv-style-c .c-insight-text strong{ font-family:'Fraunces',serif; font-weight:600; color:#eaf2ff; }

@media (max-width: 1180px){
  .conv-style-c .c-hero{ grid-template-columns:1fr; }
  .conv-style-c .c-sub-strip{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .conv-style-c .c-grid-2{ grid-template-columns:1fr; }
}
@media (max-width: 720px){
  .conv-style-c .c-kpi-trio{ grid-template-columns:1fr; }
  .conv-style-c .c-rank-card{ grid-template-columns:32px 1fr auto; }
  .conv-style-c .c-avatar{ display:none; }
}