/* =========================================================
   CRACK THE GRADE — CRO INDUSTRY SCENARIOS
   Shared template for all CRO industry scenario pages.
   ========================================================= */
.cro-scenario-page{overflow-x:hidden}.cro-scenario-page p,.cro-scenario-page li{font-size:16px;text-wrap:pretty}.cro-scenario-page h1,.cro-scenario-page h2,.cro-scenario-page h3{font-family:"Instrument Sans",sans-serif}
.cro-scenario-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);gap:clamp(52px,6vw,90px);align-items:center;padding:54px 0 76px;min-height:650px}
.cro-scenario-hero-copy h1{margin:0;font-size:clamp(54px,5.5vw,82px);line-height:.94;letter-spacing:-.065em;font-weight:540}.cro-scenario-hero-copy h2{max-width:720px;margin:34px 0 0;color:#d9dde5;font-size:clamp(28px,2.4vw,38px);line-height:1.08;letter-spacing:-.045em;font-weight:560}.cro-scenario-intro-copy{max-width:720px;margin-top:24px}.cro-scenario-intro-copy p{margin:0 0 18px;color:var(--muted);line-height:1.78}
.cro-scenario-impact-model{position:relative;min-height:500px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px),radial-gradient(circle at 50% 52%,rgba(184,198,255,.09),transparent 32%),rgba(27,29,33,.78);background-size:40px 40px,40px 40px,auto,auto;box-shadow:0 36px 100px rgba(0,0,0,.22)}
.cro-scenario-impact-model::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0 48%,rgba(32,34,38,.68) 100%)}.cro-scenario-model-orbit{position:absolute;z-index:1;left:50%;top:50%;width:68%;aspect-ratio:1;border:1px solid rgba(184,198,255,.08);border-radius:50%;transform:translate(-50%,-50%)}.cro-scenario-model-orbit::after{content:"";position:absolute;inset:18%;border:1px solid rgba(184,198,255,.07);border-radius:50%}
.cro-scenario-model-traffic,.cro-scenario-model-flow,.cro-scenario-model-impact{position:absolute;z-index:3;left:8%;right:8%}.cro-scenario-model-traffic{top:9%;display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(184,198,255,.11)}.cro-scenario-model-traffic span,.cro-scenario-model-impact span,.cro-scenario-model-flow span{color:#9ba2ad;font-size:16px;line-height:1.35}.cro-scenario-model-traffic strong{color:#e8eaf0;font-size:20px;text-align:right}.cro-scenario-model-flow{top:29%;bottom:27%;display:grid;grid-template-columns:1fr 64px 1fr;gap:14px;align-items:stretch}.cro-scenario-model-flow>div{display:grid;place-items:center;align-content:center;gap:12px;border:1px solid rgba(184,198,255,.13);background:rgba(32,34,38,.74)}.cro-scenario-model-flow strong{color:#e8eaf0;font-family:"Instrument Sans",sans-serif;font-size:clamp(44px,4.5vw,66px);line-height:.9;letter-spacing:-.06em}.cro-scenario-model-flow>div:last-child strong{color:var(--accent)}.cro-scenario-model-flow i{align-self:center;justify-self:center;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(184,198,255,.22);border-radius:50%;background:#202226;color:var(--accent);font-size:26px;font-style:normal;opacity:0;transform:scale(.75)}.cro-scenario-impact-model.is-active .cro-scenario-model-flow i{animation:cro-scenario-axis .65s var(--ease) .55s forwards}@keyframes cro-scenario-axis{to{opacity:1;transform:scale(1);box-shadow:0 0 0 9px rgba(184,198,255,.035),0 0 38px rgba(184,198,255,.14)}}.cro-scenario-model-impact{bottom:8%;padding-top:18px;border-top:1px solid rgba(184,198,255,.11)}.cro-scenario-model-impact span{display:block}.cro-scenario-model-impact strong{display:block;margin-top:8px;color:#d8deff;font-family:"Instrument Sans",sans-serif;font-size:clamp(24px,2.35vw,36px);line-height:1.05;letter-spacing:-.04em}
.cro-scenario-disclaimer{margin-bottom:62px;padding:22px 24px;border:1px solid rgba(184,198,255,.14);background:rgba(184,198,255,.025)}.cro-scenario-disclaimer strong{display:block;margin-bottom:7px;color:#d9deed;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.cro-scenario-disclaimer p{margin:0;color:#8f96a2;font-size:13px!important;line-height:1.68}
.cro-scenario-phase-nav{position:sticky;top:88px;z-index:70;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:rgba(32,34,38,.94);backdrop-filter:blur(18px)}.cro-scenario-phase-nav a{display:flex;align-items:center;gap:14px;min-height:64px;padding:14px 20px;border-right:1px solid var(--line);color:#abb2bd}.cro-scenario-phase-nav a:last-child{border-right:0}.cro-scenario-phase-nav span{color:var(--accent);font-size:16px}.cro-scenario-phase-nav strong{font-size:16px}.cro-scenario-phase-nav a:hover,.cro-scenario-phase-nav a.is-current{color:var(--text);background:rgba(255,255,255,.025)}
.cro-scenario-phase{padding:112px 0;border-top:1px solid var(--line-soft);scroll-margin-top:170px}.cro-scenario-phase-shell{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:78px;align-items:start}.cro-scenario-phase-heading{position:sticky;top:180px;align-self:start}.cro-scenario-phase-heading span{display:block;margin-bottom:18px;color:var(--accent);font-size:16px;font-weight:700;letter-spacing:.1em}.cro-scenario-phase-heading h2{margin:0;font-size:clamp(42px,4.8vw,70px);line-height:.98;letter-spacing:-.058em;font-weight:540}.cro-scenario-copy{max-width:820px}.cro-scenario-copy p{margin:0 0 24px;color:var(--muted);line-height:1.82}.cro-scenario-copy ul{margin:28px 0 0;padding:0;list-style:none}.cro-scenario-copy li{position:relative;padding:20px 0 20px 24px;border-top:1px solid var(--line-soft);color:var(--muted);line-height:1.8}.cro-scenario-copy li:last-child{border-bottom:1px solid var(--line-soft)}.cro-scenario-copy li::before{content:"";position:absolute;left:0;top:31px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.75}.cro-scenario-copy strong{color:var(--text)}
.cro-scenario-after{background:var(--paper);color:var(--ink);border-color:rgba(21,23,26,.14)}.cro-scenario-after .cro-scenario-phase-heading span{color:#66708d}.cro-scenario-after .cro-scenario-copy p,.cro-scenario-after .cro-scenario-copy li{color:#555c65}.cro-scenario-after .cro-scenario-copy li{border-color:rgba(21,23,26,.14)}.cro-scenario-after .cro-scenario-copy li::before{background:#66708d}.cro-scenario-after .cro-scenario-copy strong{color:var(--ink)}
.cro-scenario-outcome{background:#1b1d21}.cro-scenario-outcome-head{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:78px;align-items:start;margin-bottom:52px}.cro-scenario-outcome .cro-scenario-phase-heading{position:relative;top:auto}.cro-scenario-table-wrap{background:rgba(31,33,37,.68)}.cro-scenario-table tbody td:last-child{color:#c9d2f0}.cro-scenario-table tbody td:last-child strong{color:#dce2ff}
.cro-scenario-related{padding:96px 0 112px}.cro-scenario-related-heading{display:grid;grid-template-columns:180px minmax(0,1fr);gap:36px;align-items:end;margin-bottom:34px}.cro-scenario-related-heading span{color:#969eaa;font-size:16px}.cro-scenario-related-heading h2{margin:0;font-size:clamp(38px,4vw,58px);line-height:1;letter-spacing:-.05em}.cro-scenario-related-grid{display:grid;grid-template-columns:1fr .8fr 1fr;border:1px solid var(--line)}.cro-scenario-related-grid a{min-height:150px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:rgba(255,255,255,.01);transition:.25s ease}.cro-scenario-related-grid a:last-child{border-right:0}.cro-scenario-related-grid a:hover{background:rgba(184,198,255,.035)}.cro-scenario-related-grid span{color:#9097a3;font-size:16px}.cro-scenario-related-grid strong{color:#e9ebef;font-size:22px;line-height:1.2}.cro-scenario-related-all{text-align:center}
.cro-scenario-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.cro-scenario-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.cro-scenario-hero{grid-template-columns:1fr;min-height:auto}.cro-scenario-impact-model{width:min(100%,820px);min-height:520px}.cro-scenario-phase-shell,.cro-scenario-outcome-head{grid-template-columns:1fr;gap:34px}.cro-scenario-phase-heading{position:relative;top:auto}.cro-scenario-related-grid{grid-template-columns:1fr}.cro-scenario-related-grid a{border-right:0;border-bottom:1px solid var(--line)}.cro-scenario-related-grid a:last-child{border-bottom:0}}
@media(max-width:980px){.cro-scenario-phase-nav{top:72px}}
@media(max-width:760px){.cro-scenario-hero{padding:36px 0 58px}.cro-scenario-hero-copy h1{font-size:clamp(46px,12vw,66px)}.cro-scenario-impact-model{min-height:590px}.cro-scenario-model-flow{top:24%;bottom:25%;grid-template-columns:1fr;grid-template-rows:1fr 46px 1fr}.cro-scenario-model-flow i{transform:rotate(90deg) scale(.75)}.cro-scenario-impact-model.is-active .cro-scenario-model-flow i{animation:cro-scenario-axis-mobile .65s var(--ease) .55s forwards}@keyframes cro-scenario-axis-mobile{to{opacity:1;transform:rotate(90deg) scale(1);box-shadow:0 0 0 9px rgba(184,198,255,.035),0 0 38px rgba(184,198,255,.14)}}.cro-scenario-model-impact strong{font-size:27px}.cro-scenario-phase{padding:80px 0}.cro-scenario-phase-nav{grid-template-columns:1fr}.cro-scenario-phase-nav a{min-height:50px;border-right:0;border-bottom:1px solid var(--line)}.cro-scenario-phase-nav a:last-child{border-bottom:0}.cro-scenario-related-heading{grid-template-columns:1fr;gap:8px}.cro-scenario-table{min-width:920px}}
@media(max-width:480px){.cro-scenario-impact-model{min-height:560px}.cro-scenario-model-traffic{left:6%;right:6%}.cro-scenario-model-flow{left:6%;right:6%}.cro-scenario-model-impact{left:6%;right:6%}}
@media(prefers-reduced-motion:reduce){.cro-scenario-reveal{opacity:1!important;transform:none!important;transition:none!important}.cro-scenario-model-flow i{opacity:1!important;transform:none!important;animation:none!important}}