.home-hero{
  position:relative;
  background:#243034;
  color:#FFFFFF;
}

.home-hero::after{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  content:"";
  opacity:.12;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:100% 3.5rem;
}

.home-hero-main{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:start;
  gap:var(--space-6);
  padding-top:var(--space-7);
  padding-bottom:var(--space-6);
}

.home-copy{
  min-width:0;
  align-self:start;
}

.home-copy h1{
  max-width:13ch;
  overflow-wrap:anywhere;
}

.home-eyebrow{
  display:flex;
  width:fit-content;
  max-width:100%;
  align-items:center;
  align-self:flex-start;
  gap:.65rem;
  margin-bottom:var(--space-3);
  color:#E3C48A;
  font-size:var(--text-xs);
  line-height:1.4;
  font-weight:750;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.home-eyebrow::before{
  width:1.8rem;
  height:2px;
  flex:0 0 auto;
  content:"";
  background:#D39A32;
}

.home-lead{
  max-width:43rem;
  margin-top:var(--space-3);
  color:#D8E0E1;
  font-size:var(--text-md);
}

.home-copy .c-action-row{
  justify-content:flex-start;
  margin-top:var(--space-4);
}

.home-note{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem 1.25rem;
  margin-top:var(--space-3);
  color:#B7C2C4;
  font-size:var(--text-xs);
}

.home-note span{
  display:inline-flex;
  min-width:0;
  align-items:center;
}

.home-note span::before{
  margin-right:.4rem;
  color:#E3B65D;
  content:"✓";
}

.home-stage{
  position:relative;
  display:flex;
  min-width:0;
  height:auto;
  min-height:0;
  flex-direction:column;
  align-items:stretch;
  align-self:start;
  overflow:visible;
}

.home-stage[data-hero-face="confirmed-draft"]{
  height:auto;
  min-height:0;
}

.handoff{
  width:calc(100% - 2.25rem);
  min-width:0;
  padding:var(--space-3) 1.7rem var(--space-4);
  border-radius:var(--radius-md);
  background:#FAF9F6;
  color:#243034;
  box-shadow:var(--shadow-stage);
  transform:rotate(-1.2deg);
  transform-origin:center;
}

.handoff-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
  padding-bottom:var(--space-2);
  border-bottom:1px solid #CFD3D0;
}

.handoff-head > div{
  min-width:0;
}

.handoff-head strong{
  display:block;
  color:#243034;
  font-family:var(--font-heading);
  font-size:var(--text-md);
}

.handoff-head small{
  display:block;
  margin-top:.35rem;
  overflow-wrap:anywhere;
  color:#697276;
  letter-spacing:.08em;
}

.handoff-live{
  display:flex;
  width:fit-content;
  max-width:100%;
  flex:0 0 auto;
  align-items:center;
  gap:.4rem;
  padding:.4rem .65rem;
  border-radius:999px;
  background:#F4E6B8;
  color:#302811;
  font-size:var(--text-xs);
  line-height:1.2;
  font-weight:800;
}

.handoff-live::before{
  width:.45rem;
  height:.45rem;
  flex:0 0 auto;
  border-radius:50%;
  background:#9C3F0B;
  content:"";
}

.handoff-row{
  display:grid;
  grid-template-columns:minmax(5.8rem,6.8rem) minmax(0,1fr) auto;
  align-items:center;
  gap:.8rem;
  min-height:3.75rem;
  border-bottom:1px solid #DADDD9;
  color:#243034;
  font-size:var(--text-xs);
}

.handoff-row span{
  min-width:0;
  color:#697276;
}

.handoff-row strong{
  min-width:0;
  overflow-wrap:anywhere;
  color:#243034;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
}

.handoff-pill{
  width:fit-content;
  max-width:100%;
  padding:.25rem .45rem;
  border-radius:999px;
  background:#D5E7E4;
  color:#18302F;
  font-size:.65rem;
  line-height:1.3;
  font-weight:800;
}

.handoff-runner{
  display:grid;
  grid-template-columns:4rem minmax(0,1fr);
  align-items:center;
  gap:var(--space-2);
  margin-top:var(--space-3);
  padding:var(--space-2);
  border-radius:var(--radius-sm);
  background:#243034;
  color:#F7F8F5;
}

.handoff-runner svg{
  width:4rem;
  height:4rem;
}

.handoff-runner strong{
  display:block;
  color:#FFFFFF;
  font-size:var(--text-sm);
}

.handoff-runner span{
  display:block;
  margin-top:.35rem;
  color:#BBC5C6;
  font-size:var(--text-xs);
  line-height:1.5;
}

.float-session{
  position:relative;
  right:auto;
  bottom:auto;
  width:min(14.5rem,48%);
  min-width:0;
  align-self:flex-end;
  margin-top:-1.25rem;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#F2D7D5;
  color:#321E20;
  transform:rotate(3deg);
  box-shadow:0 17px 35px rgba(0,0,0,.28);
}

.float-session-head{
  display:flex;
  justify-content:space-between;
  gap:.75rem;
  color:#321E20;
  font-size:.65rem;
  line-height:1.4;
  font-weight:800;
  letter-spacing:.08em;
}

.float-session strong{
  display:block;
  margin-top:.5rem;
  overflow-wrap:anywhere;
  color:#321E20;
  font-family:var(--font-mono);
  font-size:var(--text-md);
}

.float-session p{
  margin-top:.4rem;
  color:#674C50;
  font-size:var(--text-xs);
}

.home-data-band{
  position:relative;
  z-index:1;
  padding-block:var(--space-3);
  border-top:1px solid rgba(255,255,255,.16);
  background:#192529;
  color:#FFFFFF;
}

.home-data-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
}

.home-data-item{
  min-width:0;
  padding:var(--space-2) var(--space-3);
  color:#FFFFFF;
}

.home-data-item + .home-data-item{
  border-left:1px solid rgba(255,255,255,.16);
}

.home-data-item .c-data-band-label{
  color:#AEBABC;
  font-size:var(--text-xs);
  line-height:1.4;
}

.home-data-item .c-data-band-value{
  margin-top:.45rem;
  overflow-wrap:anywhere;
  color:#FFFFFF;
  font-family:var(--font-heading);
  font-size:var(--text-lg);
  line-height:1.3;
  font-weight:700;
}

.home-data-item .c-data-band-value small{
  color:#BAC5C6;
  font-family:var(--font-body);
  font-weight:500;
}

.home-boundary{
  padding-block:var(--space-7);
  background:#FAF9F6;
  color:#243034;
}

.home-boundary .c-section-head,
.home-plans .c-section-head,
.home-use-cases .c-section-head,
.home-regions .c-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  align-items:end;
  gap:var(--space-5);
  margin-bottom:var(--space-5);
}

.home-boundary .c-section-head > div,
.home-plans .c-section-head > div,
.home-use-cases .c-section-head > div,
.home-regions .c-section-head > div{
  min-width:0;
}

.home-boundary .c-section-head p,
.home-plans .c-section-head p{
  color:#5F686B;
}

.service-cards{
  align-items:start;
}

.service-cards article{
  min-height:19rem;
  display:flex;
  flex-direction:column;
}

.service-cards h3{
  margin-top:var(--space-6);
  overflow-wrap:anywhere;
}

.service-cards p{
  margin-top:var(--space-2);
}

.service-meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:.5rem var(--space-2);
  margin-top:var(--space-3);
  padding-top:var(--space-2);
  border-top:1px solid rgba(36,48,52,.18);
  color:inherit;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
}

.scene-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  min-height:40rem;
  align-items:stretch;
}

.scene-main,
.scene-small{
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:var(--space-5);
}

.scene-main{
  min-height:40rem;
  background:#D94B3D;
  color:#FFFFFF;
}

.scene-stack{
  display:grid;
  min-width:0;
  grid-template-rows:repeat(2,minmax(0,1fr));
}

.scene-small{
  min-height:20rem;
}

.scene-mobile{
  background:#F1C94B;
  color:#302811;
}

.scene-build{
  background:#245EB8;
  color:#FFFFFF;
}

.scene-visual{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}

.scene-caption{
  position:absolute;
  left:var(--space-5);
  right:var(--space-5);
  bottom:var(--space-5);
  z-index:1;
  max-width:28rem;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#243034;
  color:#FFFFFF;
}

.scene-mobile .scene-caption{
  background:#F4E6B8;
  color:#302811;
}

.scene-caption small{
  color:inherit;
  font-family:var(--font-mono);
  letter-spacing:.09em;
  text-transform:uppercase;
}

.scene-caption h3{
  margin-top:.5rem;
  overflow-wrap:anywhere;
  color:inherit;
}

.scene-caption p{
  margin-top:.5rem;
  color:inherit;
  opacity:.82;
  font-size:var(--text-sm);
}

.home-plans{
  padding-block:var(--space-7);
  background:#FFFFFF;
  color:#243034;
}

.home-plans .c-price-grid{
  align-items:start;
}

.price-fit{
  margin-top:var(--space-3);
  color:#5F686B;
  font-size:var(--text-sm);
}

.c-price-card-featured .price-fit{
  color:#D2DADB;
}

.payment-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  margin-top:var(--space-5);
  padding-top:var(--space-3);
  border-top:1px solid #D9DCD9;
}

.payment-row p{
  min-width:0;
  color:#5F686B;
  font-size:var(--text-sm);
}

.payment-row strong{
  color:#243034;
}

.advisor{
  margin-top:var(--space-6);
  padding:var(--space-5);
  border-radius:var(--radius-md);
  background:#F2D7D5;
  color:#321E20;
}

.advisor .advisor-kicker{
  background:#FFFFFF;
  color:#321E20;
}

.advisor .advisor-kicker::before{
  background:#9C3F0B;
}

.advisor h3{
  color:#321E20;
}

.advisor-lead{
  max-width:52rem;
  margin-top:var(--space-2);
  color:#664A4D;
}

.advisor-table-shell{
  margin-top:var(--space-4);
}

.advisor-table{
  min-width:54rem;
  background:#FFFFFF;
  color:#243034;
}

.advisor-table th,
.advisor-table td{
  text-align:left;
}

.home-use-cases{
  padding-block:var(--space-7);
  background:#F2D7D5;
  color:#321E20;
}

.home-use-cases .c-section-head p{
  color:#664A4D;
}

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

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

.workload-card-paper{
  background:#FFFFFF;
  color:#243034;
}

.workload-card-dark{
  background:#243034;
  color:#FFFFFF;
}

.workload-card-yellow{
  background:#F4E6B8;
  color:#302811;
}

.workload-card-mint{
  background:#D5E7E4;
  color:#18302F;
}

.workload-mark{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem;
  color:inherit;
}

.workload-mark svg{
  width:2.75rem;
  height:2.75rem;
  padding:.6rem;
  border-radius:var(--radius-sm);
  background:color-mix(in srgb,currentColor 10%,transparent);
  color:inherit;
}

.workload-card h3{
  margin-top:var(--space-3);
  overflow-wrap:anywhere;
  color:inherit;
}

.workload-card p{
  margin-top:var(--space-2);
  color:inherit;
  opacity:.78;
}

.workload-card dl{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2);
  margin:var(--space-3) 0 0;
}

.workload-card dl div{
  min-width:0;
  padding-top:var(--space-2);
  border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);
}

.workload-card dt,
.workload-card dd{
  color:inherit;
}

.workload-card dd{
  margin-top:.35rem;
  overflow-wrap:anywhere;
  opacity:.78;
}

.workload-card-dark .c-badge{
  background:#F4E6B8;
  color:#302811;
}

.home-regions{
  padding-block:var(--space-7);
  background:#243034;
  color:#FFFFFF;
}

.home-regions .c-section-head p{
  color:#BCC6C7;
}

.region-board{
  display:grid;
  grid-template-columns:minmax(17rem,19rem) minmax(0,1fr);
  align-items:stretch;
  gap:var(--space-5);
}

.region-guide{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:var(--space-4);
  border-radius:var(--radius-md);
  background:#F4E6B8;
  color:#302811;
}

.region-guide h3,
.region-guide p{
  color:#302811;
}

.region-guide p{
  margin-top:var(--space-2);
}

.region-guide ul{
  margin:var(--space-3) 0 0;
  padding:0;
  list-style:none;
}

.region-guide li{
  display:grid;
  grid-template-columns:2.25rem minmax(0,1fr);
  gap:.75rem;
  padding:.75rem 0;
  border-top:1px solid rgba(48,40,17,.18);
  color:#302811;
}

.region-guide li strong{
  font-family:var(--font-mono);
}

.region-guide .c-btn{
  margin-top:var(--space-3);
}

.region-list{
  min-width:0;
  border-top:1px solid rgba(255,255,255,.2);
}

.region-row{
  display:grid;
  grid-template-columns:minmax(3.5rem,5rem) minmax(7rem,1.1fr) minmax(0,1.4fr) auto;
  align-items:center;
  gap:var(--space-2);
  min-height:5rem;
  padding-block:var(--space-2);
  border-bottom:1px solid rgba(255,255,255,.16);
  color:#FFFFFF;
}

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

.region-code{
  color:#E6BB68;
  font-family:var(--font-mono);
  font-weight:800;
}

.region-fit{
  color:#AFBBBD;
  font-size:var(--text-sm);
}

.region-order{
  min-height:2.65rem;
  padding:.55rem .85rem;
  border-color:rgba(255,255,255,.34);
  background:transparent;
  color:#FFFFFF;
}

.region-order:hover{
  background:rgba(255,255,255,.08);
}

.home-process-section{
  padding-block:var(--space-7);
  background:#FAF9F6;
  color:#243034;
}

.process{
  display:grid;
  grid-template-columns:minmax(20rem,28rem) minmax(0,1fr);
  align-items:start;
  gap:var(--space-4);
}

.process-intro{
  min-width:0;
}

.process-intro > p{
  margin-top:var(--space-3);
  color:#5F686B;
}

.process-intro .c-action-row{
  justify-content:flex-start;
}

.steps{
  display:grid;
  min-width:0;
  margin:0;
  padding:0;
  list-style:none;
}

.step{
  display:grid;
  grid-template-columns:3.5rem minmax(0,1fr);
  align-items:start;
  gap:var(--space-2);
  padding:var(--space-3) 0;
  border-top:1px solid #D9DCD9;
}

.step:last-child{
  border-bottom:1px solid #D9DCD9;
}

.step-number{
  color:#9C3F0B;
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  font-weight:800;
}

.step h3{
  overflow-wrap:anywhere;
  font-size:var(--text-lg);
}

.step p{
  margin-top:.5rem;
  color:#697276;
}

.home-payment{
  padding-block:var(--space-7);
  background:#F4E6B8;
  color:#302811;
}

.payment-panel{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  align-items:start;
  gap:var(--space-6);
}

.payment-panel > div{
  min-width:0;
}

.payment-panel > div:first-child > p{
  margin-top:var(--space-3);
  color:#5C512A;
}

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

.payment-methods article{
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#243034;
}

.payment-code{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  padding:.35rem .55rem;
  background:#D5E7E4;
  color:#18302F;
  font-size:var(--text-xs);
  font-weight:800;
}

.payment-methods h3{
  margin-top:var(--space-3);
  overflow-wrap:anywhere;
  color:#243034;
}

.payment-methods p{
  margin-top:var(--space-2);
  color:#5F686B;
}

.home-faq-band{
  padding-block:var(--space-7);
  background:#D5E7E4;
  color:#18302F;
}

.faq-layout{
  display:grid;
  grid-template-columns:minmax(20rem,27rem) minmax(0,1fr);
  align-items:start;
  gap:var(--space-4);
}

.faq-intro{
  min-width:0;
}

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

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

.faq-list{
  min-width:0;
}

.home-faq-band .c-faq{
  background:#D5E7E4;
  color:#18302F;
  border-color:rgba(24,48,47,.2);
}

.home-faq-band .c-faq summary{
  color:#18302F;
}

.home-faq-band .c-faq-body{
  padding-top:var(--space-2);
  border-top:1px solid rgba(24,48,47,.2);
  color:#18302F;
}

.home-faq-band .c-faq-body p{
  color:#36514F;
  opacity:1;
}

.home-faq-band .c-faq summary{
  margin-bottom:.65rem;
}

.home-closing-section{
  padding-block:var(--space-7);
  background:#FAF9F6;
  color:#243034;
}

.home-closing-section .c-page-cta{
  background:#243034;
  color:#FFFFFF;
}

.home-closing-section .c-page-cta h2{
  color:#FFFFFF;
}

.home-closing-section .c-page-cta p{
  margin-top:var(--space-2);
  color:#C4CDCE;
}

.closing-actions{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-2);
}

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

.home-closing-section .c-btn-ghost{
  border-color:rgba(255,255,255,.4);
  color:#FFFFFF;
}

@media(max-width:64rem){
  .home-hero-main{
    grid-template-columns:1fr;
    gap:var(--space-5);
    padding-top:var(--space-6);
  }

  .home-copy h1{
    max-width:18ch;
  }

  .home-stage{
    width:100%;
    max-width:44rem;
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .handoff{
    width:calc(100% - 1.5rem);
  }

  .float-session{
    position:relative;
    right:auto;
    bottom:auto;
    width:min(15rem,72%);
    margin:-1rem 0 0 auto;
  }

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

  .home-data-item + .home-data-item{
    border-left:0;
  }

  .home-data-item:nth-child(even){
    border-left:1px solid rgba(255,255,255,.16);
  }

  .home-data-item:nth-child(n+3){
    border-top:1px solid rgba(255,255,255,.16);
  }

  .scene-grid{
    grid-template-columns:1fr;
    min-height:0;
  }

  .scene-main{
    min-height:30rem;
  }

  .scene-stack{
    min-height:40rem;
  }

  .home-boundary .c-section-head,
  .home-plans .c-section-head,
  .home-use-cases .c-section-head,
  .home-regions .c-section-head,
  .region-board,
  .process,
  .payment-panel,
  .faq-layout{
    grid-template-columns:1fr;
  }

  .process{
    gap:var(--space-5);
  }

  .region-guide{
    height:auto;
  }
}

@media(max-width:48rem){
  .service-cards article{
    min-height:0;
  }

  .workload-grid,
  .payment-row,
  .payment-methods{
    grid-template-columns:1fr;
  }

  .workload-card dl{
    grid-template-columns:1fr;
  }

  .scene-main{
    min-height:28rem;
  }

  .scene-stack{
    min-height:38rem;
  }

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

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

  .region-fit,
  .region-order{
    grid-column:2;
  }

  .region-order{
    justify-self:start;
  }
}

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

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

  .home-copy .c-action-row{
    display:grid;
    grid-template-columns:1fr;
  }

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

  .handoff{
    width:100%;
    padding:var(--space-3);
    transform:none;
  }

  .handoff-head{
    display:grid;
  }

  .handoff-live{
    justify-self:start;
  }

  .handoff-row{
    grid-template-columns:minmax(0,1fr);
    gap:.35rem;
    padding-block:.75rem;
  }

  .handoff-pill{
    justify-self:start;
  }

  .handoff-runner{
    grid-template-columns:3rem minmax(0,1fr);
  }

  .handoff-runner svg{
    width:3rem;
    height:3rem;
  }

  .float-session{
    width:88%;
    margin-top:var(--space-2);
    transform:none;
  }

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

  .home-data-item:nth-child(even){
    border-left:0;
  }

  .home-data-item:nth-child(n+2){
    border-top:1px solid rgba(255,255,255,.16);
  }

  .scene-main{
    min-height:31rem;
  }

  .scene-stack{
    min-height:46rem;
  }

  .scene-caption{
    left:var(--space-2);
    right:var(--space-2);
    bottom:var(--space-2);
    padding:var(--space-3);
  }

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

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

  .faq-intro .c-action-row{
    display:grid;
    grid-template-columns:1fr;
  }

  .faq-intro .c-btn{
    width:100%;
  }
}
