[data-hero-face="confirmed-draft"]:not([data-face-root]){
  height:35rem;
  min-width:0;
  overflow:visible;
  border-radius:0;
  background:transparent;
  color:#212123;
}

[data-hero-face="confirmed-draft"]:not([data-face-root])::before,
[data-hero-face="confirmed-draft"]:not([data-face-root])::after{
  display:none;
}

[data-hero-face="confirmed-draft"] .hero-art{
  position:absolute;
  z-index:3;
  bottom:-1.875rem;
  left:50%;
  width:71.25rem;
  height:40rem;
  transform:translateX(-50%) perspective(87.5rem) rotateX(2.2deg);
  transform-origin:50% 100%;
  animation:art-rise 1.1s var(--pm-ease) both;
}

[data-hero-face="confirmed-draft"] .art-backdrop{
  position:absolute;
  inset:3.25rem 1.5rem 0;
  border-radius:50%;
  background:rgba(111,85,113,.22);
  filter:blur(3.375rem);
}

[data-hero-face="confirmed-draft"] .cluster{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  filter:drop-shadow(0 2rem 2.8rem rgba(31,25,34,.25));
}

[data-hero-face="confirmed-draft"] .queue-card{
  fill:#242126;
}

[data-hero-face="confirmed-draft"] .runner-card{
  fill:#2D2930;
}

[data-hero-face="confirmed-draft"] .float-card{
  fill:#37313A;
}

[data-hero-face="confirmed-draft"] .build-row{
  fill:#312D34;
}

[data-hero-face="confirmed-draft"] .runner-line{
  stroke:#4B444E;
  stroke-width:1;
}

[data-hero-face="confirmed-draft"] .status-live{
  fill:#A93E27;
}

[data-hero-face="confirmed-draft"] .pill-ok{
  fill:#E9E7DD;
}

[data-hero-face="confirmed-draft"] .node-label{
  fill:#D9D2DE;
}

[data-hero-face="confirmed-draft"] .float-title{
  fill:#FFFFFF;
}

.home-hero{
  min-height:64rem;
  padding:var(--pm-hero-pad) 0 0;
  background:#F8F7F4;
  color:#212123;
}

.home-hero__copy{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  align-items:start;
  gap:clamp(3rem,8vw,7rem);
}

.home-hero__copy > *{
  min-width:0;
}

.home-hero__title{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}

.home-hero__title .c-kicker{
  margin-bottom:var(--pm-space-3);
}

.home-hero__title h1{
  max-width:15ch;
  overflow-wrap:anywhere;
}

.home-hero__title > p{
  max-width:42rem;
  margin-top:var(--pm-space-3);
  color:#4F4B52;
  font-size:var(--pm-fs-3);
}

.home-hero__side{
  min-width:0;
  padding-top:3.5rem;
}

.home-hero__side h2{
  color:#212123;
  font-family:var(--pm-font-body);
  font-size:var(--pm-fs-4);
  font-weight:700;
  letter-spacing:-.02em;
}

.home-hero__side > p{
  margin-top:var(--pm-space-2);
  color:#4F4B52;
  font-size:var(--pm-fs-3);
}

.home-hero__actions{
  justify-content:flex-start;
  margin-top:var(--pm-space-3);
  margin-bottom:var(--pm-space-3);
}

.home-points{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
}

.home-point{
  max-width:100%;
  padding:.4rem .7rem;
  border-radius:var(--pm-radius-pill);
  background:rgba(255,255,255,.72);
  color:#292A35;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-0);
  font-weight:700;
  overflow-wrap:anywhere;
}

.home-entry{
  margin-top:var(--pm-space-2);
  color:#4F4B52;
  font-size:var(--pm-fs-1);
}

.build-board{
  position:relative;
  z-index:2;
  width:min(71.25rem,calc(100% - 2 * var(--pm-gutter)));
  height:35rem;
  margin:4.5rem auto -2rem;
}

.fact-band{
  position:relative;
  z-index:3;
  padding:0 0 var(--pm-section-pad);
  background:#F8F7F4;
  color:#212123;
}

.fact-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  border-radius:var(--pm-radius-md);
  background:#FFFFFF;
  color:#212123;
  box-shadow:var(--pm-shadow-soft);
}

.fact{
  min-width:0;
  padding:2rem;
  border-right:1px solid var(--pm-line);
  background:#FFFFFF;
  color:#212123;
  container-type:inline-size;
}

.fact:last-child{
  border-right:0;
  background:#F0F2EE;
  color:#263028;
}

.fact > span{
  color:inherit;
  font-size:var(--pm-fs-0);
  font-weight:700;
  opacity:.68;
}

.fact strong{
  display:block;
  margin-top:var(--pm-space-2);
  color:inherit;
  font-family:var(--pm-font-heading);
  font-size:clamp(1.7rem,12cqi,2.6rem);
  font-weight:500;
  line-height:1.15;
  overflow-wrap:anywhere;
}

.fact p{
  margin-top:.6rem;
  color:inherit;
  font-size:var(--pm-fs-1);
  opacity:.74;
}

.c-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.7fr);
  align-items:end;
  gap:var(--pm-space-4);
  margin-bottom:var(--pm-space-4);
}

.c-section-head > *{
  min-width:0;
}

.c-section-head > div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.c-section-head .c-kicker{
  margin-bottom:var(--pm-space-3);
}

.c-section-head > p{
  color:#66636A;
}

.usecases{
  background:#F0F2EE;
  color:#263028;
}

.usecases .c-section-head > p{
  color:#535D55;
}

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

.usecase-grid article{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  padding-inline:clamp(1.5rem,3vw,2rem);
}

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

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

.usecase-mark{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--pm-space-1);
  margin-bottom:var(--pm-space-3);
}

.usecase-icon{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  flex:none;
  border-radius:var(--pm-radius-sm);
  background:#FFFFFF;
  color:#711706;
}

.usecase-icon svg{
  width:1.25rem;
  height:1.25rem;
}

.usecase-icon-dark{
  background:#F8F7F4;
  color:#711706;
}

.usecase-dark-badge{
  background:#F1EDF0;
  color:#31272E;
}

.usecase-grid h3{
  color:inherit;
}

.usecase-grid h3 + p{
  margin-top:var(--pm-space-2);
  color:inherit;
  opacity:.76;
}

.flow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  margin-top:var(--pm-space-3);
}

.flow span{
  padding:.45rem .65rem;
  border-radius:.7rem;
  background:rgba(255,255,255,.68);
  color:#292A35;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-0);
}

.flow b{
  color:inherit;
  font-size:var(--pm-fs-1);
}

.flow-dark span{
  background:#37313A;
  color:#F8F7F4;
}

.plans-preview{
  background:#F8F7F4;
  color:#212123;
}

.c-price-card{
  container-type:inline-size;
  padding-inline:2rem;
}

.c-price-card > .c-badge{
  margin-bottom:var(--pm-space-3);
}

.c-price-card > p{
  margin-top:var(--pm-space-2);
  color:inherit;
  opacity:.76;
}

.c-price-card__meta{
  color:inherit;
  overflow-wrap:anywhere;
}

.c-price-card__link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--pm-space-1);
  color:inherit;
}

.c-price-card__link svg{
  width:1rem;
  height:1rem;
  flex:none;
}

.plans-note{
  display:flex;
  align-items:flex-start;
  gap:var(--pm-space-2);
  margin-top:var(--pm-space-4);
  padding:1.5rem;
  border-radius:var(--pm-radius-md);
  background:#F1EDF0;
  color:#31272E;
}

.plans-note strong{
  flex:none;
}

.region-section{
  background:#242126;
  color:#F8F7F4;
}

.region-section .c-section-head > p{
  color:#C8C3CA;
}

.region-kicker{
  background:#F4EDE8;
  color:#352923;
}

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

.region-grid article{
  min-width:0;
  padding:1.5rem;
  border-radius:var(--pm-radius-md);
  background:#F0F2EE;
  color:#263028;
}

.region-grid article:nth-child(2){
  background:#EEEFF4;
  color:#292A35;
}

.region-grid article:nth-child(3){
  background:#F1EDF0;
  color:#31272E;
}

.region-grid article:nth-child(4){
  background:#FFFFFF;
  color:#242126;
}

.region-grid article:nth-child(5){
  background:#F4EDE8;
  color:#352923;
}

.region-grid small{
  color:inherit;
  font-family:var(--pm-font-mono);
  font-weight:700;
  opacity:.68;
}

.region-grid h3{
  margin-top:.75rem;
  color:inherit;
}

.region-grid p{
  margin-top:var(--pm-space-1);
  color:inherit;
  font-size:var(--pm-fs-1);
  opacity:.74;
}

.region-grid .c-stock{
  margin-top:var(--pm-space-3);
  color:inherit;
}

.region-guide{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:var(--pm-space-3);
  margin-top:var(--pm-space-4);
}

.region-guide > div{
  min-width:0;
  padding:1.5rem;
  border-radius:var(--pm-radius-md);
  background:#302C32;
  color:#F8F7F4;
}

.region-guide__number{
  display:inline-flex;
  width:2rem;
  height:2rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#F4EDE8;
  color:#352923;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-0);
  font-weight:700;
}

.region-guide strong{
  display:block;
  margin-top:var(--pm-space-2);
  color:#F8F7F4;
}

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

.delivery{
  background:#F0F2EE;
  color:#263028;
}

.delivery .c-section-head > p{
  color:#535D55;
}

.delivery-paired{
  align-items:stretch;
}

.timeline{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:2rem;
  border-radius:var(--pm-radius-md);
  background:#FFFFFF;
  color:#242126;
}

.step{
  display:grid;
  grid-template-columns:2.3rem minmax(0,1fr) auto;
  align-items:start;
  gap:var(--pm-space-2);
  min-height:6rem;
  padding-block:var(--pm-space-2);
  border-bottom:1px solid var(--pm-line);
}

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

.step > *{
  min-width:0;
}

.step-no{
  display:grid;
  width:2.3rem;
  height:2.3rem;
  place-items:center;
  border-radius:50%;
  background:#EEEFF4;
  color:#292A35;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-0);
  font-weight:700;
}

.step h3{
  color:#242126;
  font-family:var(--pm-font-body);
  font-size:var(--pm-fs-3);
  font-weight:700;
  letter-spacing:-.01em;
}

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

.step time{
  color:#66636A;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-0);
  white-space:nowrap;
}

.delivery-checklist{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:space-between;
  gap:var(--pm-space-3);
  height:100%;
  padding-inline:clamp(1.5rem,3vw,2rem);
  background:#F0F2EE;
  color:#263028;
}

.delivery-checklist > div:first-child{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.delivery-checklist .c-badge{
  margin-bottom:var(--pm-space-3);
}

.delivery-checklist h3{
  color:#263028;
}

.delivery-checklist h3 + p{
  margin-top:var(--pm-space-2);
  color:#535D55;
  opacity:1;
}

.checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.7rem;
}

.check{
  display:flex;
  min-width:0;
  align-items:flex-start;
  gap:.6rem;
  padding:.85rem;
  border-radius:var(--pm-radius-sm);
  background:#FFFFFF;
  color:#263028;
  font-size:var(--pm-fs-1);
}

.check > svg{
  width:1.25rem;
  height:1.25rem;
  flex:none;
  color:#711706;
}

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

.check strong,
.check small{
  display:block;
  color:#263028;
}

.check small{
  margin-top:.25rem;
  opacity:.7;
}

.delivery-action{
  align-self:flex-start;
  margin-top:var(--pm-space-2);
}

.quote{
  background:#F4EDE8;
  color:#352923;
}

.quote-card{
  position:relative;
  padding:clamp(2rem,6vw,5rem);
  border-radius:var(--pm-radius-lg);
  background:#FFFFFF;
  color:#212123;
}

.quote-mark{
  position:absolute;
  top:.3rem;
  left:2rem;
  color:#ECEBEC;
  font-family:var(--pm-font-heading);
  font-size:6rem;
  line-height:1;
}

.quote-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4rem;
}

.quote-grid > div{
  min-width:0;
}

.quote-grid blockquote{
  color:#212123;
  font-size:var(--pm-fs-4);
}

.quote-grid small{
  display:block;
  margin-top:var(--pm-space-3);
  color:#66636A;
}

.updates{
  background:#F8F7F4;
  color:#212123;
}

.news-list{
  border-top:1px solid var(--pm-line);
}

.news-row{
  display:grid;
  grid-template-columns:minmax(8rem,12rem) minmax(15rem,23rem) minmax(0,1fr);
  align-items:start;
  gap:2rem;
  padding:1.8rem 1rem 1.8rem 0;
  border-bottom:1px solid var(--pm-line);
  background:#F8F7F4;
  color:#212123;
  transition:background .2s ease,padding .2s ease;
}

.news-row:hover{
  padding-left:1rem;
  background:#EEEFF4;
  color:#292A35;
}

.news-row > *{
  min-width:0;
}

.news-row [data-slot="pill"]{
  width:fit-content;
  max-width:100%;
  padding:.4rem .7rem;
  border-radius:var(--pm-radius-pill);
  background:#F0F2EE;
  color:#263028;
  font-size:var(--pm-fs-0);
  font-weight:700;
}

.news-row h3{
  color:inherit;
  font-family:var(--pm-font-body);
  font-size:var(--pm-fs-4);
  font-weight:700;
  letter-spacing:-.02em;
}

.news-row p{
  display:-webkit-box;
  overflow:hidden;
  color:#66636A;
  font-size:var(--pm-fs-1);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.news-row[hidden]{
  display:none;
}

.news-empty{
  display:flex;
  min-height:12rem;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:2rem;
  border-bottom:1px solid var(--pm-line);
  background:#EEEFF4;
  color:#292A35;
}

.news-empty strong{
  color:#292A35;
  font-size:var(--pm-fs-4);
}

.news-empty p{
  max-width:45rem;
  margin-top:var(--pm-space-1);
  color:#555662;
}

.news-empty .c-btn{
  margin-top:var(--pm-space-3);
}

.faq-section{
  background:#F8F7F4;
  color:#212123;
}

.faq-section .c-faq{
  border-top:0;
}

.faq-section .c-faq details{
  border-bottom:1px solid var(--pm-line);
  background:#F8F7F4;
  color:#212123;
}

.faq-section .c-faq details:first-child{
  border-top:1px solid var(--pm-line);
}

.faq-section .c-faq summary{
  margin-bottom:.75rem;
  padding:1.25rem 0 .5rem;
  color:#212123;
}

.faq-section .c-faq__body{
  padding:1rem 2rem 1.5rem 0;
  border-top:1px solid var(--pm-line);
  background:#F8F7F4;
  color:#66636A;
}

.home-closing{
  padding:var(--pm-space-5) 0;
  background:#F8F7F4;
  color:#212123;
}

.home-closing .c-cta-band__card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(16rem,.44fr);
  align-items:center;
  gap:var(--pm-space-4);
  padding:clamp(2rem,5vw,4rem);
  border-radius:var(--pm-radius-lg);
  background:#242126;
  color:#F8F7F4;
}

.home-closing__copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}

.home-closing__kicker{
  margin-bottom:var(--pm-space-3);
  background:#F4EDE8;
  color:#352923;
}

.home-closing h2{
  color:#F8F7F4;
}

.home-closing p{
  max-width:45rem;
  margin-top:var(--pm-space-2);
  color:#C8C3CA;
}

.home-closing__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  margin-top:0;
}

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

.home-closing__actions .c-btn-ghost{
  border-color:rgba(255,255,255,.35);
  background:transparent;
  color:#F8F7F4;
}

@keyframes art-rise{
  from{
    opacity:0;
    transform:translateX(-50%) perspective(87.5rem) rotateX(5deg) translateY(3.5rem);
  }
}

@media(max-width:64rem){
  .home-hero{
    min-height:0;
  }

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

  .home-hero__side{
    padding-top:0;
  }

  .home-hero__title h1{
    max-width:none;
  }

  .build-board{
    height:auto;
    min-height:28rem;
    margin-bottom:2rem;
  }

  [data-hero-face="confirmed-draft"]:not([data-face-root]){
    height:auto;
    min-height:28rem;
  }

  [data-hero-face="confirmed-draft"] .hero-art{
    bottom:auto;
    width:100%;
    height:auto;
    transform:none;
  }

  [data-hero-face="confirmed-draft"] .cluster{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
  }

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

  .fact:nth-child(2){
    border-right:0;
  }

  .fact:nth-child(-n+2){
    border-bottom:1px solid var(--pm-line);
  }

  .usecase-grid article{
    grid-column:span 6 !important;
  }

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

  .quote-grid{
    grid-template-columns:1fr;
    gap:var(--pm-space-4);
  }

  .news-row{
    grid-template-columns:minmax(8rem,11rem) minmax(0,1fr);
    gap:var(--pm-space-2);
  }

  .news-row p{
    grid-column:2;
  }

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

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

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

@media(max-width:46rem){
  .build-board{
    min-height:20rem;
  }

  [data-hero-face="confirmed-draft"]:not([data-face-root]){
    min-height:20rem;
  }

  [data-hero-face="confirmed-draft"] .hero-art{
    position:relative;
    left:auto;
    width:42rem;
    max-width:none;
    transform:translateX(-8rem);
  }
}

@media(max-width:42rem){
  .home-hero{
    overflow:hidden;
  }

  .home-hero__title > p,
  .home-hero__side > p{
    font-size:var(--pm-fs-2);
  }

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

  .fact{
    border-right:0;
    border-bottom:1px solid var(--pm-line);
  }

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

  .c-section-head{
    grid-template-columns:1fr;
    align-items:start;
    gap:var(--pm-space-3);
  }

  .usecase-grid article{
    grid-column:1 / -1 !important;
  }

  .plans-note{
    flex-direction:column;
  }

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

  .step time{
    grid-column:2;
    white-space:normal;
  }

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

  .delivery-checklist{
    height:auto;
  }

  .quote-mark{
    left:1.25rem;
  }

  .news-row{
    grid-template-columns:1fr;
    gap:var(--pm-space-1);
    padding-inline:0;
  }

  .news-row p{
    grid-column:auto;
  }

  .news-row:hover{
    padding-left:0;
  }

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

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

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

@media(max-width:24.375rem){
  [data-hero-face="confirmed-draft"] .hero-art{
    width:38rem;
    transform:translateX(-7.5rem);
  }

  .build-board,
  [data-hero-face="confirmed-draft"]:not([data-face-root]){
    min-height:18rem;
  }
}

@media(prefers-reduced-motion:reduce){
  [data-hero-face="confirmed-draft"] .hero-art{
    animation:none;
  }
}
