/*! Salesable Case Studies | frontend styles | every selector is scoped to .salescase */

/* ######################## BASE: tokens, hardened reset, buttons, tabs, CTA, motion ######################## */
/* ================= TOKENS + SCOPED RESET ================= */
.salescase{--blue:#2563ff;--blue2:#4f7cff;--blue-d:#1b52e0;--navy:#0b1530;--ink:#18223a;--muted:#667085;--line:#e6eaf2;
  --soft:#f6f8ff;--soft2:#eef3ff;--orange:#f97316;--orange-ink:#c2540a;--orange-h:#e8690d;--purple:#6e54e9;--max:1200px;--rb:10px;
  --stick:74px;--ease:cubic-bezier(.2,.75,.2,1);
  font-family:Poppins,Arial,sans-serif;font-size:16px;line-height:1.55;color:var(--ink) !important;background:#fff !important;
  -webkit-font-smoothing:antialiased;overflow-x:clip}
.salescase,.salescase *,.salescase *::before,.salescase *::after{box-sizing:border-box}
/* :where() keeps these at single-class weight so component rules override them */
.salescase :where(a){text-decoration:none;color:inherit !important}
.salescase :where(img,svg){display:block;max-width:100%}
.salescase :where(button){font:inherit;color:inherit !important;background:none !important;border:0;cursor:pointer;padding:0}
.salescase :where(h1,h2,h3,h4,p,ul,ol,figure,blockquote){margin:0;padding:0}
/* Elementor kits style bare elements at (0,1,1) or higher. These stop kit fonts, UPPERCASE, borders and input chrome */
.salescase h1,.salescase h2,.salescase h3,.salescase h4{font-family:Poppins,Arial,sans-serif !important;text-transform:none !important;line-height:1.25}
.salescase p{margin:0;line-height:1.55;text-transform:none}
.salescase ul,.salescase ol{list-style:none;margin:0;padding:0}
.salescase button{font-family:inherit !important;font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:none !important;letter-spacing:normal;padding:0;border:0 !important;border-radius:0;box-shadow:none !important;min-height:0}
.salescase input,.salescase select{font-family:inherit !important;text-transform:none !important;letter-spacing:normal !important;min-height:0 !important;margin:0;outline:0}
.salescase :focus-visible{outline:2.5px solid var(--blue) !important;outline-offset:3px;border-radius:var(--rb)}
.salescase-sr{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ================= SHARED LAYOUT ================= */
.salescase-wrap{width:min(var(--max),calc(100% - 64px));margin:0 auto;position:relative;z-index:1}
.salescase-sec{padding:92px 0;position:relative}
.salescase-eyebrow{font-size:12px;line-height:1;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue) !important;display:flex;align-items:center;gap:10px}
.salescase-eyebrow::before{content:"";width:26px;height:2px;border-radius:9px;background:currentColor !important}
.salescase .salescase-h2{font-size:clamp(28px,3.3vw,40px);line-height:1.1;font-weight:500;letter-spacing:-.035em;color:var(--ink) !important;margin:14px 0 14px}
.salescase .salescase-lead{font-family:Figtree,Arial,sans-serif;font-size:17px;line-height:1.62;color:var(--muted) !important;max-width:640px}
.salescase-ow{color:var(--orange-h) !important}
.salescase-owd{color:#ffb072 !important}
.salescase-center{text-align:center}
.salescase-center .salescase-eyebrow{justify-content:center}
.salescase-center .salescase-lead{margin-left:auto;margin-right:auto}
.salescase-headrow{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:34px}
.salescase-headrow .salescase-h2{margin-bottom:0}

.salescase .salescase-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:var(--rb);padding:14px 22px;font-size:14px;font-weight:600;line-height:1.2;
  border:1px solid transparent !important;white-space:nowrap;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease}
.salescase-btn svg{width:16px;height:16px;transition:transform .28s ease}
.salescase-btn:hover svg{transform:translateX(4px)}
.salescase-primary{background:var(--blue) !important;color:#fff !important;box-shadow:0 6px 16px rgba(37,99,255,.16) !important}
.salescase-primary:hover{background:var(--blue-d) !important;transform:translateY(-2px);box-shadow:0 12px 26px rgba(37,99,255,.24) !important}
.salescase-secondary{background:#fff !important;border-color:#dce3f2 !important;color:var(--ink) !important}
.salescase-secondary:hover{border-color:var(--blue) !important;color:var(--blue) !important;transform:translateY(-2px);box-shadow:0 10px 22px rgba(37,99,255,.1) !important}
.salescase-onnavy{background:#fff !important;color:var(--navy) !important}
.salescase-onnavy:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.28) !important}
.salescase-ghostnavy{background:transparent !important;border-color:rgba(255,255,255,.3) !important;color:#fff !important}
.salescase-ghostnavy:hover{border-color:#fff !important;background:rgba(255,255,255,.08) !important;transform:translateY(-2px)}
.salescase-link{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--blue) !important}
.salescase-link svg{width:15px;height:15px;transition:transform .25s ease}
.salescase-link:hover svg{transform:translateX(4px)}

.salescase-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12.5px;color:#7a869b !important}
.salescase-crumbs a{transition:color .2s ease}
.salescase-crumbs a:hover{color:var(--blue) !important}
.salescase-crumbs svg{width:12px;height:12px;color:#b3bdcf !important}
.salescase-crumbs span{color:var(--ink) !important;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:36ch}

/* ================= TOPIC TINTS ================= */
.salescase-tp-ri{--tc:#2563ff;--tb:#eaf1ff;--tl:#d3e1ff}
.salescase-tp-rs{--tc:#1d3a7a;--tb:#e9eef9;--tl:#cfd9ee}
.salescase-tp-sd{--tc:#c2540a;--tb:#fff1e6;--tl:#ffd9bd}
.salescase-tp-ai{--tc:#6e54e9;--tb:#f0ecff;--tl:#ddd4ff}
.salescase-tp-ro{--tc:#0e7f74;--tb:#e6f6f4;--tl:#c3e8e3}
.salescase-tp-fs{--tc:#4338ca;--tb:#eeedfc;--tl:#d6d3f6}

.salescase-chip{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;line-height:1.2;padding:5px 10px;border-radius:8px;white-space:nowrap;
  color:var(--tc,#475467) !important;background:var(--tb,#f2f4f7) !important;border:1px solid var(--tl,#e4e7ec) !important;transition:background .25s ease,color .25s ease,border-color .25s ease}
.salescase a.salescase-chip:hover{background:var(--tc,#475467) !important;border-color:var(--tc,#475467) !important;color:#fff !important}
.salescase-type{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#98a2b3 !important}
.salescase-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:12.5px;color:#7a869b !important}
.salescase-meta i{width:1px;height:11px;background:#d5dae3 !important}
.salescase-meta svg{width:14px;height:14px}
.salescase-meta span{display:inline-flex;align-items:center;gap:5px}

.salescase-av{--s:34px;width:var(--s);height:var(--s);flex:none;border-radius:50%;display:grid;place-items:center;font-size:calc(var(--s) * .36);font-weight:600;letter-spacing:.02em;color:#fff !important}
.salescase-av-am{background:linear-gradient(135deg,#1b52e0,#6f97ff) !important}
.salescase-av-nr{background:linear-gradient(135deg,#c2540a,#ffa25e) !important}
.salescase-av-ks{background:linear-gradient(135deg,#5b3fd6,#a794ff) !important}

/* ================= TOOLBAR ================= */
.salescase-bar{position:sticky;top:var(--stick);z-index:30;background:rgba(255,255,255,.92) !important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid transparent !important;transition:border-color .3s ease,box-shadow .3s ease}
.salescase-bar.salescase-stuck{border-bottom-color:var(--line) !important;box-shadow:0 10px 26px -20px rgba(23,43,82,.35) !important}
.salescase-bar-in{display:flex;align-items:center;gap:16px;padding:12px 0}
.salescase-tabs{position:relative;display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px}
.salescase-tabs::-webkit-scrollbar{display:none}
.salescase .salescase-tab{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:500;padding:9px 14px !important;border-radius:var(--rb) !important;
  color:#475467 !important;white-space:nowrap;transition:color .3s ease,background .3s ease}
.salescase .salescase-tab:hover:not([aria-pressed="true"]){background:#f2f5fa !important;color:var(--ink) !important}
.salescase .salescase-tab[aria-pressed="true"]{color:#fff !important}
.salescase-tab small{font-size:10.5px;font-weight:600;padding:2px 6px;border-radius:6px;background:#eef1f6 !important;color:#667085 !important;transition:background .3s ease,color .3s ease}
.salescase-tab[aria-pressed="true"] small{background:rgba(255,255,255,.16) !important;color:#dbe4ff !important}
.salescase-tab-ind{position:absolute;z-index:0;left:0;top:2px;height:calc(100% - 4px);width:0;border-radius:var(--rb);background:var(--navy) !important;
  box-shadow:0 8px 18px -10px rgba(11,21,48,.6) !important;transition:transform .5s var(--ease),width .5s var(--ease)}
.salescase-bar-side{display:flex;align-items:center;gap:10px;margin-left:auto;flex:none}
.salescase-count{font-size:12.5px;color:#7a869b !important;white-space:nowrap}
.salescase-count b{color:var(--ink) !important;font-weight:600}
.salescase .salescase-select{appearance:none !important;-webkit-appearance:none !important;height:40px !important;padding:0 36px 0 13px !important;font-size:13px !important;font-weight:500 !important;
  color:var(--ink) !important;border:1px solid #dce3f2 !important;border-radius:var(--rb) !important;cursor:pointer;box-shadow:none !important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/14px !important;
  transition:border-color .25s ease}
.salescase .salescase-select:hover{border-color:var(--blue) !important}
.salescase-empty{grid-column:1/-1;text-align:center;padding:56px 20px;border:1px dashed #d5dce8 !important;border-radius:18px;background:#fafbfd !important}
.salescase-empty svg{width:42px;height:42px;margin:0 auto 14px;color:#98a2b3 !important}
.salescase-empty b{display:block;font-size:17px;font-weight:600;color:var(--navy) !important;margin-bottom:6px}
.salescase-empty p{font-family:Figtree,Arial,sans-serif;font-size:14.5px;color:#667085 !important;margin-bottom:18px}

/* ================= FINAL CTA ================= */
.salescase-ctasec{padding:0 0 96px;background:#fff !important}
.salescase-cta{border-radius:26px;padding:56px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;overflow:hidden;
  background:linear-gradient(125deg,#0b1530 0%,#16295a 46%,#1d3a7a 100%) !important}
.salescase-cta::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;left:-200px;top:-280px;background:radial-gradient(circle,rgba(37,99,255,.42),transparent 66%) !important;animation:salescase-drift 14s ease-in-out infinite}
.salescase-cta::after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-190px;bottom:-240px;background:radial-gradient(circle,rgba(249,115,22,.34),transparent 66%) !important;animation:salescase-drift 16s ease-in-out infinite reverse}
.salescase-cta-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.13) 50%,transparent 62%) !important;transform:translateX(-100%);animation:salescase-sheen 7s linear infinite}
.salescase-cta-txt{position:relative;z-index:2;flex:1;min-width:280px}
.salescase-cta-eyebrow{display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffb072 !important;background:rgba(249,115,22,.14) !important;border:1px solid rgba(249,115,22,.3) !important;padding:7px 12px;border-radius:var(--rb);margin-bottom:16px}
.salescase-cta h2{font-size:clamp(28px,3.3vw,40px);font-weight:600;letter-spacing:-.035em;line-height:1.1;color:#fff !important;max-width:600px}
.salescase-cta p{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#aab7d0 !important;margin-top:14px}
.salescase-cta-act{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;flex:none}
.salescase-cta-act .salescase-btn{font-size:15px;padding:16px 26px}

/* ================= UTILITIES ================= */
.salescase-toast{position:fixed;left:50%;bottom:28px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-size:13.5px;font-weight:500;
  color:#fff !important;background:var(--navy) !important;box-shadow:0 18px 40px -16px rgba(11,21,48,.55) !important;transform:translate(-50%,24px);opacity:0;pointer-events:none;
  transition:transform .4s var(--ease),opacity .3s ease}
.salescase-toast svg{width:16px;height:16px;color:#3ddc9a !important}
.salescase-toast.salescase-on{transform:translate(-50%,0);opacity:1}
.salescase .salescase-top{position:fixed;right:24px;bottom:24px;z-index:900;width:46px;height:46px;border-radius:12px !important;display:grid;place-items:center;
  background:#fff !important;color:var(--navy) !important;border:1px solid var(--line) !important;box-shadow:0 14px 30px -14px rgba(23,43,82,.4) !important;
  opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .35s ease,transform .35s var(--ease),background .25s ease,color .25s ease}
.salescase .salescase-top.salescase-on{opacity:1;transform:none;pointer-events:auto}
.salescase .salescase-top:hover{background:var(--navy) !important;color:#fff !important}
.salescase-top svg{width:18px;height:18px;transform:rotate(-90deg)}

/* ================= MOTION ================= */
@keyframes salescase-in{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
@keyframes salescase-out{to{opacity:0;transform:scale(.97)}}
@keyframes salescase-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(36px,24px)}}
@keyframes salescase-sheen{to{transform:translateX(100%)}}
@keyframes salescase-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes salescase-spin{to{transform:rotate(360deg)}}
@keyframes salescase-draw{to{stroke-dashoffset:0}}
@keyframes salescase-marquee{to{transform:translateX(-50%)}}
.salescase-off *,.salescase-off *::before,.salescase-off *::after,.salescase-off::before,.salescase-off::after{animation-play-state:paused !important}

/* smooth page-to-page transitions (Chrome, Edge, Safari 18.2+). Only runs between pages that both include it */
@view-transition{navigation:auto}
::view-transition-old(root){animation:.28s ease both salescase-vt-out}
::view-transition-new(root){animation:.42s var(--ease,ease) both salescase-vt-in}
@keyframes salescase-vt-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes salescase-vt-in{from{opacity:0;transform:translateY(10px)}}

/* ================= SHARED RESPONSIVE ================= */
@media(max-width:1024px){
  .salescase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .salescase-news{grid-template-columns:1fr;gap:26px;padding:44px 40px}
  .salescase-cta{padding:46px 40px}
}
@media(max-width:900px){
  .salescase-wrap{width:min(100% - 34px,var(--max))}
  .salescase-sec{padding:70px 0}
  .salescase-bar-in{flex-wrap:wrap;gap:10px}
  .salescase-bar-side{margin-left:0;width:100%;justify-content:space-between}
  .salescase-cta{display:block;padding:40px 32px}
  .salescase-cta-act{margin-top:26px}
  .salescase-cta-act .salescase-btn{width:100%}
  .salescase-ctasec{padding-bottom:70px}
  .salescase-is-list .salescase-card{flex-direction:column}
  .salescase-is-list .salescase-media{width:100%;aspect-ratio:16/10}
}
@media(max-width:640px){
  .salescase-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .salescase-sec{padding:56px 0}
  .salescase-news{padding:32px 22px;border-radius:20px}
  .salescase-nrow{flex-direction:column}
  .salescase .salescase-nbtn{justify-content:center}
  .salescase-cta{padding:32px 22px}
  .salescase-ctasec{padding-bottom:56px}
  .salescase .salescase-top{right:14px;bottom:14px}
  .salescase-crumbs span{max-width:22ch}
}
@media(prefers-reduced-motion:reduce){
  .salescase *,.salescase *::before,.salescase *::after{animation:none !important;transition-duration:.01ms !important}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important}
  .salescase-ndone svg path{stroke-dashoffset:0}
}

/* ######################## CASE CARDS ######################## */

/* ================= TOKENS ADDED FOR PROOF ================= */
.salescase{--green:#16a34a;--green-d:#15803d;--green-bg:#effaf3;--green-l:#7ee2b8}
.salescase-in-fs{--tc:#2563ff;--tb:#eaf1ff;--tl:#d3e1ff}
.salescase-in-fp{--tc:#6e54e9;--tb:#f0ecff;--tl:#ddd4ff}
.salescase-in-it{--tc:#0e7f74;--tb:#e6f6f4;--tl:#c3e8e3}
.salescase-in-wt{--tc:#b45309;--tb:#fff4e5;--tl:#fde0b8}
.salescase-in-hr{--tc:#4338ca;--tb:#eeedfc;--tl:#d6d3f6}
.salescase-in-cy{--tc:#1e293b;--tb:#eef1f5;--tl:#d9dee6}

/* ================= CASE CARD ================= */
.salescase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.salescase-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff !important;border:1px solid var(--line) !important;border-radius:20px;overflow:hidden;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s ease}
.salescase-card:hover{transform:translateY(-6px);border-color:var(--tl,#cfdcf7) !important;box-shadow:0 26px 50px -28px rgba(23,43,82,.3) !important}
.salescase-card:focus-within{border-color:#9db8ff !important}
.salescase-card-top{position:relative;overflow:hidden;padding:20px 22px 22px;border-bottom:1px solid var(--line) !important;
  background:linear-gradient(150deg,var(--tb,#eef3ff) 0%,#fff 80%) !important}
.salescase-card-top::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;
  background-image:linear-gradient(rgba(37,99,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,255,.06) 1px,transparent 1px) !important;background-size:22px 22px;
  -webkit-mask-image:linear-gradient(200deg,#000,transparent 70%);mask-image:linear-gradient(200deg,#000,transparent 70%)}
.salescase-card-top>*{position:relative;z-index:1}
.salescase-card-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:26px}
.salescase-dur{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:#475467 !important;white-space:nowrap}
.salescase-dur svg{width:13px;height:13px;color:#98a2b3 !important}
.salescase-card-metric{display:block;font-size:46px;font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--navy) !important;transform-origin:left bottom;
  transition:color .35s ease,transform .45s var(--ease)}
.salescase-card:hover .salescase-card-metric{color:var(--tc,var(--blue)) !important;transform:scale(1.04)}
.salescase-card-mlabel{display:block;margin-top:8px;font-family:Figtree,Arial,sans-serif;font-size:14px;line-height:1.4;color:#475467 !important}
.salescase-card-body{display:flex;flex-direction:column;flex:1;padding:18px 22px 20px}
.salescase-client{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#98a2b3 !important}
.salescase .salescase-card-t{font-size:18px;font-weight:600;line-height:1.32;letter-spacing:-.02em;color:var(--navy) !important;margin:8px 0 14px}
.salescase-card-t a{background-image:linear-gradient(currentColor,currentColor) !important;background-size:0 1.5px;background-repeat:no-repeat;background-position:0 100%;
  transition:background-size .45s var(--ease),color .25s ease}
.salescase-card:hover .salescase-card-t a{background-size:100% 1.5px;color:var(--blue) !important}
.salescase-card-t a::after{content:"";position:absolute;inset:0;z-index:1}
.salescase-sub{display:flex;align-items:baseline;gap:10px;padding:11px 13px;border-radius:12px;background:var(--green-bg) !important;border:1px solid #d3efdf !important}
.salescase-sub b{flex:none;font-size:20px;font-weight:600;letter-spacing:-.03em;color:var(--green-d) !important}
.salescase-sub span{font-family:Figtree,Arial,sans-serif;font-size:13px;line-height:1.35;color:#3f5c4b !important}
.salescase-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.salescase-tag{position:relative;z-index:2;font-size:11px;font-weight:600;padding:4px 8px;border-radius:7px;background:#f3f5f9 !important;color:#475467 !important;
  border:1px solid #e6eaf1 !important;transition:background .25s ease,color .25s ease,border-color .25s ease}
.salescase a.salescase-tag:hover{background:#eaf1ff !important;color:var(--blue) !important;border-color:#d3e1ff !important}

/* interaction-driven motion only: nothing is hidden until someone filters */
.salescase-enter{animation:salescase-in .55s var(--ease) both;animation-delay:var(--d,0ms)}
.salescase-leave{animation:salescase-out .2s ease both}
.salescase-hide{display:none !important}
.salescase-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid #eef1f6 !important;
  font-size:13px;font-weight:600;color:var(--blue) !important}
.salescase-card-body .salescase-tags{margin-bottom:16px}
.salescase-go{width:34px;height:34px;flex:none;border-radius:var(--rb);display:grid;place-items:center;border:1px solid var(--line) !important;color:#98a2b3 !important;
  transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease}
.salescase-go svg{width:15px;height:15px}
.salescase-card:hover .salescase-go{background:var(--navy) !important;border-color:var(--navy) !important;color:#fff !important;transform:translateX(3px)}

/* invite card at the end of a grid */
.salescase-card-cta{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding:28px 26px;border-radius:20px;
  background:linear-gradient(140deg,#0b1530 0%,#16295a 60%,#1d3a7a 100%) !important;color:#fff !important;transition:transform .4s var(--ease),box-shadow .4s ease}
.salescase-card-cta:hover{transform:translateY(-6px);box-shadow:0 26px 50px -24px rgba(11,21,48,.55) !important}
.salescase-card-cta::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-150px;top:-150px;
  background:radial-gradient(circle,rgba(37,99,255,.45),transparent 66%) !important;animation:salescase-drift 12s ease-in-out infinite}
.salescase-card-cta::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;left:-120px;bottom:-150px;
  background:radial-gradient(circle,rgba(249,115,22,.3),transparent 66%) !important;animation:salescase-drift 14s ease-in-out infinite reverse}
.salescase-card-cta>*{position:relative;z-index:1}
.salescase-card-cta .salescase-eyebrow{color:#ffb072 !important;margin-bottom:14px}
.salescase .salescase-card-cta h3{font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.18;color:#fff !important;margin-bottom:10px}
.salescase-card-cta p{font-family:Figtree,Arial,sans-serif;font-size:15px;line-height:1.55;color:#aab7d0 !important;margin-bottom:22px}
.salescase-card-cta .salescase-btn{align-self:flex-start}

@media(max-width:1024px){.salescase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .salescase-grid{grid-template-columns:1fr}
  .salescase-card-metric{font-size:40px}
}

/* ######################## LISTING PAGE ######################## */

/* ================= LISTING · HERO ================= */
.salescase-lhero{padding:30px 0 84px;overflow:hidden;background:#fff !important}
.salescase-lhero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(44% 58% at 84% 30%,rgba(37,99,255,.14),transparent 64%),radial-gradient(30% 40% at 96% 92%,rgba(22,163,74,.08),transparent 66%),
             radial-gradient(32% 42% at 0% 100%,rgba(249,115,22,.09),transparent 66%),linear-gradient(180deg,#f4f7ff 0%,#fff 80%) !important}
.salescase-lhero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(37,99,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,255,.07) 1px,transparent 1px) !important;background-size:46px 46px;
  -webkit-mask-image:radial-gradient(46% 62% at 80% 44%,#000,transparent 78%);mask-image:radial-gradient(46% 62% at 80% 44%,#000,transparent 78%)}
.salescase-lh-grid{display:grid;grid-template-columns:1fr .94fr;gap:56px;align-items:center;margin-top:36px}
.salescase .salescase-h1{font-size:clamp(40px,4.9vw,66px);line-height:1.02;font-weight:600;letter-spacing:-.047em;color:var(--navy) !important;margin:16px 0 18px}
.salescase .salescase-hero-sub{font-family:Figtree,Arial,sans-serif;font-size:18.5px;line-height:1.6;color:#5b6679 !important;max-width:31em;margin-bottom:30px}
.salescase-actions{display:flex;flex-wrap:wrap;gap:12px}
.salescase-trust{display:flex;align-items:center;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line) !important;font-size:13.5px;font-weight:500;color:#475467 !important}
.salescase-trust span{width:28px;height:28px;flex:none;border-radius:8px;display:grid;place-items:center;background:var(--green-bg) !important;color:var(--green-d) !important}
.salescase-trust svg{width:15px;height:15px}

.salescase-lviz{position:relative;padding:26px 0 26px 26px}
.salescase-ledger{position:relative;overflow:hidden;background:#fff !important;border:1px solid #e1e8f5 !important;border-radius:22px;
  box-shadow:0 34px 64px -34px rgba(20,45,100,.34),0 2px 6px rgba(20,45,100,.04) !important;transition:transform .4s var(--ease),box-shadow .4s ease}
.salescase-ledger:hover{transform:translateY(-4px);box-shadow:0 40px 74px -34px rgba(20,45,100,.4) !important}
.salescase-ledger-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #eef1f7 !important}
.salescase-ledger-title{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:600;color:var(--navy) !important;line-height:1.25}
.salescase-ledger-title small{display:block;font-size:11px;font-weight:500;color:#8a95a8 !important}
.salescase-ledger-title>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#e8f0ff !important;color:var(--blue) !important;flex:none}
.salescase-ledger-title svg{width:17px;height:17px}
.salescase-okchip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;white-space:nowrap;padding:6px 10px;border-radius:var(--rb);
  color:var(--green-d) !important;background:var(--green-bg) !important;border:1px solid #cdebd9 !important}
.salescase-okchip svg{width:12px;height:12px}
.salescase-lrow{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 20px;transition:background .45s ease}
.salescase-lrow+.salescase-lrow{border-top:1px solid #f0f3f8 !important}
.salescase-lrow::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--green) !important;transform:scaleY(0);transition:transform .45s var(--ease)}
.salescase-lrow.salescase-hot{background:#f6fbf8 !important}
.salescase-lrow.salescase-hot::before{transform:scaleY(1)}
.salescase-lic{width:42px;height:42px;border-radius:var(--rb);display:grid;place-items:center;background:var(--tb) !important;color:var(--tc) !important;transition:transform .4s var(--ease)}
.salescase-lic svg{width:20px;height:20px}
.salescase-lrow.salescase-hot .salescase-lic{transform:scale(1.08) rotate(-6deg)}
.salescase-lrow b{display:block;font-size:13.5px;font-weight:600;color:var(--navy) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.salescase-lrow small{display:block;font-family:Figtree,Arial,sans-serif;font-size:12.5px;color:#7a869b !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.salescase-lval{font-size:24px;font-weight:600;letter-spacing:-.04em;color:var(--green-d) !important;text-align:right;white-space:nowrap}
.salescase-ledger-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;background:#f8faff !important;border-top:1px solid #eef1f7 !important;
  font-size:11.5px;color:#7a869b !important}
.salescase-ledger-foot b{color:var(--blue) !important;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.salescase-ledger-foot svg{width:13px;height:13px}
.salescase-lfloat{position:absolute;z-index:3;top:0;right:22px;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;
  background:#fff !important;border:1px solid #e1e8f5 !important;box-shadow:0 18px 38px -18px rgba(20,45,100,.38) !important;animation:salescase-bob 5.5s ease-in-out infinite}
.salescase-lfloat span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#fff1e5 !important;color:var(--orange-h) !important}
.salescase-lfloat svg{width:17px;height:17px}
.salescase-lfloat b{display:block;font-size:12.5px;font-weight:600;color:var(--navy) !important;line-height:1.3}
.salescase-lfloat small{display:block;font-size:11px;color:#8a95a8 !important}

/* ================= LISTING · FEATURED ================= */
.salescase-featsec{padding:0 0 96px;background:#fff !important}
.salescase-feat{display:grid;grid-template-columns:1.02fr .98fr;border-radius:26px;overflow:hidden;border:1px solid var(--line) !important;
  box-shadow:0 30px 64px -40px rgba(23,43,82,.36) !important;transition:box-shadow .4s ease}
.salescase-feat:hover{box-shadow:0 40px 74px -40px rgba(23,43,82,.44) !important}
.salescase-feat-l{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:44px 42px;color:#fff !important;
  background:linear-gradient(135deg,#0b1530 0%,#16295a 58%,#1d3a7a 100%) !important}
.salescase-feat-l::before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-200px;bottom:-240px;
  background:radial-gradient(circle,rgba(249,115,22,.28),transparent 66%) !important;animation:salescase-drift 14s ease-in-out infinite}
.salescase-feat-l::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;left:-200px;top:-220px;
  background:radial-gradient(circle,rgba(37,99,255,.4),transparent 66%) !important;animation:salescase-drift 16s ease-in-out infinite reverse}
.salescase-feat-l>*{position:relative;z-index:1}
.salescase-flag{align-self:flex-start;position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:7px 11px;border-radius:8px;background:var(--orange-h) !important;color:#fff !important}
.salescase-flag svg{width:12px;height:12px}
.salescase-flag::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%) !important;transform:translateX(-100%);animation:salescase-sheen 3.6s linear infinite}
.salescase-feat-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 16px}
.salescase-feat-tags span{font-size:11px;font-weight:600;padding:6px 10px;border-radius:var(--rb);border:1px solid rgba(255,255,255,.2) !important;color:#dbe4ff !important}
.salescase .salescase-feat-h{font-size:clamp(26px,2.8vw,36px);font-weight:600;letter-spacing:-.035em;line-height:1.1;color:#fff !important;margin-bottom:14px}
.salescase-feat-l p{font-family:Figtree,Arial,sans-serif;font-size:16px;line-height:1.62;color:#b7c3da !important;margin-bottom:26px;max-width:34em}
.salescase-feat-m{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:auto 0 24px}
.salescase-feat-m div{padding:16px;border-radius:14px;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.12) !important;transition:background .3s ease,transform .3s ease}
.salescase-feat-m div:hover{background:rgba(255,255,255,.1) !important;transform:translateY(-3px)}
.salescase-feat-m b{display:block;font-size:32px;font-weight:600;letter-spacing:-.045em;line-height:1.05;color:var(--green-l) !important}
.salescase-feat-m span{display:block;margin-top:6px;font-family:Figtree,Arial,sans-serif;font-size:13px;line-height:1.4;color:#aab7d0 !important}
.salescase-feat-l .salescase-btn{align-self:flex-start}
.salescase-feat-r{display:flex;flex-direction:column;justify-content:center;padding:36px 38px;background:#fff !important}
.salescase-fun-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}
.salescase-fun-h b{font-size:15px;font-weight:600;color:var(--navy) !important}
.salescase-fun-h small{font-size:11.5px;color:#98a2b3 !important}

/* funnel (shared with the single page) */
.salescase-fun{display:grid;gap:6px}
.salescase-fun-row{position:relative;margin:0 auto;width:var(--w,100%);min-width:210px;transition:width .6s var(--ease)}
.salescase-fun-bar{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px;height:54px;padding:0 18px;border-radius:12px;
  background:#eef3ff !important;border:1px solid #dbe6ff !important;transition:transform .35s var(--ease),box-shadow .35s ease}
.salescase-fun-bar:hover{transform:scale(1.02);box-shadow:0 14px 28px -18px rgba(37,99,255,.45) !important}
.salescase-fun-bar i{position:absolute;inset:0;background:linear-gradient(90deg,rgba(37,99,255,.18),rgba(37,99,255,.06)) !important;transform-origin:left}
.salescase-go-anim .salescase-fun-bar i{animation:salescase-growx 1.3s var(--ease) both}
.salescase-go-anim .salescase-fun-row:nth-child(3) .salescase-fun-bar i{animation-delay:.12s}
.salescase-go-anim .salescase-fun-row:nth-child(5) .salescase-fun-bar i{animation-delay:.24s}
.salescase-go-anim .salescase-fun-row:nth-child(7) .salescase-fun-bar i{animation-delay:.36s}
.salescase-fun-bar span{position:relative;font-family:Figtree,Arial,sans-serif;font-size:13.5px;font-weight:500;color:#344054 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.salescase-fun-bar b{position:relative;font-size:21px;font-weight:600;letter-spacing:-.035em;color:var(--navy) !important}
.salescase-fun-row.salescase-fun-win .salescase-fun-bar{background:var(--green-bg) !important;border-color:#bfe6cf !important}
.salescase-fun-row.salescase-fun-win .salescase-fun-bar i{background:linear-gradient(90deg,rgba(22,163,74,.2),rgba(22,163,74,.05)) !important}
.salescase-fun-row.salescase-fun-win b{color:var(--green-d) !important}
.salescase-conv{display:flex;justify-content:center}
.salescase-conv span{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:7px;background:#fff !important;
  color:#475467 !important;border:1px solid #e4e9f2 !important}
.salescase-conv svg{width:12px;height:12px;color:var(--blue) !important;transform:rotate(90deg)}
.salescase-outcome{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:16px 18px;border-radius:14px;
  background:var(--navy) !important;color:#fff !important;position:relative;overflow:hidden}
.salescase-outcome::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(126,226,184,.14),transparent) !important;transform:translateX(-100%);animation:salescase-sheen 5s linear infinite}
.salescase-outcome>*{position:relative}
.salescase-outcome span{font-family:Figtree,Arial,sans-serif;font-size:14px;color:#aab7d0 !important}
.salescase-outcome b{font-size:28px;font-weight:600;letter-spacing:-.04em;color:var(--green-l) !important;white-space:nowrap}
.salescase-scale{margin-top:10px;font-size:11px;color:#98a2b3 !important;text-align:center}

/* ================= LISTING · BROWSE ================= */
.salescase-browse{padding:0 0 96px;background:#fff !important}
.salescase-browse .salescase-bar{margin-bottom:26px}

/* ================= LISTING · PROOF DISCIPLINE (dark) ================= */
.salescase-disc{background:#080f22 !important;color:#fff !important;overflow:hidden}
.salescase-disc::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(94,133,232,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(94,133,232,.075) 1px,transparent 1px) !important;background-size:52px 52px;
  -webkit-mask-image:radial-gradient(88% 74% at 50% 46%,#000,transparent 82%);mask-image:radial-gradient(88% 74% at 50% 46%,#000,transparent 82%)}
.salescase-disc::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(44% 60% at 8% 20%,rgba(37,99,255,.26),transparent 62%),radial-gradient(40% 56% at 94% 90%,rgba(22,163,74,.14),transparent 62%) !important}
.salescase-disc .salescase-eyebrow{color:#ffb072 !important}
.salescase-disc .salescase-h2{color:#fff !important;font-weight:600}
.salescase-disc .salescase-lead{color:#93a3c2 !important}
.salescase-disc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
.salescase-pillar{position:relative;padding:28px 26px;border-radius:18px;border:1px solid #1d2b4c !important;background:#0d1830 !important;
  transition:border-color .4s ease,background .4s ease,transform .4s var(--ease),box-shadow .4s ease}
.salescase-pillar:hover{border-color:rgba(79,124,255,.5) !important;background:#12204a !important;transform:translateY(-5px);box-shadow:0 18px 40px -20px rgba(37,99,255,.5) !important}
.salescase-pillar-ic{width:48px;height:48px;border-radius:var(--rb);display:grid;place-items:center;margin-bottom:18px;background:#16234a !important;color:#8fb0ff !important;
  border:1px solid #24345a !important;transition:background .4s ease,color .4s ease,transform .4s var(--ease)}
.salescase-pillar-ic svg{width:22px;height:22px}
.salescase-pillar:hover .salescase-pillar-ic{background:var(--blue) !important;color:#fff !important;transform:rotate(-8deg)}
.salescase-pillar-k{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#7ee2b8 !important;margin-bottom:8px}
.salescase .salescase-pillar h3{font-size:18.5px;font-weight:600;letter-spacing:-.02em;color:#fff !important;margin-bottom:8px}
.salescase-pillar p{font-family:Figtree,Arial,sans-serif;font-size:15px;line-height:1.6;color:#93a3c2 !important}

/* ================= LISTING · SECTORS ================= */
.salescase-sectors{background:linear-gradient(180deg,#fff,#f5f8ff) !important}
.salescase-sgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.salescase-sector{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 20px;border-radius:16px;
  border:1px solid var(--line) !important;background:#fff !important;transition:transform .35s var(--ease),border-color .3s ease,box-shadow .3s ease}
.salescase-sector:hover{transform:translateY(-4px);border-color:var(--tl) !important;box-shadow:0 18px 36px -24px rgba(23,43,82,.3) !important}
.salescase-sic{width:44px;height:44px;border-radius:var(--rb);display:grid;place-items:center;background:var(--tb) !important;color:var(--tc) !important;transition:background .3s ease,color .3s ease,transform .4s var(--ease)}
.salescase-sic svg{width:21px;height:21px}
.salescase-sector:hover .salescase-sic{background:var(--tc) !important;color:#fff !important;transform:rotate(-8deg)}
.salescase-sector b{display:block;font-size:15px;font-weight:600;color:var(--navy) !important;line-height:1.3}
.salescase-sector small{display:block;font-size:12.5px;color:#7a869b !important}
.salescase-sector:hover .salescase-go{background:var(--tc) !important;border-color:var(--tc) !important;color:#fff !important;transform:translateX(3px)}

/* ================= FAQ ================= */
.salescase-faqsec{background:#fff !important}
.salescase-faqs{display:grid;gap:10px;max-width:860px;margin:0 auto}
.salescase-faq{border:1px solid var(--line) !important;border-radius:16px;background:#fff !important;transition:border-color .3s ease,box-shadow .3s ease}
.salescase-faq:hover{border-color:#c8d8ff !important}
.salescase-faq[open]{border-color:#bcd2ff !important;box-shadow:0 16px 34px -24px rgba(23,43,82,.3) !important}
.salescase-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;
  font-size:16px;font-weight:600;line-height:1.4;color:#22304d !important;transition:color .2s ease}
.salescase-faq summary::-webkit-details-marker{display:none}
.salescase-faq summary:hover,.salescase-faq[open] summary{color:var(--blue) !important}
.salescase-faq summary span{width:30px;height:30px;flex:none;border-radius:var(--rb);display:grid;place-items:center;background:#f1f4f9 !important;color:#5f6b80 !important;transition:transform .3s ease,background .3s ease,color .3s ease}
.salescase-faq summary span svg{width:14px;height:14px}
.salescase-faq[open] summary span{transform:rotate(45deg);background:var(--blue) !important;color:#fff !important}
.salescase .salescase-faq p{font-family:Figtree,Arial,sans-serif;font-size:16px;line-height:1.7;color:#5f6b80 !important;padding:0 60px 20px 22px}
.salescase-faq[open] p{animation:salescase-in .4s var(--ease) both}

@keyframes salescase-growx{from{transform:scaleX(0)}}

@media(max-width:1024px){
  .salescase-lh-grid{grid-template-columns:1fr;gap:44px}
  .salescase-lviz{max-width:640px}
  .salescase-feat{grid-template-columns:1fr}
  .salescase-disc-grid{grid-template-columns:1fr 1fr}
  .salescase-sgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .salescase-disc-grid,.salescase-sgrid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .salescase .salescase-h1{font-size:38px}
  .salescase .salescase-hero-sub{font-size:16.5px}
  .salescase-actions .salescase-btn{width:100%}
  .salescase-lviz{padding:0;display:flex;flex-direction:column;gap:10px}
  .salescase-lfloat{position:relative;top:auto;right:auto;animation:none;order:2}
  .salescase-lrow{grid-template-columns:36px minmax(0,1fr) auto;padding:13px 14px;gap:10px}
  .salescase-lic{width:36px;height:36px}
  .salescase-lval{font-size:19px}
  .salescase-feat-l{padding:30px 24px}
  .salescase-feat-r{padding:24px 18px}
  .salescase-feat-m b{font-size:26px}
  .salescase-fun-row{min-width:0;width:100% !important}
  .salescase-fun-bar{height:48px;padding:0 14px}
  .salescase-fun-bar b{font-size:18px}
  .salescase .salescase-faq p{padding-right:22px}
}

/* ######################## SINGLE CASE STUDY ######################## */

/* ================= CASE STUDY · HERO ================= */
.salescase-shero{padding:30px 0 76px;overflow:hidden;background:linear-gradient(180deg,#f4f7ff 0%,#fff 74%) !important}
.salescase-shero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(40% 52% at 88% 12%,rgba(37,99,255,.13),transparent 64%),radial-gradient(34% 44% at 6% 84%,rgba(22,163,74,.08),transparent 66%) !important}
.salescase-sh-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:start;margin-top:36px}
.salescase-sh-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.salescase .salescase-sh-h1{font-size:clamp(34px,4.4vw,58px);line-height:1.05;font-weight:600;letter-spacing:-.045em;color:var(--navy) !important;margin:20px 0 18px}
.salescase .salescase-sh-sub{font-family:Figtree,Arial,sans-serif;font-size:19px;line-height:1.62;color:#5b6679 !important;max-width:36em;margin-bottom:30px}
.salescase-sh-act{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.salescase-shares{display:flex;align-items:center;gap:8px}
.salescase-shares small{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#98a2b3 !important;margin-right:2px}
.salescase .salescase-share{width:40px;height:40px;border-radius:var(--rb) !important;display:grid;place-items:center;border:1px solid var(--line) !important;background:#fff !important;color:#475467 !important;
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
.salescase .salescase-share:hover{background:var(--navy) !important;border-color:var(--navy) !important;color:#fff !important;transform:translateY(-3px)}
.salescase-share svg{width:16px;height:16px}

.salescase-facts{position:relative;padding:22px 22px 12px;border-radius:22px;background:#fff !important;border:1px solid #e1e8f5 !important;
  box-shadow:0 30px 60px -38px rgba(20,45,100,.38) !important;transition:transform .4s var(--ease),box-shadow .4s ease}
.salescase-facts:hover{transform:translateY(-4px);box-shadow:0 38px 70px -38px rgba(20,45,100,.44) !important}
.salescase-facts-h{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--navy) !important;margin-bottom:6px}
.salescase-fact{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0}
.salescase-fact+.salescase-fact{border-top:1px solid #eef1f6 !important}
.salescase-fact>span{width:38px;height:38px;border-radius:var(--rb);display:grid;place-items:center;background:#eef3ff !important;color:var(--blue) !important;transition:transform .35s var(--ease),background .3s ease,color .3s ease}
.salescase-fact:hover>span{transform:rotate(-8deg);background:var(--blue) !important;color:#fff !important}
.salescase-fact>span svg{width:18px;height:18px}
.salescase-fact small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#98a2b3 !important}
.salescase-fact b{display:block;font-size:14.5px;font-weight:600;color:var(--navy) !important;line-height:1.35}
.salescase-fact-sols{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}

.salescase-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:52px;border-radius:22px;overflow:hidden;background:#fff !important;border:1px solid var(--line) !important;
  box-shadow:0 24px 50px -36px rgba(23,43,82,.32) !important}
.salescase-res{position:relative;padding:26px 24px 24px;transition:background .3s ease}
.salescase-res+.salescase-res{border-left:1px solid var(--line) !important}
.salescase-res::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--green) !important;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.salescase-res:hover{background:#f7fbf9 !important}
.salescase-res:hover::after{transform:scaleX(1)}
.salescase-res b{display:block;font-size:clamp(30px,3.3vw,46px);font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--green-d) !important}
.salescase-res span{display:block;margin-top:10px;font-family:Figtree,Arial,sans-serif;font-size:14.5px;line-height:1.4;color:#475467 !important}

/* ================= AT A GLANCE ================= */
.salescase-glancesec{padding:0 0 92px;background:#fff !important}
.salescase-glance{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch}
.salescase-gcard{position:relative;padding:26px 24px;border-radius:20px;border:1px solid var(--line) !important;background:#fff !important;
  transition:transform .35s var(--ease),border-color .35s ease,box-shadow .35s ease}
.salescase-gcard:hover{transform:translateY(-6px);box-shadow:0 22px 44px -26px rgba(23,43,82,.28) !important}
.salescase-gic{width:48px;height:48px;border-radius:var(--rb);display:grid;place-items:center;margin-bottom:16px;transition:transform .4s var(--ease)}
.salescase-gic svg{width:22px;height:22px}
.salescase-gcard:hover .salescase-gic{transform:rotate(-8deg) scale(1.06)}
.salescase-gk{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.salescase-gcard p{font-family:Figtree,Arial,sans-serif;font-size:15.5px;line-height:1.6;color:#475467 !important}
.salescase-g-c .salescase-gic{background:#fff1e6 !important;color:var(--orange-ink) !important}
.salescase-g-c .salescase-gk{color:var(--orange-ink) !important}
.salescase-g-c:hover{border-color:#ffd2ae !important}
.salescase-g-a .salescase-gic{background:#e8f0ff !important;color:var(--blue) !important}
.salescase-g-a .salescase-gk{color:var(--blue) !important}
.salescase-g-a:hover{border-color:#c8d8ff !important}
.salescase-g-r{background:linear-gradient(160deg,var(--green-bg),#fff 70%) !important}
.salescase-g-r .salescase-gic{background:#dcf3e6 !important;color:var(--green-d) !important}
.salescase-g-r .salescase-gk{color:var(--green-d) !important}
.salescase-g-r:hover{border-color:#bfe6cf !important}
.salescase-garrow{display:grid;place-items:center;padding:0 12px;color:var(--orange) !important}
.salescase-garrow i{display:block;width:24px;height:24px;animation:salescase-nudge 2.4s ease-in-out infinite}
.salescase-garrow svg{width:24px;height:24px}

/* ================= STORY ================= */
.salescase-story{padding:0 0 40px;background:#fff !important}
.salescase-story-grid{display:grid;grid-template-columns:230px minmax(0,760px);justify-content:center;gap:72px;align-items:start}
.salescase-chap{position:sticky;top:calc(var(--stick) + 28px)}
.salescase-chap-h{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--navy) !important;margin-bottom:14px}
.salescase-chap-list{position:relative;border-left:2px solid var(--line) !important}
.salescase-chap-list a{display:block;padding:9px 0 9px 16px;font-size:14px;line-height:1.35;color:#667085 !important;transition:color .25s ease,padding-left .25s ease}
.salescase-chap-list a:hover{color:var(--blue) !important;padding-left:20px}
.salescase-chap-list a.salescase-active{color:var(--navy) !important;font-weight:600}
.salescase-chap-ind{position:absolute;left:-2px;top:0;width:2px;height:0;border-radius:2px;background:var(--blue) !important;transition:transform .45s var(--ease),height .45s var(--ease)}
.salescase-chap-cta{margin-top:26px;padding:18px;border-radius:16px;background:var(--soft) !important;border:1px solid #e3e9f7 !important}
.salescase-chap-cta b{display:block;font-size:14.5px;font-weight:600;color:var(--navy) !important;margin-bottom:8px}
.salescase-chapter{position:relative;padding-bottom:72px;scroll-margin-top:calc(var(--stick) + 24px)}
.salescase-chk{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:7px 11px;border-radius:var(--rb);margin-bottom:16px}
.salescase-chk svg{width:14px;height:14px}
.salescase-chk-o{background:#fff1e6 !important;color:var(--orange-ink) !important}
.salescase-chk-b{background:#eaf1ff !important;color:var(--blue) !important}
.salescase-chk-g{background:var(--green-bg) !important;color:var(--green-d) !important}
.salescase .salescase-ch-h{font-size:clamp(26px,2.9vw,36px);font-weight:600;letter-spacing:-.035em;line-height:1.14;color:var(--navy) !important;margin-bottom:20px}
.salescase-cprose{display:grid;gap:16px}
.salescase .salescase-cprose p{font-family:Figtree,Arial,sans-serif;font-size:18px;line-height:1.78;color:#344054 !important}
.salescase .salescase-cprose p:first-child{font-size:20px;line-height:1.7;color:#1f2a44 !important}

.salescase-lost{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;margin-top:28px;padding:24px 28px;border-radius:20px;
  background:#fff7ef !important;border:1px solid #ffdcc0 !important;transition:transform .35s var(--ease),box-shadow .35s ease}
.salescase-lost:hover{transform:translateY(-4px);box-shadow:0 18px 36px -24px rgba(194,84,10,.35) !important}
.salescase-lost-n{display:flex;align-items:center;gap:12px}
.salescase-lost-n svg{width:34px;height:34px;color:var(--orange-h) !important;animation:salescase-spin 12s linear infinite}
.salescase-lost-n b{font-size:clamp(40px,4.2vw,54px);font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--orange-ink) !important;white-space:nowrap}
.salescase .salescase-lost p{font-family:Figtree,Arial,sans-serif;font-size:17px;line-height:1.5;color:#5a3a1c !important}

.salescase .salescase-pivot{position:relative;font-style:normal;margin-bottom:28px;padding:30px 32px 26px 42px;border-radius:20px;background:linear-gradient(135deg,#f4f7ff,#fff) !important;border:1px solid #dfe7fb !important}
.salescase-pivot::before{content:"\201C";position:absolute;left:18px;top:-14px;font-family:Georgia,serif;font-size:106px;line-height:1;color:rgba(232,105,13,.22) !important}
.salescase .salescase-pivot p{position:relative;font-style:normal;font-size:clamp(20px,2.2vw,25px);font-weight:500;line-height:1.42;letter-spacing:-.02em;color:var(--navy) !important}

.salescase-tl{position:relative;display:grid;gap:12px}
.salescase-tl::before{content:"";position:absolute;left:23px;top:40px;bottom:30px;width:2px;background:#dbe5fb !important}
.salescase-tl::after{content:"";position:absolute;left:23px;top:40px;width:2px;height:90px;background:linear-gradient(180deg,transparent,var(--blue),var(--green),transparent) !important;
  animation:salescase-flow 4.2s linear infinite}
.salescase-tl-phase{position:relative;z-index:1;margin:8px 0 0 64px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#98a2b3 !important}
.salescase-tl-item{position:relative;z-index:1;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start}
.salescase-tl-node{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff !important;border:2px solid #d3e1ff !important;color:var(--blue) !important;
  transition:background .3s ease,color .3s ease,border-color .3s ease,transform .4s var(--ease)}
.salescase-tl-node svg{width:21px;height:21px}
.salescase-tl-body{padding:14px 18px;border-radius:16px;border:1px solid var(--line) !important;background:#fff !important;transition:border-color .3s ease,transform .35s var(--ease),box-shadow .35s ease}
.salescase-tl-item:hover .salescase-tl-node{background:var(--blue) !important;border-color:var(--blue) !important;color:#fff !important;transform:rotate(-8deg)}
.salescase-tl-item:hover .salescase-tl-body{border-color:#c8d8ff !important;transform:translateX(4px);box-shadow:0 14px 30px -22px rgba(23,43,82,.3) !important}
.salescase .salescase-tl-body h3{font-size:16.5px;font-weight:600;letter-spacing:-.015em;color:var(--navy) !important;margin-bottom:4px}
.salescase .salescase-tl-body p{font-family:Figtree,Arial,sans-serif;font-size:15.5px;line-height:1.55;color:#5b6679 !important}
.salescase-tl-live .salescase-tl-node{background:var(--navy) !important;border-color:var(--navy) !important;color:#7ee2b8 !important;box-shadow:0 10px 22px -10px rgba(11,21,48,.6) !important}
.salescase-tl-live .salescase-tl-body{background:var(--navy) !important;border-color:var(--navy) !important}
.salescase-tl-live .salescase-tl-body h3{color:#fff !important}
.salescase-tl-live .salescase-tl-body p{color:#aab7d0 !important}
.salescase-tl-live .salescase-tl-body p b{color:#7ee2b8 !important;font-weight:600}

.salescase-funbox{padding:28px;border-radius:22px;border:1px solid var(--line) !important;background:#fff !important;box-shadow:0 22px 46px -34px rgba(23,43,82,.3) !important}
.salescase .salescase-note{display:flex;align-items:flex-start;gap:10px;margin-top:18px;font-family:Figtree,Arial,sans-serif;font-size:14px;line-height:1.55;color:#667085 !important}
.salescase-note svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--green-d) !important}

.salescase-whybox{position:relative;overflow:hidden;padding:36px 34px;border-radius:24px;background:#080f22 !important;color:#fff !important}
.salescase-whybox::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(94,133,232,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(94,133,232,.08) 1px,transparent 1px) !important;background-size:44px 44px;
  -webkit-mask-image:radial-gradient(90% 80% at 50% 40%,#000,transparent 85%);mask-image:radial-gradient(90% 80% at 50% 40%,#000,transparent 85%)}
.salescase-whybox::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-200px;background:radial-gradient(circle,rgba(37,99,255,.35),transparent 66%) !important;
  animation:salescase-drift 14s ease-in-out infinite}
.salescase-whybox>*{position:relative;z-index:1}
.salescase-whybox .salescase-chk{background:rgba(126,226,184,.12) !important;color:#7ee2b8 !important}
.salescase-whybox .salescase-ch-h{color:#fff !important}
.salescase .salescase-whybox>p{font-family:Figtree,Arial,sans-serif;font-size:17px;line-height:1.62;color:#aab7d0 !important;max-width:40em}
.salescase-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.salescase-why{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:18px;border-radius:16px;border:1px solid #1d2b4c !important;background:#0d1830 !important;
  transition:border-color .35s ease,background .35s ease,transform .35s var(--ease)}
.salescase-why:hover{border-color:rgba(79,124,255,.5) !important;background:#12204a !important;transform:translateY(-4px)}
.salescase-why>span{width:44px;height:44px;border-radius:var(--rb);display:grid;place-items:center;background:#16234a !important;color:#8fb0ff !important;border:1px solid #24345a !important;transition:background .35s ease,color .35s ease}
.salescase-why:hover>span{background:var(--blue) !important;color:#fff !important}
.salescase-why>span svg{width:20px;height:20px}
.salescase-why small{display:block;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffb072 !important;margin-bottom:4px}
.salescase .salescase-why p{font-family:Figtree,Arial,sans-serif;font-size:15.5px;line-height:1.5;color:#dbe4ff !important}

/* ================= SOLUTIONS USED ================= */
.salescase-solsec{background:linear-gradient(180deg,#f5f8ff,#fff) !important}
.salescase-solgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.salescase-sol{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:22px 20px;border-radius:18px;border:1px solid var(--line) !important;background:#fff !important;
  transition:transform .35s var(--ease),border-color .35s ease,box-shadow .35s ease}
.salescase-sol::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--blue) !important;transition:width .45s var(--ease)}
.salescase-sol:hover{transform:translateY(-6px);border-color:#c8d8ff !important;box-shadow:0 22px 44px -26px rgba(23,43,82,.28) !important}
.salescase-sol:hover::after{width:100%}
.salescase-sol-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.salescase-sol-ic{width:44px;height:44px;border-radius:var(--rb);display:grid;place-items:center;background:#edf3ff !important;color:var(--blue) !important;transition:background .3s ease,color .3s ease,transform .4s var(--ease)}
.salescase-sol-ic svg{width:21px;height:21px}
.salescase-sol:hover .salescase-sol-ic{background:var(--blue) !important;color:#fff !important;transform:rotate(-8deg)}
.salescase-stage{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 8px;border-radius:7px}
.salescase-st-find{background:#eaf1ff !important;color:var(--blue) !important}
.salescase-st-engage{background:#fff1e6 !important;color:var(--orange-ink) !important}
.salescase-st-grow{background:#f0ecff !important;color:#6e54e9 !important}
.salescase .salescase-sol h3{font-size:16px;font-weight:600;letter-spacing:-.015em;color:var(--navy) !important}
.salescase-sol p{font-family:Figtree,Arial,sans-serif;font-size:14px;line-height:1.5;color:#667085 !important}
.salescase-sol .salescase-link{margin-top:auto}

.salescase-more{background:#fff !important}

@keyframes salescase-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@keyframes salescase-flow{0%{top:40px}100%{top:calc(100% - 90px)}}

/* ================= RESPONSIVE ================= */
@media(max-width:1180px){
  .salescase-solgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1024px){
  .salescase-sh-grid{grid-template-columns:1fr;gap:34px}
  .salescase-facts{max-width:560px}
  .salescase-results{grid-template-columns:1fr 1fr}
  .salescase-res:nth-child(3){border-left:0 !important}
  .salescase-res:nth-child(n+3){border-top:1px solid var(--line) !important}
  .salescase-glance{grid-template-columns:1fr;gap:12px}
  .salescase-garrow{padding:0}
  .salescase-garrow i{transform:rotate(90deg);animation:none}
  .salescase-story-grid{grid-template-columns:minmax(0,760px);gap:28px}
  .salescase-chap{position:relative;top:auto;padding:16px 18px;border:1px solid var(--line) !important;border-radius:16px}
  .salescase-chap-list ol{display:flex;flex-wrap:wrap;gap:4px 16px}
  .salescase-chap-list{border-left:0 !important}
  .salescase-chap-list a{padding:6px 0}
  .salescase-chap-list a:hover{padding-left:0}
  .salescase-chap-ind,.salescase-chap-cta{display:none}
}
@media(max-width:760px){
  .salescase-solgrid{grid-template-columns:1fr 1fr}
  .salescase-why-grid{grid-template-columns:1fr}
  .salescase-lost{grid-template-columns:1fr;gap:10px}
}
@media(max-width:560px){
  .salescase .salescase-sh-h1{font-size:32px}
  .salescase .salescase-sh-sub{font-size:16.5px}
  .salescase-sh-act .salescase-btn{width:100%}
  .salescase-results{grid-template-columns:1fr}
  .salescase-res+.salescase-res{border-left:0 !important;border-top:1px solid var(--line) !important}
  .salescase-res{padding:20px}
  .salescase .salescase-cprose p{font-size:17px}
  .salescase .salescase-cprose p:first-child{font-size:18px}
  .salescase .salescase-pivot{padding:26px 22px 22px 28px}
  .salescase-funbox{padding:18px 14px}
  .salescase-whybox{padding:26px 20px}
  .salescase-solgrid{grid-template-columns:1fr}
  .salescase-tl-phase{margin-left:0}
}

/* ######################## PLUGIN ADDITIONS ######################## */
.salescase{--stick:var(--salescase-stick,74px)}
.salescase-c-blue{--tc:#2563ff;--tb:#eaf1ff;--tl:#d3e1ff}
.salescase-c-purple{--tc:#6e54e9;--tb:#f0ecff;--tl:#ddd4ff}
.salescase-c-teal{--tc:#0e7f74;--tb:#e6f6f4;--tl:#c3e8e3}
.salescase-c-amber{--tc:#b45309;--tb:#fff4e5;--tl:#fde0b8}
.salescase-c-indigo{--tc:#4338ca;--tb:#eeedfc;--tl:#d6d3f6}
.salescase-c-slate{--tc:#1e293b;--tb:#eef1f5;--tl:#d9dee6}
.salescase-logo{display:block;max-width:150px;max-height:48px;width:auto;height:auto;object-fit:contain;margin-bottom:10px}
.salescase-nocases{grid-column:1/-1;padding:56px 24px;text-align:center;border:1px dashed #d5dce8 !important;border-radius:18px;background:#fafbfd !important}
.salescase-nocases b{display:block;font-size:18px;font-weight:600;color:var(--navy) !important;margin-bottom:6px}
.salescase-nocases p{font-family:Figtree,Arial,sans-serif;font-size:15px;color:#667085 !important}
.salescase .salescase-rich p{margin:0 0 1em;font-family:Figtree,Arial,sans-serif;font-size:18px;line-height:1.78;color:#344054 !important}
.salescase .salescase-rich p:last-child{margin-bottom:0}
.salescase .salescase-rich :where(ul,ol){margin:0 0 1em;padding-left:22px}
.salescase .salescase-rich ul{list-style:disc}
.salescase .salescase-rich ol{list-style:decimal}
.salescase .salescase-rich li{font-family:Figtree,Arial,sans-serif;font-size:17px;line-height:1.7;color:#344054 !important;margin-bottom:.4em}
.salescase .salescase-rich a{color:var(--blue) !important;text-decoration:underline !important;text-underline-offset:3px}
.salescase .salescase-rich strong{color:var(--navy) !important;font-weight:600}
.salescase-embed{padding:0}
.salescase-embed .salescase-sec{padding:40px 0}
.salescase-story-solo .salescase-story-grid{grid-template-columns:minmax(0,760px)}
@media(min-width:1025px){
  .salescase-results{grid-template-columns:repeat(var(--salescase-rcols,4),minmax(0,1fr))}
  .salescase-glance-2{grid-template-columns:1fr auto 1fr}
  .salescase-glance-1{grid-template-columns:minmax(0,1fr)}
}
@media(min-width:1181px){
  .salescase-solgrid{grid-template-columns:repeat(var(--salescase-solcols,5),minmax(0,1fr))}
}
.salescase-page-cards .salescase-grid{margin:0}