/* Case studies extend the existing Manrope / silver / lime design.
   Native CSS; existing Lucide icons and original service marks. */
.study-icon { display:inline-block; width:24px; height:24px; flex:0 0 24px; background:currentColor; mask:var(--icon) center/contain no-repeat; vertical-align:middle; }
.study-brand { display:inline-flex; gap:9px; align-items:center; color:var(--text-main); font-size:13px; font-weight:600; min-width:0; }
.study-brand img { display:block; width:26px; height:26px; object-fit:contain; flex-shrink:0; background:#fff; border-radius:5px; }
.study-brand.brand-wordmark img { width:80px; height:26px; padding:4px; }
.study-brand.brand-wordmark>span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.study-brand-compact { width:34px; height:34px; padding:6px; background:#fff; border:1px solid #e3e6e9; border-radius:9px; justify-content:center; }
.study-brand-compact img { width:22px; height:22px; border-radius:3px; }
.study-brand-compact:has(.brand-wordmark) { width:72px; }
.study-brand-compact img.brand-wordmark { width:58px; height:22px; }
/* Landing cards: results are a reading surface, never animated counters. */
.study-gallery .case-track { gap:20px; }
body .study-card { flex-basis:calc((100% - 40px)/3); padding:24px; }
/* One native link per card: photo, title and action share the same destination. */
body a.study-card { color:var(--text-main); text-decoration:none; cursor:pointer; }
body a.study-card:focus-visible { outline:2px solid var(--foreground); outline-offset:-4px; }
@media (hover:hover) and (pointer:fine) {
  body a.study-card:hover .case-link { background:#bcee6a; color:#202b17; }
}
body .study-card .case-photo { width:calc(100% + 48px); margin:-24px -24px 22px; height:192px; border-radius:20px 20px 0 0; filter:saturate(.75); }
.study-card-meta { display:flex; justify-content:space-between; gap:10px; font-size:12px; color:var(--text-secondary); margin-bottom:12px; width:100%; }
body .study-card h3 { font-size:25px; margin:0 0 22px; text-align:left; text-wrap:initial; }
.study-card-outcome { padding:20px; background:color-mix(in srgb,var(--lime) 24%,var(--surface-raised)); border-radius:14px; width:100%; margin-bottom:18px; }
body .study-card .case-result { font-size:clamp(29px,2.8vw,40px); margin:0 0 9px; padding:0; background:none; line-height:1.2; text-align:left; white-space:nowrap; }
body .study-card .case-result span { color:var(--text-secondary); font-size:.7em; margin-inline:3px; }
body .study-card .case-metric { font-size:13px; margin:0; font-weight:550; }
body .study-card .study-card-outcome-demo .case-result { font-size:clamp(24px,2.25vw,33px); }
body .study-card .study-card-description { margin:0 0 14px; font-size:14px; line-height:1.7; }
body .study-card .study-card-secondary { font-size:13px; line-height:1.6; color:var(--text-main); margin:0 0 25px; font-weight:600; }
.study-card-bottom { display:flex; flex-wrap:wrap; gap:18px; justify-content:space-between; align-items:center; margin-top:auto; padding-top:20px; border-top:1px solid var(--panel-line); width:100%; }
.study-card-brands { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
body .study-card .case-link { margin:0; padding:12px 16px; gap:6px; min-height:46px; font-size:13px; white-space:nowrap; }
.study-card .case-link .study-icon { width:17px; height:17px; flex-basis:17px; }
/* Detail reading surface. */
.study-page .case-container { width:min(1200px,calc(100% - 112px)); }
.study-page .case-breadcrumb { padding-block:20px; }
.study-page .study-hero { grid-template-columns:1.25fr 1fr; gap:70px; padding-block:8px 34px; }
.study-page .case-hero-copy>.study-eyebrow { font-size:14px; font-weight:600; line-height:1.65; margin:0 0 20px; color:var(--text-secondary); }
.study-page .study-hero h1 { font-size:clamp(40px,4.7vw,66px); line-height:1.08; letter-spacing:-.045em; margin-bottom:22px; text-wrap:balance; }
.study-page .case-hero-copy>p { font-size:17px; line-height:1.75; }
.study-page .case-cover img { aspect-ratio:1.35; border-radius:20px; }
.study-page .case-cover figcaption { font-size:12px; margin-top:10px; }
.study-hero-link { display:inline-flex; align-items:center; gap:8px; min-height:48px; color:var(--text-main); text-decoration:none; border-bottom:1px solid currentColor; margin-top:22px; font-size:14px; font-weight:650; }
.study-hero-link .study-icon { width:18px; height:18px; flex-basis:18px; }
.study-hero-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; padding:30px 0; border-top:1px solid var(--panel-line); gap:28px; }
.study-hero-stats.study-hero-stats--single { grid-template-columns:1fr; }
.study-hero-stats>div { display:flex; flex-direction:column-reverse; gap:8px; }
.study-hero-stats>div+div { border-left:1px solid var(--panel-line); padding-left:32px; }
.study-hero-stats dd { margin:0; font-size:clamp(28px,3.1vw,43px); line-height:1.1; letter-spacing:-.035em; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.study-hero-stats dt { font-size:13px; line-height:1.65; color:var(--text-secondary); }
.study-integration-strip { display:flex; gap:30px; align-items:center; border-top:1px solid var(--panel-line); padding:20px 0 28px; }
.study-integration-strip>span { font-size:12px; color:var(--text-secondary); flex-shrink:0; }
.study-integration-strip>div { display:flex; flex-wrap:wrap; gap:18px 26px; }
.study-page .case-section { padding-block:68px; }
.study-page .case-section-intro { margin-bottom:32px; }
.study-page .case-section-intro h2 { max-width:850px; }
.study-page .case-section-intro>p { max-width:66ch; }
/* Four explicit nodes; changing the active node explains the path. */
.study-flow { background:var(--surface); border:1px solid var(--panel-line); padding:28px; border-radius:20px; }
.study-flow-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:24px; }
.study-flow-heading>p { font-size:13px; font-weight:600; color:var(--text-main); }
.study-replay { display:inline-flex; align-items:center; gap:8px; background:none; border:0; color:var(--text-main); font:600 12px Manrope,Arial,sans-serif; min-height:44px; padding:6px 0; cursor:pointer; }
.study-replay[hidden] { display:none; }
.study-replay .study-icon { width:16px; height:16px; flex-basis:16px; }
.study-flow-route { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; list-style:none; margin:0; padding:0; }
.study-flow-route>li { position:relative; min-width:0; }
.study-flow-route>li:not(:last-child)::after { content:''; position:absolute; top:65px; left:100%; width:24px; height:2px; background:var(--connection-lime); }
.study-flow-node { width:100%; height:100%; min-height:228px; display:flex; flex-direction:column; gap:14px; padding:20px; border:1px solid var(--panel-line); border-radius:14px; background:var(--surface-raised); color:var(--text-main); text-align:left; font-family:inherit; cursor:pointer; transition:transform 220ms var(--ui-ease),background-color 180ms ease,border-color 180ms ease; }
.study-flow-node[aria-pressed="true"] { border-color:var(--text-main); background:color-mix(in srgb,var(--lime) 20%,var(--surface-raised)); }
.study-flow-top { display:flex; width:100%; align-items:center; justify-content:space-between; gap:10px; min-height:36px; }
.study-flow-number { font-size:11px; color:var(--text-secondary); font-variant-numeric:tabular-nums; }
.study-flow-visual { display:flex; align-items:center; gap:4px; }
.study-flow-visual .study-brand-compact { width:29px; height:29px; padding:4px; border-radius:7px; }
.study-flow-visual .study-brand-compact:has(.brand-wordmark) { width:62px; }
.study-flow-visual .brand-wordmark { width:50px; }
.flow-ai-mark { width:34px; height:34px; }
[data-theme="dark"] .flow-ai-mark { filter:invert(1); }
.study-flow-node>strong { font-size:17px; font-weight:650; line-height:1.4; letter-spacing:-.025em; }
.study-flow-copy { font-size:13px; line-height:1.7; color:var(--text-secondary); }
.study-flow .study-flow-status { font-size:13px; line-height:1.7; margin:24px 0; min-height:44px; max-width:none; }
.study-knowledge { border-top:1px solid var(--panel-line); padding-top:24px; display:flex; gap:16px; }
.study-knowledge .study-icon { margin-top:2px; }
.study-knowledge h3 { font-size:15px; margin:0 0 6px; }
.study-knowledge p { font-size:13px; max-width:80ch; }
.study-actions { gap:32px 56px; }
.study-actions li { padding-left:0; display:flex; gap:16px; }
.study-actions li::before { display:none; }
.study-actions .study-icon { margin-top:2px; }
.study-actions h3 { font-size:18px; }
/* Measured comparison + absolute activity, separate to avoid implied totals. */
.study-results-layout { display:grid; grid-template-columns:1.2fr 1fr; gap:40px; align-items:start; }
.study-table-wrap { min-width:0; }
.study-metrics { border-collapse:collapse; width:100%; text-align:left; font-variant-numeric:tabular-nums; }
.study-metrics caption { text-align:left; font-size:13px; color:var(--text-secondary); padding-bottom:24px; }
.study-metrics thead th { font-size:12px; font-weight:500; color:var(--text-secondary); padding:0 12px 15px 0; }
.study-metrics thead th:not(:first-child) { text-align:right; }
.study-metrics td,.study-metrics tbody th { border-top:1px solid var(--panel-line); padding:22px 12px 22px 0; }
.study-metrics tbody th { font-size:14px; font-weight:500; line-height:1.7; width:48%; }
.study-metrics td { font-size:20px; font-weight:500; text-align:right; white-space:nowrap; letter-spacing:-.03em; }
.study-metrics td:last-child { padding-right:0; }
.study-metrics td strong { font-weight:650; background:color-mix(in srgb,var(--lime) 24%,var(--surface-raised)); border-radius:6px; padding:5px 8px; }
.study-counts { display:grid; grid-template-columns:1fr 1fr; gap:0; padding:8px 24px; margin:0; background:var(--surface); border-radius:20px; }
.study-counts>div { padding:24px 12px; display:flex; flex-direction:column-reverse; gap:10px; }
.study-counts>div:nth-child(n+3) { border-top:1px solid var(--panel-line); }
.study-result-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.study-counts.study-result-metrics--single { grid-template-columns:1fr; max-width:420px; }
.study-result-metrics>div { min-width:0; }
.study-result-metrics dd { white-space:nowrap; }
.study-result-metrics>div:nth-child(n+3) { border-top:0; }
.study-counts dd { font-size:48px; font-weight:600; letter-spacing:-.04em; line-height:1; margin:0; font-variant-numeric:tabular-nums; }
.study-counts dt { font-size:13px; line-height:1.7; color:var(--text-secondary); max-width:23ch; }
.study-page .study-result-source { font-size:12px; line-height:1.7; margin-top:22px; max-width:none; }
.study-method { margin-top:24px; max-width:75ch; }
.study-method summary { display:list-item; width:fit-content; min-height:44px; padding-block:10px; cursor:pointer; font-size:14px; font-weight:600; }
.study-method p { font-size:14px; padding-top:10px; }
.study-demo-outcomes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; list-style:none; padding:0; margin:0; }
.study-demo-outcomes li { border-top:2px solid var(--connection-lime); padding-top:24px; }
.study-demo-outcomes .study-icon { margin-bottom:18px; }
.study-demo-outcomes h3 { font-size:19px; }
.study-demo-outcomes p { font-size:14px; }
/* Deliberately a transcript, not a fabricated messenger screenshot. */
.study-transcript { padding:28px; background:var(--surface); border-radius:20px; }
.study-transcript>h3 { display:flex; align-items:center; gap:10px; font-size:16px; margin:0 0 24px; }
.study-transcript ol { margin:0; padding:0; list-style:none; }
.study-message { border-top:1px solid var(--panel-line); padding:20px 0; }
.study-message:last-child { padding-bottom:0; }
.study-message>span { display:block; color:var(--text-secondary); font-size:12px; font-weight:600; margin-bottom:8px; }
.study-message.agent { border-left:3px solid var(--connection-lime); padding-left:16px; }
.study-message p { font-size:14px; line-height:1.75; }
.study-page .case-handoff { top:calc(var(--case-header-height) + var(--case-navigation-height,58px) + 26px); }
.study-record { border-radius:20px; }
.study-record-brand { display:flex; gap:12px; justify-content:space-between; align-items:center; border-bottom:1px solid var(--panel-line); padding-bottom:20px; }
.study-record-brand>span:last-child { font-size:11px; color:var(--text-secondary); text-align:right; }
.study-record .record-status { display:flex; align-items:flex-start; gap:8px; color:var(--text-main); }
.study-record .record-status .study-icon { width:18px; height:18px; flex-basis:18px; margin-top:3px; }
.study-page .study-limits { list-style:none; padding:0; }
.study-limits li { padding:0 0 22px; display:flex; gap:16px; }
.study-limits .study-icon { margin-top:3px; }
.study-limits p { font-size:15px; }
.study-page .case-boundaries { border-bottom:1px solid var(--panel-line); }
.study-page .case-final-cta { margin-top:64px; }
.study-page .case-final-cta h2 { max-width:740px; }
.study-video-link { margin-bottom:28px; }
@media(hover:hover) and (pointer:fine) {
  .study-flow-node:hover { transform:translateY(-3px); border-color:var(--text-main); }
  .study-hero-link:hover { text-decoration:underline; text-underline-offset:5px; }
  .study-replay:hover { text-decoration:underline; text-underline-offset:4px; }
}
@media(max-width:1100px) {
  .study-page .study-hero { gap:40px; }
  .study-flow { padding:22px; }
  .study-flow-route { gap:16px; }
  .study-flow-route>li:not(:last-child)::after { width:16px; }
  .study-flow-node { padding:15px; min-height:270px; }
  .study-flow-top { flex-direction:column; align-items:flex-start; }
  .study-results-layout { gap:28px; }
  body .study-card { padding:20px; }
  body .study-card .case-photo { width:calc(100% + 40px); margin:-20px -20px 20px; height:170px; }
  body .study-card h3 { font-size:21px; }
  .study-card-outcome { padding:16px; }
}
@media(max-width:900px) {
  .study-page .case-container { width:calc(100% - 64px); }
  .study-page .study-hero { gap:30px; }
  .study-page .study-hero h1 { font-size:42px; }
  .study-page .case-hero-copy>p { font-size:15px; }
  .study-page .case-hero-copy>.study-eyebrow { font-size:13px; }
  .study-flow-route { grid-template-columns:1fr 1fr; gap:18px; }
  .study-flow-node { min-height:210px; padding:22px; }
  .study-flow-top { flex-direction:row; align-items:center; }
  .study-flow-route>li::after { display:none; }
  .study-results-layout { grid-template-columns:1fr; gap:28px; }
  .study-counts { grid-template-columns:repeat(4,minmax(0,1fr)); padding-inline:12px; }
  .study-counts>div:nth-child(n+3) { border-top:0; }
  .study-counts dd { font-size:40px; }
  .study-counts dt { font-size:12px; }
  body .study-card { flex-basis:calc((100% - 20px)/2); }
  body .study-card .case-result { font-size:36px; }
  body .study-card .study-card-outcome-demo .case-result { font-size:29px; }
  .study-page .case-split,.study-page .case-boundaries { gap:32px; }
}
@media(max-width:650px) {
  .study-page .case-container { width:calc(100% - 40px); }
  .study-page .case-breadcrumb { font-size:12px; gap:9px; padding-block:12px; }
  .study-page .study-hero { grid-template-columns:1fr; gap:28px; padding-top:4px; }
  .study-page .study-hero h1 { font-size:42px; max-width:12ch; }
  .study-page .case-hero-copy>.study-eyebrow { font-size:12px; margin-bottom:14px; }
  .study-page .case-hero-copy>p { font-size:15px; }
  .study-page .case-cover img { aspect-ratio:1.75; }
  .study-hero-stats { gap:14px; padding-block:24px; }
  .study-hero-stats>div+div { padding-left:14px; }
  .study-hero-stats dd { font-size:26px; }
  .study-hero-stats dt { font-size:11px; line-height:1.6; }
  .study-integration-strip { flex-direction:column; align-items:flex-start; gap:16px; padding-bottom:24px; }
  .study-integration-strip>div { gap:14px 20px; }
  .study-integration-strip .study-brand { font-size:12px; }
  .study-page .case-section { padding-block:46px; }
  .study-page .case-section p { font-size:14px; }
  .study-page .case-split,.study-page .case-boundaries { grid-template-columns:1fr; gap:28px; }
  .study-page h2 { font-size:29px; }
  .study-page .case-section-intro { margin-bottom:28px; }
  .study-flow { padding:18px; }
  .study-flow-heading { align-items:flex-start; gap:8px; margin-bottom:18px; }
  .study-flow-heading>p { padding-top:9px; white-space:nowrap; }
  .study-replay { font-size:11px; }
  .study-flow-route { grid-template-columns:1fr; gap:20px; }
  .study-flow-node { min-height:0; padding:20px; gap:12px; }
  .study-flow-top { min-height:30px; }
  .study-flow-node>strong { font-size:18px; }
  .study-flow-route>li:not(:last-child)::after { display:block; width:2px; height:20px; top:100%; left:32px; }
  .study-flow .study-flow-status { font-size:12px; min-height:60px; margin-block:20px; }
  .study-knowledge { gap:12px; }
  .study-knowledge h3 { font-size:14px; }
  .study-page .study-knowledge p { font-size:12px; }
  .study-actions { grid-template-columns:1fr; gap:28px; }
  .study-actions h3 { font-size:18px; }
  .study-counts { grid-template-columns:1fr 1fr; padding-inline:12px; }
  .study-counts>div { padding:24px 10px; }
  .study-counts>div:nth-child(n+3) { border-top:1px solid var(--panel-line); }
  .study-counts dd { font-size:44px; }
  .study-result-metrics dd { font-size:32px; }
  .study-counts dt { font-size:12px; }
  .study-metrics tbody th { font-size:12px; width:44%; padding-right:10px; }
  .study-metrics td { font-size:16px; padding-right:10px; }
  .study-metrics td strong { padding:4px 6px; }
  .study-metrics caption { font-size:12px; }
  .study-demo-outcomes { grid-template-columns:1fr; gap:26px; }
  .study-demo-outcomes li { padding-top:20px; }
  .study-demo-outcomes .study-icon { margin-bottom:12px; }
  .study-transcript { padding:22px; }
  .study-page .study-message p { font-size:14px; }
  .study-record { padding:22px; }
  .study-page .case-final-cta { margin-top:42px; padding:30px 24px; }
  .study-gallery .section-heading br { display:none; }
  body .study-card { flex-basis:calc(100% - 22px); padding:22px; }
  body .study-card .case-photo { width:calc(100% + 44px); margin:-22px -22px 20px; height:182px; }
  body .study-card h3 { font-size:24px; }
  body .study-card .case-result { font-size:36px; }
  .study-gallery .case-track { gap:14px; scroll-snap-type:x mandatory; }
  .study-card { scroll-snap-align:start; }
}
@media(max-width:360px) {
  .study-page .study-hero h1 { font-size:36px; }
  .study-hero-stats { gap:10px; }
  .study-hero-stats>div+div { padding-left:10px; }
  .study-hero-stats dd { font-size:22px; }
  .study-hero-stats dt { font-size:10px; }
  .study-flow-heading { flex-direction:column; gap:0; }
  .study-metrics td { font-size:14px; }
  .study-card-meta { font-size:11px; }
  body .study-card h3 { font-size:22px; }
  body .study-card .case-result { font-size:31px; }
  body .study-card .study-card-outcome-demo .case-result { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) {
  .study-flow-node { transition:none; }
  .study-flow-node:hover { transform:none; }
}