
/* AI buyer-information blocks: decision-ready content for all AI pages. */
.ai-answer-nav{padding:26px 0;background:#fff;border-top:1px solid #e8edf6;border-bottom:1px solid #e8edf6}
.ai-answer-nav__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ai-answer-nav a{min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 12px;border:1px solid #dfe7f5;border-radius:12px;background:#f9fbff;color:#18315f;font-size:13px;font-weight:800;line-height:1.25;transition:.2s ease}
.ai-answer-nav a:hover{transform:translateY(-2px);border-color:#8aa4ff;background:#fff;box-shadow:0 12px 26px rgba(37,83,232,.10)}
.ai-answer-section{padding:72px 0;background:#fff}
.ai-answer-section--soft{background:linear-gradient(180deg,#f7faff 0%,#fff 100%)}
.ai-answer-section--blue{background:linear-gradient(135deg,#eef4ff 0%,#f8f5ff 100%)}
.ai-answer-section--warning{background:linear-gradient(180deg,#fffaf1 0%,#fff 100%)}
.ai-answer-section--risk{background:linear-gradient(135deg,#111b36 0%,#152a5b 100%);color:#dce7ff}
.ai-answer-section--risk h2,.ai-answer-section--risk h3{color:#fff}
.ai-answer-section--risk .ai-answer-lead{color:#c6d3ee}
.ai-answer-head{max-width:850px;margin:0 auto 34px;text-align:center}
.ai-answer-head .eyebrow{display:inline-block;margin-bottom:12px;color:#2553e8;font-weight:900;font-size:12px;letter-spacing:.13em;text-transform:uppercase}
.ai-answer-section--risk .eyebrow{color:#90a9ff}
.ai-answer-head h2{font-size:clamp(32px,3.6vw,46px);line-height:1.08;letter-spacing:-.045em}
.ai-answer-lead{max-width:790px;margin:16px auto 0;color:#5b6b82;font-size:17px;line-height:1.65}
.ai-answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ai-answer-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ai-answer-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ai-answer-card{position:relative;min-height:210px;padding:24px;border:1px solid #e1e8f5;border-radius:18px;background:#fff;box-shadow:0 16px 34px rgba(15,23,42,.055)}
.ai-answer-card__num{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:10px;background:#eaf0ff;color:#214bff;font-weight:900;font-size:13px}
.ai-answer-card h3{margin-top:17px;font-size:21px;line-height:1.2}
.ai-answer-card p{margin-top:10px;color:#5b6b82;line-height:1.58}
.ai-answer-card ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.ai-answer-card li{position:relative;padding-left:18px;color:#415169;font-size:14px;line-height:1.45}
.ai-answer-card li::before{content:"";position:absolute;left:0;top:.58em;width:7px;height:7px;border-radius:50%;background:#4f67ff}
.ai-answer-card--warning{border-color:#f1d79d;background:#fffdf7}
.ai-answer-card--warning .ai-answer-card__num{background:#fff0c7;color:#765000}
.ai-answer-section--risk .ai-answer-card{border-color:rgba(155,179,239,.24);background:rgba(255,255,255,.065);box-shadow:none}
.ai-answer-section--risk .ai-answer-card p,.ai-answer-section--risk .ai-answer-card li{color:#c8d5ee}
.ai-answer-section--risk .ai-answer-card li::before{background:#9fb3ff}
.ai-answer-formula{margin-top:24px;padding:25px 28px;border-radius:18px;border:1px solid #dce5f6;background:#0e1c3f;color:#fff;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}
.ai-answer-formula strong{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#315cff,#7c3aed);font-size:21px}
.ai-answer-formula h3{color:#fff;font-size:20px}
.ai-answer-formula p{margin-top:7px;color:#ced9f0;line-height:1.6}
.ai-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ai-evidence-card{padding:25px;border:1px solid #dee7f5;border-radius:18px;background:#fff;box-shadow:0 15px 34px rgba(15,23,42,.055)}
.ai-evidence-card__type{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.ai-evidence-card--external .ai-evidence-card__type{background:#eaf0ff;color:#214bff}
.ai-evidence-card--forecast .ai-evidence-card__type{background:#eee5ff;color:#6633a5}
.ai-evidence-card--actual .ai-evidence-card__type{background:#ddf4e6;color:#17633a}
.ai-evidence-card h3{margin-top:16px;font-size:22px}
.ai-evidence-card p{margin-top:10px;color:#5b6b82;line-height:1.58}
.ai-evidence-card ul{list-style:none;margin:15px 0 0;padding:0;display:grid;gap:8px}
.ai-evidence-card li{position:relative;padding-left:18px;color:#415169;font-size:14px;line-height:1.45}
.ai-evidence-card li::before{content:"";position:absolute;left:0;top:.58em;width:7px;height:7px;border-radius:50%;background:#5c74ff}
.ai-case-standard{margin-top:24px;padding:26px;border:1px dashed #9bb0de;border-radius:20px;background:#f8fbff}
.ai-case-standard h3{font-size:24px}
.ai-case-standard__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.ai-case-standard__item{padding:17px;border:1px solid #e0e8f5;border-radius:14px;background:#fff}
.ai-case-standard__item strong{display:block;color:#10234b}
.ai-case-standard__item span{display:block;margin-top:6px;color:#627188;font-size:13px;line-height:1.45}
.ai-case-standard__note{margin-top:18px;padding:15px 17px;border-left:4px solid #2553e8;background:#eef4ff;color:#334768;font-size:14px;line-height:1.55}
.ai-external-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}
.ai-external-links a{display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border:1px solid #d9e3f4;border-radius:10px;background:#fff;color:#214bff;font-weight:800;font-size:13px}
@media(max-width:900px){.ai-answer-nav__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-answer-grid,.ai-answer-grid--4,.ai-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-case-standard__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ai-answer-section{padding:54px 0}.ai-answer-nav__grid,.ai-answer-grid,.ai-answer-grid--2,.ai-answer-grid--4,.ai-evidence-grid,.ai-case-standard__grid{grid-template-columns:1fr}.ai-answer-nav a{justify-content:flex-start;text-align:left}.ai-answer-head{margin-bottom:26px}.ai-answer-head h2{font-size:30px}.ai-answer-card{min-height:auto;padding:21px}.ai-answer-formula{grid-template-columns:1fr;padding:22px}.ai-case-standard{padding:20px}}
/* Own implementation experience note */
.ai-practice-note{display:inline-flex;max-width:760px;margin:16px 0 0;padding:10px 14px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(9,20,48,.42);color:#eaf0ff;font-size:14px;font-weight:750;line-height:1.45;backdrop-filter:blur(8px)}
@media(max-width:640px){.ai-practice-note{display:flex;margin-top:14px;padding:10px 12px;font-size:13px}}


/* Exact WBFin reference case slider */
.ai-ref-cases{padding:64px 0;background:#fff}
.ai-ref-cases>.container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.ai-ref-cases-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.ai-ref-cases-head>div:first-child{max-width:850px}
.ai-ref-cases-head .eyebrow{display:inline-block;margin-bottom:12px;color:#2553e8;font-weight:900;font-size:12px;letter-spacing:.13em;text-transform:uppercase}
.ai-ref-cases-head h2{margin:0;font-size:32px;line-height:1.2;letter-spacing:-.025em;color:#10234b}
.ai-ref-cases-head p{max-width:700px;margin:8px 0 0;color:#6b7280;font-size:16px;line-height:1.5}
.ai-ref-case-controls{display:flex;gap:8px;align-items:center}
.ai-ref-case-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e5e7eb;border-radius:50%;background:#fff;color:#111827;font-size:22px;line-height:1;cursor:pointer;box-shadow:none;transition:border-color .18s ease,background .18s ease,opacity .18s ease}
.ai-ref-case-btn:hover{border-color:#cbd5e1;background:#f8fafc}
.ai-ref-case-btn:disabled{opacity:.4;cursor:default}
.ai-ref-case-slider-container{width:100%;max-width:none;margin:0;padding:0}
.ai-ref-case-slider{width:100%}
.ai-ref-case-track{display:flex;align-items:stretch;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;cursor:grab;user-select:none;touch-action:auto;padding:0 24px 8px}
.ai-ref-case-track.dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
.ai-ref-case-track::-webkit-scrollbar{height:6px}
.ai-ref-case-track::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}
.ai-ref-case-slide{flex:0 0 90%;display:flex;scroll-snap-align:start}
.ai-ref-case-card{display:flex;flex:1;flex-direction:column;height:100%;border:1px solid #e5e7eb;border-radius:12px;padding:24px;background:#fff;box-shadow:none}
.ai-ref-case-kpi{margin-bottom:8px;color:#4f46e5;font-size:20px;font-weight:700;letter-spacing:0}
.ai-ref-case-title{margin:0 0 8px;color:#111827;font-size:36px;line-height:1.12;font-weight:600;letter-spacing:-.025em}
.ai-ref-case-lead{margin:0 0 12px;color:#374151;font-size:15px;line-height:1.5}
.ai-ref-case-list{margin:0;padding-left:18px;color:#374151;list-style:disc}
.ai-ref-case-list li{margin:4px 0;padding:0;font-size:14px;line-height:1.5}
.ai-ref-case-list li::before{content:none}
.ai-ref-case-list strong{color:#111827}
.ai-ref-case-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:10px;border-top:1px solid #e5e7eb;color:#6b7280;font-size:13px;line-height:1.4;text-transform:none;letter-spacing:0;font-weight:400}
.ai-ref-case-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
.ai-ref-case-dot{width:8px;height:8px;border:0;padding:0;border-radius:50%;background:#d1d5db;cursor:pointer}
.ai-ref-case-dot[aria-current="true"]{background:#4f46e5}
@media(min-width:700px){.ai-ref-case-slide{flex-basis:60%}}
@media(min-width:1024px){.ai-ref-case-slide{flex-basis:33.3333%}}
@media(max-width:640px){.ai-ref-cases{padding:54px 0}.ai-ref-cases>.container{width:min(100% - 36px,1180px)}.ai-ref-cases-head{align-items:flex-start}.ai-ref-cases-head h2{font-size:30px}.ai-ref-cases-head p{font-size:16px}.ai-ref-case-title{font-size:28px}.ai-ref-case-card{padding:21px}.ai-ref-case-track{padding-left:18px;padding-right:18px}.ai-ref-case-controls{width:100%;justify-content:flex-end}}

/* Unified tab block for the AI sales page */
.ai-sales-tabs-section{
  padding:72px 0;
  background:linear-gradient(180deg,#f7faff 0%,#fff 100%);
  scroll-margin-top:96px;
}
.ai-sales-tabs{
  overflow:hidden;
  border:1px solid #dfe7f5;
  border-radius:24px;
  background:#fff;
  box-shadow:0 24px 58px rgba(15,23,42,.08);
}
.ai-sales-tabs__list{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:14px;
  border-bottom:1px solid #e7edf7;
  background:#f8faff;
  scrollbar-width:none;
  scroll-behavior:smooth;
}
.ai-sales-tabs__list::-webkit-scrollbar{display:none}
.ai-sales-tabs__tab{
  flex:0 0 auto;
  min-height:44px;
  padding:0 16px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#1c3565;
  font:inherit;
  font-size:14px;
  font-weight:850;
  line-height:1.2;
  white-space:nowrap;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.ai-sales-tabs__tab:hover{
  border-color:#cfdaf0;
  background:#fff;
}
.ai-sales-tabs__tab[aria-selected="true"]{
  border-color:#315cff;
  background:#315cff;
  color:#fff;
  box-shadow:0 10px 22px rgba(49,92,255,.22);
}
.ai-sales-tabs__tab:focus-visible{
  outline:3px solid rgba(49,92,255,.28);
  outline-offset:2px;
}
.ai-sales-tabs__panels{background:#fff}
.ai-sales-tab-panel{
  box-sizing:border-box;
  min-width:0;
  padding:48px;
  scroll-margin-top:116px;
}
.ai-sales-tab-panel[hidden]{display:none!important}
.ai-sales-tab-panel.ai-sales-section,
.ai-sales-tab-panel.ai-answer-section,
.ai-sales-tab-panel.ai-ref-cases{
  padding:48px;
}
.ai-sales-tab-panel.ai-sales-section--soft,
.ai-sales-tab-panel.ai-answer-section--soft,
.ai-sales-tab-panel.ai-ref-cases{
  background:linear-gradient(180deg,#fbfdff 0%,#f6f9ff 100%);
}
.ai-sales-tab-panel.ai-answer-section--warning{
  background:linear-gradient(180deg,#fffaf1 0%,#fffdf8 100%);
}
.ai-sales-tab-panel.ai-answer-section--blue{
  background:linear-gradient(135deg,#eef4ff 0%,#f8f5ff 100%);
}
.ai-sales-tab-panel.ai-answer-section--risk{
  background:linear-gradient(135deg,#111b36 0%,#152a5b 100%);
  color:#dce7ff;
}
.ai-sales-tab-panel .ai-sales-head,
.ai-sales-tab-panel .ai-answer-head{
  margin-top:0;
}
.ai-sales-tab-panel .ai-ref-cases-head{margin-top:0}
.ai-sales-tab-panel .ai-ref-case-track{
  padding-left:0;
  padding-right:0;
}
@media(max-width:900px){
  .ai-sales-tabs-section{padding:58px 0}
  .ai-sales-tab-panel,
  .ai-sales-tab-panel.ai-sales-section,
  .ai-sales-tab-panel.ai-answer-section,
  .ai-sales-tab-panel.ai-ref-cases{padding:36px 28px}
}
@media(max-width:640px){
  .ai-sales-tabs-section{padding:46px 0}
  .ai-sales-tabs{border-radius:18px}
  .ai-sales-tabs__list{padding:10px}
  .ai-sales-tabs__tab{min-height:42px;padding:0 14px;font-size:13px}
  .ai-sales-tab-panel,
  .ai-sales-tab-panel.ai-sales-section,
  .ai-sales-tab-panel.ai-answer-section,
  .ai-sales-tab-panel.ai-ref-cases{padding:28px 18px}
  .ai-sales-tab-panel .ai-ref-case-track{padding-left:0;padding-right:0}
}

/* v92: center case-section heading independently from slider controls */
.ai-ref-cases-head{
  position:relative;
  display:block;
  text-align:center;
  margin-bottom:24px;
  padding-right:112px;
  padding-left:112px;
}
.ai-ref-cases-head>div:first-child{
  max-width:850px;
  margin:0 auto;
}
.ai-ref-cases-head p{
  margin:8px auto 0;
}
.ai-ref-cases-head .ai-ref-case-controls{
  position:absolute;
  right:0;
  bottom:0;
}
@media(max-width:760px){
  .ai-ref-cases-head{
    padding-right:0;
    padding-left:0;
  }
  .ai-ref-cases-head .ai-ref-case-controls{
    position:static;
    width:auto;
    justify-content:center;
    margin-top:18px;
  }
}

/* v96: centered tabs by content width, without artificial equal columns */
@media (min-width:901px){
  .ai-sales-tabs__list{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:8px;
    overflow:visible;
    padding:14px 20px;
  }
  .ai-sales-tabs__tab{
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    width:auto;
    min-width:0;
    padding:0 16px;
    text-align:center;
  }
}
@media (max-width:900px){
  .ai-sales-tabs__list{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
  }
}

/* v97: one visual surface for the AI sales tab component */
.ai-sales-tabs-section{
  background:#fff;
}
.ai-sales-tabs{
  background:#fff;
}
.ai-sales-tabs__list{
  background:#fff;
}
.ai-sales-tabs__panels{
  background:#fff;
}
.ai-sales-tab-panel,
.ai-sales-tab-panel.ai-sales-section,
.ai-sales-tab-panel.ai-answer-section,
.ai-sales-tab-panel.ai-sales-section--soft,
.ai-sales-tab-panel.ai-answer-section--soft,
.ai-sales-tab-panel.ai-answer-section--warning,
.ai-sales-tab-panel.ai-answer-section--blue,
.ai-sales-tab-panel.ai-answer-section--risk{
  background:#fff;
  color:#10234b;
}
.ai-sales-tab-panel.ai-answer-section--risk h2,
.ai-sales-tab-panel.ai-answer-section--risk h3{
  color:#10234b;
}
.ai-sales-tab-panel.ai-answer-section--risk .ai-answer-lead{
  color:#5b6b82;
}
.ai-sales-tab-panel.ai-answer-section--risk .eyebrow{
  color:#2553e8;
}
.ai-sales-tab-panel.ai-answer-section--risk .ai-answer-card,
.ai-sales-tab-panel.ai-answer-section--warning .ai-answer-card,
.ai-sales-tab-panel.ai-answer-section--soft .ai-answer-card{
  border-color:#e1e8f5;
  background:#fff;
  color:#10234b;
  box-shadow:0 16px 34px rgba(15,23,42,.055);
}
.ai-sales-tab-panel.ai-answer-section--risk .ai-answer-card p,
.ai-sales-tab-panel.ai-answer-section--risk .ai-answer-card li{
  color:#5b6b82;
}
.ai-sales-tab-panel.ai-answer-section--risk .ai-answer-card li::before{
  background:#4f67ff;
}
