.scenario-hero{
  padding-top:clamp(70px,7vw,112px);
  padding-bottom:clamp(52px,5vw,80px);
}
.scenario-hero__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:36px;
}
.scenario-hero__meta span{
  color:var(--int-app-olive);
  font-size:10px;
  font-weight:650;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.scenario-hero__meta small{color:var(--int-app-muted);font-size:11px}
.scenario-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.55fr);
  gap:8vw;
  align-items:end;
}
.scenario-hero h1{
  max-width:980px;
  margin:0;
  font-size:clamp(62px,7.2vw,108px);
  font-weight:420;
  letter-spacing:-.078em;
  line-height:.88;
}
.scenario-hero h1 em{
  display:block;
  color:#5d5d58;
  font-family:"Iowan Old Style",Baskerville,"Times New Roman",serif;
  font-weight:400;
}
.scenario-hero__copy>p{
  margin:0;
  color:var(--int-app-muted);
  font-size:16px;
  line-height:1.62;
}
.scenario-hero__copy .scenario-boundary{
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid var(--int-app-line);
  color:#777;
  font-size:11px;
  line-height:1.55;
}

.scenario-workspace{
  display:grid;
  grid-template-columns:minmax(250px,320px) minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding-bottom:clamp(86px,8vw,126px);
}
.scenario-controls,.scenario-cockpit{
  border:1px solid var(--int-app-line);
  border-radius:18px;
  background:var(--int-app-white);
  box-shadow:var(--int-app-shadow);
}
.scenario-controls{
  position:sticky;
  top:78px;
  padding:22px;
}
.scenario-controls header{
  padding-bottom:20px;
  border-bottom:1px solid var(--int-app-line);
}
.scenario-controls header span,.scenario-cockpit__head span,.scenario-path header span,
.scenario-decision-grid article>span,.scenario-control-plan header span,
.scenario-portfolio>header span,.scenario-positioning>header>span{
  color:var(--int-app-olive);
  font-size:9px;
  font-weight:650;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.scenario-controls header strong{
  display:block;
  margin-top:10px;
  font-size:20px;
  font-weight:500;
  letter-spacing:-.035em;
  line-height:1.12;
}
.scenario-controls>label{
  display:block;
  margin-top:19px;
}
.scenario-controls>label>span,.scenario-horizon>span{
  display:block;
  margin-bottom:8px;
  color:var(--int-app-muted);
  font-size:9px;
  font-weight:650;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.scenario-controls select{
  width:100%;
  min-height:42px;
  padding:0 34px 0 11px;
  border:1px solid var(--int-app-line);
  border-radius:10px;
  outline:0;
  background:var(--int-app-paper-2);
  color:var(--int-app-ink);
  font:inherit;
  font-size:12px;
}
.scenario-controls select:focus{border-color:var(--int-app-olive)}
.scenario-horizon{margin-top:19px}
.scenario-horizon>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.scenario-horizon button{
  min-height:38px;
  border:1px solid var(--int-app-line);
  border-radius:9px;
  background:var(--int-app-paper-2);
  color:var(--int-app-muted);
  font:inherit;
  font-size:10px;
  cursor:pointer;
}
.scenario-horizon button:hover,.scenario-horizon button.is-active{
  border-color:var(--int-app-ink);
  background:var(--int-app-ink);
  color:var(--int-app-white);
}
.scenario-range{
  padding-top:16px;
  border-top:1px solid var(--int-app-line);
}
.scenario-range>span{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px!important;
  color:var(--int-app-ink)!important;
  text-transform:none!important;
}
.scenario-range b{font-size:11px;font-weight:560;letter-spacing:-.01em}
.scenario-range output{color:var(--int-app-olive);font-size:11px;font-weight:650}
.scenario-range input{
  width:100%;
  height:3px;
  accent-color:var(--int-app-olive);
  cursor:pointer;
}
.scenario-range small{display:block;margin-top:8px;color:#777;font-size:9px;line-height:1.45}
.scenario-range--control{border-top-color:rgba(77,107,254,.28)}
.scenario-controls__actions{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:20px}
.scenario-controls__actions button,.scenario-cockpit__head button{
  min-height:42px;
  padding:0 14px;
  border:1px solid var(--int-app-line);
  border-radius:10px;
  background:var(--int-app-paper);
  color:var(--int-app-ink);
  font:inherit;
  font-size:10px;
  font-weight:600;
  cursor:pointer;
}
.scenario-controls__actions button:first-child{border-color:var(--int-app-ink);background:var(--int-app-ink);color:var(--int-app-white)}
.scenario-controls__actions button:hover,.scenario-cockpit__head button:hover{border-color:var(--int-app-olive)}
.scenario-controls>p{margin:10px 0 0;color:#888;font-size:9px;line-height:1.4}

.scenario-cockpit{min-width:0;padding:28px}
.scenario-cockpit__head{
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:24px;
  padding-bottom:24px;
  border-bottom:1px solid var(--int-app-line);
}
.scenario-cockpit__head h2{
  max-width:720px;
  margin:9px 0 0;
  font-size:clamp(34px,3.4vw,52px);
  font-weight:430;
  letter-spacing:-.058em;
  line-height:.98;
}
.scenario-reading{
  display:grid;
  grid-template-columns:minmax(360px,1.45fr) repeat(3,minmax(120px,.55fr));
  gap:8px;
  padding:26px 0 8px;
}
.scenario-reading article{
  min-height:150px;
  display:flex;
  flex-direction:column;
  padding:18px;
  border:1px solid var(--int-app-line);
  border-radius:13px;
  background:var(--int-app-paper-2);
}
.scenario-reading article>span{
  color:var(--int-app-muted);
  font-size:9px;
  font-weight:650;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.scenario-reading article>strong{
  margin:auto 0 12px;
  font-size:46px;
  font-weight:430;
  letter-spacing:-.065em;
  line-height:.8;
}
.scenario-reading article>small{color:#777;font-size:9px;line-height:1.4}
.scenario-reading__primary{
  min-height:205px!important;
  display:grid!important;
  grid-template-columns:145px 1fr;
  gap:20px;
  align-items:center;
  background:var(--int-app-ink)!important;
  color:var(--int-app-white);
}
.scenario-reading__primary>div:last-child>span{color:#aebcff;font-size:9px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.scenario-reading__primary h3{margin:9px 0 12px;font-size:32px;font-weight:460;letter-spacing:-.045em}
.scenario-reading__primary h3[data-band="observed"]{color:#b8c1ad}
.scenario-reading__primary h3[data-band="guarded"]{color:#d7d1ae}
.scenario-reading__primary h3[data-band="elevated"]{color:#d9b08c}
.scenario-reading__primary h3[data-band="severe"]{color:#d9968e}
.scenario-reading__primary p{margin:0;color:#aaa;font-size:11px;line-height:1.55}
.scenario-gauge{position:relative;width:140px;height:140px}
.scenario-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
.scenario-gauge circle{fill:none;stroke:#303036;stroke-width:7}
.scenario-gauge circle:last-child{
  stroke:#aebcff;
  stroke-linecap:round;
  stroke-dasharray:0 327;
  transition:stroke-dasharray .35s ease;
}
.scenario-gauge>div{position:absolute;inset:0;display:flex;align-items:baseline;justify-content:center;place-content:center}
.scenario-gauge strong{font-size:46px;font-weight:430;letter-spacing:-.07em}
.scenario-gauge span{color:#83838a;font-size:10px}

.scenario-path{
  margin-top:8px;
  padding:26px;
  border:1px solid var(--int-app-line);
  border-radius:15px;
  background:#fafafa;
}
.scenario-path>header{display:grid;grid-template-columns:1fr minmax(240px,.55fr);gap:35px;align-items:end}
.scenario-path h3{margin:9px 0 0;font-size:32px;font-weight:440;letter-spacing:-.05em}
.scenario-path header p{margin:0;color:#777;font-size:10px;line-height:1.55}
.scenario-path__trigger{
  position:relative;
  margin:34px 0 18px;
  padding:18px;
  border:1px solid rgba(77,107,254,.25);
  border-radius:12px;
  background:var(--int-app-olive-soft);
}
.scenario-path__trigger:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-19px;
  width:1px;
  height:18px;
  background:var(--int-app-line-strong);
}
.scenario-path__trigger span{display:block;color:#5263bd;font-size:8px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}
.scenario-path__trigger strong{display:block;margin-top:8px;font-size:13px;font-weight:520;line-height:1.4}
.scenario-path__routes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.scenario-path__routes article{
  min-width:0;
  min-height:160px;
  padding:16px;
  border:1px solid var(--int-app-line);
  border-radius:12px;
  background:var(--int-app-white);
}
.scenario-path__routes article>div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start}
.scenario-path__routes article span{color:var(--int-app-olive);font-size:8px;font-weight:650}
.scenario-path__routes article strong{font-size:11px;font-weight:560;line-height:1.25}
.scenario-path__routes article b{font-size:17px;font-weight:450;letter-spacing:-.04em}
.scenario-path__routes article i{height:3px;display:block;margin:17px 0;background:#e3e3e3}
.scenario-path__routes article em{width:var(--route-weight);height:100%;display:block;background:var(--int-app-olive);transition:width .35s ease}
.scenario-path__routes article p{margin:0;color:#777;font-size:9px;line-height:1.5}

.scenario-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.scenario-decision-grid article{
  min-height:310px;
  padding:24px;
  border:1px solid var(--int-app-line);
  border-radius:15px;
  background:var(--int-app-paper-2);
}
.scenario-decision-grid h3{max-width:440px;margin:14px 0 25px;font-size:28px;font-weight:440;letter-spacing:-.045em;line-height:1.03}
.scenario-decision-grid ul{margin:0;padding:0;list-style:none}
.scenario-decision-grid li{
  display:grid;
  grid-template-columns:10px 1fr;
  gap:11px;
  padding:10px 0;
  border-top:1px solid var(--int-app-line);
  color:#555;
  font-size:11px;
  line-height:1.45;
}
.scenario-decision-grid li:before{content:"";width:6px;height:6px;margin-top:5px;border-radius:50%;background:var(--int-app-olive)}
.scenario-decision-grid article>p{margin:0;color:#555;font-size:12px;line-height:1.62}
.scenario-decision-grid dl{margin:30px 0 0}
.scenario-decision-grid dl>div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:11px 0;border-top:1px solid var(--int-app-line)}
.scenario-decision-grid dt{color:#777;font-size:9px;text-transform:uppercase}
.scenario-decision-grid dd{margin:0;font-size:10px;line-height:1.45}

.scenario-control-plan{margin-top:8px;padding:24px;border:1px solid var(--int-app-line);border-radius:15px;background:var(--int-app-ink);color:var(--int-app-white)}
.scenario-control-plan header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}
.scenario-control-plan h3{margin:8px 0 0;font-size:27px;font-weight:430;letter-spacing:-.045em}
.scenario-control-plan>div{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#343439}
.scenario-control-plan article{min-height:165px;padding:18px;background:var(--int-app-ink)}
.scenario-control-plan article span{color:#aebcff;font-size:9px;font-weight:650}
.scenario-control-plan article strong{display:block;margin:24px 0 10px;font-size:18px;font-weight:500}
.scenario-control-plan article p{margin:0;color:#999;font-size:9px;line-height:1.5}

.scenario-portfolio{
  padding-top:clamp(90px,8vw,128px);
  padding-bottom:clamp(90px,8vw,128px);
  border-top:1px solid var(--int-app-line);
}
.scenario-portfolio>header{
  display:grid;
  grid-template-columns:1fr minmax(300px,.45fr);
  gap:7vw;
  align-items:end;
  margin-bottom:42px;
}
.scenario-portfolio h2{
  margin:14px 0 0;
  font-size:clamp(44px,5vw,72px);
  font-weight:430;
  letter-spacing:-.065em;
  line-height:.94;
}
.scenario-portfolio>header p{margin:0;color:var(--int-app-muted);font-size:13px;line-height:1.68}
.scenario-portfolio__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.scenario-portfolio__grid button{
  min-height:210px;
  padding:20px;
  border:1px solid var(--int-app-line);
  border-radius:14px;
  background:var(--int-app-white);
  color:var(--int-app-ink);
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.scenario-portfolio__grid button:hover,.scenario-portfolio__grid button.is-active{border-color:var(--int-app-olive);box-shadow:var(--int-app-shadow)}
.scenario-portfolio__grid button>span{color:var(--int-app-olive);font-size:8px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.scenario-portfolio__grid button>div{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:end;margin:40px 0 20px}
.scenario-portfolio__grid button strong{max-width:260px;font-size:21px;font-weight:460;letter-spacing:-.035em;line-height:1.05}
.scenario-portfolio__grid button b{font-size:35px;font-weight:430;letter-spacing:-.06em}
.scenario-portfolio__grid button i{height:4px;display:block;background:#e7e7e7}
.scenario-portfolio__grid button em{height:100%;display:block;background:var(--int-app-olive)}
.scenario-portfolio__grid button small{display:block;margin-top:12px;color:#777;font-size:9px;line-height:1.4}

.scenario-positioning{
  padding-top:clamp(90px,8vw,128px);
  padding-bottom:clamp(90px,8vw,128px);
  background:var(--int-app-ink);
  color:var(--int-app-white);
}
.scenario-positioning>header h2{
  max-width:900px;
  margin:15px 0 50px;
  font-size:clamp(48px,5.8vw,82px);
  font-weight:430;
  letter-spacing:-.07em;
  line-height:.92;
}
.scenario-positioning>header h2 em{color:#aebcff;font-family:"Iowan Old Style",Baskerville,serif;font-weight:400}
.scenario-positioning__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#343439}
.scenario-positioning__grid article{min-height:260px;padding:24px;background:var(--int-app-ink)}
.scenario-positioning__grid article.is-4si{background:#20253b}
.scenario-positioning__grid span{color:#888;font-size:9px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.scenario-positioning__grid .is-4si span{color:#aebcff}
.scenario-positioning__grid h3{margin:65px 0 14px;font-size:24px;font-weight:460;letter-spacing:-.04em}
.scenario-positioning__grid p{margin:0;color:#999;font-size:11px;line-height:1.6}
.scenario-positioning__note{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:48px;padding-top:27px;border-top:1px solid #343439}
.scenario-positioning__note p{max-width:760px;margin:0;color:#aaa;font-size:13px;line-height:1.65}
.scenario-positioning__note a{border-bottom:1px solid #777;color:#fff;font-size:11px;font-weight:600}
.scenario-error{grid-column:1/-1;padding:60px;border:1px solid var(--int-app-line);border-radius:18px;background:var(--int-app-white)}

@media(max-width:1260px){
  .scenario-reading{grid-template-columns:repeat(3,1fr)}
  .scenario-reading__primary{grid-column:1/-1}
  .scenario-path__routes{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1080px){
  .scenario-workspace{grid-template-columns:1fr}
  .scenario-controls{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}
  .scenario-controls header,.scenario-controls__actions,.scenario-controls>p{grid-column:1/-1}
  .scenario-portfolio__grid{grid-template-columns:repeat(2,1fr)}
  .scenario-positioning__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .scenario-hero{padding-top:56px}
  .scenario-hero__meta{align-items:flex-start;flex-direction:column}
  .scenario-hero__grid,.scenario-portfolio>header{grid-template-columns:1fr;gap:32px}
  .scenario-hero h1{font-size:clamp(54px,16vw,76px)}
  .scenario-controls{display:block}
  .scenario-cockpit{padding:18px}
  .scenario-cockpit__head{align-items:flex-start;flex-direction:column}
  .scenario-reading{grid-template-columns:1fr}
  .scenario-reading__primary{grid-column:auto;grid-template-columns:110px 1fr}
  .scenario-gauge{width:105px;height:105px}
  .scenario-gauge strong{font-size:36px}
  .scenario-path{padding:19px}
  .scenario-path>header{grid-template-columns:1fr;gap:20px}
  .scenario-path__routes,.scenario-decision-grid,.scenario-control-plan>div,
  .scenario-portfolio__grid,.scenario-positioning__grid{grid-template-columns:1fr}
  .scenario-control-plan header,.scenario-positioning__note{align-items:flex-start;flex-direction:column}
  .scenario-positioning__grid{background:transparent}
  .scenario-positioning__grid article{border-top:1px solid #343439}
}
@media(prefers-reduced-motion:reduce){
  .scenario-gauge circle:last-child,.scenario-path__routes article em{transition:none}
}