.home-hero{
  padding-top:var(--sm-hero-pad);
  padding-bottom:7rem;
  background:#090b0a;
  color:#faf7f2;
}

.home-hero .c-page-hero__grid{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:start;
  gap:var(--sm-space-4);
}

.home-hero .c-page-hero__copy{
  min-width:0;
  align-items:start;
  color:#faf7f2;
}

.home-hero .c-page-hero__copy h1{
  max-width:12.5em;
  color:#faf7f2;
  overflow-wrap:anywhere;
}

.home-hero .c-page-hero__copy>p{
  max-width:38rem;
  color:#b8bbb6;
}

.home-hero .c-page-hero__copy .c-actions{
  justify-content:flex-start;
  margin-top:var(--sm-space-3);
  margin-bottom:var(--sm-space-3);
}

.home-hero .c-page-hero__stage{
  min-width:0;
  align-self:start;
}

.hero-copy-note{
  display:flex;
  flex-wrap:wrap;
  gap:var(--sm-space-2);
  color:#a8aaa6;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
}

.hero-copy-note span{
  display:inline-flex;
  align-items:center;
  min-width:0;
  padding:.55rem .8rem;
  border-radius:var(--sm-radius-pill);
  background:#171917;
  color:#b9bcb7;
  overflow-wrap:anywhere;
}

.hero-copy-note span::before{
  content:"";
  display:inline-block;
  flex:0 0 .4rem;
  width:.4rem;
  height:.4rem;
  margin-right:.5rem;
  border-radius:50%;
  background:#7ec889;
}

.hero-backdrop{
  pointer-events:none;
}

.hero-card{
  padding:max(1.5rem,var(--sm-space-3));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:var(--sm-shadow);
  backdrop-filter:blur(10px);
}

.hero-queue{
  border-radius:var(--sm-radius-lg);
  background:rgba(24,26,25,.96);
  color:#f7f3ee;
}

.hero-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sm-space-2);
  margin-bottom:var(--sm-space-2);
  color:#aeb2ad;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
  letter-spacing:.08em;
}

.hero-live{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  width:fit-content;
  max-width:100%;
  padding:.4rem .6rem;
  border-radius:var(--sm-radius-pill);
  background:#075f2b;
  color:#e4f6e7;
}

.hero-live::before{
  content:"";
  flex:0 0 .4rem;
  width:.4rem;
  height:.4rem;
  border-radius:50%;
  background:#a3e1ab;
}

.hero-build-row{
  display:grid;
  grid-template-columns:2.1rem minmax(0,1fr) auto;
  align-items:center;
  gap:.8rem;
  min-height:3.65rem;
  border-bottom:1px solid rgba(255,255,255,.09);
}

.hero-build-row:last-child{
  border-bottom:0;
}

.hero-build-row>span:first-child{
  display:grid;
  place-items:center;
  width:2.05rem;
  height:2.05rem;
  border-radius:.65rem;
  background:#c9d7e5;
  color:#17202a;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
  font-weight:700;
}

.hero-build-row:nth-child(3)>span:first-child{
  background:#e7c7b8;
  color:#241b18;
}

.hero-build-row:nth-child(4)>span:first-child{
  background:#e5d7a1;
  color:#201d12;
}

.runner-line{
  display:grid;
  min-width:0;
}

.runner-line strong,
.runner-line small{
  min-width:0;
  overflow-wrap:anywhere;
}

.runner-line strong{
  color:#f7f3ee;
  font-size:var(--sm-text-sm);
}

.runner-line small{
  color:#a5aaa4;
}

.hero-ok{
  width:fit-content;
  max-width:100%;
  padding:.35rem .5rem;
  border-radius:var(--sm-radius-pill);
  background:rgba(57,148,71,.2);
  color:#c7edcd;
  font-family:var(--sm-font-mono);
  font-size:.625rem;
  overflow-wrap:anywhere;
}

.hero-float{
  min-width:0;
  padding:1.15rem 1.45rem;
  border-radius:var(--sm-radius-md);
  box-shadow:var(--sm-shadow);
}

.hero-float small{
  display:block;
  color:inherit;
  font-family:var(--sm-font-mono);
  font-size:.65rem;
  opacity:.76;
  overflow-wrap:anywhere;
}

.hero-float strong{
  display:block;
  color:inherit;
  font-family:var(--sm-font-heading);
  font-size:1.55rem;
  line-height:1.15;
  letter-spacing:-.04em;
  overflow-wrap:anywhere;
}

.hero-float-a{
  background:#c9d7e5;
  color:#17202a;
}

.hero-float-b{
  background:#e7c7b8;
  color:#241b18;
}

.hero-float-c{
  background:#e5d7a1;
  color:#201d12;
}

.hero-runner{
  min-width:0;
  padding:1.3rem 1.4rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:var(--sm-radius-md);
  background:#25212b;
  color:#f7f3ee;
  box-shadow:var(--sm-shadow);
}

.hero-runner>small{
  color:#aaa5af;
  font-family:var(--sm-font-mono);
  overflow-wrap:anywhere;
}

.hero-runner>strong{
  display:block;
  margin-top:.7rem;
  margin-bottom:.7rem;
  color:#f7f3ee;
  font-family:var(--sm-font-heading);
  font-size:var(--sm-text-lg);
  overflow-wrap:anywhere;
}

.hero-node-label{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.4rem;
}

.hero-node-label span{
  min-width:0;
  padding:.45rem .2rem;
  border-radius:.5rem;
  background:rgba(255,255,255,.07);
  color:#d8d5dc;
  text-align:center;
  font-family:var(--sm-font-mono);
  font-size:.625rem;
  overflow-wrap:anywhere;
}

.trust-wall{
  padding-bottom:var(--sm-space-5);
  background:#090b0a;
  color:#f7f3ee;
}

.trust-grid{
  display:grid;
  grid-template-columns:11rem repeat(8,minmax(0,1fr));
  align-items:stretch;
  border-block:1px solid rgba(255,255,255,.12);
}

.trust-grid span,
.trust-grid strong{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:1.25rem .35rem;
  text-align:center;
  overflow-wrap:anywhere;
}

.trust-grid span{
  color:#a8aaa6;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
}

.trust-grid strong{
  color:#858985;
  font-size:var(--sm-text-xs);
}

.feature-stage{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  align-items:stretch;
  gap:1.25rem;
}

.feature-main{
  position:relative;
  min-width:0;
  min-height:32rem;
  padding:var(--sm-space-4);
  overflow:hidden;
  border-radius:var(--sm-radius-lg);
  background:#c9d7e5;
  color:#17202a;
}

.feature-main h3{
  max-width:27rem;
  color:#17202a;
  overflow-wrap:anywhere;
}

.feature-main>p{
  max-width:31rem;
  margin-top:var(--sm-space-2);
  color:#43505a;
}

.run-register{
  position:absolute;
  right:var(--sm-space-4);
  bottom:var(--sm-space-4);
  width:min(36rem,calc(100% - 2 * var(--sm-space-4)));
  padding:1.6rem;
  border-radius:var(--sm-radius-lg);
  background:#171a18;
  color:#f7f3ee;
  transform:rotate(-4deg);
}

.run-register header,
.run-register div{
  display:grid;
  grid-template-columns:minmax(0,1fr) 6rem 7rem;
  gap:var(--sm-space-2);
  padding:.9rem 0;
  border-bottom:1px solid rgba(255,255,255,.12);
  color:#f7f3ee;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
}

.run-register span,
.run-register strong{
  min-width:0;
  color:inherit;
  overflow-wrap:anywhere;
}

.feature-side{
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:1.25rem;
  align-items:stretch;
}

.feature-mini{
  min-width:0;
  padding:var(--sm-space-4);
  border-radius:var(--sm-radius-lg);
}

.feature-mini small{
  display:block;
  margin-bottom:var(--sm-space-4);
  color:inherit;
  font-family:var(--sm-font-mono);
}

.feature-mini h3{
  color:inherit;
  overflow-wrap:anywhere;
}

.feature-mini p{
  margin-top:var(--sm-space-1);
  color:inherit;
  opacity:.78;
}

.usecases{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:1.25rem;
  align-items:start;
}

.usecase{
  min-width:0;
  min-height:20rem;
  padding:2.1rem;
  border-radius:var(--sm-radius-lg);
}

.usecase:nth-child(1),
.usecase:nth-child(4){
  grid-column:span 7;
}

.usecase:nth-child(2),
.usecase:nth-child(3){
  grid-column:span 5;
}

.usecase-meta{
  display:flex;
  justify-content:space-between;
  gap:var(--sm-space-2);
  margin-bottom:var(--sm-space-5);
  color:inherit;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
  opacity:.68;
}

.usecase-meta span{
  min-width:0;
  overflow-wrap:anywhere;
}

.usecase h3{
  color:inherit;
  overflow-wrap:anywhere;
}

.usecase p{
  margin-top:var(--sm-space-1);
  color:inherit;
  opacity:.78;
}

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

.region-card{
  min-width:0;
  padding:1.75rem;
  border-radius:var(--sm-radius-md);
  background:#222522;
  color:#f7f3ee;
  container-type:inline-size;
}

.region-card:nth-child(2){
  background:#25212b;
  color:#f7f3ee;
}

.region-card:nth-child(3){
  background:#c9d7e5;
  color:#17202a;
}

.region-card:nth-child(4){
  background:#e7c7b8;
  color:#241b18;
}

.region-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:var(--sm-space-1);
  margin-bottom:var(--sm-space-4);
  color:inherit;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
}

.region-top>span{
  min-width:0;
  overflow-wrap:anywhere;
}

.region-code{
  display:grid;
  place-items:center;
  flex:0 0 2.65rem;
  width:2.65rem;
  height:2.65rem;
  border-radius:.85rem;
  background:#075f2b;
  color:#fff;
}

.region-card h3{
  color:inherit;
  font-size:clamp(1.4rem,10cqi,1.85rem);
  overflow-wrap:anywhere;
}

.region-card>p{
  min-height:0;
  margin-top:var(--sm-space-1);
  color:inherit;
  opacity:.74;
  font-size:var(--sm-text-sm);
}

.region-data{
  margin-top:var(--sm-space-2);
  padding-top:var(--sm-space-2);
  border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);
}

.region-data div{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:.75rem;
  margin:.65rem 0;
  color:inherit;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
}

.region-data span,
.region-data strong{
  min-width:0;
  color:inherit;
  overflow-wrap:anywhere;
}

.region-data strong{
  text-align:right;
}

.region-actions{
  justify-content:flex-start;
  margin-top:var(--sm-space-3);
}

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

.physical-card{
  min-width:0;
  padding:var(--sm-space-4);
  border-radius:var(--sm-radius-md);
}

.physical-card-blue{
  background:#c9d7e5;
  color:#17202a;
}

.physical-card-clay{
  background:#e7c7b8;
  color:#241b18;
}

.physical-card-wheat{
  background:#e5d7a1;
  color:#201d12;
}

.physical-index{
  display:grid;
  place-items:center;
  width:2.75rem;
  height:2.75rem;
  margin-bottom:var(--sm-space-3);
  border-radius:var(--sm-radius-sm);
  background:#075f2b;
  color:#fff;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
  font-weight:700;
}

.physical-card h3{
  color:inherit;
  overflow-wrap:anywhere;
}

.physical-card p{
  margin-top:var(--sm-space-1);
  color:inherit;
  opacity:.78;
}

.physical-checklist{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:var(--sm-space-3);
  border-radius:var(--sm-radius-md);
  background:#151715;
  color:#f7f3ee;
}

.physical-checklist div{
  min-width:0;
  padding:var(--sm-space-3);
  border-right:1px solid rgba(255,255,255,.12);
}

.physical-checklist div:last-child{
  border-right:0;
}

.physical-checklist strong{
  display:block;
  margin-bottom:var(--sm-space-1);
  color:#f7f3ee;
  font-family:var(--sm-font-heading);
  font-size:var(--sm-text-lg);
}

.physical-checklist span{
  color:#a8aaa6;
  font-size:var(--sm-text-sm);
  overflow-wrap:anywhere;
}

.sla-meter{
  display:grid;
  grid-template-columns:20rem minmax(0,1fr);
  gap:var(--sm-space-4);
  align-items:center;
  padding:3.5rem;
  border-radius:var(--sm-radius-lg);
  background:#181a19;
  color:#f7f3ee;
}

.sla-number{
  min-width:0;
}

.sla-number small{
  display:block;
  color:#a8aaa6;
  font-family:var(--sm-font-mono);
  letter-spacing:.08em;
}

.sla-number strong{
  display:block;
  color:#f7f3ee;
  font-family:var(--sm-font-mono);
  font-size:clamp(3rem,7vw,4.25rem);
  line-height:1;
  letter-spacing:-.07em;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}

.sla-number span{
  display:block;
  margin-top:var(--sm-space-1);
  color:#a8aaa6;
}

.sla-status{
  min-width:0;
}

.sla-status>p{
  color:#f7f3ee;
}

.status-bars{
  display:grid;
  grid-template-columns:repeat(30,minmax(0,1fr));
  gap:.3rem;
  margin:var(--sm-space-2) 0 var(--sm-space-3);
}

.status-bars i{
  height:3.4rem;
  border-radius:.25rem;
  background:#399447;
}

.status-bars i:nth-child(8),
.status-bars i:nth-child(21){
  opacity:.58;
}

.sla-copy{
  display:flex;
  justify-content:space-between;
  gap:var(--sm-space-2);
  padding-top:var(--sm-space-2);
  border-top:1px solid rgba(255,255,255,.12);
  color:#a8aaa6;
  font-size:var(--sm-text-sm);
}

.sla-copy span{
  min-width:0;
  overflow-wrap:anywhere;
}

.quote-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
}

.quote{
  min-width:0;
  padding:var(--sm-space-2) var(--sm-space-4);
  border-right:1px solid rgba(36,27,24,.18);
  color:#241b18;
}

.quote:first-child{
  padding-left:0;
}

.quote:last-child{
  border-right:0;
}

.quote p{
  margin-bottom:var(--sm-space-3);
  color:#241b18;
  font-family:var(--sm-font-heading);
  font-size:var(--sm-text-xl);
  overflow-wrap:anywhere;
}

.quote small{
  color:#5f4940;
}

.timeline{
  position:relative;
  max-width:66rem;
  margin-inline:auto;
}

.timeline.is-empty{
  max-width:42rem;
}

.timeline.is-empty::before{
  display:none;
}

.timeline-empty{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--sm-space-3);
  padding:var(--sm-space-4);
  border-radius:var(--sm-radius-lg);
  background:#ebe7e1;
  color:#090b0a;
}

.timeline-empty__mark{
  flex:0 0 auto;
  width:2.75rem;
  height:2.75rem;
  border-radius:50%;
  background:#075f2b;
  box-shadow:0 0 0 6px #f6f3ee;
}

.timeline-empty__copy{
  min-width:0;
}

.timeline-empty__copy strong{
  display:block;
  font-family:var(--sm-font-heading);
  font-size:var(--sm-text-xl);
  font-weight:500;
  overflow-wrap:anywhere;
}

.timeline-empty__copy p{
  margin-top:.55rem;
  color:#555b56;
}

.timeline::before{
  content:"";
  position:absolute;
  top:1rem;
  bottom:1rem;
  left:10.6rem;
  width:1px;
  background:rgba(9,11,10,.14);
}

.month{
  display:grid;
  grid-template-columns:10.6rem minmax(0,1fr);
  margin-bottom:var(--sm-space-4);
}

.month-title{
  position:relative;
  min-width:0;
  padding-top:var(--sm-space-2);
  color:#555b56;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-sm);
  overflow-wrap:anywhere;
}

.month-title::after{
  content:"";
  position:absolute;
  top:1.15rem;
  right:-.36rem;
  width:.72rem;
  height:.72rem;
  border:3px solid #f6f3ee;
  border-radius:50%;
  background:#075f2b;
}

.posts{
  min-width:0;
  padding-left:2.8rem;
}

.post{
  display:grid;
  grid-template-columns:4.5rem minmax(0,1fr) auto;
  align-items:start;
  gap:1.25rem;
  min-width:0;
  margin-bottom:.75rem;
  padding:1.25rem;
  border-radius:var(--sm-radius-sm);
  background:#ebe7e1;
  color:#090b0a;
  text-decoration:none;
  transition:background .2s ease,transform .2s ease;
}

.post:hover{
  background:#e2ddd6;
  transform:translateY(-2px);
}

.post:focus-visible{
  outline:3px solid rgba(7,95,43,.35);
  outline-offset:3px;
}

.post>span{
  min-width:0;
}

.post-date{
  color:#4a4f4a;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
}

.post h3{
  color:#090b0a;
  font-size:var(--sm-text-lg);
  overflow-wrap:anywhere;
}

.post p{
  margin-top:.35rem;
  color:#555b56;
  font-size:var(--sm-text-sm);
}

.post-tag{
  width:fit-content;
  max-width:100%;
  height:fit-content;
  padding:.4rem .65rem;
  border-radius:var(--sm-radius-pill);
  background:#c9d7e5;
  color:#17202a;
  font-size:var(--sm-text-xs);
  overflow-wrap:anywhere;
}

.c-section-head.is-centered~.timeline-actions{
  justify-content:center;
  margin-top:var(--sm-space-4);
}

.home-faq details{
  background:#151715;
  color:#f7f3ee;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.home-faq details:first-child{
  border-top:1px solid rgba(255,255,255,.12);
}

.home-faq summary{
  color:#f7f3ee;
}

.home-faq details[open] summary{
  padding-bottom:var(--sm-space-2);
}

.home-faq .c-faq__body{
  padding-top:var(--sm-space-2);
  border-top:1px solid rgba(255,255,255,.12);
  color:#a8aaa6;
}

.support-action{
  justify-content:flex-start;
  margin-top:var(--sm-space-3);
}

.home-closing-section{
  padding-bottom:var(--sm-space-5);
}

.home-closing{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  padding:var(--sm-space-5);
  border-radius:var(--sm-radius-lg);
  background:#151715;
  color:#f7f3ee;
}

.home-closing__copy{
  min-width:0;
}

.home-closing__copy .c-kicker{
  background:#c9d7e5;
  color:#17202a;
}

.home-closing__copy .c-kicker::before{
  background:#075f2b;
}

.home-closing__copy h2{
  max-width:18em;
  color:#f7f3ee;
  overflow-wrap:anywhere;
}

.home-closing__copy p{
  max-width:44rem;
  margin-top:var(--sm-space-2);
  color:#b8bbb6;
}

.home-closing__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.75rem;
  min-width:12rem;
}

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

.home-closing__actions .c-btn-ghost{
  background:rgba(255,255,255,.035);
  color:#f7f3ee;
  border-color:rgba(255,255,255,.32);
}

@media(max-width:64rem){
  .home-hero .c-page-hero__grid{
    grid-template-columns:1fr;
  }

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

  .trust-grid strong{
    grid-column:1/-1;
    padding:var(--sm-space-2);
  }

  .feature-stage,
  .sla-meter{
    grid-template-columns:1fr;
  }

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

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

  .physical-card:nth-child(3){
    grid-column:1/-1;
  }

  .physical-checklist{
    grid-template-columns:1fr;
  }

  .physical-checklist div{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  .physical-checklist div:last-child{
    border-bottom:0;
  }

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

  .home-closing__actions{
    align-items:flex-start;
    min-width:0;
  }

  .home-closing__actions .c-btn{
    width:auto;
  }
}

@media(max-width:42rem){
  .home-hero{
    padding-top:var(--sm-hero-pad);
    padding-bottom:var(--sm-space-5);
  }

  .home-hero .c-page-hero__grid{
    gap:var(--sm-space-4);
  }

  .home-hero .c-page-hero__stage{
    height:auto;
    min-height:0;
    overflow:visible;
    transform:none;
    width:100%;
    max-width:100%;
    margin-bottom:0;
  }

  .home-hero .hero-queue,
  .home-hero .hero-float,
  .home-hero .hero-runner{
    position:relative;
    inset:auto;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    width:100%;
    max-width:none;
    height:auto;
    min-height:0;
    transform:none;
  }

  .home-hero .hero-build-row{
    min-height:0;
    padding-block:.55rem;
  }

  .trust-wall{
    position:relative;
    z-index:1;
    padding-top:var(--sm-space-3);
  }

  .home-hero .c-page-hero__copy .c-actions{
    width:100%;
  }

  [data-hero-face="confirmed-draft"] .hero-art .hero-card,
  .hero-card{
    padding:var(--sm-space-3);
  }
  [data-hero-face="confirmed-draft"]>.hero-card{
    padding-inline:max(var(--sm-space-4),32px);
  }
  [data-hero-face="confirmed-draft"] .hero-art .runner-card{
    box-sizing:border-box;
    width:calc(100% - 2rem);
    padding:1.5rem;
  }
  [data-hero-face="confirmed-draft"] .hero-art .queue-card{
    box-sizing:border-box;
    width:calc(100% - 2rem);
    padding:1.5rem 2rem;
  }
  [data-hero-face="confirmed-draft"] .hero-art .runner-card .runner-line{
    box-sizing:border-box;
    width:calc(100% - 1rem);
    padding-inline:1rem;
  }

  .hero-card-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .hero-build-row{
    grid-template-columns:2.1rem minmax(0,1fr);
    padding-block:.65rem;
  }

  .hero-ok{
    grid-column:2;
  }

  .hero-node-label{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .trust-grid,
  .region-grid,
  .quote-grid,
  .physical-grid{
    grid-template-columns:1fr;
  }

  .physical-card:nth-child(3){
    grid-column:auto;
  }

  .feature-main{
    min-height:40rem;
    padding:var(--sm-space-3);
  }

  .run-register{
    right:var(--sm-space-3);
    bottom:var(--sm-space-3);
    width:calc(100% - 2 * var(--sm-space-3));
    padding:var(--sm-space-2);
  }

  .run-register header,
  .run-register div{
    grid-template-columns:minmax(0,1fr) 4rem 4.5rem;
    gap:.5rem;
  }

  .feature-side{
    grid-template-rows:auto;
  }

  .feature-mini{
    padding:var(--sm-space-3);
  }

  .feature-mini small{
    margin-bottom:var(--sm-space-3);
  }

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

  .usecase:nth-child(n){
    grid-column:auto;
    min-height:0;
    padding:var(--sm-space-3);
  }

  .usecase-meta{
    margin-bottom:var(--sm-space-4);
  }

  .region-card>p{
    min-height:0;
  }

  .sla-meter{
    gap:var(--sm-space-3);
    padding:var(--sm-space-3);
  }

  .status-bars{
    gap:.15rem;
  }

  .status-bars i{
    height:2rem;
  }

  .sla-copy{
    flex-direction:column;
  }

  .quote{
    padding:var(--sm-space-3) 0;
    border-right:0;
    border-bottom:1px solid rgba(36,27,24,.18);
  }

  .quote:last-child{
    border-bottom:0;
  }

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

  .timeline-empty{
    grid-template-columns:1fr;
  }

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

  .month-title{
    padding-left:1.5rem;
  }

  .month-title::after{
    left:0;
    right:auto;
  }

  .posts{
    padding-left:1.5rem;
  }

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

  .post-tag{
    align-self:flex-start;
  }

  .home-faq .c-faq__body{
    padding-right:0;
  }

  .home-closing{
    padding:var(--sm-space-3);
  }

  .home-closing__actions{
    width:100%;
    align-items:stretch;
  }

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

@media(max-width:24.375rem){
  .hero-copy-note{
    flex-direction:column;
  }

  .hero-copy-note span{
    width:100%;
  }

  .run-register{
    position:relative;
    right:auto;
    bottom:auto;
    width:100%;
    margin-top:var(--sm-space-4);
    transform:none;
  }

  .feature-main{
    min-height:0;
  }

  .run-register header,
  .run-register div{
    grid-template-columns:1fr;
  }

  .region-data div{
    grid-template-columns:1fr;
  }

  .region-data strong{
    text-align:left;
  }
}

@media(prefers-reduced-motion:reduce){
  .post{
    transition:none;
  }

  .post:hover{
    transform:none;
  }
}