[data-hero-form="product-visual"]{
  padding-block:var(--space-7);
  background:#080b21;
  color:#edf4ff;
}

.home-title{
  text-transform:uppercase;
}

.home-title span{
  display:block;
  color:#69c4ff;
}

.home-hero-lead{
  max-width:42rem;
  color:#c4cee2;
}

.hero-rating{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem;
  margin-top:var(--space-3);
  color:#aab6d3;
  font-size:var(--fs-1);
}

.hero-avatars{
  display:flex;
  align-items:center;
  padding-left:.4rem;
}

.hero-avatars span{
  width:2rem;
  height:2rem;
  margin-left:-.4rem;
  display:grid;
  place-items:center;
  border:2px solid #080b21;
  border-radius:50%;
  background:#172048;
  color:#74cbff;
}

.hero-avatars svg{
  width:1.05rem;
  height:1.05rem;
}

.hero-stars{
  color:#74cbff;
  letter-spacing:.15em;
}

.hero-dot{
  width:.5rem;
  height:.5rem;
  border-radius:50%;
  background:#239ce6;
  box-shadow:0 0 1rem rgba(35,156,230,.8);
}

.home-hero-actions{
  margin-top:var(--space-4);
}

.home-entry-note{
  display:block;
  margin-top:var(--space-2);
  color:#aab6d3;
  font-family:var(--font-mono);
}

.c-hero-scene{
  object-fit:contain;
}

.manifest-head,
.queue-head{
  display:flex;
  justify-content:space-between;
  gap:var(--space-2);
  color:inherit;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1.4;
  text-transform:uppercase;
}

.manifest-row,
.queue-row{
  display:flex;
  justify-content:space-between;
  gap:var(--space-2);
  padding:.55rem 0;
  border-bottom:1px solid rgba(255,255,255,.09);
  font-size:var(--fs-0);
}

.manifest-row span,
.manifest-row b,
.queue-row span,
.queue-row b{
  min-width:0;
  overflow-wrap:anywhere;
}

.manifest-row b{
  color:#71caff;
  font-family:var(--font-mono);
}

.queue-head{
  color:#52617d;
}

.queue-row{
  border-color:rgba(8,11,33,.12);
  color:#18223b;
}

.queue-track{
  height:.35rem;
  margin-top:.8rem;
  overflow:hidden;
  border-radius:var(--radius-sm);
  background:#cbd8ec;
}

.queue-track span{
  display:block;
  width:76%;
  height:100%;
  background:#174fc4;
}

.fact-band{
  background:#0b0f29;
  color:#edf4ff;
  border-top:1px solid rgba(255,255,255,.11);
  border-bottom:1px solid rgba(255,255,255,.11);
}

.facts{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.fact{
  min-width:0;
  padding:1.8rem 1.25rem;
  border-left:1px solid rgba(255,255,255,.11);
  container-type:inline-size;
}

.fact:first-child{
  border-left:0;
}

.fact b{
  display:block;
  color:#edf4ff;
  font-family:var(--font-heading);
  font-size: clamp(var(--fs-2),8cqi,var(--fs-3));
  line-height:1.3;
  overflow-wrap:anywhere;
}

.fact small{
  display:block;
  margin-top:.35rem;
  color:#8492af;
  font-family:var(--font-mono);
  overflow-wrap:anywhere;
}

.region-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
  gap:.75rem;
  align-items:start;
}

.region{
  min-width:0;
  min-height:16rem;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#fff;
  color:#18223b;
  box-shadow:var(--shadow-paper);
  container-type:inline-size;
}

.region-code{
  display:flex;
  justify-content:space-between;
  gap:var(--space-2);
  color:#5b6780;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

.region-code i{
  flex:0 0 auto;
  width:.5rem;
  height:.5rem;
  border-radius:50%;
  background:#239ce6;
}

.region h3{
  margin-top:var(--space-4);
  color:#18223b;
  font-size: clamp(1.05rem,11cqi,1.4rem);
  overflow-wrap:anywhere;
}

.region p{
  margin-top:var(--space-1);
  color:#5b6780;
  font-size:var(--fs-1);
}

.region b{
  display:block;
  margin-top:var(--space-3);
  color:#1269a5;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

.region-notice{
  margin-top:var(--space-3);
}

.plan-role{
  display:block;
  margin-bottom:var(--space-1);
  color:#aab6d3;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

.plan-summary{
  margin-top:var(--space-3);
  color:#aab6d3;
  font-size:var(--fs-1);
}

.plan-region-note{
  margin-top:var(--space-3);
  color:#aab6d3;
  font-size:var(--fs-1);
}

.plan-actions{
  margin-top:var(--space-4);
}

.pricing-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3);
  margin-top:var(--space-4);
  padding-top:var(--space-3);
  border-top:1px solid rgba(255,255,255,.11);
  color:#aab6d3;
}

.pricing-foot p{
  max-width:48rem;
  color:#aab6d3;
}

.pricing-foot a{
  flex:0 0 auto;
  color:#74cbff;
  font-family:var(--font-heading);
  font-weight:720;
}

.timeline-layout{
  display:grid;
  grid-template-columns:minmax(17rem,.72fr) minmax(0,1.28fr);
  gap:var(--space-6);
  align-items:start;
}

.timeline-intro{
  position:sticky;
  top:8rem;
  min-width:0;
  color:#18223b;
}

.timeline-intro p{
  margin-top:var(--space-3);
  color:#5b6780;
}

.timeline-total{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  margin-top:var(--space-4);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#174fc4;
  color:#fff;
}

.timeline-total small{
  color:#dbe9ff;
  font-family:var(--font-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.timeline-total strong{
  color:#fff;
  font-family:var(--font-heading);
  font-size:var(--fs-5);
  line-height:1.1;
}

.timeline-total span{
  color:#e4eeff;
  font-size:var(--fs-1);
}

.timeline{
  position:relative;
  display:grid;
  gap:var(--space-3);
  list-style:none;
  margin:0;
  padding:0 0 0 3.8rem;
}

.timeline::before{
  content:"";
  position:absolute;
  left:1.4rem;
  top:1rem;
  bottom:1rem;
  width:1px;
  background:#b7c8e2;
}

.step{
  position:relative;
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#fff;
  color:#18223b;
  box-shadow:var(--shadow-paper);
}

.step-index{
  position:absolute;
  left:-3.8rem;
  top:1.2rem;
  width:2.8rem;
  height:2.8rem;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#174fc4;
  color:#fff;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

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

.step-head h3{
  min-width:0;
  color:#18223b;
  overflow-wrap:anywhere;
}

.step-time{
  flex:0 0 auto;
  width:fit-content;
  max-width:58%;
  padding:.45rem .65rem;
  overflow:hidden;
  border-radius:var(--radius-sm);
  background:#eaf2ff;
  color:#174fc4;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  text-overflow:ellipsis;
  white-space:nowrap;
}

.step p{
  margin-top:var(--space-1);
  color:#5b6780;
  font-size:var(--fs-1);
}

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

.workflow{
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:#151c42;
  color:#fff;
}

.workflow:nth-child(2),
.workflow:nth-child(3){
  background:#111736;
  color:#fff;
}

.workflow:nth-child(4){
  background:#172048;
  color:#fff;
}

.workflow-copy{
  padding:var(--space-4);
}

.workflow-label{
  display:block;
  width:fit-content;
  max-width:100%;
  margin-bottom:var(--space-1);
  color:#74cbff;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  letter-spacing:.08em;
  overflow-wrap:anywhere;
}

.workflow h3{
  color:#fff;
  overflow-wrap:anywhere;
}

.workflow p{
  margin-top:var(--space-1);
  color:#a5b2cb;
  font-size:var(--fs-1);
}

.console-slice{
  position:relative;
  margin:0 2rem -1.5rem;
  min-height:13rem;
  padding:var(--space-3);
  border-radius:var(--radius-md) var(--radius-md) 0 0;
  background:#090e25;
  color:#bac9e4;
}

.console-head{
  display:flex;
  justify-content:space-between;
  gap:var(--space-2);
  padding-bottom:.75rem;
  border-bottom:1px solid rgba(255,255,255,.11);
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

.console-head span,
.console-head b{
  min-width:0;
  overflow-wrap:anywhere;
}

.console-line{
  display:grid;
  grid-template-columns:minmax(4rem,5rem) minmax(0,1fr) minmax(2.5rem,auto);
  gap:.6rem;
  align-items:center;
  padding:.65rem 0;
  border-bottom:1px solid rgba(255,255,255,.06);
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

.console-line span,
.console-line b{
  min-width:0;
  overflow-wrap:anywhere;
}

.console-line i{
  height:.3rem;
  overflow:hidden;
  border-radius:var(--radius-sm);
  background:#253155;
}

.console-line i::after{
  content:"";
  display:block;
  height:100%;
  background:#239ce6;
}

.console-line .progress-full::after{
  width:100%;
}

.console-line .progress-eighty-six::after{
  width:86%;
}

.console-line .progress-seventy-three::after{
  width:73%;
}

.console-slice pre{
  max-width:100%;
  margin:var(--space-2) 0 0;
  overflow-x:auto;
  color:#bac9e4;
  white-space:pre;
}

.access-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:var(--space-3);
  align-items:stretch;
}

.access-card,
.payment-card{
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:#fff;
  color:#18223b;
  box-shadow:var(--shadow-paper);
}

.access-card{
  display:flex;
  flex-direction:column;
}

.payment-card{
  display:flex;
  flex-direction:column;
}

.access-card-head{
  display:grid;
  grid-template-columns:3rem minmax(0,1fr);
  gap:var(--space-2);
  align-items:start;
}

.access-card-head>svg{
  width:3rem;
  height:3rem;
  padding:.75rem;
  border-radius:var(--radius-sm);
  background:#eaf2ff;
  color:#174fc4;
}

.access-card-head h3{
  color:#18223b;
}

.access-card-head p{
  margin-top:var(--space-1);
  color:#5b6780;
  font-size:var(--fs-1);
}

.path-list{
  margin-top:var(--space-4);
}

.path{
  display:grid;
  grid-template-columns:3rem minmax(0,1fr);
  gap:var(--space-2);
  padding:var(--space-3) 0;
  border-top:1px solid rgba(8,11,33,.12);
}

.path-icon{
  width:3rem;
  height:3rem;
  display:grid;
  place-items:center;
  border-radius:var(--radius-sm);
  background:#eaf2ff;
  color:#174fc4;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:700;
}

.path h4{
  color:#18223b;
}

.path p{
  margin-top:var(--space-1);
  color:#5b6780;
  font-size:var(--fs-1);
}

.access-action{
  align-self:flex-start;
  margin-top:auto;
  padding-top:var(--space-3);
}

.payment-list{
  display:grid;
  gap:.65rem;
  margin-top:var(--space-4);
}

.payment{
  display:flex;
  justify-content:space-between;
  gap:var(--space-2);
  padding:1rem 1.25rem;
  border-radius:var(--radius-sm);
  background:#eaf2ff;
  color:#18223b;
}

.payment span,
.payment b{
  min-width:0;
  overflow-wrap:anywhere;
}

.payment b{
  color:#1269a5;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

.settlement-panel{
  display:grid;
  gap:var(--space-1);
  margin-top:auto;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#172048;
  color:#edf4ff;
}

.settlement-panel small{
  color:#aab6d3;
  font-family:var(--font-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.settlement-panel strong{
  color:#fff;
  font-family:var(--font-heading);
  font-size:var(--fs-5);
  line-height:1;
}

.settlement-panel p{
  color:#c6d0e4;
  font-size:var(--fs-1);
}

.trust-head{
  max-width:48rem;
  color:#18223b;
}

.trust-head p{
  margin-top:var(--space-3);
  color:#5b6780;
}

.trust-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  gap:var(--space-3);
  align-items:start;
  margin-top:var(--space-5);
}

.trust{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#fff;
  color:#18223b;
  box-shadow:var(--shadow-paper);
}

.trust>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  background:#174fc4;
  color:#fff;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1;
}

.trust h3{
  margin-top:var(--space-3);
  color:#18223b;
}

.trust p{
  margin-top:var(--space-1);
  color:#5b6780;
  font-size:var(--fs-1);
}

.trust a{
  display:inline-flex;
  margin-top:var(--space-3);
  color:#1269a5;
  font-family:var(--font-heading);
  font-size:var(--fs-1);
  font-weight:720;
}

.faq-intro{
  color:#edf4ff;
}

.faq-intro p{
  margin-top:var(--space-3);
  color:#aab6d3;
}

.faq-actions{
  margin-top:var(--space-4);
}

.home-final-section{
  padding-top:0;
}

.home-final-cta{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(15rem,.65fr);
  gap:var(--space-5);
  align-items:center;
  background:#0d1230;
  color:#fff;
}

.home-final-copy{
  min-width:0;
}

.home-final-copy p{
  margin-top:var(--space-3);
  max-width:48rem;
  color:#c4cee2;
}

.home-final-actions{
  display:flex;
  flex-direction:column;
  gap:.75rem;
  min-width:0;
}

.home-final-actions .c-btn{
  width:100%;
}

@media(max-width:64rem){
  .facts{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .fact:nth-child(4){
    border-left:0;
  }

  .timeline-layout,
  .access-grid{
    grid-template-columns:1fr;
  }

  .timeline-intro{
    position:static;
  }

  .workflow-grid{
    grid-template-columns:1fr;
  }

  .pricing-foot{
    align-items:flex-start;
    flex-direction:column;
  }

  .pricing-foot a{
    flex:0 1 auto;
  }

  .home-final-cta{
    grid-template-columns:1fr;
  }

  .home-final-actions{
    width:min(100%,28rem);
  }
}

@media(max-width:40rem){
  [data-hero-form="product-visual"]{
    padding-block:var(--space-6);
  }

  .facts{
    grid-template-columns:1fr;
  }

  .fact{
    border-top:1px solid rgba(255,255,255,.11);
    border-left:0;
  }

  .fact:first-child{
    border-top:0;
  }

  .hero-rating{
    align-items:flex-start;
  }

  .home-hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .home-hero-actions .c-btn{
    width:100%;
    white-space:normal;
  }

  .timeline{
    padding-left:3.2rem;
  }

  .timeline::before{
    left:1.15rem;
  }

  .step-index{
    left:-3.2rem;
    width:2.3rem;
    height:2.3rem;
  }

  .step-head{
    display:grid;
    gap:var(--space-1);
  }

  .step-time{
    max-width:100%;
  }

  .workflow{
    min-height:0;
  }

  .workflow-copy{
    padding:var(--space-3);
  }

  .console-slice{
    margin-inline:1.25rem;
  }

  .access-card,
  .payment-card{
    padding:var(--space-3);
  }

  .access-card-head,
  .path{
    grid-template-columns:1fr;
  }

  .payment{
    align-items:flex-start;
    flex-direction:column;
  }

  .faq-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .faq-actions .c-btn,
  .home-final-actions .c-btn{
    width:100%;
    white-space:normal;
  }

  .home-final-cta{
    padding:var(--space-3);
  }
}

@media(max-width:24rem){
  .console-line{
    grid-template-columns:minmax(3.5rem,4rem) minmax(0,1fr);
  }

  .console-line b{
    grid-column:1 / -1;
  }

  .hero-stars{
    width:100%;
  }
}

.access-action{margin-top:var(--space-3)}
.plan-actions,.faq-actions{margin-top:var(--space-3)}