.customer-proof-card{position:relative}
.customer-proof-card--quote figcaption{padding-right:32px}
.customer-story-link{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:4px;color:var(--NeutralMid);background:transparent;transition:color .18s}
.customer-story-link:hover{color:var(--MainDark);background:transparent}.customer-story-link:focus-visible{color:var(--MainDark);background:transparent;outline:2px solid currentColor;outline-offset:2px}
/* Customer stories follow the shared green / neutral / purple page rhythm. */
.customer-story-page{background:#f0f3f2;color:var(--MainDark)}
.case-nav{display:flex;gap:24px;margin-left:auto;margin-right:24px;font:400 14px/1.4 var(--font)}
.case-nav a{color:inherit;text-decoration:none}.case-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.case-story{--case-space:64px;--case-inset:max(24px,calc((100% - 1072px)/2));margin:0;padding:0;max-width:none;color:var(--MainDark);font:400 18px/1.7 var(--font);text-align:left}
.case-intro{padding:var(--case-space) var(--case-inset);background:var(--MainDark);color:white}
.case-logo-link{display:inline-block;margin-bottom:32px;max-width:100%}
.case-logo{display:block;width:240px;height:60px;max-width:100%;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.case-story--gitar .case-logo,.case-story--heirloom .case-logo,.case-story--stickygolf-pro .case-logo{filter:grayscale(1) invert(1) contrast(8);mix-blend-mode:screen}
.case-story--brilliant-labs .case-logo{filter:grayscale(1) contrast(8);mix-blend-mode:screen}
.case-story h1{font:700 clamp(34px,4.5vw,58px)/1.2 var(--display);letter-spacing:-.025em;margin:0;max-width:100%;text-transform:none;overflow-wrap:normal;text-wrap:balance}
.case-lead{font:400 20px/1.7 var(--font);max-width:880px;margin:24px 0 0;color:#e0ebeb}
.case-metrics{display:flex;flex-wrap:wrap;gap:32px 64px;border-top:1px solid #ffffff30;padding-top:32px;margin-top:32px}
.case-metric{min-width:0;flex:0 1 420px}.case-metric strong{display:block;font:700 clamp(40px,4.5vw,58px)/1.2 var(--display);color:var(--SelectMid)}
.case-metric span{display:block;font:400 17px/1.5 var(--font);margin-top:12px;color:#e0ebeb}
.case-period{font:400 14px/1.6 var(--font);color:#c4d4d5;margin:24px 0 0}
.case-narrative{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;padding:var(--case-space) var(--case-inset);align-items:start}
.case-story h2{font:700 clamp(28px,3vw,38px)/1.25 var(--display);letter-spacing:-.025em;margin:0 0 24px;max-width:none;text-transform:none}
.case-narrative p{margin:0 0 16px;color:#345158}.case-narrative p:last-child{margin-bottom:0}
.case-visual{margin:0;padding:28px;border:1px solid #cad8d5;border-radius:14px;background:#fff;align-self:center;min-width:0}
.case-visual>figcaption{font:700 20px/1.4 var(--font);margin-bottom:24px}
.case-bar-row{display:grid;grid-template-columns:70px minmax(0,1fr) 36px;gap:12px;align-items:center;font:400 14px/1.5 var(--font);margin:16px 0}
.case-bar-row>strong{text-align:right}.case-bar-track div{height:24px;border-radius:4px;background:#a9bcbd}.case-bar-row:last-of-type .case-bar-track div{background:var(--MainDark)}
.case-visual .case-note{font:400 14px/1.6 var(--font);color:#52696e;margin:24px 0 0}
.case-steps{list-style:none;display:flex;gap:24px;margin:0;padding:0}.case-steps li{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:16px 8px;background:#edf3f1;border-radius:8px;text-align:center;font:700 15px/1.5 var(--font)}
.case-steps li+li:before{content:'→';position:absolute;right:calc(100% + 5px);color:#789397}
.case-quote{margin:0;padding:var(--case-space) var(--case-inset);background:#fff}
.case-quote blockquote{font:400 clamp(24px,2.8vw,34px)/1.5 var(--font);color:var(--MainDark);margin:0 0 28px;max-width:940px}
.case-quote figcaption{display:flex;align-items:center;gap:16px;font:400 16px/1.5 var(--font);color:#52696e}
.case-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none}.case-quote figcaption strong{display:block;color:var(--MainDark);font-weight:700}.case-quote figcaption span span{display:block}
.case-evidence{padding:var(--case-space) var(--case-inset);color:#345158}.case-evidence h2{font-size:28px}.case-evidence p{font:400 16px/1.75 var(--font);margin:0;max-width:940px}
.case-cta{padding:var(--case-space) 24px;background:var(--AccentDark);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;text-align:center}
.case-cta h2{font:700 clamp(34px,4.5vw,58px)/1.2 var(--display);margin:0}.case-cta .button{flex:none}
.case-dialog{padding:0;border:1px solid #cad8d5;border-radius:18px;max-width:1120px;width:calc(100% - 48px);max-height:calc(100dvh - 48px);background:#f0f3f2;color:var(--MainDark);box-shadow:0 30px 100px #0005;overscroll-behavior:contain}
.case-dialog::backdrop{background:#05242dcc;backdrop-filter:blur(5px)}
.case-dialog-toolbar{position:sticky;top:0;z-index:2;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;background:#f0f3f2;border-bottom:1px solid #cad8d5}
.case-full-page{font:700 14px var(--font);text-decoration:underline;text-underline-offset:4px}.case-close{display:grid;place-items:center;border:1px solid #cad8d5;border-radius:50%;width:40px;height:40px;background:transparent;color:var(--MainDark);cursor:pointer}.case-close:hover{background:#dfe8e5}.case-close:focus-visible,.case-full-page:focus-visible,.case-logo-link:focus-visible{outline:2px solid var(--AccentMid);outline-offset:4px}
.case-loading{padding:40px;font:400 18px var(--font)}
.case-dialog .case-story{--case-space:40px;--case-inset:32px}.case-dialog .case-story h1{font-size:clamp(32px,4vw,48px)}
@media(max-width:850px){.case-narrative{grid-template-columns:1fr;gap:32px}.case-visual{width:100%;box-sizing:border-box;max-width:640px}}
@media(max-width:650px){.case-story{--case-space:40px;--case-inset:24px;font-size:17px}.case-nav{gap:16px;margin-right:16px;font-size:13px}.case-logo{width:210px;height:53px}.case-lead{font-size:18px}.case-metrics{gap:28px}.case-metric{flex-basis:100%}.case-metric span{font-size:16px}.case-visual{padding:24px}.case-quote figcaption{font-size:14px}.case-steps{flex-direction:column;gap:28px}.case-steps li+li:before{content:'↓';right:auto;top:-26px;left:calc(50% - 5px)}.case-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.case-dialog .case-story{--case-space:32px;--case-inset:24px}.case-cta{gap:28px}.case-bar-row{grid-template-columns:60px minmax(0,1fr) 30px;gap:8px;font-size:13px}}
@media(max-width:380px){.case-nav{gap:10px;margin-right:10px}.customer-story-page .site-header{padding-inline:16px}.customer-story-page .header-logo{width:125px}.case-story{--case-inset:20px}}
@media(prefers-reduced-motion:reduce){.customer-story-link{transition:none}}

/* Surface the strongest approved evidence beside its original testimonial. */
.customer-result{margin:0 0 18px;color:var(--MainDark)}
.customer-result p{display:flex;align-items:baseline;gap:10px;margin:0}
.customer-result strong{flex-shrink:0;font:700 clamp(30px,3vw,40px)/1.1 var(--display);letter-spacing:-.025em}
.customer-result p span{min-width:0;font:700 clamp(13px,1.05vw,15px)/1.3 var(--font);white-space:nowrap}
.customer-result small{display:block;font:400 12px/1.4 var(--font);color:var(--NeutralMid)}

/* Let evidence cards grow without stretching the quote-only rows. */
.customer-proof-grid{grid-auto-rows:auto}
.customer-proof-card--quote,.customer-community{grid-row:span 1}
.customer-proof-card--quote{align-self:start;min-height:260px}
.customer-proof-card--quote:has(.customer-result){min-height:300px}
.customer-community{align-self:stretch;min-height:260px}
@media(max-width:650px){.customer-result p{gap:8px}.customer-result p span{font-size:13px;letter-spacing:-.01em}}
@media(max-width:340px){.customer-proof-card--quote .customer-card-link{padding:1.25rem}.customer-result p{gap:6px}.customer-result p span{font-size:12px;letter-spacing:-.015em}}

/* Keep the shared navigation inside phone widths. */
@media(max-width:650px){.customer-story-page .site-header{gap:12px;padding-inline:16px}.customer-story-page .header-logo{width:125px}.case-nav{gap:14px;margin-right:0}.customer-story-page .site-header .enter-button{padding:10px 16px;min-height:44px}}
@media(max-width:380px){.customer-story-page .site-header{display:grid;grid-template-columns:1fr auto;gap:12px 20px}.customer-story-page .wordmark{grid-column:1;grid-row:1}.customer-story-page .nav-actions{grid-column:2;grid-row:1}.case-nav{grid-column:1/-1;grid-row:2;justify-self:center;margin:0;gap:24px}}