@font-face {
  font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('/assets/fonts/plus-jakarta-sans-variable-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('/assets/fonts/plus-jakarta-sans-variable-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
.bi { background: radial-gradient(ellipse 56% 50% at 0 0, #ede4ff 0, transparent 78%), linear-gradient(180deg,#fff 4%,#f8f4ff 100%); }
.bi .bi__head { align-items: end; }
.bi .bi__head h2 { color: #16112e; font-family: 'Plus Jakarta Sans', 'Poppins', system-ui, sans-serif; font-weight: 800; letter-spacing: -.047em; }
.bi .bi__head h2 em.ac { color: #5422d8; }
.bi .bi__head .lead { font: 500 clamp(15px,1.3vw,17px)/1.52 'Plus Jakarta Sans','Inter',sans-serif; color:#57526e; max-width:52ch; }
.bi .eyebrow { color: #5626df; font-weight: 800; }
.bi .bi__answers { margin-top:24px; gap:12px; }
.bi .bi__answers li { min-height:101px; gap:6px; border:1px solid #e7e4ef; border-radius:14px; padding:15px 17px; box-shadow:0 10px 28px -22px rgba(41,22,99,.3); }
.bi .bi__n { font: 800 11px/1.2 'Plus Jakarta Sans','Inter',sans-serif; color:#6635e6; }
.bi .bi__answers strong { font: 800 clamp(16px,1.32vw,19px)/1.25 'Plus Jakarta Sans','Poppins',sans-serif; letter-spacing:-.036em; color:#16112e; }
.bi .bi__answers small { font: 500 13px/1.42 'Plus Jakarta Sans','Inter',sans-serif; color:#69647a; }
.bi .bi__stage {
  margin-top:12px; padding:clamp(15px,1.5vw,24px) clamp(15px,1.5vw,24px) 17px;
  border-radius:28px;
  background:radial-gradient(ellipse 66% 92% at 57% 107%,rgba(99,45,197,.83),transparent 76%),
    radial-gradient(ellipse 60% 73% at 92% 4%,rgba(103,27,135,.52),transparent 72%),
    linear-gradient(135deg,#1b0c50 0%,#150b39 64%,#190b3c 100%);
  box-shadow:0 31px 38px -21px rgba(29,9,66,.58),0 12px 21px -12px rgba(30,12,58,.24);
  color:white;
}
.bi .bi__screens { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch; }
.bi .bi__shot { min-width:0; display:flex;flex-direction:column; }
.bi__mock {
  min-width:0; display:flex;flex-direction:column; height:100%;
  border-radius:22px; overflow:hidden;
  background:linear-gradient(125deg,#160d38,#221048 85%);
  border:1px solid rgba(255,255,255,.08);
}
.bi__mock-chrome {height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;gap:10px;color:#d8d1e5;font:500 11px/1.2 'Plus Jakarta Sans','Inter',sans-serif;}
.bi__mock-breadcrumb { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.bi__mock-avatar { width:25px;height:25px;flex:none;border-radius:50%;background:linear-gradient(135deg,#d143da,#6635e6);display:grid;place-items:center; }
.bi__mock-avatar img {width:18px;height:18px;object-fit:contain;}
.bi__mock-surface {
  flex:1; min-height:405px; display:flex; flex-direction:column;
  border-radius:18px; background:#fff;color:#19122f;
  padding:clamp(17px,2vw,25px);
  overflow:hidden; font-family:'Plus Jakarta Sans','Inter',sans-serif;
}
.bi__mock-overline {font-size:10px;line-height:1.3;letter-spacing:.095em;font-weight:800;color:#5824ec;}
.bi__mock-surface h3 {font-size:clamp(19px,1.8vw,27px);line-height:1.15;font-weight:800;letter-spacing:-.045em;margin:5px 0 14px;}
.bi__mock-revenue {display:flex;flex-direction:column;gap:2px;}
.bi__mock-revenue > span, .bi__mock-summary span {font:500 11px/1.3 'Plus Jakarta Sans','Inter',sans-serif;color:#686079;}
.bi__mock-revenue strong {font-size:clamp(24px,2.4vw,35px);line-height:1.08;font-weight:800;letter-spacing:-.06em;}
.bi__mock-revenue small {font-size:10px;color:#686079;}
.bi__mock-revenue b {color:#168746;}
.bi__mock-totals {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px;}
.bi__mock-totals div {min-width:0;}
.bi__mock-totals dt {font-size:10px;color:#777189;}
.bi__mock-totals dd {font-size:clamp(10px,1.02vw,13px);font-weight:800;color:#19122f;letter-spacing:-.035em;white-space:nowrap;}
.bi__mock-legend {display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;padding-bottom:9px;border-bottom:1px solid #ece8f4;}
.bi__mock-legend span {display:flex;align-items:center;gap:5px;font-size:10px;color:#6b647d;}
.bi__mock-legend span:before {content:'';width:7px;height:7px;flex:none;border-radius:1px;background:#683cff;}
.bi__mock-legend .is-orange:before {background:#f28b00;}
.bi__mock-legend .is-blue:before {background:#4765f8;}
.bi__mock-chart {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;flex:1;min-height:122px;padding-top:10px;background:repeating-linear-gradient(to top, transparent 0px, transparent 47px,#f1edf7 48px);background-origin:content-box;}
.bi__mock-chart-column {min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;}
.bi__mock-chart-stack {width:clamp(14px,2.3vw,34px);max-width:90%;height:118px;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:stretch;}
.bi__mock-chart-stack i {flex:none;display:block;min-height:2px;}
.bi__mock-chart-stack .bar-purple {background:#6738ec;}
.bi__mock-chart-stack .bar-orange {background:#f18c00;}
.bi__mock-chart-stack .bar-blue {background:#4165f8;border-radius:2px 2px 0 0;}
.bi__mock-chart-column > span {color:#726c82;font-size:10px;line-height:1.1;}
.bi__mock-summary {display:flex;gap:30px;align-items:flex-start;margin:0 0 17px;}
.bi__mock-summary div {display:flex;flex-direction:column;gap:1px;}
.bi__mock-summary strong {font-size:19px;font-weight:800;line-height:1.05;}
.bi__mock-summary small {font-size:10px;color:#716a82;}
.bi__mock-table {display:flex;flex-direction:column;margin-top:auto;width:100%;}
.bi__mock-row {min-height:38px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(32px,.5fr) minmax(68px,.95fr);align-items:center;gap:10px;border-bottom:1px solid #e9e4f2;font-size:11px;color:#241a36;}
.bi__mock-row span:first-child {min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bi__mock-row b {font-weight:800;}
.bi__mock-row--head {min-height:31px;color:#7a708b;text-transform:uppercase;font-size:9px;letter-spacing:.08em;font-weight:800;}
.bi__mock-progress {height:4px;background:#ede7f7;width:100%;display:block;overflow:hidden;}
.bi__mock-progress i {height:100%;display:block;background:#6436ed;}
.bi__mock-caption {display:flex;flex-direction:column;gap:3px;margin:12px 3px 0;min-height:37px;color:#fff;font-family:'Plus Jakarta Sans','Inter',sans-serif;}
.bi__mock-caption strong {font-size:12px;font-weight:700;line-height:1.2;}
.bi__mock-caption span {font-size:10px;line-height:1.3;color:rgba(255,255,255,.66);}
.bi .bi__cap {display:none;}
.bi .bi__bridge {
  min-height:42px;margin-top:16px;padding:10px 16px;border:1px solid #e8e2fa;border-radius:10px;
  font:700 13px/1.2 'Plus Jakarta Sans','Inter',sans-serif;
  color:#221238;box-shadow:0 5px 12px rgba(35,19,83,.08);background:#fff;
}
.bi .bi__bridge .ico {color:#6138e6;width:16px;height:16px;}
@media (max-width: 900px) {
  .bi .bi__answers li { min-height:0; }
  .bi__mock-surface {min-height:340px;padding:16px;}
  .bi__mock-row {min-height:31px;}
  .bi__mock-chart-stack {height:90px;}
}
@media (max-width: 760px) {
  .bi .bi__head { grid-template-columns:1fr; }
  .bi .bi__answers {grid-template-columns:1fr;gap:9px;}
  .bi .bi__answers li {display:flex;flex-direction:column;gap:4px;padding:13px 15px;border:1px solid #e7e4ef;border-radius:13px;background:#fff;box-shadow:none;}
  .bi .bi__n {grid-row:auto;padding:0;}
  .bi .bi__stage {border-radius:22px;padding:13px;}
  .bi .bi__screens {grid-template-columns:1fr;gap:24px;}
  .bi__mock-surface {min-height:350px;}
  .bi__mock-chart-stack {height:115px;}
  .bi__mock-caption {margin-top:9px;}
  .bi .bi__zoom {display:inline-flex;min-height:38px;margin-top:9px;padding:0 12px;border-radius:9px;font-size:11px;}
  .bi .bi__bridge {width:auto;max-width:100%;}
}
@media (max-width: 390px) {
  .bi__mock-surface {padding:12px;min-height:340px;}
  .bi__mock-chrome {height:38px;}
  .bi__mock-surface h3 {font-size:19px;}
  .bi__mock-summary {gap:17px;}
  .bi__mock-totals {gap:3px;}
  .bi__mock-totals dd {font-size:9px;}
  .bi__mock-legend {gap:7px;}
  .bi__mock-chart {gap:3px;}
  .bi__mock-chart-stack {width:20px;}
  .bi__mock-row {gap:6px;grid-template-columns:minmax(0,1fr) 47px 85px;font-size:9px;}
  .bi__mock-row--head {font-size:8px;letter-spacing:.01em;}
}