/* A single real workflow leads; the other use cases expand the promise. */
.outcomes-page .hero{display:block;padding-block:34px 58px}
.outcomes-page .hero-copy{text-align:center;max-width:830px;margin-inline:auto}
.outcomes-page .hero-copy>.eyebrow{display:block;font-size:11px;letter-spacing:.16em;margin-bottom:18px}
.outcomes-page .hero h1{font-size:clamp(38px,4.5vw,60px);line-height:1.28;margin:0 0 22px;letter-spacing:-.04em}
.outcomes-page .intro{font-size:16px;line-height:1.9;margin-bottom:22px}
.outcomes-page .hero-actions{flex-direction:row;align-items:center;justify-content:center;gap:28px}
.outcomes-page .hero-actions button{border:0;cursor:pointer;gap:12px}
.outcomes-page .availability{margin-top:16px}
.hero-cinema{max-width:1060px;margin:38px auto 0;padding:18px;background:#e9edf2;border:1px solid #d7dde6;border-radius:18px;box-shadow:0 18px 70px #202a4310;scroll-margin-top:22px}
.cinema-heading{display:flex;gap:12px;justify-content:space-between;font-size:10px;letter-spacing:.08em;color:#596272;padding:0 4px 14px;line-height:1.6}
.hero-cinema .film-frame{border:0;border-radius:9px;box-shadow:0 5px 18px #1d253921}
.hero-cinema .film-play{bottom:50%;transform:translate(-50%,50%);padding:14px 24px;background:#17191dd9;border-color:#ffffff60}
.hero-cinema figcaption{padding-inline:4px;margin-top:14px}
.film-chapters{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}
.film-chapters button{display:flex;gap:9px;align-items:center;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--muted);cursor:pointer;font-size:12px;min-height:42px;padding:8px 12px;line-height:1.6;transition:background .14s,color .14s}
.film-chapters button>span{font-size:10px;font-variant-numeric:tabular-nums;color:#70798b}
.film-chapters button:hover,.film-chapters button[aria-current="true"]{background:#fff;color:var(--ink);border-color:#d7dde6}
.film-chapters button[aria-current="true"]>span{color:var(--accent)}
.hero-cinema .film-chapters{justify-content:center;margin-top:10px}
.outcomes-page .showcase{padding-top:58px}
.workflow-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.workflow-nav a{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;font-size:14px;line-height:1.7;transition:color .14s}
.workflow-nav a>span:first-child{color:var(--muted);font-size:10px;letter-spacing:.09em}
.workflow-nav a>span:last-child{margin-left:auto;color:var(--muted)}
.workflow-nav a:hover{color:var(--accent)}
.outcomes-page .rename-note{margin-block:18px 48px}
.outcome-preview .hero-artifact{box-shadow:none;border-radius:10px}
.back-to-film{grid-column:1/-1;justify-self:start;margin-top:12px;font-size:12px;line-height:2;padding-block:6px}
.secondary-films{display:block;margin-top:55px}
.secondary-films .work-example{display:grid;grid-template-columns:.78fr 1.4fr;gap:0 50px;border-top:1px solid var(--line);padding-top:56px;margin-top:45px;align-items:start;scroll-margin-top:30px}
.secondary-films .work-example:first-child{margin-top:0}
.secondary-films .work-copy{padding-top:18px}
.secondary-films .work-film{margin-top:0}
.secondary-films .film-method{grid-column:1/-1;margin-top:22px}
.film-and-result{min-width:0}
.artifact-excerpt{border:1px solid #d7dde6;border-radius:9px;background:#fff;margin-top:18px;padding:24px 28px}
.excerpt-label{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--muted);margin:0 0 18px}
.before-copy{font-size:17px;color:var(--muted);margin:0 0 18px;line-height:1.6}
.after-copy{font-size:22px;font-weight:500;line-height:1.55;letter-spacing:-.02em;margin:0}
.before-copy>span,.after-copy>span:not(.source-language){display:block;font-size:10px;letter-spacing:.05em;color:var(--muted);line-height:1.7;margin-bottom:7px;font-weight:400}
.after-copy{padding-left:18px;border-left:2px solid var(--accent)}
.excerpt-note{font-size:13px;line-height:1.9;color:var(--muted);margin:18px 0 0}
.analysis-title{font-size:20px;font-weight:500;line-height:1.5;margin:0 0 14px}
.analysis-number{display:flex;gap:24px;align-items:center}
.analysis-number>strong{font-size:50px;font-weight:500;letter-spacing:-.055em;line-height:1.1}
.analysis-number>strong>span{font-size:22px;margin-left:3px}
.analysis-number>p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}
.excerpt-caveat{font-size:11px;color:var(--muted);line-height:1.8;margin:12px 0 0}
.work-copy .artifact-excerpt{padding:20px 22px;margin-block:18px 10px}
.work-copy .after-copy{font-size:18px}
.work-copy .excerpt-label{margin-bottom:14px}
.work-copy .before-copy{font-size:15px;margin-bottom:14px}
.work-copy .excerpt-note{font-size:12px;margin-top:14px}
.work-copy .analysis-number>strong{font-size:42px}
.work-copy .analysis-title{font-size:18px}
.work-process{background:var(--paper)}
.fit-section{background:#e9edf2}
.english.outcomes-page .hero h1{font-size:clamp(44px,5.3vw,70px);line-height:1.03;letter-spacing:-.055em}
@media(max-width:1000px){.secondary-films .work-example{gap:0 30px;grid-template-columns:.9fr 1.3fr}.workflow-nav{gap:14px}.workflow-nav a{gap:9px;font-size:13px}.outcomes-page .hero h1{font-size:49px}}
@media(max-width:800px){.outcomes-page .hero-copy{max-width:680px}.outcomes-page .hero h1{font-size:43px}.outcomes-page .hero-product{max-width:none}.hero-cinema{padding:14px}.secondary-films .work-example{display:block}.secondary-films .work-copy{padding-top:0}.secondary-films .film-and-result{margin-top:18px}.workflow-nav a{font-size:12px}.workflow-nav{gap:10px}.artifact-excerpt{padding:24px}.cinema-heading{font-size:9px}.featured{gap:20px}.back-to-film{margin:0}.english.outcomes-page .hero h1{font-size:58px}}
@media(max-width:540px){.outcomes-page .hero{padding-block:24px 38px}.outcomes-page .hero-copy{text-align:left}.outcomes-page .hero-copy>.eyebrow{font-size:9px;margin-bottom:18px}.outcomes-page .hero h1{font-size:34px;line-height:1.35;margin-bottom:18px}.outcomes-page .intro{font-size:15px}.outcomes-page .hero-actions{justify-content:flex-start;gap:16px}.outcomes-page .hero-actions .button{font-size:13px;padding-inline:14px;gap:8px}.hero-cinema{margin-top:26px;padding:10px;border-radius:12px}.cinema-heading{font-size:9px;padding:0 2px 10px;gap:8px}.cinema-heading>span:last-child{white-space:nowrap}.film-chapters{gap:0;justify-content:space-between}.film-chapters button{gap:6px;font-size:11px;padding:7px 9px}.hero-cinema .film-chapters{gap:0;justify-content:space-between}.hero-cinema .film-chapters button{padding:7px 6px;font-size:10px;gap:5px}.hero-cinema figcaption{font-size:10px;padding:0}.outcomes-page .showcase{padding-top:42px}.workflow-nav{grid-template-columns:1fr;gap:0;margin-top:26px}.workflow-nav a{font-size:14px;padding-block:15px;border-top:0}.workflow-nav a:first-child{border-top:1px solid var(--line)}.outcomes-page .rename-note{margin-bottom:34px}.secondary-films .work-example{padding-top:38px;margin-top:38px}.artifact-excerpt{padding:22px}.after-copy{font-size:19px;padding-left:14px}.analysis-title{font-size:19px}.analysis-number{gap:20px}.analysis-number>strong{font-size:46px}.english.outcomes-page .hero h1{font-size:49px;line-height:1.08}}

/* First-test invitation: shared layout and colors, no signup gate. */
.tester-invitation{font-size:16px;line-height:1.9;color:var(--muted);margin:24px 0 0}
.tester-steps{list-style:none;padding:0;margin:24px 0 30px;border-top:1px solid var(--line)}
.tester-steps li{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.6}
.tester-steps li>span{color:var(--accent);font-size:11px;flex:none}
.tester-footnote{font-size:12px;line-height:1.9;color:var(--muted);margin:16px 0}
.tester-footnote a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.start .requirements{line-height:1.9;max-width:62ch}
@media(max-width:540px){.tester-invitation{font-size:14px;margin-top:20px}.tester-steps li{font-size:13px;gap:12px}.start .start-actions{gap:18px}}