.terminal-hero{
  padding-block:clamp(4.5rem,9vw,7.5rem) var(--nm-s8);
  background:var(--nm-page);
  color:var(--nm-ink);
}

.terminal-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.terminal-hero__copy h1{
  max-width:56rem;
  margin-top:var(--nm-s2);
}

.terminal-hero__lead{
  max-width:52rem;
  margin-top:var(--nm-s2);
  color:var(--nm-muted);
  font-size:var(--nm-fs-3);
}

.terminal-hero__lead strong{
  color:var(--nm-ink);
}

.home-announcement{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-self:center;
  padding:0;
  border:1px solid var(--nm-line);
  border-radius:999px;
  background:var(--nm-soft);
  box-shadow:none;
}

.home-announcement>span{
  display:flex;
  max-width:100%;
  align-items:center;
  gap:.7rem;
  padding:.55rem 1rem;
  border-radius:999px;
  background:#fff;
  color:#4b5260;
  font-size:var(--nm-fs-0);
  line-height:1.3;
}

.home-announcement strong{
  color:var(--nm-primary);
}

.home-announcement i{
  min-width:0;
  font-style:normal;
}

.hero-form,
.terminal-hero__actions{
  display:flex;
  width:min(100%,38rem);
  justify-content:center;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:var(--nm-s4);
  margin-bottom:var(--nm-s3);
}

.hero-form .c-input{
  min-width:0;
  flex:1;
}

.hero-form .c-btn{
  flex:0 0 auto;
}

.hero-note{
  margin-top:var(--nm-s3);
  color:var(--nm-quiet);
  font-size:var(--nm-fs-0);
  line-height:var(--nm-lh-small);
}

.terminal-stage{
  margin-top:var(--nm-s6);
}

.terminal-stage__scene{
  width:100%;
  height:clamp(18rem,36vw,30rem);
  object-fit:cover;
}

.stage-console{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:var(--nm-r-lg);
  background:#151c28;
  color:#dbe5f4;
  box-shadow:0 25px 55px rgba(27,38,60,.24);
}

.stage-console__head{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.25rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#151c28;
  color:#97a5b7;
  font-family:var(--nm-mono);
  font-size:var(--nm-fs-0);
  line-height:1.4;
}

.stage-console pre{
  flex:1;
  max-width:100%;
  overflow-x:auto;
  padding:1.25rem;
  color:#dbe5f4;
  font-family:var(--nm-mono);
  font-size:clamp(.65rem,1.2vw,.8rem);
  line-height:1.8;
  text-align:left;
}

.stage-console code{
  color:inherit;
  white-space:pre;
}

.cmd{
  color:#90bdea;
}

.out{
  color:#aab6c7;
}

.ok{
  color:#c5ccff;
}

.stage-card{
  padding:1.35rem;
  border-radius:var(--nm-r-lg);
  background:#fff;
  color:#151c28;
  box-shadow:0 17px 42px rgba(31,51,86,.12);
}

.stage-card h3{
  margin:.5rem 0 1rem;
  color:#151c28;
  font-size:var(--nm-fs-3);
}

.stage-card small{
  color:#5b6270;
}

.stage-kv{
  display:flex;
  min-width:0;
  justify-content:space-between;
  gap:.5rem;
  padding:.55rem 0;
  border-top:1px solid #e5e8ee;
  color:#343c48;
  font-size:var(--nm-fs-0);
  line-height:1.4;
}

.stage-kv span,
.stage-kv strong{
  min-width:0;
  overflow-wrap:anywhere;
}

.stage-kv strong{
  color:#151c28;
  font-family:var(--nm-mono);
  font-size:var(--nm-fs-0);
}

.stage-host{
  padding:1.5rem;
  border-radius:var(--nm-r-lg);
  background:#245c96;
  color:#eef5ff;
  box-shadow:0 22px 44px rgba(36,92,150,.22);
}

.stage-host h3{
  margin:.5rem 0;
  color:#fff;
  font-family:var(--nm-mono);
  font-size:var(--nm-fs-3);
}

.stage-host p{
  color:#d6e4f2;
  font-size:var(--nm-fs-0);
}

.stage-host small{
  color:#eef5ff;
}

.stage-light{
  display:block;
  width:.55rem;
  height:.55rem;
  margin-bottom:var(--nm-s1);
  border-radius:50%;
  background:#c5ccff;
  box-shadow:0 0 0 5px rgba(197,204,255,.14);
}

.tool-wall{
  padding:var(--nm-s6) 0 var(--nm-s10);
  background:var(--nm-page);
  color:var(--nm-ink);
  text-align:center;
}

.tools{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:var(--nm-s2);
  margin-top:var(--nm-s4);
  color:var(--nm-muted);
}

.tool{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:3.1rem;
  padding:.65rem .55rem;
  border:1px solid var(--nm-line);
  border-radius:var(--nm-r-md);
  background:var(--nm-surface);
  color:var(--nm-text);
  font-size:var(--nm-fs-1);
  line-height:1.4;
  font-weight:750;
  overflow-wrap:anywhere;
}

.workflow-section{
  background:var(--nm-soft);
  color:var(--nm-ink);
}

.workflow-tabs{
  margin-bottom:var(--nm-s3);
}

.workflow{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  overflow:hidden;
  padding:0;
  background:#fff;
  color:#151c28;
}

.workflow[hidden]{
  display:none;
}

.workflow-copy{
  padding:clamp(2rem,5vw,4rem);
}

.workflow-copy ul{
  margin:0;
  color:#343c48;
}

.workflow-copy li+li{
  margin-top:var(--nm-s1);
}

.workflow-art{
  min-width:0;
  min-height:32rem;
  padding:clamp(1.5rem,4vw,3rem);
  background:#edf1fa;
  color:#151c28;
}

.run-board{
  width:100%;
  max-width:34rem;
  margin:var(--nm-s4) auto;
  padding:var(--nm-s3);
  border-radius:var(--nm-r-lg);
  background:#fff;
  color:#151c28;
  box-shadow:var(--nm-shadow-soft);
}

.run-board h3{
  margin-top:var(--nm-s1);
  color:#151c28;
}

.run-row{
  display:grid;
  grid-template-columns:minmax(0,2rem) minmax(0,1fr) minmax(0,5rem);
  gap:var(--nm-s2);
  align-items:center;
  padding:var(--nm-s2) 0;
  border-top:1px solid #e5e8ee;
  color:#343c48;
  font-size:var(--nm-fs-0);
  line-height:1.4;
}

.run-row:first-of-type{
  margin-top:var(--nm-s3);
}

.run-row>*{
  min-width:0;
  overflow-wrap:anywhere;
}

.run-row strong{
  color:#151c28;
  font-size:var(--nm-fs-1);
}

.run-row span:last-child{
  color:#194a7b;
  font-family:var(--nm-mono);
  text-align:right;
}

.usecase-grid{
  margin-top:var(--nm-s5);
  align-items:start;
}

.usecase{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:var(--nm-s4);
  border-radius:var(--nm-r-lg);
  background:#f4f6fa;
  color:#151c28;
}

.usecase h3{
  margin-top:var(--nm-s3);
  color:#151c28;
  font-size:var(--nm-fs-3);
}

.usecase p{
  margin-top:var(--nm-s1);
  color:#5f6671;
  font-size:var(--nm-fs-1);
}

.usecase__mark{
  display:grid;
  width:3rem;
  height:3rem;
  place-items:center;
  border-radius:var(--nm-r-md);
  background:#e5edf7;
  color:#194a7b;
  font-family:var(--nm-mono);
  font-size:var(--nm-fs-0);
  font-weight:800;
}

.region-shell{
  padding:clamp(2rem,5vw,4rem);
  border-radius:var(--nm-r-lg);
  background:#151c28;
  color:#f5f8fc;
}

.region-shell h2{
  color:#f5f8fc;
}

.region-shell .section-head>p{
  color:#aab6c7;
}

.region-shell .kicker{
  background:#eef3ff;
  color:#243f80;
}

.region-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));
  gap:var(--nm-s1);
  margin-top:var(--nm-s5);
  align-items:start;
}

.region-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:var(--nm-s3);
  border-radius:var(--nm-r-lg);
  background:#202a39;
  color:#eef4fb;
}

.region-card h3{
  margin-top:var(--nm-s3);
  color:#f5f8fc;
  font-size:clamp(1.1rem,6cqi,1.4rem);
}

.region-card p{
  margin-top:var(--nm-s1);
  color:#b6c2d2;
  font-size:var(--nm-fs-0);
}

.region-card a{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  margin-top:var(--nm-s2);
  color:#dbe7f7;
  font-size:var(--nm-fs-0);
  font-weight:750;
  overflow-wrap:anywhere;
}

.region-card a:hover{
  color:#fff;
}

.pricing-section{
  background:var(--nm-page);
  color:var(--nm-ink);
}

.c-price__amount small{
  margin-left:.35rem;
  color:var(--nm-muted);
  font-family:var(--nm-body);
  font-size:var(--nm-fs-1);
}

.c-price__terms>.c-actions{
  justify-content:flex-start;
}

.quote-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:var(--nm-s8);
  border-block:1px solid var(--nm-line);
}

.quote{
  min-width:0;
  padding:var(--nm-s4);
}

.quote+.quote{
  border-left:1px solid var(--nm-line);
}

.quote p{
  color:var(--nm-text);
  font-size:var(--nm-fs-1);
}

.quote footer{
  margin-top:var(--nm-s2);
  color:var(--nm-muted);
  font-size:var(--nm-fs-0);
  line-height:var(--nm-lh-small);
}

.path-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--nm-s2);
  margin-top:var(--nm-s5);
  align-items:start;
}

.path{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:var(--nm-s4);
  border-radius:var(--nm-r-lg);
  background:#fff;
  color:#151c28;
  box-shadow:var(--nm-shadow-soft);
}

.path-number{
  display:grid;
  width:2.5rem;
  height:2.5rem;
  place-items:center;
  border-radius:var(--nm-r-md);
  background:#245c96;
  color:#fff;
  font-family:var(--nm-mono);
  font-size:var(--nm-fs-0);
}

.path h3{
  margin-top:var(--nm-s3);
  color:#151c28;
}

.path>p{
  margin-top:var(--nm-s1);
  color:#5f6671;
  font-size:var(--nm-fs-1);
}

.path dl{
  margin:var(--nm-s3) 0 0;
}

.path dl div{
  display:grid;
  grid-template-columns:minmax(0,4.5rem) minmax(0,1fr);
  gap:var(--nm-s1);
  padding:var(--nm-s1) 0;
  border-top:1px solid #e5e8ee;
}

.path dt{
  color:#53606e;
}

.path dd{
  min-width:0;
  color:#313b47;
  overflow-wrap:anywhere;
}

.text-link{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  color:var(--nm-primary-deep);
  font-size:var(--nm-fs-1);
  line-height:1.4;
  font-weight:750;
  overflow-wrap:anywhere;
}

.home-blog-layout{
  margin-top:var(--nm-s5);
}

.home-blog-slot[hidden]{
  display:none;
}

.home-blog-slot{
  min-width:0;
  border-radius:var(--nm-r-lg);
  background:#fff;
  color:#151c28;
  box-shadow:var(--nm-shadow-soft);
  transition:transform .2s var(--nm-ease),box-shadow .2s;
}

.home-blog-slot:hover{
  transform:translateY(-2px);
  box-shadow:var(--nm-shadow);
}

.home-blog-slot:focus-visible{
  outline:3px solid color-mix(in srgb,var(--nm-accent) 28%,transparent);
  outline-offset:3px;
}

.home-blog-slot--featured{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  overflow:hidden;
  padding:0;
}

.home-blog-slot__media{
  position:relative;
  display:block;
  height:clamp(16rem,28vw,22rem);
  background:#e9eef7;
  color:#151c28;
}

.home-blog-slot__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.home-blog-slot__copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:clamp(2rem,5vw,3.5rem);
}

.home-blog-slot__copy h3{
  margin-top:var(--nm-s2);
  color:#151c28;
}

.home-blog-slot__copy p{
  margin-top:var(--nm-s1);
  color:#5b6270;
}

.home-blog-slot__copy .text-link{
  margin-top:var(--nm-s2);
}

.date-badge{
  position:absolute;
  left:var(--nm-s3);
  top:var(--nm-s3);
  max-width:58%;
  overflow:hidden;
  padding:.55rem .7rem;
  border-radius:var(--nm-r-sm);
  background:#245c96;
  color:#fff;
  font-family:var(--nm-mono);
  font-size:var(--nm-fs-0);
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.home-blog-grid{
  display:grid;
  align-items:start;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
  gap:var(--nm-s2);
  margin-top:var(--nm-s2);
}

.home-blog-grid .home-blog-slot{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:var(--nm-s3);
}

.home-blog-grid .home-blog-slot[hidden]{
  display:none;
}

.home-blog-grid h3{
  margin-top:var(--nm-s2);
  color:#151c28;
  font-size:var(--nm-fs-3);
}

.home-blog-grid p{
  margin-top:var(--nm-s1);
  color:#5f6671;
  font-size:var(--nm-fs-1);
}

.home-blog-grid .text-link{
  margin-top:var(--nm-s2);
}

.home-blog-empty[hidden]{
  display:none;
}

.home-blog-empty{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.home-blog-empty h3{
  margin-top:var(--nm-s2);
}

.home-blog-empty p{
  margin-top:var(--nm-s1);
}

.home-blog-empty .c-btn{
  margin-top:var(--nm-s2);
}

.faq-section{
  padding-top:clamp(5rem,10vw,8rem);
  background:var(--nm-page);
  color:var(--nm-ink);
}

.faq-intro{
  align-self:start;
}

.faq-intro .c-actions{
  justify-content:flex-start;
}

.c-faq__answer{
  padding-top:var(--nm-s2);
  border-top:1px solid var(--nm-line);
  background:transparent;
  color:var(--nm-muted);
}

.closing-section{
  padding-top:var(--nm-s8);
}

.closing-copy small{
  display:block;
  color:#aab6c7;
}

.closing-form{
  display:flex;
  width:min(100%,24rem);
  flex-direction:column;
  gap:var(--nm-s2);
}

.closing-form label{
  color:#f5f8fc;
}

.closing-form .c-input{
  background:#fff;
  color:#151c28;
  border-color:#cdd3de;
}

.closing-form .c-btn{
  width:100%;
}

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

  .workflow{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }

  .path-grid,
  .quote-grid{
    grid-template-columns:1fr;
  }

  .quote+.quote{
    border-top:1px solid var(--nm-line);
    border-left:0;
  }
}

@media(max-width:48rem){
  .hero-form{
    flex-direction:column;
  }

  .hero-form .c-btn{
    width:100%;
  }

  .workflow,
  .home-blog-slot--featured{
    grid-template-columns:1fr;
  }

  .workflow-art{
    min-height:0;
  }

  .home-blog-slot__media{
    height:clamp(14rem,55vw,20rem);
  }

  .run-board{
    margin-block:0;
  }
}

@media(max-width:42rem){
  .terminal-hero{
    padding-top:var(--nm-s8);
  }

  .home-announcement>span{
    gap:.45rem;
    padding:.5rem .7rem;
  }

  .home-announcement strong{
    display:none;
  }

  .terminal-hero__lead{
    font-size:var(--nm-fs-2);
  }

  .region-shell{
    padding:var(--nm-s3);
  }

  .c-price__terms>.c-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .c-price__terms>.c-actions .c-btn{
    width:100%;
  }

  .path dl div{
    grid-template-columns:1fr;
  }
}

@media(max-width:34rem){
  .tools{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

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

  .workflow-tabs .c-filter{
    min-width:0;
    padding-inline:.45rem;
    font-size:var(--nm-fs-0);
    white-space:nowrap;
  }

  .stage-console__head{
    flex-direction:column;
    gap:.35rem;
  }

  .run-row{
    grid-template-columns:minmax(0,1.5rem) minmax(0,1fr);
  }

  .run-row span:last-child{
    grid-column:2;
    text-align:left;
  }
}
