/* Hallmark · section: editorial split · atmospheric · existing navy and cobalt tokens
 * Pre-emit critique: Philosophy 4, Hierarchy 5, Execution 5, Specificity 4, Restraint 5, Variety 4.
 * Real creator media; full-width benefit links, no legacy label column.
 */
.prolifik-home .hero__h1 .line > span { animation:none; transform:none; }
.prolifik-home .hero__copy [data-sc-in],
.prolifik-home .hero__copy [data-sc-stagger] > * { opacity:1; transform:none; transition:none; }
.prolifik-home .hero__category { max-width:46ch; }
.value-story--outcomes {
 --outcome-rule:var(--glass-edge);
 --outcome-link:color-mix(in oklab,var(--sc-accent) 42%,var(--sc-ink));
}
.value-story--outcomes .outcome-layout {
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,20rem);
 align-items:center;
 gap:clamp(3rem,8vw,8rem);
 max-width:72rem;
}
.value-story--outcomes .outcome-copy { min-width:0; }
.value-story--outcomes .outcome-copy > h2 {
 margin:0 0 var(--sc-6);
 font-size:clamp(2.3rem,4vw,3.5rem);
 line-height:1.08;
 letter-spacing:-.035em;
 font-weight:550;
}
.value-story--outcomes .outcome-item {
 display:block;
 padding:var(--sc-5) 0;
 border-top:1px solid var(--outcome-rule);
}
.value-story--outcomes .outcome-item:last-child { padding-bottom:0; }
.value-story--outcomes .outcome-item h3 {
 margin:0 0 var(--sc-2);
 font-family:var(--sc-font-display);
 font-size:clamp(1.25rem,1.9vw,1.6rem);
 font-weight:550;
 line-height:1.3;
 letter-spacing:-.02em;
}
.value-story--outcomes .outcome-item a {
 color:var(--sc-ink);
 text-decoration:underline;
 text-decoration-color:var(--outcome-rule);
 text-decoration-thickness:1px;
 text-underline-offset:.23em;
}
.value-story--outcomes .outcome-item a:hover { color:var(--outcome-link); text-decoration-color:currentColor; }
.value-story--outcomes .outcome-item a:active { color:var(--sc-accent); }
.value-story--outcomes a:focus-visible { outline:3px solid var(--sc-accent); outline-offset:5px; }
.value-story--outcomes .outcome-item p {
 margin:0;
 max-width:43ch;
 color:var(--sc-ink-soft);
 font-size:var(--sc-t-sm);
 line-height:1.65;
}
.value-story--outcomes .value-sample { min-width:0; width:100%; padding:0; }
.value-story--outcomes .value-sample figure { margin:0; }
.value-story--outcomes .value-sample__visual { position:relative; }
.value-story--outcomes .value-sample picture,
.value-story--outcomes .value-sample picture img { display:block; width:100%; }
.value-story--outcomes .value-sample picture img {
 height:auto; aspect-ratio:9/16;
 border-radius:var(--sc-r-md);
 background:var(--sc-canvas);
}
.value-story--outcomes .value-sample__toggle {
 position:absolute; top:var(--sc-3); right:var(--sc-3);
 min-height:36px; padding:var(--sc-2) var(--sc-3);
 border:1px solid var(--outcome-rule); border-radius:var(--sc-r-pill);
 background:var(--sc-canvas); color:var(--sc-ink);
 font:600 var(--sc-t-xs)/1.4 var(--sc-font-text); cursor:pointer;
}
.value-story--outcomes .value-sample__toggle:hover { background:var(--sc-surface); }
.value-story--outcomes .value-sample__toggle:focus-visible { outline:3px solid var(--sc-accent); outline-offset:3px; }
.value-story--outcomes .value-sample__toggle[hidden] { display:none; }
.value-story--outcomes .value-sample figcaption {
 margin:var(--sc-4) 0;
 font-size:var(--sc-t-xs); line-height:1.5;
 color:var(--sc-ink-soft); text-align:center;
}
.value-story--outcomes .value-sample figcaption strong { font-weight:400; }
.value-story--outcomes .value-sample > .cta { display:flex; width:fit-content; margin-inline:auto; font-size:var(--sc-t-sm); white-space:nowrap; }
@media(max-width:900px) {
 .value-story--outcomes .outcome-layout { grid-template-columns:minmax(0,1fr) minmax(0,16rem); gap:var(--sc-6); }
}
@media(max-width:700px) {
 .value-story--outcomes .outcome-layout { grid-template-columns:minmax(0,1fr); gap:var(--sc-6); }
 .value-story--outcomes .outcome-copy > h2 { font-size:clamp(2rem,7.5vw,2.7rem); margin-bottom:var(--sc-5); }
 .value-story--outcomes .outcome-item h3 { font-size:1.25rem; }
 .value-story--outcomes .outcome-item p { max-width:45ch; }
 .value-story--outcomes .value-sample { max-width:18rem; justify-self:center; }
}