.home-tool-badge{
  color:var(--mw-ink)
}
.home-tool-badge--build{
  --tilt:-7deg;
  background:var(--mw-apricot)
}
.home-tool-badge--terminal{
  --tilt:6deg;
  background:var(--mw-lavender)
}
.home-tool-badge--node{
  --tilt:-4deg;
  background:var(--mw-teal)
}
.home-tool-badge--log{
  --tilt:7deg;
  background:var(--mw-coral)
}
.home-tool-badge--metric{
  --tilt:-5deg;
  background:var(--mw-surface-deep)
}
.home-svg-primary{fill:var(--mw-primary)}
.home-svg-teal{fill:var(--mw-teal)}
.home-svg-coral{fill:var(--mw-coral)}
.home-node-summary{justify-content:space-between}
.home-metric{padding:.6rem}
.home-metric small{
  display:block;
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}
.home-metric strong{
  display:block;
  margin-top:.2rem
}
.home-facts{
  border-block:1px solid var(--mw-line);
  background:var(--mw-paper)
}
.home-facts__row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding:1.6rem 0
}
.home-fact{
  min-width:0;
  padding:.3rem 2rem;
  border-left:1px solid var(--mw-line);
  text-align:center
}
.home-fact:first-child{border-left:0}
.home-fact strong{
  font-family:var(--mw-heading);
  font-size:var(--mw-size-lg)
}
.home-fact span{
  display:block;
  margin-top:.2rem;
  color:var(--mw-muted);
  font-size:var(--mw-size-xs)
}
.home-tools{
  padding:0 0 1.5rem;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:2.5rem;
  color:var(--mw-muted);
  filter:grayscale(1)
}
.home-tools span{
  min-width:0;
  display:flex;
  align-items:center;
  gap:.5rem;
  font-size:.8rem;
  font-weight:600
}
.home-tools svg{
  width:22px;
  height:22px;
  flex:0 0 auto
}
.home-feature{
  min-height:470px;
  overflow:hidden
}
.home-icon--hardware{background:var(--mw-apricot)}
.home-icon--access{background:var(--mw-teal)}
.home-icon--state{background:var(--mw-coral)}
.home-screen{
  height:220px;
  margin-top:1.4rem;
  border:1px solid var(--mw-line);
  border-radius:var(--mw-radius-sm);
  overflow:hidden;
  background:var(--mw-paper)
}
.home-screen__bar{
  height:34px;
  padding:0 .7rem;
  border-bottom:1px solid var(--mw-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--mw-space-1);
  background:var(--mw-white);
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:.55rem
}
.home-screen__body{
  padding:.8rem;
  display:grid;
  gap:.5rem
}
.home-node-row{
  min-width:0;
  padding:.65rem;
  border:1px solid var(--mw-line);
  border-radius:var(--mw-radius-sm);
  display:flex;
  align-items:center;
  gap:.65rem;
  background:var(--mw-white)
}
.home-node-row>span{min-width:0}
.home-node-box{
  position:relative;
  width:44px;
  height:31px;
  flex:0 0 auto;
  border:1px solid var(--mw-muted);
  border-radius:var(--mw-radius-sm);
  background:var(--mw-surface)
}
.home-node-box::after{
  position:absolute;
  right:5px;
  bottom:4px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--mw-primary);
  content:""
}
.home-node-row b{
  display:block;
  font-size:.65rem
}
.home-node-row small{
  display:block;
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:.5rem
}
.home-node-row .c-badge{
  margin-left:auto;
  flex:0 0 auto
}
.home-terminal-mini{
  height:100%;
  padding:1rem;
  overflow-x:auto;
  background:var(--mw-ink);
  color:var(--mw-lavender);
  font-family:var(--mw-mono);
  font-size:.62rem;
  line-height:2;
  white-space:nowrap
}
.home-file{
  min-width:0;
  padding:.65rem;
  border:1px solid var(--mw-line);
  border-radius:var(--mw-radius-sm);
  display:flex;
  align-items:center;
  gap:.6rem;
  background:var(--mw-white);
  font-size:.65rem
}
.home-file b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.home-file__icon{
  width:28px;
  height:28px;
  flex:0 0 auto;
  border-radius:var(--mw-radius-sm)
}
.home-file__icon--tool{background:var(--mw-lavender)}
.home-file__icon--cache{background:var(--mw-teal)}
.home-file__icon--project{background:var(--mw-coral)}
.home-file code{
  margin-left:auto;
  color:var(--mw-muted);
  font-size:.55rem
}
.home-process{
  display:grid;
  grid-template-columns:410px minmax(0,1fr);
  gap:var(--mw-space-7)
}
.home-process>*{min-width:0}
.home-process__intro{
  position:sticky;
  top:105px;
  align-self:start
}
.home-timeline{
  position:relative;
  min-width:0;
  padding-left:3rem
}
.home-timeline::before{
  position:absolute;
  left:13px;
  top:14px;
  bottom:45px;
  width:1px;
  background:var(--mw-line-strong);
  content:""
}
.home-step{
  position:relative;
  padding:0 0 2rem 1rem
}
.home-step::before{
  position:absolute;
  left:-42px;
  top:5px;
  width:14px;
  height:14px;
  border:4px solid var(--mw-surface);
  border-radius:50%;
  background:var(--mw-primary);
  box-shadow:0 0 0 1px var(--mw-primary);
  content:""
}
.home-step h3{
  margin:.6rem 0 .25rem;
  font-size:1.25rem
}
.home-step p{
  color:var(--mw-muted);
  font-size:.8rem
}
.home-region{
  min-width:0;
  padding:0;
  display:grid;
  grid-template-columns:420px minmax(0,1fr);
  overflow:hidden
}
.home-region>*{min-width:0}
.home-region__copy{
  padding:2.7rem;
  background:var(--mw-paper)
}
.home-region__note{
  margin-top:var(--mw-space-2);
  color:var(--mw-ink-soft);
  font-size:var(--mw-size-sm)
}
.home-region__visual{
  position:relative;
  min-height:420px;
  overflow:hidden;
  background:var(--mw-primary-soft)
}
.home-region__visual::before{
  position:absolute;
  width:70%;
  aspect-ratio:1;
  top:15%;
  left:15%;
  max-width:100%;
  border-radius:50%;
  background:var(--mw-lavender);
  opacity:.35;
  filter:blur(70px);
  content:""
}
.home-region__visual svg{
  position:relative;
  width:100%;
  height:100%
}
.home-regions{
  margin-top:1.3rem;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem
}
.home-map-lines{
  stroke:var(--mw-line-strong);
  stroke-width:1
}
.home-map-points{
  fill:var(--mw-primary);
  stroke:var(--mw-white);
  stroke-width:4
}
.home-map-labels{
  fill:var(--mw-ink);
  font-family:var(--mw-mono);
  font-size:10px
}
.home-workloads-section{padding-top:2rem}
.home-workload{min-height:410px}
.home-workload>p{min-height:105px}
.home-spec{
  min-width:0;
  padding:.7rem 0;
  border-top:1px solid var(--mw-line);
  display:flex;
  justify-content:space-between;
  gap:1rem;
  font-size:.72rem
}
.home-spec span{
  min-width:0;
  color:var(--mw-muted)
}
.home-spec b{
  min-width:0;
  text-align:right;
  font-family:var(--mw-mono);
  font-weight:500
}
.home-workload-action{
  margin-top:var(--mw-space-3);
  padding:var(--mw-space-3);
  border:1px solid var(--mw-line);
  border-radius:var(--mw-radius-md);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--mw-space-3);
  background:var(--mw-paper)
}
.home-workload-action p{
  max-width:760px;
  margin:0;
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}
.home-workload-action .c-btn{flex:0 0 auto}
.home-quotes{
  background:var(--mw-ink);
  color:var(--mw-white)
}
.home-quotes__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding:3.7rem 0
}
.home-quote{
  min-width:0;
  padding:0 2.3rem;
  border-left:1px solid var(--mw-ink-soft)
}
.home-quote:first-child{border-left:0}
.home-quote blockquote{
  margin:.5rem 0 1rem;
  color:var(--mw-white);
  font-size:1rem;
  line-height:1.6
}
.home-quote cite{
  color:var(--mw-line-strong);
  font-size:.7rem;
  font-style:normal
}
.home-quote__mark{
  color:var(--mw-primary);
  font-family:Georgia,serif;
  font-size:2.5rem;
  line-height:1
}
.home-plan-fit{
  min-height:76px;
  margin-top:var(--mw-space-2);
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}
.home-callout-link{
  margin-left:.35rem;
  color:var(--mw-primary);
  font-weight:600
}
.home-blog-rail{display:none}
.home-blog-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.7rem;
  align-items:start
}
.home-blog-grid>*{min-width:0}
.home-articles{
  min-width:0;
  display:grid;
  gap:.8rem
}
.home-article{
  min-width:0;
  min-height:180px;
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  gap:1.4rem
}
.home-article>span{min-width:0}
.home-article__art{
  position:relative;
  min-height:140px;
  overflow:hidden;
  border:1px solid var(--mw-line);
  border-radius:var(--mw-radius-sm);
  background-color:var(--mw-surface);
  background-image:linear-gradient(var(--mw-primary-soft) 1px,transparent 1px),linear-gradient(90deg,var(--mw-primary-soft) 1px,transparent 1px);
  background-size:18px 18px
}
.home-article__art::after{
  position:absolute;
  inset:30px 20px;
  border:1px solid var(--mw-muted);
  border-radius:var(--mw-radius-sm);
  background:var(--mw-white);
  box-shadow:8px 8px 0 var(--mw-lavender);
  content:""
}
.home-article__art::before{
  position:absolute;
  z-index:1;
  content:""
}
.home-article__art--build::before{
  inset:48px 36px;
  border-left:2px solid var(--mw-primary);
  border-bottom:2px solid var(--mw-primary)
}
.home-article__art--checklist::before{
  width:40px;
  height:52px;
  top:42px;
  left:50px;
  border:1px solid var(--mw-accent);
  background:repeating-linear-gradient(to bottom,transparent 0,transparent 9px,var(--mw-line-strong) 10px)
}
.home-article__art--pipeline::before{
  width:70px;
  height:1px;
  top:70px;
  left:35px;
  background:var(--mw-primary);
  box-shadow:0 -18px 0 var(--mw-teal),0 18px 0 var(--mw-coral)
}
.home-article__art--audio::before{
  width:72px;
  height:46px;
  top:47px;
  left:35px;
  background:repeating-linear-gradient(90deg,var(--mw-primary) 0,var(--mw-primary) 3px,transparent 3px,transparent 8px);
  clip-path:polygon(0 45%,10% 20%,20% 75%,30% 10%,40% 80%,50% 30%,60% 65%,70% 5%,80% 90%,90% 35%,100% 55%,100% 100%,0 100%)
}
.home-article__art--inference::before{
  width:62px;
  height:62px;
  top:38px;
  left:40px;
  border:1px solid var(--mw-accent);
  border-radius:50%;
  background:radial-gradient(circle,var(--mw-primary) 0,var(--mw-primary) 4px,transparent 5px)
}
.home-article__art--calendar::before{
  width:62px;
  height:54px;
  top:42px;
  left:40px;
  border:1px solid var(--mw-accent);
  background:linear-gradient(to bottom,var(--mw-lavender) 0,var(--mw-lavender) 14px,var(--mw-white) 14px)
}
.home-article h3{
  margin:.55rem 0 .35rem;
  font-size:1.15rem
}
.home-article p{
  color:var(--mw-muted);
  font-size:.75rem
}
.home-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:.6rem
}
.home-meta strong{color:var(--mw-primary)}
.home-blog-rail{
  position:sticky;
  top:95px
}
.home-search{
  min-width:0;
  height:44px;
  padding:0 .75rem;
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-sm);
  display:flex;
  align-items:center;
  gap:.55rem;
  background:var(--mw-white);
  color:var(--mw-muted)
}
.home-search:focus-within{
  border-color:var(--mw-primary);
  outline:3px solid var(--mw-primary-soft)
}
.home-search svg{
  width:18px;
  height:18px;
  flex:0 0 auto
}
.home-search input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--mw-ink);
  font-size:.75rem
}
.home-search input::placeholder{color:var(--mw-muted)}
.home-topic-list{
  display:grid;
  gap:.45rem;
  color:var(--mw-muted);
  font-size:.75rem
}
.home-topic-list li{
  position:relative;
  padding-left:1rem
}
.home-topic-list li::before{
  position:absolute;
  left:0;
  top:.7em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--mw-primary);
  content:""
}
.home-blog-count{
  margin-top:1.3rem;
  padding-top:1rem;
  border-top:1px solid var(--mw-line);
  display:flex;
  justify-content:space-between;
  gap:var(--mw-space-2);
  font-size:.75rem
}
.home-blog-empty{margin:0}
.home-cta-kicker{color:var(--mw-lavender)}
.home-cta-actions{justify-content:center}
@media(max-width:980px){
  .home-process{
    grid-template-columns:1fr;
    gap:var(--mw-space-5)
  }
  .home-process__intro{position:static}
  .home-region{grid-template-columns:1fr}
  .home-blog-grid{grid-template-columns:1fr}
  .home-blog-rail{
    position:static;
    grid-row:1
  }
  .home-quotes__grid{grid-template-columns:1fr}
  .home-quote{
    padding:1.5rem 0;
    border-left:0;
    border-top:1px solid var(--mw-ink-soft)
  }
  .home-quote:first-child{border-top:0}
  .home-workload-action{
    align-items:flex-start;
    flex-direction:column
  }
  .home-workload-action .c-btn{flex:auto}
}
@media(max-width:768px){
  .home-tools{gap:1.5rem}
  .home-workload{min-height:0}
  .home-workload>p{min-height:0}
  .home-plan-fit{min-height:0}
}
@media(max-width:640px){
  .p-hero__actions .c-btn{
    width:100%;
    white-space:normal
  }
  .home-facts__row{grid-template-columns:1fr}
  .home-fact{
    padding:1rem;
    border-top:1px solid var(--mw-line);
    border-left:0
  }
  .home-fact:first-child{border-top:0}
  .home-tools{gap:1.2rem}
  .home-feature{min-height:0}
  .home-screen{height:auto;min-height:220px}
  .home-node-row{
    align-items:flex-start;
    flex-wrap:wrap
  }
  .home-node-row .c-badge{margin-left:0}
  .home-region__copy{padding:1.5rem}
  .home-region__visual{min-height:280px}
  .home-article{grid-template-columns:1fr}
  .home-article__art{min-height:150px}
  .home-spec{
    align-items:flex-start;
    flex-direction:column;
    gap:.2rem
  }
  .home-spec b{text-align:left}
  .home-callout-link{
    display:block;
    margin:.5rem 0 0
  }
  .home-cta-actions{
    align-items:stretch;
    flex-direction:column
  }
  .home-cta-actions .c-btn{
    width:100%;
    white-space:normal
  }
}
@media(max-width:390px){
  .home-timeline{padding-left:2.3rem}
  .home-step{padding-left:.5rem}
  .home-step::before{left:-31px}
  .home-screen__bar{font-size:.5rem}
  .home-tools{
    justify-content:flex-start;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .home-tools span:last-child{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
  .home-region__visual::before{filter:none}
}
