.region-hero{
  position:relative;
  overflow:hidden;
  padding:var(--am-space-12) 0 var(--am-space-10);
  background:
    radial-gradient(circle at 82% 24%,var(--am-color-surface-soft),transparent 34%),
    radial-gradient(circle at 18% 8%,var(--am-color-surface-raised),transparent 30%),
    var(--am-color-ink);
}

.region-hero::before{
  position:absolute;
  inset:auto -10% -55% 42%;
  width:70%;
  aspect-ratio:1;
  max-width:100%;
  border-radius:50%;
  background:var(--am-gradient-brand);
  filter:blur(110px);
  opacity:.18;
  content:"";
  pointer-events:none;
}

.region-hero__grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:var(--am-space-8);
  align-items:center;
}

.region-hero__grid>*{
  min-width:0;
}

.region-hero__copy h1{
  max-width:760px;
  margin-top:var(--am-space-2);
}

.region-hero__copy .am-lead{
  margin-top:var(--am-space-3);
  color:var(--am-color-muted);
}

.region-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--am-space-2);
  margin-top:var(--am-space-4);
}

.region-hero__facts{
  display:grid;
  gap:var(--am-space-1);
  margin-top:var(--am-space-4);
  list-style:none;
  color:var(--am-color-light);
}

.region-hero__facts li{
  display:flex;
  min-width:0;
  align-items:flex-start;
  gap:var(--am-space-1);
}

.region-hero__facts svg{
  width:20px;
  height:20px;
  flex:none;
  margin-top:.2rem;
  color:var(--am-color-accent);
}

.region-hero__visual{
  position:relative;
  min-width:0;
  min-height:540px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.region-hero__scene{
  width:100%;
  max-height:540px;
  object-fit:contain;
  opacity:.82;
}

.region-console{
  position:absolute;
  right:0;
  bottom:var(--am-space-2);
  width:min(390px,88%);
  overflow:hidden;
  border:1px solid var(--am-color-line-strong);
  border-radius:var(--am-radius-lg);
  background:var(--am-color-surface);
  box-shadow:var(--am-shadow-float);
}

.region-console__bar,
.region-console__footer{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--am-space-2);
  padding:var(--am-space-2);
  background:var(--am-color-ink-deep);
  color:var(--am-color-muted);
  font-size:var(--am-text-xs);
}

.region-console__bar span,
.region-console__footer span{
  min-width:0;
  overflow-wrap:anywhere;
}

.region-console__status{
  display:flex;
  align-items:center;
  gap:var(--am-space-1);
}

.region-console__status::before,
.region-console__dot{
  width:7px;
  height:7px;
  flex:none;
  border-radius:50%;
  background:var(--am-color-accent);
  content:"";
}

.region-console__body{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.region-console__body div{
  min-width:0;
  display:grid;
  gap:.35rem;
  padding:var(--am-space-2);
  border-bottom:1px solid var(--am-color-line);
}

.region-console__body div:nth-child(odd){
  border-right:1px solid var(--am-color-line);
}

.region-console__body span{
  color:var(--am-color-muted);
  font-size:var(--am-text-xs);
}

.region-console__body strong{
  overflow-wrap:anywhere;
  font-size:var(--am-text-sm);
}

.region-console__footer{
  justify-content:flex-start;
}

.am-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.75fr);
  gap:var(--am-space-6);
  align-items:end;
  margin-bottom:var(--am-space-6);
}

.am-section-head>*{
  min-width:0;
}

.am-section-head h2{
  margin-top:var(--am-space-2);
}

.region-plans{
  padding:var(--am-space-18) 0;
  background:var(--am-color-ink);
}

.region-plan-grid{
  align-items:stretch;
}

.region-plan-card{
  min-height:0;
}

.region-plan-card__heading{
  display:flex;
  min-width:0;
  justify-content:space-between;
  align-items:flex-start;
  gap:var(--am-space-2);
}

.region-plan-card__heading>*{
  min-width:0;
}

.region-plan-card__heading h3{
  margin-top:var(--am-space-2);
}

.region-plan-card__sku{
  color:var(--am-color-muted-dark);
  font-size:var(--am-text-xs);
  overflow-wrap:anywhere;
  text-align:right;
}

.region-plan-card__fit,
.region-plan-card__boundary{
  margin-top:var(--am-space-2);
  color:var(--am-color-muted);
  font-size:var(--am-text-sm);
}

.region-plan-card__boundary{
  margin-bottom:var(--am-space-3);
  padding-top:var(--am-space-2);
  border-top:1px solid var(--am-color-line);
}

.region-cycle-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
  margin-bottom:var(--am-space-2);
  border:1px solid var(--am-color-line);
  border-radius:var(--am-radius-md);
  background:var(--am-color-line);
}

.region-cycle-list div{
  min-width:0;
  display:flex;
  justify-content:space-between;
  gap:var(--am-space-1);
  padding:.7rem .8rem;
  background:var(--am-color-surface);
}

.region-cycle-list span{
  color:var(--am-color-muted);
  font-size:var(--am-text-xs);
}

.region-cycle-list strong{
  font-size:var(--am-text-sm);
}

.region-order-notes{
  margin-top:var(--am-space-4);
}

.region-order-notes .c-alert{
  min-width:0;
}

.region-order-notes svg{
  width:24px;
  height:24px;
}

.region-order-notes h3{
  margin-bottom:var(--am-space-1);
}

.region-order-notes p{
  color:var(--am-color-muted);
}

.region-network{
  padding:var(--am-space-18) 0;
  border-block:1px solid var(--am-color-line);
  background:var(--am-color-ink-deep);
}

.region-network__grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:var(--am-space-8);
  align-items:center;
}

.region-network__grid>*{
  min-width:0;
}

.region-network__copy h2{
  margin-top:var(--am-space-2);
}

.region-network__copy p{
  max-width:760px;
  margin-top:var(--am-space-3);
  color:var(--am-color-muted);
}

.region-network__panel{
  padding:var(--am-space-5);
  background:var(--am-gradient-surface);
}

.region-network__metric{
  display:flex;
  min-width:0;
  justify-content:space-between;
  gap:var(--am-space-2);
  padding-bottom:var(--am-space-2);
  border-bottom:1px solid var(--am-color-line);
}

.region-network__metric span{
  color:var(--am-color-muted);
}

.region-network__metric strong{
  min-width:0;
  overflow-wrap:anywhere;
  text-align:right;
}

.region-network__latency{
  display:flex;
  min-width:0;
  align-items:baseline;
  gap:var(--am-space-2);
  padding:var(--am-space-5) 0;
}

.region-network__latency span{
  min-width:0;
  font-size:clamp(3rem,8vw,5.5rem);
  font-weight:700;
  line-height:1;
  letter-spacing:-.07em;
  overflow-wrap:anywhere;
}

.region-network__latency small{
  color:var(--am-color-muted);
}

.region-network__checks{
  display:grid;
  gap:var(--am-space-2);
  padding-top:var(--am-space-3);
  border-top:1px solid var(--am-color-line);
}

.region-network__checks div{
  display:flex;
  min-width:0;
  align-items:flex-start;
  gap:var(--am-space-1);
  color:var(--am-color-light);
}

.region-network__checks svg{
  width:22px;
  height:22px;
  flex:none;
  color:var(--am-color-accent);
}

.region-delivery{
  padding:var(--am-space-18) 0;
}

.region-timeline{
  position:relative;
  display:grid;
  gap:0;
  max-width:960px;
  margin-inline:auto;
  list-style:none;
}

.region-timeline::before{
  position:absolute;
  top:var(--am-space-2);
  bottom:var(--am-space-2);
  left:27px;
  width:1px;
  background:var(--am-color-line-strong);
  content:"";
}

.region-timeline__item{
  position:relative;
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:var(--am-space-3);
  padding-bottom:var(--am-space-5);
}

.region-timeline__item:last-child{
  padding-bottom:0;
}

.region-timeline__index{
  position:relative;
  z-index:1;
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border:1px solid var(--am-color-line-strong);
  border-radius:50%;
  background:var(--am-color-surface);
  color:var(--am-color-accent);
  font-size:var(--am-text-sm);
}

.region-timeline__content{
  min-width:0;
  padding:var(--am-space-3) var(--am-space-4);
  border:1px solid var(--am-color-line);
  border-radius:var(--am-radius-lg);
  background:var(--am-color-surface);
}

.region-timeline__heading{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--am-space-2);
}

.region-timeline__heading>*{
  min-width:0;
}

.region-timeline__content p{
  margin-top:var(--am-space-2);
  color:var(--am-color-muted);
}

.region-timeline__result{
  display:block;
  margin-top:var(--am-space-2);
  color:var(--am-color-light);
  font-size:var(--am-text-sm);
}

.region-delivery__summary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:var(--am-space-3);
  align-items:center;
  max-width:960px;
  margin:var(--am-space-5) auto 0;
}

.region-delivery__summary div{
  min-width:0;
  display:grid;
}

.region-delivery__summary strong{
  font-size:var(--am-text-xl);
}

.region-delivery__summary p{
  min-width:0;
  color:var(--am-color-muted);
}

.region-faq{
  padding:var(--am-space-18) 0;
  border-top:1px solid var(--am-color-line);
  background:var(--am-color-ink-deep);
}

.region-faq h2{
  margin-top:var(--am-space-2);
}

.region-faq .am-lead{
  margin-top:var(--am-space-3);
  color:var(--am-color-muted);
}

.region-final{
  padding:var(--am-space-10) 0;
  background:var(--am-color-ink-deep);
}

.region-page-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--am-space-6);
  align-items:center;
  padding:var(--am-space-6);
  overflow:hidden;
  border:1px solid var(--am-color-line-strong);
  border-radius:var(--am-radius-lg);
  background:var(--am-gradient-brand);
}

.region-page-cta>*{
  min-width:0;
}

.region-page-cta h2{
  margin-top:var(--am-space-2);
}

.region-page-cta p:not(.am-eyebrow){
  max-width:760px;
  margin-top:var(--am-space-2);
  color:var(--am-color-light);
}

.region-page-cta .am-eyebrow{
  color:var(--am-color-white);
}

.region-page-cta__actions{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:var(--am-space-1);
}

@media(min-width:1440px){
  .region-hero{
    min-height:720px;
    display:flex;
    align-items:center;
  }

  .region-network__grid{
    gap:var(--am-space-12);
  }
}

@media(max-width:900px){
  .region-hero__grid,
  .region-network__grid{
    grid-template-columns:1fr;
  }

  .region-hero__visual{
    min-height:480px;
  }

  .region-console{
    right:var(--am-space-2);
  }

  .region-plan-grid{
    grid-template-columns:1fr;
  }

  .region-plan-card{
    max-width:720px;
    width:100%;
    margin-inline:auto;
  }

  .region-delivery__summary{
    grid-template-columns:1fr;
  }

  .region-delivery__summary .c-btn{
    justify-self:start;
  }
}

@media(max-width:768px){
  .region-hero{
    padding:var(--am-space-8) 0;
  }

  .region-hero__grid{
    gap:var(--am-space-5);
  }

  .region-hero__visual{
    min-height:420px;
  }

  .am-section-head{
    grid-template-columns:1fr;
    gap:var(--am-space-3);
  }

  .region-page-cta{
    grid-template-columns:1fr;
    padding:var(--am-space-4);
  }

  .region-page-cta__actions{
    width:100%;
  }
}

@media(max-width:390px){
  .region-hero{
    padding-top:var(--am-space-6);
  }

  .region-hero__actions{
    flex-direction:column;
  }

  .region-hero__visual{
    min-height:350px;
  }

  .region-console{
    right:0;
    bottom:0;
    width:100%;
  }

  .region-console__body{
    grid-template-columns:1fr;
  }

  .region-console__body div:nth-child(odd){
    border-right:0;
  }

  .region-cycle-list{
    grid-template-columns:1fr;
  }

  .region-plan-card__heading,
  .region-network__metric,
  .region-timeline__heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .region-plan-card__sku,
  .region-network__metric strong{
    text-align:left;
  }

  .region-network__panel{
    padding:var(--am-space-3);
  }

  .region-network__latency{
    flex-direction:column;
  }

  .region-timeline::before{
    left:19px;
  }

  .region-timeline__item{
    grid-template-columns:40px minmax(0,1fr);
    gap:var(--am-space-2);
  }

  .region-timeline__index{
    width:40px;
    height:40px;
    font-size:var(--am-text-xs);
  }

  .region-timeline__content{
    padding:var(--am-space-2);
  }

  .region-page-cta{
    padding:var(--am-space-3);
  }
}

@media(prefers-reduced-motion:reduce){
  .region-hero::before{
    filter:none;
  }
}