.results-page{background:var(--flex-paper);color:var(--flex-ink)}.results-intro{text-align:center;padding:65px 0 80px}.results-intro .eyebrow{margin:0 auto 25px}.results-intro h1{font-size:clamp(64px,7.6vw,108px)}.results-intro h1 em{color:var(--flex-link)}.results-intro h1 em span{color:var(--flex-green)}.results-intro>p:not(.eyebrow){font-size:22px;line-height:1.5;max-width:650px;margin:28px auto 35px}.results-jump{display:flex;justify-content:center;flex-wrap:wrap;gap:13px}.results-jump a{display:flex;align-items:center;gap:25px;border-radius:28px;background:var(--flex-light);padding:12px 22px;font-size:14px}.results-jump a:hover{background:var(--flex-leaf)}.results-jump a span{font-size:22px}
.results-stats{background:var(--flex-ink);color:white;padding:65px 0 75px}.results-stats-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.results-stats h2{font-size:clamp(43px,4.5vw,64px)}.results-stats h2 em{color:var(--flex-sky)}.results-stats-heading>p{font-size:14px;color:#c1d2df}.results-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.stat-category{display:block;color:var(--flex-leaf);letter-spacing:.08em;font-size:11px}.result-counter{display:block;font-size:clamp(70px,8vw,115px);font-weight:400;line-height:1.15;letter-spacing:-.065em;font-variant-numeric:tabular-nums;color:var(--flex-sky);margin:18px 0 12px}.results-stat-grid article:nth-child(2) .result-counter{color:var(--flex-leaf)}.results-stat-grid article:nth-child(3) .result-counter{color:#c7b8fa}.results-stat-grid h3{font-size:23px;line-height:1.2;font-weight:500;margin:0 0 10px}.results-stat-grid article>p{font-size:14px;line-height:1.6;color:#c1d2df}
.results-stories{padding:95px 0 130px;display:flex;flex-direction:column;gap:100px}.results-story{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;scroll-margin-top:35px}.results-story:nth-child(even) .results-story-art{order:2}.results-story-art{position:relative;aspect-ratio:1;border-radius:35px;background:#e4f4ff;overflow:hidden}.results-art-social{background:#e7f3ec}.results-art-email{background:#eeebf9}.results-story-art>img{width:100%;height:100%;object-fit:contain;padding:20px 20px 45px}.results-art-tag{position:absolute;left:20px;bottom:18px;background:var(--flex-ink);color:white;border-radius:25px;padding:10px 17px;font-size:10px;letter-spacing:.08em}.coastal-sample .results-story-copy p.eyebrow{text-align:left!important;color:var(--flex-green)!important;font-size:25px!important;margin:0 0 20px}.results-story-copy h2{font-size:clamp(40px,4.4vw,64px);line-height:1.05;margin:0 0 25px}.results-story-copy h2 em{color:var(--flex-link)}.results-story-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;margin:20px 0}.results-measure{margin:25px 0}.results-measure>span{font-size:10px;letter-spacing:.09em;color:var(--flex-green)}.results-measure p{font-size:14px;margin-top:9px;line-height:1.5}.results-coming{display:inline-block;padding:9px 15px;background:var(--flex-light);border-radius:23px;font-size:12px;color:#33505f}
.results-cta{position:relative;background:var(--flex-light);text-align:center;padding:55px 0 80px}.results-cta>svg{position:absolute;top:-49px;left:0;width:100%;height:50px;color:var(--flex-light)}.results-cta p.eyebrow{margin:0 auto 25px}.results-cta h2{font-size:clamp(43px,5vw,70px)}.results-cta h2 em{color:var(--flex-link)}.results-cta .button{margin-top:30px;background:var(--flex-leaf);border-color:var(--flex-leaf);color:var(--flex-ink)}
@media(max-width:760px){.results-intro{padding:35px 0 50px}.results-intro h1{font-size:clamp(52px,11vw,80px)}.results-intro>p:not(.eyebrow){font-size:19px}.results-jump{gap:10px}.results-jump a{font-size:12px;padding:10px 16px;gap:15px}.results-stats{padding:45px 0 50px}.results-stats-heading{display:block;margin-bottom:30px}.results-stats-heading>p{margin-top:20px}.results-stat-grid{grid-template-columns:1fr;gap:35px}.result-counter{font-size:78px;margin:5px 0}.results-stories{padding:60px 0 95px;gap:60px}.results-story{grid-template-columns:1fr;gap:28px}.results-story:nth-child(even) .results-story-art{order:0}.results-story-art{max-width:500px;width:100%;justify-self:center;border-radius:28px}.results-story-copy h2{font-size:45px}.results-story-copy>p:not(.eyebrow){font-size:16px}.results-cta{padding:40px 0 60px}}

/* One primary outcome, two supporting metrics, and a clear comparison. */
.results-story .case-results-panel{aspect-ratio:auto;border-radius:30px;overflow:hidden;background:var(--flex-paper);box-shadow:0 15px 45px -20px rgb(var(--flex-navy-rgb) / 0.251)}
.case-visual{position:relative;height:240px;background:#e4f4ff;overflow:hidden}.results-art-social .case-visual{background:#e7f3ec}.results-art-email .case-visual{background:#eeebf9}
.case-visual>img{width:100%;height:100%;object-fit:contain;padding:8px 15px 12px}.case-visual .results-art-tag{left:18px;bottom:14px}
.case-proof{padding:28px}.case-primary>span{font-size:10px;letter-spacing:.09em;color:var(--flex-green)}.case-primary .result-counter{font-size:78px;line-height:1;color:var(--flex-link);margin:4px 0 10px}.case-primary h3{font-size:27px;line-height:1.15;margin:0;font-weight:500;letter-spacing:-.025em}
.case-supporting{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.case-supporting>div{padding:15px 17px;border-radius:17px;background:var(--flex-light)}.case-supporting strong{font:400 32px/1 Arial,sans-serif;display:block;color:var(--flex-link);margin-bottom:8px}.case-supporting span{font-size:13px;line-height:1.4;display:block}
.case-comparison{display:grid;grid-template-columns:1fr 28px 1fr;gap:8px;align-items:center}.case-comparison-title{grid-column:1/-1;display:block;font-size:13px;line-height:1.4;margin-bottom:5px;font-weight:600}.case-comparison>div{background:#f4f7f9;padding:12px 15px;border-radius:13px}.case-comparison>div>span{display:block;font-size:9px;letter-spacing:.07em;color:#546873}.case-comparison strong{font-size:28px;font-weight:400;line-height:1.2;display:block}.case-comparison-arrow{text-align:center;color:var(--flex-green);font-size:23px}
.case-period{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11px;line-height:1.5;color:#546873;margin:17px 0 0}
.case-story-details{margin:28px 0}.case-story-details>div{margin:0 0 27px}.case-story-details dt{font-size:21px;line-height:1.25;letter-spacing:-.02em;font-weight:500;color:var(--flex-green);margin-bottom:12px}.case-story-details dd{font-size:17px;line-height:1.75;margin:0}.case-story-details .case-role{background:var(--flex-light);border-radius:20px;padding:20px 22px}.case-story-details .case-role dt{font-size:15px;margin-bottom:8px}.case-story-details .case-role dd{font-size:15px;line-height:1.6}
@media(max-width:760px){.case-visual{height:230px}.case-proof{padding:23px}.case-primary .result-counter{font-size:68px}.case-primary h3{font-size:25px}.case-story-details dd{font-size:16px}.case-story-details>div{margin-bottom:23px}}

/* Live, lightweight growth illustrations beside the original people. */
.case-visual{height:335px;isolation:isolate}
.case-visual>img{position:absolute;right:-8%;bottom:0;width:80%;height:100%;padding:10px 0 0;object-position:right bottom}
.case-visual .results-art-tag{z-index:3;bottom:13px;max-width:80%}
.growth-motion{--growth-color:var(--flex-link);position:absolute;z-index:2;left:5%;top:30px;width:57%;padding:18px 14px 12px;border-radius:20px;background:rgb(var(--flex-paper-rgb) / 0.9294);box-shadow:0 13px 35px rgb(var(--flex-navy-rgb) / 0.1412);color:var(--flex-navy);max-width:290px}
.results-art-social .growth-motion{--growth-color:var(--flex-green);top:45px}
.results-art-email .growth-motion{--growth-color:#7760bd}
.growth-card-title{display:block;font-size:15px;font-weight:600;letter-spacing:-.02em}
.growth-motion svg{display:block;width:100%;height:auto;overflow:visible;margin:18px 0 8px}
.growth-card-caption{display:block;font-size:11px;line-height:1.4;max-width:24ch}
.growth-motion small{display:block;font-size:8px;letter-spacing:.04em;color:#647883;margin-top:6px}
.growth-grid{fill:none;stroke:#dae5eb;stroke-width:1}
.growth-bars rect{fill:var(--growth-color);opacity:.22;transform-box:fill-box;transform-origin:center bottom;animation:growth-bars 5.5s ease-in-out infinite}
.growth-bars rect:nth-child(2){animation-delay:.15s}.growth-bars rect:nth-child(3){animation-delay:.3s}.growth-bars rect:nth-child(4){animation-delay:.45s}.growth-bars rect:nth-child(5){animation-delay:.6s}
.growth-line{fill:none;stroke:var(--growth-color);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:growth-draw 5.5s ease-in-out infinite}
.growth-arrow{fill:none;stroke:var(--growth-color);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;animation:growth-tip 5.5s ease-in-out infinite}
.growth-end{fill:var(--flex-leaf);stroke:var(--flex-paper);stroke-width:3;animation:growth-tip 5.5s ease-in-out infinite}
.growth-area{fill:var(--flex-leaf);opacity:.22;animation:growth-tip 5.5s ease-in-out infinite}
.growth-person{fill:var(--flex-green);animation:growth-follow 5.5s ease-in-out infinite}.growth-person .person-head{fill:var(--flex-paper)}.person-body{fill:none;stroke:var(--flex-paper);stroke-width:3;stroke-linecap:round}
.person-2{animation-delay:.55s}.person-3{animation-delay:1.1s}
.email-envelope{fill:var(--flex-paper);stroke:#7760bd;stroke-width:3;animation:growth-mail 5.5s ease-in-out infinite}.email-envelope path{fill:none}
.email-cursor{fill:var(--flex-ink);stroke:var(--flex-paper);stroke-width:2;animation:growth-tip 5.5s ease-in-out infinite}.email-cursor .click-ray{fill:none;stroke:#7760bd;stroke-width:3;stroke-linecap:round}
.growth-toggle{position:absolute;z-index:4;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:0;background:var(--flex-paper);color:var(--flex-navy);font-size:15px;box-shadow:0 3px 14px rgb(var(--flex-navy-rgb) / 0.0824)}
.case-visual:not(.growth-running) .growth-motion *,.case-visual.is-paused .growth-motion *{animation-play-state:paused!important}
@keyframes growth-draw{0%,8%{stroke-dashoffset:1}62%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes growth-bars{0%,8%{transform:scaleY(.12)}60%,88%{transform:scaleY(1)}100%{transform:scaleY(.12)}}
@keyframes growth-tip{0%,35%{opacity:0}65%,88%{opacity:1}100%{opacity:0}}
@keyframes growth-follow{0%,12%{opacity:0}28%,78%{opacity:1}98%,100%{opacity:0}}
@keyframes growth-mail{0%,10%{transform:translateY(5px);opacity:.4}35%,85%{transform:translateY(0);opacity:1}100%{transform:translateY(5px);opacity:.4}}
@media(max-width:400px){.case-visual{height:295px}.growth-motion{left:4%;top:25px;width:59%;padding:15px 12px 10px}.growth-card-title{font-size:13px}.growth-card-caption{font-size:10px}.growth-motion svg{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.growth-motion *{animation:none!important}.growth-toggle{display:none}}

/* Full-scene channel backgrounds replace the people collages. */
.case-visual>img.results-scene-bg{inset:0;width:100%;height:100%;padding:0;object-fit:cover;object-position:center;border-radius:0}
.case-visual .growth-motion{left:5%;top:28px;width:54%;background:rgb(var(--flex-paper-rgb) / 0.9608);box-shadow:0 12px 40px rgb(var(--flex-navy-rgb) / 0.1882)}
.results-art-social .case-visual .growth-motion{top:36px}
.results-art-email .case-visual .growth-motion{top:28px}
@media(max-width:400px){.case-visual .growth-motion{top:22px;width:57%;left:4%}}

/* Photographic screen close-ups, with the live chart kept legible above. */
.case-visual>img.results-scene-bg{object-position:center}
.results-art-social .case-visual>img.results-scene-bg{object-position:65% center}
.case-visual .growth-motion{background:rgb(var(--flex-paper-rgb) / 0.949);box-shadow:0 12px 38px rgb(var(--flex-navy-rgb) / 0.2196)}

/* Darken only the photographic layer, beneath the live charts and controls. */
.results-story .case-visual::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(7,20,31,.36);pointer-events:none}

/* An oversized brand statement introduces the three individual case studies. */
.results-statement{position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 15%,rgb(var(--flex-sky-rgb) / 0.098),transparent 53%),radial-gradient(ellipse at 87% 88%,rgb(var(--flex-leaf-rgb) / 0.098),transparent 55%),var(--flex-ink);color:var(--flex-paper);padding:86px 0 34px}
.results-statement h2{font-size:clamp(44px,8.1vw,124px);line-height:1.12;letter-spacing:-.055em;text-align:center;margin:0;font-weight:400}
.results-statement h2>span,.results-statement h2>em{display:block;white-space:nowrap;animation:results-color-cycle 15s linear infinite;color:var(--flex-sky)}
.results-statement h2>span:nth-child(2){animation-delay:-5s;color:var(--flex-leaf)}
.results-statement h2>em{animation-delay:-10s;color:var(--flex-paper);font-weight:400}
.statement-pause{display:flex;align-items:center;gap:12px;margin:38px 0 0 auto;padding:8px 12px;border:0;border-radius:24px;background:rgb(var(--flex-paper-rgb) / 0.0471);color:#d1dce2;font-size:11px}
.results-statement.is-paused h2>*,.results-statement:not(.statement-visible) h2>*,.results-statement.statement-hidden h2>*{animation-play-state:paused}
@keyframes results-color-cycle{0%,100%{color:var(--flex-sky)}33.33%{color:var(--flex-leaf)}66.66%{color:var(--flex-paper)}}
@media(max-width:760px){.results-statement{padding:55px 0 25px}.results-statement h2{font-size:clamp(27px,7.8vw,59px)}.statement-pause{margin-top:28px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.results-statement h2>*{animation:none!important}.statement-pause{display:none}}