/* Smart Follow Ups | Case studies index, industry pages and 39 full articles.
   Source article text, headings, data tables and SVG charts remain unchanged.
   This stylesheet affects only /case-studies/ routes. */
:root{--cs-ink:#122e4c;--cs-muted:#60758e;--cs-line:#dfebf4;--cs-blue:#267ee9;--cs-teal:#09b99c;--cs-shadow:0 23px 62px -40px rgba(25,68,119,.43)}
html{scroll-behavior:smooth}
body{font-family:Manrope,Inter,Arial,sans-serif;color:var(--cs-ink)}
#case-main{min-height:60vh;text-align:left}
.cases-site-nav{display:flex;align-items:center;gap:27px;margin-left:auto}
.cases-site-nav a{font-size:15px;color:#58718b;font-weight:750;transition:color .2s;white-space:nowrap}
.cases-site-nav a:hover,.cases-site-nav a[aria-current]{color:var(--cs-blue)}
.cases-site-nav a[aria-current]{position:relative}
.cases-site-nav a[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:-17px;height:3px;border-radius:3px;background:linear-gradient(90deg,#267ee9,#0cbaa0)}
.case-skip{position:absolute;top:-70px;left:14px;padding:11px 15px;color:#fff;background:#163a61;z-index:100;transition:top .2s}
.case-skip:focus{top:14px}
.case-index-hero{padding:86px 0 77px;text-align:center;background:radial-gradient(ellipse 38% 70% at 0% 100%,rgba(46,132,229,.11),transparent),radial-gradient(ellipse 42% 80% at 100% 0%,rgba(15,188,156,.12),transparent),#f5f9fe;position:relative;border-bottom:1px solid #e1ebf5;overflow:hidden}
.case-index-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(47,126,215,.12) .8px,transparent .8px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,black 28%,black 72%,transparent);pointer-events:none}
.case-index-hero .wrap{position:relative}
.case-main-hero{padding:95px 0 86px}
.case-eyebrow{display:inline-block;background:#e7f3ff;border:1px solid #cfe5fa;border-radius:40px;padding:8px 16px;letter-spacing:.16em;color:#2778d4;font-size:12px;font-weight:850}
.case-index-hero h1{font-size:clamp(45px,5.8vw,76px);line-height:1.12;letter-spacing:-.06em;margin:18px auto 16px;color:#102b4b;font-weight:850;max-width:1100px}
.case-index-hero p{color:#61768f;font-size:20px;line-height:1.7;margin:0 auto}
.case-hero-back{text-align:left;margin:-35px 0 35px}
.case-hero-back a{color:#2c79ce;font-weight:750;font-size:15px}
.case-industry-section{background:#fff;padding:77px 0 105px}
.case-industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.case-industry-tile{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dce8f3;border-radius:22px;display:flex;align-items:center;flex-direction:column;text-align:center;min-height:240px;padding:31px 20px 24px;position:relative;isolation:isolate;overflow:hidden;box-shadow:var(--cs-shadow);transition:transform .3s,border-color .3s,box-shadow .3s}
.case-industry-tile:hover{transform:translateY(-7px);border-color:#91cfc9;box-shadow:0 32px 65px -37px rgba(30,84,144,.45)}
.case-industry-tile:after{content:"";position:absolute;top:-105px;right:-95px;background:rgba(29,157,188,.08);height:200px;width:200px;border-radius:50%;z-index:-1;transition:transform .4s}
.case-industry-tile:hover:after{transform:scale(2)}
.industry-icon{width:64px;height:64px;border-radius:19px;background:linear-gradient(145deg,#e9f3ff,#e1f9f3);color:#287fda;display:grid;place-items:center;margin:0 auto 18px}
.industry-icon svg{width:30px;height:30px}
.case-industry-tile h2{font-size:20px;line-height:1.3;letter-spacing:-.025em;color:#193d5e;margin:0 0 11px;font-weight:850}
.industry-count{font-size:14px;color:#5d738c;font-weight:750}
.industry-go{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding-top:19px;font-size:13px;color:#267dd8;font-weight:850}
.industry-go svg{height:17px;width:17px;transition:transform .2s}
.case-industry-tile:hover .industry-go svg{transform:translateX(5px)}
.case-stories-section{padding:72px 0 110px;background:#fff}
.case-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.case-story-card{display:flex;flex-direction:column;min-width:0;text-align:left;gap:16px;background:#fff;border:1px solid #dae6f3;border-radius:24px;padding:34px 34px 28px;box-shadow:var(--cs-shadow);position:relative;overflow:hidden;transition:transform .32s cubic-bezier(.2,.74,.2,1),border-color .32s,box-shadow .32s}
.case-story-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#2d85ef,#0cc39c);transform:scaleX(0);transform-origin:left;transition:transform .32s}
.case-story-card:hover{transform:translateY(-7px);border-color:#a2d6d1;box-shadow:0 32px 70px -35px rgba(31,81,132,.41)}
.case-story-card:hover:before{transform:scaleX(1)}
.case-story-top{display:flex;justify-content:space-between;gap:16px;align-items:center}
.case-category{display:inline-block;background:#eaf4ff;border:1px solid #d9eafe;border-radius:30px;font-size:12px;font-weight:800;color:#276cbd;padding:8px 11px}
.case-card-arrow{display:grid;place-items:center;height:37px;width:37px;border-radius:50%;background:#ecf9f5;color:#0eaa92}
.case-card-arrow svg{height:20px;width:20px}
.case-story-card h2{font-size:24px;font-weight:850;line-height:1.34;color:#173653;letter-spacing:-.032em;margin:0}
.case-story-card p{font-size:16px;color:#5c7189;line-height:1.8;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.case-story-stats{display:flex;gap:11px;flex-wrap:wrap;margin:3px 0}
.case-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #dceaf2;background:#f8fcff;border-radius:9px;padding:9px 12px;color:#597188;font-size:13px;line-height:1.4}
.case-chip strong{font-size:16px;color:#16866f}
.case-read{display:flex;align-items:center;gap:10px;color:#237bd3;font-size:14px;font-weight:850;margin-top:auto;padding-top:6px}
.case-read svg{height:18px;width:18px}
.case-detail-wrap{background:linear-gradient(180deg,#f7fbff 0%,#fff 450px);padding:24px 0 100px}
.case-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#8192a7;font-size:13px;margin:10px auto 27px;max-width:1120px}
.case-breadcrumb a{color:#3979ba;font-weight:750}
.case-breadcrumb a:hover{text-decoration:underline}
.case-original-hero{margin:0 auto;max-width:1120px;text-align:center}
.case-original-hero .article-hero{background:radial-gradient(circle at 50% 0%,rgba(28,193,166,.11),transparent 65%),#f0f6fd;border:1px solid #dce8f2;border-radius:27px;padding:58px 58px 50px;position:relative;overflow:hidden}
.case-original-hero .article-hero-inner{max-width:980px;margin:auto}
.case-original-hero .article-badge{display:inline-block;color:#0e8c7f;background:#e6faf3;border:1px solid #bbeee0;border-radius:35px;padding:9px 16px;font-size:13px;font-weight:850;letter-spacing:.04em}
.case-original-hero h1{font-size:clamp(32px,4.4vw,56px);line-height:1.19;letter-spacing:-.055em;color:#133353;font-weight:850;margin:22px auto 21px}
.case-original-hero .subtitle,.case-original-hero .hero-lead{max-width:980px;color:#516b83;font-size:18px;line-height:1.85;margin:0 auto}
.case-original-hero .article-meta{margin:29px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.case-original-hero .article-meta span{font-size:13px;font-weight:750;color:#567490;background:white;border:1px solid #d6e5ef;border-radius:32px;padding:8px 12px}
.case-original-metrics{max-width:1120px;margin:19px auto 48px}
.case-original-metrics .results-strip-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.case-original-metrics .result-card{border-radius:20px;border:1px solid #e1eaf4;padding:27px 22px;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px;background:#fff;box-shadow:0 24px 40px -32px rgba(30,76,116,.22)}
.case-original-metrics .result-number{font-weight:900;font-size:clamp(31px,3.4vw,46px);letter-spacing:-.05em;color:#197e74;line-height:1.12}
.case-original-metrics .result-number.orange{color:#d28125}
.case-original-metrics .result-number.amber{color:#bd8e26}
.case-original-metrics .result-label{font-size:15px;color:#5c7189;font-weight:750;line-height:1.4}
.case-article-layout{max-width:1040px;margin:0 auto}
.source-article-body{font-family:Manrope,Inter,Arial,sans-serif;color:#37516b}
.source-article-body .content-block{margin:0 0 28px;padding:32px 37px;background:#fff;border:1px solid #e4ecf5;border-radius:19px;box-shadow:0 16px 48px -44px rgba(20,75,122,.35);opacity:1!important;transform:none!important}
.source-article-body .content-block h2{font-size:clamp(25px,2.8vw,35px);letter-spacing:-.04em;line-height:1.3;color:#173852;font-weight:850;margin:4px 0 19px}
.source-article-body .content-block h3{font-size:clamp(21px,2vw,27px);line-height:1.35;letter-spacing:-.025em;color:#1b557e;font-weight:850;margin:27px 0 15px}
.source-article-body .content-block h4{font-size:19px;line-height:1.4;color:#205d78;font-weight:850;margin:21px 0 11px}
.source-article-body p{font-size:17px;line-height:1.92;color:#425b75;margin:0 0 19px}
.source-article-body p:last-child{margin-bottom:0}
.source-article-body ul,.source-article-body ol{padding-left:25px;margin:19px 0 22px;display:grid;gap:12px;color:#445f7a;font-size:16px;line-height:1.75}
.source-article-body a{color:#1b7cc9;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.source-article-body strong{color:#213c5b}
.source-article-body .feature-callout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:23px 0 30px}
.source-article-body .callout-item{border-radius:16px;border:1px solid #d9eaf1;padding:23px 20px;background:linear-gradient(145deg,#f3f9ff,#f1fcf8);min-width:0}
.source-article-body .callout-item h4{font-size:17px;line-height:1.4;font-weight:850;color:#21749b;margin:0 0 9px}
.source-article-body .callout-item p{font-size:15px;line-height:1.8;color:#536c83;margin:0}
.source-article-body .quote-block{margin:26px 0;border-radius:16px;border-left:4px solid #0abda1;background:#f1faf9;padding:25px 28px;color:#38546e;font-size:17px;line-height:1.8}
.source-article-body .quote-block p{font-size:17px;color:#375870;line-height:1.8}
.source-article-body .chart-container{border-radius:19px;background:linear-gradient(135deg,#0b213e,#183454);border:1px solid #214366;color:#fff;padding:28px 24px;margin:28px 0;overflow:hidden}
.source-article-body .chart-title{color:#e2eff9;text-align:center;font-size:17px;font-weight:850;line-height:1.5;margin:0 0 17px}
.source-article-body .chart-container svg{display:block;max-width:100%;width:100%;height:auto;min-height:100px;overflow:visible;margin:0 auto}
.source-article-body .chart-container p{color:#c1d7eb}
.source-article-body .chart-note{color:#738ba1;font-size:14px;line-height:1.7;text-align:center;padding:0 10px;margin-top:-13px}
.source-article-body .comparison-table{overflow-x:auto;max-width:100%;margin:26px 0;border:1px solid #e1eaf3;border-radius:16px;background:#fff}
.source-article-body table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px;line-height:1.6}
.source-article-body th{color:#183e5f;background:#eaf4ff;text-align:left;font-weight:850;padding:16px 17px;border-bottom:1px solid #d8e5ee}
.source-article-body td{padding:15px 17px;border-top:1px solid #e4edf6;color:#36566f}
.source-article-body tr.highlight-row{background:#eaf9f4}
.source-article-body tr:hover td{background:#f8fbff}
.source-article-body .comparison-table p{font-size:15px}
.case-detail-back{max-width:1040px;margin:58px auto 0;padding-top:29px;border-top:1px solid #e2eaf3;display:flex;align-items:center;justify-content:space-between;gap:20px}
.case-detail-back a{font-size:15px;font-weight:800;color:#267cd5;transition:color .2s}
.case-detail-back a:hover{color:#05a68d}
@media(max-width:1050px){.case-industry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-original-hero .article-hero{padding:42px 36px}.case-stories-section{padding:60px 0 85px}}
@media(max-width:750px){.case-industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-story-grid{grid-template-columns:1fr}.case-original-hero .article-hero{padding:35px 24px}.case-original-hero h1{font-size:clamp(32px,5vw,43px)}.source-article-body .content-block{padding:29px 26px}.case-original-metrics .results-strip-inner{gap:10px}.case-original-metrics .result-card{padding:20px 12px}.case-original-metrics .result-label{font-size:13px}.cases-site-nav{gap:15px}}
@media(max-width:520px){.wrap{width:calc(100% - 36px)}.site-header .header-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding-top:10px;padding-bottom:9px}.site-header .brand{font-size:18px}.cases-site-nav{margin:0;justify-content:center;gap:24px;width:100%}.cases-site-nav a{font-size:13px}.cases-site-nav a[aria-current]:after{bottom:-7px}.case-index-hero{padding:61px 0 63px}.case-main-hero{padding:67px 0 65px}.case-index-hero h1{font-size:43px}.case-index-hero p{font-size:17px}.case-hero-back{margin:-27px 0 26px}.case-industry-section{padding:55px 0 76px}.case-industry-grid{gap:11px}.case-industry-tile{min-height:215px;padding:23px 12px 18px;border-radius:17px}.industry-icon{width:49px;height:49px;border-radius:14px;margin-bottom:12px}.industry-icon svg{width:25px;height:25px}.case-industry-tile h2{font-size:16px}.industry-count{font-size:12px}.industry-go{font-size:11px;gap:5px}.industry-go svg{height:13px;width:13px}.case-story-card{padding:25px 20px;border-radius:20px}.case-story-card h2{font-size:21px}.case-story-card p{font-size:15px}.case-stories-section{padding:50px 0 75px}.case-detail-wrap{padding:19px 0 70px}.case-breadcrumb{margin:3px 0 19px;font-size:12px}.case-original-hero .article-hero{padding:32px 20px}.case-original-hero h1{font-size:32px}.case-original-hero .subtitle,.case-original-hero .hero-lead{font-size:16px;line-height:1.83}.case-original-metrics{margin:15px auto 24px}.case-original-metrics .results-strip-inner{grid-template-columns:1fr;gap:9px}.case-original-metrics .result-card{min-height:80px;flex-direction:row;gap:16px;text-align:left;justify-content:center}.case-original-metrics .result-number{font-size:33px}.case-original-metrics .result-label{font-size:14px}.source-article-body .content-block{padding:24px 19px;margin:0 0 17px}.source-article-body .content-block h2{font-size:26px}.source-article-body .content-block h3{font-size:21px}.source-article-body p{font-size:16px;line-height:1.86}.source-article-body .feature-callout{grid-template-columns:1fr;gap:9px}.source-article-body .callout-item{padding:19px 17px}.source-article-body .chart-container{padding:16px 10px}.source-article-body .chart-title{font-size:14px}.source-article-body .chart-container svg{min-height:0}.source-article-body .quote-block{padding:20px}.case-detail-back{flex-direction:column;align-items:flex-start;font-size:14px}}
@media(max-width:350px){.case-industry-grid{grid-template-columns:1fr}.case-industry-tile{min-height:174px}.case-index-hero h1{font-size:37px}.case-original-hero h1{font-size:29px}.site-header .brand{font-size:16px}}
@media(prefers-reduced-motion:reduce){.case-industry-tile,.case-story-card,.case-read,.industry-go svg{transition:none!important}html{scroll-behavior:auto}}

/* Original comparison tables are wide; allow horizontal scrolling within article cards. */
.source-article-body table.comparison-table {
 display:block; width:100%; max-width:100%; min-width:0;
 overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;
}
