/* Sections 07–08: portal preview and the launch timeline. */
.hosting-card.hosting-locked,.hosting-card.hosting-unavailable{cursor:default}
.hosting-card.hosting-unavailable{background:#f5f7fa;color:#7d8795}
.hosting-card.hosting-unavailable input{cursor:not-allowed}
.hosting-card #selfHostedUnavailable{font-weight:700;color:#667389}
.setting-inclusion{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:5px}
.what-you-get-layout{display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);column-gap:28px;row-gap:0;align-items:stretch}
.what-you-get-layout .delivery-list{grid-column:1;grid-row:1;grid-template-columns:1fr;list-style:none;margin:0;padding:0;gap:24px}
.portal-preview{display:contents;margin:0;min-width:0}
.portal-preview-frame{grid-column:2;grid-row:1;position:relative;min-height:0;background:#07080c;border-radius:16px;overflow:hidden;box-shadow:none}
.portal-preview img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none}
.next-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.next-timeline>li{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.next-timeline>li:not(:last-child)::after{content:"";position:absolute;height:1px;left:32px;right:-16px;top:15px;background:#b9d6e6}
.next-node{position:relative;z-index:1;display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--sky);border-radius:50%;background:#eff8fd;color:var(--blue);font:12px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.next-timeline h3{font-size:13px;line-height:1.5;font-weight:700;margin:14px 0 8px;min-height:39px;color:var(--ink)}
.next-timeline p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 16px}
.next-timing{margin-top:auto;padding:4px 6px;border:1px solid #c9e0ed;border-radius:3px;background:#eff7fc;color:#406b85;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.015em;white-space:nowrap}
@media(max-width:1050px){
  .next-timeline{grid-template-columns:1fr;gap:24px}
  .next-timeline>li{padding-left:46px;min-height:80px}
  .next-node{position:absolute;top:0;left:0}
  .next-timeline>li:not(:last-child)::after{left:15px;right:auto;top:32px;width:1px;height:calc(100% - 8px)}
  .next-timeline h3{min-height:0;margin:3px 0 8px;font-size:14px}
  .next-timeline p{margin-bottom:12px}
}
@media(max-width:760px){
  .what-you-get-layout{grid-template-columns:1fr}
  .portal-preview-frame{grid-column:1;grid-row:1;aspect-ratio:2/3}
  .portal-preview img{position:static;height:auto}
  .what-you-get-layout .delivery-list{grid-column:1;grid-row:2;margin-top:28px}
}