/* Results first, with connected renewal steps. Shared chrome lives in site.css. */
.cs-hero { padding: 144px 0 48px; }
.cs-eyebrow { display:block; font-size:13px; color:var(--muted); margin:0 0 24px; }
.back-link { display:inline-block; font-size:13px; color:var(--muted); margin-bottom:32px; padding-block:10px; text-decoration:underline; text-underline-offset:4px; }
.cs-hero h1 { max-width:900px; font-size:clamp(38px,5.3vw,68px); font-weight:500; line-height:1.08; letter-spacing:-.045em; margin:0 0 28px; }
.cs-intro { max-width:810px; font-size:18px; line-height:1.75; color:var(--muted); }
.cs-intro p { margin:0; }
.cs-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid var(--line); margin:0; }
.cs-metric { padding:32px 28px; border-inline-start:1px solid var(--line); }
.cs-metric:first-child { padding-inline-start:0; border:0; }
.cs-metric:last-child { padding-inline-end:0; }
.cs-metric dt { position:relative; padding-top:22px; font-size:clamp(38px,4vw,58px); font-weight:500; line-height:1.15; letter-spacing:-.04em; margin-bottom:15px; }
.cs-metric dt small { position:absolute; top:0; inset-inline-start:0; font-size:12px; font-weight:500; letter-spacing:0; color:var(--muted); }
.cs-metric dd { margin:0; max-width:270px; font-size:16px; font-weight:500; }
.cs-metric dd span { display:block; margin-top:10px; color:var(--muted); font-size:14px; font-weight:400; line-height:1.7; }
.cs-story-grid { display:grid; grid-template-columns:200px minmax(0,1fr); gap:60px; padding-block:70px 100px; }
.cs-toc { align-self:start; position:sticky; top:110px; }
.cs-toc p { color:var(--muted); margin:0 0 14px; font-size:12px; font-weight:500; }
.cs-toc a { display:block; font-size:13px; color:var(--muted); border-inline-start:1px solid var(--line); padding:9px 0; padding-inline-start:14px; }
.cs-toc a:hover { border-color:var(--ink); color:var(--ink); }
.cs-prose { max-width:710px; font-size:18px; line-height:1.8; }
.cs-prose section { margin-bottom:64px; scroll-margin-top:105px; }
.cs-prose section:last-child { margin-bottom:0; }
.cs-prose h2 { font-size:clamp(26px,3vw,34px); font-weight:500; line-height:1.2; letter-spacing:-.025em; margin:0 0 20px; }
.cs-prose p { margin:0 0 20px; color:#45433e; }
.cs-prose ol { padding-inline-start:22px; }
.cs-prose li { padding-inline-start:4px; margin-bottom:12px; color:#45433e; }
.homepage-cases { padding:80px 0 100px; }
.case-section-head { display:flex; justify-content:space-between; align-items:baseline; gap:24px; margin-bottom:32px; }
.case-section-head h2 { font-size:36px; font-weight:500; margin:0; letter-spacing:-.035em; }
.case-section-head a { font-size:14px; text-decoration:underline; text-underline-offset:5px; padding:10px 0; }
.case-feature { border-block:1px solid var(--line); padding:46px 0; display:grid; grid-template-columns:240px minmax(0,1fr); gap:60px; }
.case-number { font-size:86px; letter-spacing:-.065em; font-weight:500; line-height:1; }
.case-result p { font-size:15px; margin:18px 0 0; color:var(--muted); }
.case-summary .cs-eyebrow { margin:0 0 14px; }
.case-summary h3,.case-summary h2 { font-size:clamp(26px,3.4vw,42px); font-weight:500; line-height:1.15; letter-spacing:-.04em; margin:0 0 20px; }
.case-summary>p:not(.cs-eyebrow) { color:var(--muted); font-size:17px; line-height:1.65; max-width:610px; }
.case-read { display:inline-flex; align-items:center; gap:24px; font-size:14px; font-weight:500; border-bottom:1px solid var(--ink); padding:12px 0 6px; min-height:44px; }
.case-collection { padding:144px 0 40px; min-height:620px; }
.case-collection h1 { font-size:clamp(42px,5.5vw,68px); font-weight:500; line-height:1.06; letter-spacing:-.045em; margin:0 0 24px; }
.collection-intro { font-size:19px; color:var(--muted); margin-bottom:60px; }
/* The ordered lists retain the sequence for screen readers without the visual numbers. */
.renewal-flow { margin:36px 0 42px; }
.renewal-flow figcaption { font-size:16px; font-weight:500; margin:0 0 24px; }
.flow-phase { padding:0 0 30px; }
.flow-phase:last-child { padding-bottom:0; }
.flow-heading { display:flex; align-items:center; gap:10px; margin:0 0 14px; }
.phase-number { font-size:10px; color:var(--muted); }
.cs-prose .flow-heading h3 { margin:0; font-size:19px; font-weight:500; letter-spacing:-.02em; }
.phase-arrow { display:none; }
.cs-prose .flow-phase ol { display:grid; grid-template-columns:1fr 1fr; gap:12px 22px; list-style:none; margin:0; padding:0; }
.cs-prose .flow-phase li { position:relative; display:grid; grid-template-columns:26px 1fr; gap:11px; align-items:center; margin:0; padding:17px 15px; border:1px solid var(--line); border-radius:12px; font-size:14px; line-height:1.5; min-height:103px; color:var(--ink); background:rgba(213,205,255,.11); }
.cs-prose .phase-2 li { background:rgba(255,232,196,.24); }
.flow-phase li:nth-child(odd)::after { content:'→'; position:absolute; inset-inline-end:-19px; top:calc(50% - 12px); color:var(--muted); font-size:18px; }
.flow-dot { display:grid; place-items:center; width:26px; height:26px; font-size:12px; font-weight:500; color:var(--muted); }
[dir="rtl"] .flow-phase li:nth-child(odd)::after { content:'←'; }
[lang="he"] .cs-hero h1,[lang="he"] .cs-prose h2,[lang="he"] .flow-heading h3,[lang="he"] .case-collection h1,[lang="he"] .case-summary h2,[lang="he"] .case-summary h3,[lang="he"] .case-section-head h2 { letter-spacing:0; line-height:1.25; }
[lang="he"] .cs-metric dt { letter-spacing:0; }
@media(max-width:900px) {
 .cs-story-grid { grid-template-columns:150px minmax(0,1fr); gap:32px; }
 .cs-prose { font-size:17px; } .cs-prose h2 { font-size:28px; }
 .cs-metric { padding-inline:18px; } .cs-metric dt { font-size:46px; }
 .cs-metric dd { font-size:15px; } .cs-metric dd span { font-size:13px; }
 .case-feature { grid-template-columns:170px minmax(0,1fr); gap:34px; } .case-number { font-size:70px; }
}
@media(max-width:760px) {
 .cs-hero { padding:112px 0 34px; }
 .cs-story-grid { grid-template-columns:1fr; gap:32px; padding-block:38px 60px; }
 .cs-toc { position:static; display:flex; flex-wrap:wrap; gap:4px 18px; padding-bottom:24px; }
 .cs-toc p { width:100%; } .cs-toc a { border:0; padding:8px 0; margin:0; text-decoration:underline; text-underline-offset:4px; }
 .cs-metric,.cs-metric:first-child,.cs-metric:last-child { padding:24px 14px; }
 .cs-metric:first-child { padding-inline-start:0; } .cs-metric:last-child { padding-inline-end:0; }
 .cs-metric dt { font-size:38px; }
 .homepage-cases { padding:58px 0; } .case-section-head h2 { font-size:30px; } .case-collection { padding-top:112px; }
}
@media(max-width:600px) {
 .cs-prose .flow-phase ol { grid-template-columns:1fr; gap:14px; }
 .cs-prose .flow-phase li { min-height:72px; padding:16px 14px; }
 .flow-phase li:not(:last-child)::after,[dir="rtl"] .flow-phase li:not(:last-child)::after { content:'↓'; position:absolute; inset-inline-end:auto; inset-inline-start:25px; top:auto; bottom:-18px; font-size:17px; color:var(--muted); }
 .flow-phase li:last-child::after { display:none; }
}
@media(max-width:560px) {
 .cs-hero h1 { font-size:39px; } .cs-intro { font-size:16px; line-height:1.7; }
 .cs-metrics { grid-template-columns:1fr; }
 .cs-metric,.cs-metric:first-child,.cs-metric:last-child { padding:22px 0; border-inline-start:0; }
 .cs-metric+.cs-metric { border-top:1px solid var(--line); }
 .cs-metric dt { font-size:46px; margin-bottom:10px; padding-top:0; }
 .cs-metric dt small { position:static; display:block; margin-bottom:4px; }
 .cs-metric dd { font-size:16px; max-width:none; } .cs-metric dd span { font-size:14px; }
 .cs-prose h2 { font-size:27px; } .cs-prose { font-size:16px; }
 .case-feature { grid-template-columns:1fr; gap:30px; padding-block:32px; } .case-number { font-size:72px; }
 .case-result p { margin-top:12px; } .case-section-head { flex-wrap:wrap; gap:8px; }
 .case-summary h3,.case-summary h2 { font-size:30px; } .case-summary>p:not(.cs-eyebrow) { font-size:16px; }
}