.region-hero{
  padding-block:var(--oam-space-4) var(--oam-space-6);
  color:var(--oam-ink);
  background:var(--oam-light)
}

.region-hero .c-breadcrumbs{
  margin-bottom:var(--oam-space-4)
}

.region-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(20rem,.9fr);
  gap:var(--oam-space-4);
  align-items:center
}

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

.region-hero__copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start
}

.region-hero__copy .oam-eyebrow{
  margin-bottom:var(--oam-space-2)
}

.region-hero__copy h1{
  max-width:12ch;
  margin-bottom:var(--oam-space-2)
}

.region-hero__lead{
  max-width:42rem;
  margin-bottom:var(--oam-space-3);
  color:var(--oam-muted);
  font-size:var(--oam-fs-3)
}

.region-hero__facts{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-bottom:var(--oam-space-3);
  color:var(--oam-ink);
  background:var(--oam-surface);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-md)
}

.region-hero__facts>div{
  min-width:0;
  padding:var(--oam-space-2)
}

.region-hero__facts>div+div{
  border-left:1px solid var(--oam-line)
}

.region-hero__facts strong,
.region-hero__facts span{
  display:block
}

.region-hero__facts strong{
  color:var(--oam-dark);
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-4);
  font-variant-numeric:tabular-nums
}

.region-hero__facts span{
  margin-top:var(--oam-space-1);
  color:var(--oam-muted);
  font-size:var(--oam-fs-1);
  line-height:1.45
}

.region-hero__actions{
  justify-content:flex-start;
  margin-bottom:var(--oam-space-2)
}

.region-hero__note{
  margin-bottom:0;
  color:var(--oam-muted);
  font-size:var(--oam-fs-1)
}

.region-hero__visual{
  min-width:0
}

.region-plate{
  position:relative;
  padding:var(--oam-space-3) var(--oam-space-3) var(--oam-space-2);
  color:var(--oam-ink);
  background:
    linear-gradient(115deg,rgba(255,255,255,.75),rgba(255,255,255,0) 42%),
    repeating-linear-gradient(0deg,rgba(36,22,36,.026) 0 1px,transparent 1px 3px),
    linear-gradient(160deg,#FDF9FE,#F1E9F1);
  border:1px solid var(--oam-line-strong);
  border-radius:var(--oam-radius-xl);
  box-shadow:var(--oam-shadow-lg)
}

.region-plate__rivets{
  position:absolute;
  inset:.85rem;
  pointer-events:none;
  background:
    radial-gradient(circle at 0 0,#CBBECB .2rem,transparent .28rem),
    radial-gradient(circle at 100% 0,#CBBECB .2rem,transparent .28rem),
    radial-gradient(circle at 0 100%,#CBBECB .2rem,transparent .28rem),
    radial-gradient(circle at 100% 100%,#CBBECB .2rem,transparent .28rem)
}

.region-plate__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--oam-space-2)
}

.region-plate__code{
  color:var(--oam-dark);
  font-family:var(--oam-mono);
  font-size:3.6rem;
  font-weight:700;
  letter-spacing:.16em;
  line-height:1;
  text-shadow:0 1px 0 #FFFFFF
}

.region-plate__avail{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-top:.4rem;
  padding:.3rem .7rem;
  color:#1E7A50;
  background:#EAF8F0;
  border:1px solid #BFE6D0;
  border-radius:999px;
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-0);
  white-space:nowrap
}

.region-plate__avail i{
  width:.5rem;
  height:.5rem;
  background:var(--oam-success);
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(39,168,109,.18)
}

.region-plate__city{
  margin:0 0 var(--oam-space-2);
  color:var(--oam-muted);
  font-size:var(--oam-fs-2)
}

.region-plate__specs{
  margin:0
}

.region-plate__specs div{
  display:flex;
  align-items:baseline;
  gap:.7rem;
  padding:.62rem 0
}

.region-plate__specs div+div{
  border-top:1px solid rgba(36,22,36,.07)
}

.region-plate__specs dt{
  flex:none;
  order:1;
  color:var(--oam-muted);
  font-size:var(--oam-fs-1)
}

.region-plate__specs div::after{
  content:'';
  order:2;
  flex:1;
  border-bottom:1px dotted var(--oam-line-strong);
  transform:translateY(-.28em)
}

.region-plate__specs dd{
  order:3;
  margin:0;
  color:var(--oam-dark);
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-1);
  text-align:right
}

.region-plate__tear{
  position:relative;
  height:0;
  margin:var(--oam-space-2) calc(var(--oam-space-3)*-1);
  border-top:2px dashed var(--oam-line-strong)
}

.region-plate__tear::before,
.region-plate__tear::after{
  content:'';
  position:absolute;
  top:-.6rem;
  width:1.1rem;
  height:1.1rem;
  background:var(--oam-canvas);
  border:1px solid var(--oam-line-strong);
  border-radius:50%
}

.region-plate__tear::before{
  left:-.55rem
}

.region-plate__tear::after{
  right:-.55rem
}

.region-plate__note{
  margin:0;
  padding-top:var(--oam-space-1);
  color:var(--oam-muted);
  font-size:var(--oam-fs-1)
}

.region-plate__note strong{
  display:block;
  margin-bottom:.3rem;
  color:var(--oam-dark);
  font-size:var(--oam-fs-2)
}

.region-plans .oam-section-head,
.region-timeline .oam-section-head{
  margin-bottom:var(--oam-space-4)
}

.region-plans .oam-section-head .oam-eyebrow,
.region-timeline .oam-section-head .oam-eyebrow{
  margin-bottom:var(--oam-space-2)
}

.region-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--oam-space-2);
  align-items:start
}

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

.region-plan-grid .c-price{
  gap:var(--oam-space-1)
}

.region-plan-grid .c-price__name{
  margin:var(--oam-space-1) 0 0
}

.region-plan-grid h3{
  margin-bottom:0
}

.region-plan-grid article>p:not(.c-price__name){
  margin-bottom:var(--oam-space-1);
  color:var(--oam-muted)
}

.region-periods{
  display:grid;
  margin-block:var(--oam-space-1);
  color:var(--oam-ink);
  background:var(--oam-light);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-md)
}

.region-periods div{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--oam-space-2);
  padding:.7rem var(--oam-space-2)
}

.region-periods div+div{
  border-top:1px solid var(--oam-line)
}

.region-periods span{
  color:var(--oam-muted);
  font-size:var(--oam-fs-1)
}

.region-periods strong{
  color:var(--oam-dark);
  font-family:var(--oam-mono);
  font-variant-numeric:tabular-nums
}

.region-plan-list{
  margin:0 0 var(--oam-space-2);
  padding-left:1.2rem;
  color:var(--oam-muted);
  font-size:var(--oam-fs-1)
}

.region-plan-list li+li{
  margin-top:.35rem
}

.region-billing-note{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--oam-space-2);
  margin-top:var(--oam-space-4)
}

.region-billing-note>div{
  min-width:0;
  padding:var(--oam-space-3);
  color:var(--oam-ink);
  background:var(--oam-light);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-lg)
}

.region-billing-note h3{
  margin-bottom:var(--oam-space-1)
}

.region-billing-note p{
  margin-bottom:0;
  color:var(--oam-muted)
}

.region-network{
  color:#F7EDF4;
  background:var(--oam-dark)
}

.region-network__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(20rem,.85fr);
  gap:var(--oam-space-4);
  align-items:center
}

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

.region-network__copy .oam-eyebrow{
  margin-bottom:var(--oam-space-2);
  color:var(--oam-primary-soft)
}

.region-network__copy h2{
  margin-bottom:var(--oam-space-2);
  color:var(--oam-surface)
}

.region-network__copy>p{
  color:#F7EDF4
}

.region-network__checks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--oam-space-1);
  margin-top:var(--oam-space-3)
}

.region-network__checks>div{
  min-width:0;
  padding:var(--oam-space-2);
  color:var(--oam-ink);
  background:var(--oam-surface);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-md)
}

.region-network__checks strong,
.region-network__checks span{
  display:block
}

.region-network__checks strong{
  margin-bottom:var(--oam-space-1);
  color:var(--oam-dark)
}

.region-network__checks span{
  color:var(--oam-muted);
  font-size:var(--oam-fs-1);
  line-height:1.45
}

.region-network__terminal{
  align-self:stretch
}

.region-network__terminal .c-terminal__body{
  display:flex;
  min-height:100%;
  flex-direction:column;
  justify-content:center
}

.region-network__terminal p{
  min-width:max-content;
  margin-bottom:.65rem;
  color:#F7EDF4
}

.region-network__terminal p:last-child{
  margin-bottom:0
}

.region-terminal-key{
  display:inline-block;
  min-width:8rem;
  color:var(--oam-accent)
}

.region-steps{
  display:grid;
  gap:var(--oam-space-2);
  margin:0;
  padding:0;
  list-style:none
}

.region-steps li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--oam-space-2);
  align-items:start;
  padding:var(--oam-space-3);
  color:var(--oam-ink);
  background:var(--oam-surface);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-lg)
}

.region-step__index{
  display:flex;
  width:3rem;
  height:3rem;
  align-items:center;
  justify-content:center;
  color:var(--oam-dark);
  background:var(--oam-accent);
  border-radius:50%;
  font-family:var(--oam-mono);
  font-weight:800;
  font-variant-numeric:tabular-nums
}

.region-step__body{
  min-width:0
}

.region-step__head{
  display:flex;
  min-width:0;
  align-items:baseline;
  justify-content:space-between;
  gap:var(--oam-space-2);
  margin-bottom:var(--oam-space-1)
}

.region-step__head h3{
  margin-bottom:0
}

.region-step__head span{
  flex:none;
  color:var(--oam-primary-deep);
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-1);
  font-weight:700;
  font-variant-numeric:tabular-nums
}

.region-step__body p{
  margin-bottom:0;
  color:var(--oam-muted)
}

.region-faq{
  color:var(--oam-ink);
  background:var(--oam-light)
}

.region-faq__head{
  margin-bottom:var(--oam-space-4)
}

.region-faq__head .oam-eyebrow{
  margin-bottom:var(--oam-space-2)
}

.region-faq__head p{
  margin-inline:auto;
  margin-bottom:0;
  max-width:38rem;
  color:var(--oam-muted)
}

.region-faq .c-faq__content{
  padding-top:var(--oam-space-2);
  border-top:1px solid var(--oam-line-strong)
}

.region-faq .c-faq__content p{
  margin-bottom:0
}@media(min-width:1440px){
  .region-hero__grid{
    gap:var(--oam-space-5)
  }
}

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

  .region-plan-grid,
  .region-billing-note{
    grid-template-columns:1fr
  }

  .region-plan-grid .c-price{
    width:100%
  }

  .region-network__terminal{
    align-self:auto
  }
}

@media(max-width:768px){
  .region-hero__facts,
  .region-network__checks{
    grid-template-columns:1fr
  }

  .region-hero__facts>div+div{
    border-top:1px solid var(--oam-line);
    border-left:0
  }}

@media(max-width:390px){
  .region-hero{
    padding-top:var(--oam-space-3)
  }

  .region-hero .c-breadcrumbs{
    margin-bottom:var(--oam-space-3)
  }

  .region-plate{
    padding:var(--oam-space-2) var(--oam-space-2) var(--oam-space-1)
  }

  .region-plate__code{
    font-size:2.6rem
  }

  .region-plate__tear{
    margin-inline:calc(var(--oam-space-2)*-1)
  }

  .region-step__head{
    align-items:flex-start;
    flex-direction:column;
    gap:var(--oam-space-1)
  }

  .region-steps li{
    grid-template-columns:1fr
  }

  .region-step__index{
    width:2.75rem;
    height:2.75rem
  }

  .region-terminal-key{
    min-width:7rem
  }
}
