.home-announcement{
  padding-block:var(--space-2);
  background:#0b1220;
  color:#cbd4df;
  border-bottom:1px solid var(--line)
}
.home-announcement__inner{
  min-height:2rem;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:var(--space-3);
  font-size:var(--fs-1);
  line-height:1.45;
  text-align:center
}
.home-announcement__inner a{
  color:#f4b68f;
  font-weight:650;
  text-decoration:underline;
  text-underline-offset:3px
}
.hero-home{
  position:relative;
  padding-block:var(--space-9) var(--space-8);
  overflow:hidden;
  background:
    radial-gradient(circle at 22% 20%,rgba(161,58,0,.18),transparent 34rem),
    radial-gradient(circle at 78% 42%,rgba(52,65,87,.38),transparent 38rem),
    linear-gradient(145deg,#02050b,#080d19 52%,#11192a);
  color:#eef2f6;
  animation:home-gradient 18s ease-in-out infinite alternate
}
.hero-home .c-hero-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
  text-align:center
}
.hero-home .c-kicker{
  align-self:center;
  margin-inline:auto;
  margin-bottom:var(--space-4)
}
.hero-home h1{
  max-width:18ch;
  overflow-wrap:anywhere;
  color:#f4f6f9
}
.hero-home__lead{
  max-width:48rem;
  margin-top:var(--space-5);
  color:#b8c2d0;
  font-size:var(--fs-3)
}
.hero-home__actions{
  justify-content:flex-start;
  margin-top:var(--space-5);
  margin-bottom:var(--space-5)
}
.hero-home .c-hero-copy .hero-home__actions{
  justify-content:center
}
.hero-home__note{
  color:#9ca8ba;
  font-size:var(--fs-0);
  line-height:1.5
}
.hero-art{
  position:relative;
  z-index:1;
  width:min(calc(100% - var(--gutter)*2),70rem);
  height:auto;
  margin:var(--space-7) auto 0;
  padding:var(--space-5);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-3);
  overflow:hidden;
  transform:none;
  border:1px solid #2a364c;
  border-radius:var(--radius-lg);
  background:rgba(6,11,21,.94);
  color:#dce3ec;
  box-shadow:var(--shadow);
  text-align:left
}
.delivery-track{
  grid-column:1/-1;
  width:100%;
  height:5.4rem;
  border:1px solid #202c40;
  background:#09101d;
  color:#dce3ec
}
.queue-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #2b374d;
  border-radius:var(--radius-sm);
  background:#101827;
  color:#dfe5ed
}
.queue-title{
  min-height:3rem;
  padding:.7rem var(--space-5);
  border-bottom:1px solid #293449;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3);
  color:#dfe5ed;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1.3;
  text-transform:uppercase
}
.queue-status{
  display:inline-flex;
  align-items:center;
  gap:.4em;
  width:fit-content;
  color:#efb58d;
  line-height:1
}
.queue-status::before{
  content:"";
  width:.4rem;
  height:.4rem;
  flex:0 0 auto;
  background:#c45613;
  box-shadow:0 0 10px rgba(196,86,19,.75)
}
.build-row{
  min-height:4rem;
  padding:.75rem var(--space-5);
  border-bottom:1px solid #202a3d;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--space-3);
  align-items:center
}
.runner-line{
  min-width:0;
  overflow-wrap:anywhere;
  color:#dce3ec;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1.45
}
.runner-line small{
  display:block;
  margin-top:var(--space-1);
  color:#8491a5
}
.pill-ok{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:.4em .9em;
  border:1px solid #78401f;
  border-radius:999px;
  background:#24140e;
  color:#efb58d;
  font-family:var(--font-mono);
  font-size:.66rem;
  line-height:1
}
.queue-foot{
  margin-top:auto;
  padding:.75rem var(--space-5);
  display:flex;
  justify-content:space-between;
  gap:var(--space-3);
  background:#0b1220;
  color:#8e9bae;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1.4
}
.queue-foot strong{
  color:#efb58d;
  font-weight:600
}
.node-label{
  grid-column:1/-1;
  padding:var(--space-4) var(--space-5);
  display:flex;
  justify-content:space-between;
  gap:var(--space-5);
  background:#0a111e;
  color:#8f9cb0;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1.5
}
.node-label span{
  min-width:0;
  overflow-wrap:anywhere
}
.node-label strong{
  margin-right:var(--space-2);
  color:#dce3ec;
  font-weight:600
}
.home-facts{
  padding-block:var(--space-5);
  background:#080d19;
  color:#eef2f6
}
.fact-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:stretch
}
.fact{
  min-width:0;
  padding:var(--space-4) var(--space-5);
  border-left:1px solid var(--line)
}
.fact:last-child{
  border-right:1px solid var(--line)
}
.fact strong{
  display:block;
  color:#eef2f6;
  font-size:var(--fs-1);
  line-height:1.4;
  overflow-wrap:anywhere
}
.fact span{
  display:block;
  margin-top:var(--space-1);
  color:#7f8ca0;
  font-family:var(--font-mono);
  font-size:.68rem;
  line-height:1.45;
  overflow-wrap:anywhere
}
.c-section{
  padding-block:var(--space-9)
}
.home-surface{
  background:#080d19;
  color:#eef2f6
}
.home-surface .c-section-head p{
  color:#9aa6b8
}
.period-switch{
  width:fit-content;
  margin-bottom:var(--space-5);
  padding:var(--space-1);
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-1);
  border:1px solid var(--line-strong);
  border-radius:var(--radius-md);
  background:#080d19;
  color:#dce3ec
}
.period-switch button{
  min-height:2.4rem;
  padding:.55rem 1rem;
  border:1px solid transparent;
  border-radius:var(--radius-sm);
  background:#0c1322;
  color:#aab5c5;
  font-size:var(--fs-1);
  line-height:1
}
.period-switch button[aria-pressed="true"]{
  border-color:#c45613;
  background:#a13a00;
  color:#fff
}
.home-plan-grid{
  align-items:stretch
}
.home-plan-grid .c-price-card{
  padding-inline:var(--space-6);
  container-type:inline-size
}
.home-plan-grid .c-price-card .c-specs{
  margin-bottom:auto
}
.home-plan-grid .c-badge{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  margin-bottom:var(--space-4);
  padding:.4em .9em;
  border-radius:999px;
  line-height:1
}
.home-plan-grid h3{
  overflow-wrap:anywhere
}
.plan-periods{
  width:100%;
  margin-top:var(--space-5);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2)
}
.plan-periods div{
  min-width:0;
  padding:var(--space-3);
  background:#0c1322;
  color:#9aa6b8
}
.plan-periods div.is-current{
  box-shadow:inset 2px 0 #c45613;
  background:#17121a;
  color:#eef2f6
}
.plan-periods span,
.plan-periods strong{
  display:block;
  min-width:0;
  overflow-wrap:anywhere;
  font-size:var(--fs-1);
  line-height:1.4
}
.plan-periods strong{
  margin-top:var(--space-1);
  color:inherit;
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums
}
.plan-fit{
  margin-bottom:var(--space-5);
  color:#9aa6b8
}
.plan-cta{
  width:100%;
  margin-top:auto
}
.work-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  align-items:stretch
}
.work-card{
  min-width:0;
  min-height:20rem;
  padding:var(--space-6);
  display:flex;
  flex-direction:column;
  border-radius:var(--radius-md);
  background:#11192a;
  color:#eef2f6
}
.work-code{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:.4em .9em;
  border-radius:999px;
  background:#24140e;
  color:#efb58d;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1
}
.work-card h3{
  margin-top:var(--space-4);
  color:#eef2f6
}
.work-card>p{
  margin-top:var(--space-2);
  color:#9aa6b8;
  font-size:var(--fs-1)
}
.work-meta{
  width:100%;
  margin:var(--space-5) 0 0;
  margin-top:auto;
  padding-top:var(--space-5)
}
.work-meta div{
  min-width:0;
  padding:.55rem 0;
  display:grid;
  grid-template-columns:minmax(5rem,.6fr) minmax(0,1fr);
  gap:var(--space-3);
  border-top:1px solid var(--line)
}
.work-meta dt,
.work-meta dd{
  min-width:0;
  overflow-wrap:anywhere
}
.work-meta dt{
  color:#7f8ca0
}
.work-meta dd{
  color:#dce3ec;
  text-align:right
}
.delivery-layout{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:var(--space-8);
  align-items:start
}
.delivery-copy{
  min-width:0
}
.delivery-copy>p{
  margin-top:var(--space-4);
  color:var(--muted)
}
.delivery-total{
  margin-top:var(--space-6);
  padding:var(--space-6);
  border-radius:var(--radius-md);
  background:#11192a;
  color:#eef2f6
}
.delivery-total strong{
  display:block;
  color:#eef2f6;
  font-family:var(--font-mono);
  font-size:var(--fs-5);
  line-height:1.1
}
.delivery-total span{
  display:block;
  margin-top:var(--space-2);
  color:#9aa6b8;
  font-size:var(--fs-1)
}
.timeline{
  position:relative;
  margin:0;
  padding:0;
  display:grid;
  gap:0;
  list-style:none
}
.timeline::before{
  content:"";
  position:absolute;
  z-index:0;
  left:1.25rem;
  top:1.25rem;
  bottom:2rem;
  width:1px;
  background:linear-gradient(#c45613,#303a4e)
}
.timeline-step{
  position:relative;
  min-width:0;
  padding:0 0 var(--space-6) 4rem;
  display:grid;
  grid-template-columns:minmax(0,1fr)
}
.timeline-number{
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  width:2.5rem;
  height:2.5rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#24140e;
  color:#efb58d;
  box-shadow:0 0 0 4px #02050b;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1
}
.timeline-step>div{
  min-width:0;
  padding-bottom:var(--space-6);
  border-bottom:1px solid var(--line)
}
.timeline-step header{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:var(--space-3);
  align-items:start
}
.timeline-step h3{
  min-width:0;
  overflow-wrap:anywhere
}
.timeline-step p{
  margin-top:var(--space-2);
  color:var(--muted);
  font-size:var(--fs-1)
}
.duration{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:.4em .9em;
  border-radius:999px;
  background:#24140e;
  color:#efb58d;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1
}
.region-group+.region-group{
  margin-top:var(--space-8)
}
.region-group__head{
  max-width:48rem;
  margin-bottom:var(--space-5)
}
.region-group__head h3{
  color:#eef2f6
}
.region-group__head p{
  margin-top:var(--space-2);
  color:#9aa6b8
}
.region-grid{
  display:grid;
  gap:var(--space-4);
  align-items:stretch
}
.region-grid--apac{
  grid-template-columns:repeat(4,minmax(0,1fr))
}
.region-grid--us{
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.region-card{
  min-width:0;
  min-height:15rem;
  padding:var(--space-6);
  display:flex;
  flex-direction:column;
  border-radius:var(--radius-md);
  background:#11192a;
  color:#eef2f6
}
.region-code{
  color:#efb58d;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1.4
}
.region-card h3{
  margin-top:var(--space-4);
  color:#eef2f6
}
.region-card p{
  margin-top:var(--space-2);
  color:#9aa6b8;
  font-size:var(--fs-1)
}
.region-foot{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  margin-top:auto;
  padding:.4em .9em;
  border-radius:999px;
  background:#0b1220;
  color:#cbd4df;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1
}
.sla{
  display:grid;
  grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);
  overflow:hidden;
  border-radius:var(--radius-md);
  background:#0b111d;
  color:#eef2f6
}
.sla-number{
  min-width:0;
  padding:var(--space-7);
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#11192a;
  color:#eef2f6
}
.sla-number strong{
  display:block;
  color:#eef2f6;
  font-family:var(--font-mono);
  font-size:clamp(2.4rem,10cqi,3.5rem);
  line-height:1;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere
}
.sla-number span{
  display:block;
  margin-top:var(--space-4);
  color:#b8c2d0
}
.sla-number small{
  display:block;
  margin-top:var(--space-2);
  color:#7f8ca0
}
.sla-data{
  min-width:0;
  padding:var(--space-7);
  background:#0b111d;
  color:#eef2f6
}
.sla-data__head{
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:var(--space-5)
}
.sla-data__head h3{
  color:#eef2f6
}
.sla-data__head p{
  margin-top:var(--space-2);
  color:#9aa6b8;
  font-size:var(--fs-1)
}
.sla-state{
  display:inline-flex;
  align-items:center;
  gap:.4em;
  width:fit-content;
  padding:.4em .9em;
  border-radius:999px;
  background:#102019;
  color:#82d5b0;
  font-size:var(--fs-0);
  line-height:1
}
.sla-state i{
  width:.45rem;
  height:.45rem;
  background:#53b68c
}
.status-calendar{
  margin-top:var(--space-5);
  display:grid;
  grid-template-columns:repeat(15,minmax(.35rem,1fr));
  gap:var(--space-2)
}
.status-day{
  aspect-ratio:1;
  min-width:0;
  border-radius:var(--radius-sm);
  background:#255f4a;
  color:#eef2f6
}
.sla-foot{
  margin-top:var(--space-5);
  padding-top:var(--space-5);
  border-top:1px solid var(--line);
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:var(--space-4)
}
.sla-foot p{
  max-width:38rem;
  color:#9aa6b8;
  font-size:var(--fs-1)
}
.sla-foot a{
  color:#efb58d;
  font-size:var(--fs-1);
  text-decoration:underline;
  text-underline-offset:3px
}
.quote-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  align-items:stretch
}
.quote{
  min-width:0;
  min-height:15rem;
  padding:var(--space-6);
  display:flex;
  flex-direction:column;
  border-radius:var(--radius-md);
  background:#11192a;
  color:#eef2f6
}
.quote p{
  color:#eef2f6;
  font-family:var(--font-heading);
  font-size:var(--fs-3)
}
.quote cite{
  margin-top:auto;
  padding-top:var(--space-6);
  color:#9aa6b8;
  font-size:var(--fs-1);
  font-style:normal
}
.home-blog__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  border-top:1px solid var(--line)
}
.home-blog__card{
  min-width:0;
  padding:var(--space-5) var(--space-4);
  display:grid;
  grid-template-columns:minmax(10rem,16rem) minmax(0,1fr);
  column-gap:var(--space-7);
  row-gap:var(--space-2);
  border-bottom:1px solid var(--line);
  background:#02050b;
  color:#eef2f6;
  transition:background var(--transition),padding var(--transition)
}
.home-blog__card:hover{
  padding-left:var(--space-5);
  background:#11192a;
  color:#eef2f6
}
.home-blog__card .pill{
  grid-column:1;
  display:inline-flex;
  align-items:center;
  width:fit-content;
  align-self:start;
  padding:.4em .9em;
  border-radius:999px;
  background:#24140e;
  color:#efb58d;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1
}
.home-blog__card h3{
  grid-column:1;
  min-width:0;
  color:#eef2f6;
  overflow-wrap:anywhere
}
.home-blog__card p{
  grid-column:2;
  grid-row:1/span 2;
  align-self:center;
  min-width:0;
  color:#9aa6b8;
  font-size:var(--fs-1);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.home-blog__empty{
  padding:var(--space-6);
  border-radius:var(--radius-md);
  background:#11192a;
  color:#9aa6b8
}
.home-blog__empty a{
  margin-left:var(--space-2);
  color:#efb58d;
  text-decoration:underline;
  text-underline-offset:3px
}
.home-faq-section .c-faq{
  background:transparent;
  color:#eef2f6
}
.home-faq-section .c-faq details{
  background:transparent;
  color:#eef2f6
}
.home-faq-section .c-faq details:first-child{
  border-top:1px solid var(--line)
}
.home-faq-section .c-faq summary{
  margin-bottom:var(--space-3);
  color:#eef2f6
}
.home-faq-section .c-faq-content{
  padding-top:var(--space-4);
  border-top:1px solid var(--line);
  color:#9aa6b8
}
.c-final{
  padding-block:var(--space-9) var(--space-8)
}
.c-final .c-cta{
  padding-inline:var(--space-7);
  background:#0c1322;
  color:#eef2f6
}
.c-final .c-cta h2{
  color:#eef2f6
}
.c-final .c-cta p{
  color:#9aa6b8
}
.c-final .c-kicker{
  margin-bottom:var(--space-4)
}
.home-closing__actions{
  min-width:min(100%,17rem);
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start
}
.c-final .c-cta .home-closing__actions{
  justify-content:center
}
.home-closing__actions .c-btn{
  width:100%
}
@keyframes home-gradient{
  0%{background-position:0 0,100% 20%,0 0}
  100%{background-position:8% 5%,92% 48%,0 0}
}
@media(max-width:64rem){
  .fact-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .work-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .delivery-layout{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-7)
  }
  .region-grid--apac{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .quote-grid{
    grid-template-columns:minmax(0,1fr)
  }
  .sla{
    grid-template-columns:minmax(0,1fr)
  }
  .status-calendar{
    grid-template-columns:repeat(15,minmax(.3rem,1fr))
  }
}
@media(max-width:42rem){
  .home-announcement__inner{
    justify-content:flex-start;
    text-align:left
  }
  .hero-home{
    padding-block:var(--space-8) var(--space-7)
  }
  .hero-home h1{
    max-width:none
  }
  .hero-home__lead{
    font-size:var(--fs-2)
  }
  .hero-art{
    width:min(calc(100% - var(--gutter)*2),100%);
    height:auto;
    margin-inline:auto;
    padding:var(--space-5);
    grid-template-columns:minmax(0,1fr);
    overflow:hidden;
    transform:none
  }
  .delivery-track{
    grid-column:1;
    height:auto;
    min-height:5.8rem
  }
  .node-label{
    grid-column:1;
    flex-direction:column
  }
  .build-row{
    grid-template-columns:minmax(0,1fr)
  }
  .pill-ok{
    justify-self:start
  }
  .fact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .fact:nth-child(2n){
    border-right:1px solid var(--line)
  }
  .c-section{
    padding-block:var(--space-8)
  }
  .period-switch{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .period-switch button{
    width:100%
  }
  .plan-periods{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .work-grid,
  .region-grid--apac,
  .region-grid--us{
    grid-template-columns:minmax(0,1fr)
  }
  .work-card,
  .region-card{
    min-height:0
  }
  .timeline-step{
    padding-left:3.5rem
  }
  .timeline-step header{
    flex-direction:column
  }
  .sla-number,
  .sla-data{
    padding:var(--space-5)
  }
  .sla-data__head,
  .sla-foot{
    align-items:flex-start;
    flex-direction:column
  }
  .status-calendar{
    grid-template-columns:repeat(10,minmax(.35rem,1fr));
    gap:var(--space-1)
  }
  .home-blog__card{
    grid-template-columns:minmax(0,1fr);
    column-gap:0
  }
  .home-blog__card .pill,
  .home-blog__card h3,
  .home-blog__card p{
    grid-column:1;
    grid-row:auto
  }
  .c-final .c-cta{
    padding:var(--space-6)
  }
  .home-closing__actions{
    width:100%;
    min-width:0
  }
}
@media(max-width:24.375rem){
  .fact-grid{
    grid-template-columns:minmax(0,1fr)
  }
  .fact,
  .fact:nth-child(2n){
    border-right:1px solid var(--line)
  }
  .queue-title,
  .queue-foot{
    align-items:flex-start;
    flex-direction:column
  }
  .status-calendar{
    grid-template-columns:repeat(9,minmax(.3rem,1fr))
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-home{
    animation:none
  }
}