/* Ownership, continuing use and a transparent capacity scenario. */
#sr-landing .sr-pilot-timeline { border:1px solid var(--sr-line); padding:30px; background:var(--sr-panel); }
#sr-landing .sr-timeline-heading { display:flex; justify-content:space-between; gap:20px; font-size:16px; }
#sr-landing .sr-timeline-heading > span:last-child { font-size:14px; color:var(--sr-muted); }
#sr-landing .sr-timeline-months { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); margin-top:36px; padding-bottom:12px; color:var(--sr-muted); font-size:13px; }
#sr-landing .sr-timeline-months span:nth-child(1) { grid-column:1/3; }
#sr-landing .sr-timeline-months span:nth-child(2) { grid-column:3/5; }
#sr-landing .sr-timeline-months span:nth-child(3) { grid-column:11/13; text-align:right; }
#sr-landing .sr-timeline-work { display:grid; grid-template-columns:1fr 3fr; }
#sr-landing .sr-timeline-work > div { display:flex; flex-direction:column; gap:10px; border-top:2px solid #56625e; padding:22px; background:#1a2121; }
#sr-landing .sr-timeline-work > div:first-child { border-color:var(--sr-orange); border-right:1px solid var(--sr-line); background:#27241f; }
#sr-landing .sr-timeline-work strong { font-size:21px; font-weight:400; }
#sr-landing .sr-timeline-work span { font-size:14px; line-height:1.6; color:var(--sr-muted); }
#sr-landing .sr-timeline-licence, #sr-landing .sr-timeline-owned { display:flex; justify-content:space-between; align-items:baseline; gap:25px; padding:20px 0; border-bottom:1px solid var(--sr-line); font-size:15px; }
#sr-landing .sr-timeline-licence > span, #sr-landing .sr-timeline-owned > span { color:var(--sr-muted); }
#sr-landing .sr-timeline-licence strong, #sr-landing .sr-timeline-owned strong { font-weight:400; text-align:right; }
#sr-landing .sr-timeline-owned strong > span { color:var(--sr-orange); margin-left:14px; }
#sr-landing .sr-pilot-timeline figcaption { margin-top:22px; max-width:790px; color:var(--sr-muted); font-size:13px; line-height:1.75; }
#sr-landing .sr-pilot-next-copy { font-size:16px; line-height:1.75; color:var(--sr-muted); max-width:400px; margin-top:26px; }
#sr-landing .sr-capacity-calculator { display:grid; grid-template-columns:1.1fr .9fr; border:1px solid var(--sr-line); background:var(--sr-panel); }
#sr-landing .sr-capacity-inputs { display:grid; gap:38px; padding:35px; }
#sr-landing .sr-capacity-inputs label { display:flex; justify-content:space-between; align-items:baseline; gap:25px; font-size:16px; line-height:1.5; }
#sr-landing .sr-capacity-inputs label output { flex-shrink:0; color:#e3b393; font-size:23px; font-variant-numeric:tabular-nums; }
#sr-landing .sr-capacity-inputs input[type="range"] { display:block; width:100%; margin:16px 0 0; min-height:38px; accent-color:var(--sr-orange); cursor:pointer; }
#sr-landing .sr-range-endpoints { display:flex; justify-content:space-between; gap:20px; color:var(--sr-muted); font-size:13px; }
#sr-landing .sr-capacity-result { display:flex; flex-direction:column; justify-content:center; border-left:1px solid var(--sr-line); padding:35px; }
#sr-landing .sr-capacity-result > .sr-mono { color:var(--sr-muted); font-size:12px; }
#sr-landing .sr-capacity-result > output { display:block; margin-top:22px; }
#sr-landing .sr-capacity-result strong { display:block; font-size:clamp(36px,4.7cqw,64px); line-height:1.1; font-weight:400; letter-spacing:-.05em; font-variant-numeric:tabular-nums; }
#sr-landing .sr-capacity-result output > span { display:block; margin-top:12px; font-size:16px; color:var(--sr-muted); }
#sr-landing #sr-capacity-equation { font-size:14px; margin-top:25px; color:#bca087; }
#sr-landing .sr-capacity-assumptions { margin-top:20px; max-width:990px; font-size:14px; line-height:1.7; color:var(--sr-muted); }
@container (max-width:760px) {
  #sr-landing .sr-capacity-calculator { grid-template-columns:1fr; }
  #sr-landing .sr-capacity-result { border-left:0; border-top:1px solid var(--sr-line); }
  #sr-landing .sr-capacity-result strong { font-size:52px; }
}
@container (max-width:540px) {
  #sr-landing .sr-pilot-timeline { padding:20px; }
  #sr-landing .sr-timeline-heading { flex-direction:column; gap:7px; }
  #sr-landing .sr-timeline-months { display:none; }
  #sr-landing .sr-timeline-work { margin-top:25px; grid-template-columns:1fr; }
  #sr-landing .sr-timeline-work > div { padding:20px; }
  #sr-landing .sr-timeline-work > div:first-child { border-right:0; }
  #sr-landing .sr-timeline-licence, #sr-landing .sr-timeline-owned { flex-direction:column; gap:8px; }
  #sr-landing .sr-timeline-licence strong, #sr-landing .sr-timeline-owned strong { text-align:left; }
  #sr-landing .sr-capacity-inputs, #sr-landing .sr-capacity-result { padding:24px; }
  #sr-landing .sr-capacity-result strong { font-size:43px; }
}
