.home-hero{
  background:var(--av-night-blue);
  color:#d8e9f2;
}

.home-hero h1,
.home-hero h2,
.home-hero h3{
  color:#fff;
}

.home-hero-copy{
  min-width:0;
}

.home-hero-copy .av-kicker{
  color:var(--av-blue-soft);
}

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

.home-hero-copy h1 em{
  display:block;
  color:var(--av-blue-soft);
  font-style:normal;
}

.home-hero-copy>p{
  max-width:40rem;
  color:#c3d6df;
}

.home-entry-note{
  display:block;
  margin-top:var(--av-space-2);
  color:#b6d0dc;
  overflow-wrap:anywhere;
}

.home-stage{
  position:relative;
  height:clamp(26rem,36vw,29.5rem);
  min-width:0;
  overflow:hidden;
  border-radius:var(--av-radius-lg);
  background:#102d46;
  color:#d8e9f2;
}

.home-stage::after{
  content:"";
  position:absolute;
  inset:9% 3% 5% 5%;
  z-index:1;
  border-radius:var(--av-radius-lg);
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(140,200,232,.03));
  pointer-events:none;
}

.stage-map{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.52;
}

.run-sheet{
  position:absolute;
  z-index:2;
  right:0;
  bottom:2%;
  left:8%;
  padding:var(--av-space-3);
  border-radius:var(--av-radius-md);
  background:rgba(248,252,253,.96);
  color:#47515a;
  box-shadow:0 24px 60px rgba(0,20,36,.2);
  backdrop-filter:blur(10px);
}

.run-sheet h2{
  color:#1b2025;
  font-size:var(--av-fs-4);
}

.sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--av-space-2);
  padding-bottom:var(--av-space-2);
  border-bottom:1px solid var(--av-line);
}

.sheet-title{
  display:grid;
  min-width:0;
  gap:var(--av-space-1);
}

.sheet-code{
  color:#086fa1;
  font-family:var(--av-font-mono);
  font-size:var(--av-fs-0);
  line-height:1.4;
  overflow-wrap:anywhere;
}

.sheet-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--av-space-1);
  padding-block:var(--av-space-2);
}

.sheet-cell{
  min-width:0;
  padding:var(--av-space-2);
  border-radius:var(--av-radius-sm);
  background:#eef4f6;
  color:#47515a;
}

.sheet-cell small,
.sheet-cell b{
  display:block;
}

.sheet-cell small{
  color:#626C74;
}

.sheet-cell b{
  margin-top:var(--av-space-1);
  color:#1b2025;
  font-family:var(--av-font-mono);
  font-size:var(--av-fs-1);
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}

.sheet-route{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:var(--av-space-1) var(--av-space-2);
  padding:.85rem var(--av-space-2);
  border-radius:var(--av-radius-sm);
  background:#17364e;
  color:#dceff8;
  font-family:var(--av-font-mono);
  font-size:var(--av-fs-0);
  line-height:1.45;
}

.float-shape{
  position:absolute;
  z-index:3;
  animation:home-drift 5s ease-in-out infinite;
  pointer-events:none;
}

.float-pink{
  top:8%;
  right:0;
  width:2.6rem;
  height:2.6rem;
  border-radius:50%;
  background:var(--av-pink);
}

.float-yellow{
  bottom:14%;
  left:2%;
  width:1.3rem;
  height:1.3rem;
  border-radius:50%;
  background:var(--av-yellow);
  animation-delay:-1.4s;
}

.float-triangle{
  right:4%;
  bottom:3%;
  width:0;
  height:0;
  border-right:1rem solid transparent;
  border-bottom:1.8rem solid var(--av-blue-soft);
  border-left:1rem solid transparent;
  transform:rotate(24deg);
  animation-delay:-2.4s;
}

@keyframes home-drift{
  50%{
    translate:0 -10px;
  }
}

.home-facts{
  background:#102c43;
  color:#d8e9f2;
}

.home-facts .c-fact{
  color:#d8e9f2;
}

.home-facts .c-fact strong{
  color:#fff;
}

.home-facts .c-fact span{
  color:#afc7d3;
}

.workload-grid{
  align-items:stretch;
}

.scene-card{
  position:relative;
  min-height:21rem;
  overflow:hidden;
  color:#374b55;
}

.scene-card h3{
  color:#1b2025;
}

.scene-card p{
  position:relative;
  z-index:1;
  max-width:30rem;
  margin-top:var(--av-space-1);
}

.scene-card-build{
  background:#dceef7;
  color:#374b55;
}

.scene-card-experiment{
  background:#eee5f1;
  color:#49495d;
}

.scene-icon{
  display:grid;
  place-items:center;
  width:2.75rem;
  height:2.75rem;
  margin-bottom:var(--av-space-2);
  border-radius:var(--av-radius-sm);
  background:#fff;
  color:#086fa1;
}

.scene-icon svg{
  width:1.4rem;
  height:1.4rem;
}

.scene-tags{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:var(--av-space-1);
  margin-top:var(--av-space-4);
  padding-right:9rem;
}

.scene-tags span{
  padding:.45rem .7rem;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  color:#284b5e;
  font-family:var(--av-font-mono);
  font-size:var(--av-fs-0);
  line-height:1.3;
}

.scene-lines{
  position:absolute;
  right:var(--av-space-3);
  bottom:var(--av-space-3);
  width:9rem;
  height:6rem;
}

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

.workload-note{
  min-width:0;
  padding-top:var(--av-space-3);
  border-top:1px solid var(--av-line);
}

.workload-note strong{
  display:block;
  color:var(--av-ink);
  font-size:var(--av-fs-3);
}

.workload-note p{
  margin-top:var(--av-space-1);
}

.pricing-home{
  background:#1b2025;
  color:#d8e9f2;
}

.pricing-home h2{
  color:#fff;
}

.pricing-home .av-kicker{
  color:#8cc8e8;
}

.pricing-home .av-muted{
  color:#b5c9d2;
}

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

.pricing-grid .c-price{
  container-type:inline-size;
}

.pricing-grid .c-price h3{
  margin-top:var(--av-space-2);
}

.price-spec{
  margin-top:var(--av-space-1);
  color:#59656c;
  overflow-wrap:anywhere;
}

.price-guidance{
  margin-top:var(--av-space-3);
  color:#54616a;
}

.pricing-grid .av-actions{
  margin-top:var(--av-space-3);
}

.pricing-boundary{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--av-space-3);
  margin-top:var(--av-space-5);
  padding-top:var(--av-space-3);
  border-top:1px solid var(--av-line-dark);
  color:#c8d9e1;
}

.pricing-boundary strong{
  flex:0 0 auto;
  color:#fff;
}

.pricing-boundary span{
  max-width:48rem;
}

.advisor-layout{
  display:grid;
  grid-template-columns:minmax(18rem,.65fr) minmax(0,1.35fr);
  align-items:start;
  gap:var(--av-space-6);
}

.advisor-copy{
  position:sticky;
  top:8rem;
  min-width:0;
}

.advisor-copy h2{
  margin-top:.8rem;
}

.advisor-copy>p{
  margin-top:var(--av-space-1);
}

.advisor-checklist{
  display:grid;
  gap:var(--av-space-1);
  margin:var(--av-space-3) 0 0;
  padding-left:1.15rem;
}

.advisor-checklist li{
  color:#47515a;
}

.advisor-table{
  min-width:42rem;
}

.advisor-table caption{
  padding:var(--av-space-2);
  background:#fff;
  color:#1b2025;
  font-weight:700;
  text-align:left;
}

.workflow-grid{
  align-items:start;
  margin:0;
  padding:0;
  list-style:none;
}

.workflow-card{
  display:flex;
  flex-direction:column;
  gap:var(--av-space-1);
}

.workflow-number{
  display:grid;
  place-items:center;
  width:2.4rem;
  height:2.4rem;
  margin-bottom:var(--av-space-2);
  border-radius:50%;
  background:#fff;
  color:#08618c;
  font-family:var(--av-font-mono);
  font-size:var(--av-fs-0);
  font-weight:700;
  line-height:1;
}

.workflow-note{
  display:flex;
  align-items:flex-start;
  gap:var(--av-space-2);
  margin-top:var(--av-space-5);
}

.workflow-note strong{
  flex:0 0 auto;
  color:#1b2025;
}

.workflow-note span{
  min-width:0;
}

.control-section{
  background:#1b2025;
  color:#d8e9f2;
}

.control-section h2{
  color:#fff;
}

.control-section .av-kicker{
  color:#8cc8e8;
}

.control-section .av-muted{
  color:#b5c9d2;
}

.control-board{
  overflow:hidden;
  padding:0;
  border-radius:var(--av-radius-lg);
  background:#f7f9fa;
  color:#47515a;
  box-shadow:0 22px 60px rgba(0,15,27,.16);
}

.control-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--av-space-2);
  padding:1.2rem var(--av-space-3);
  background:#eaf0f2;
  color:#1b2025;
}

.control-top>div:first-child{
  display:grid;
  gap:var(--av-space-1);
}

.control-top small{
  color:#59656C;
  font-family:var(--av-font-mono);
  font-size:var(--av-fs-0);
}

.control-top b{
  color:#1b2025;
  font-size:var(--av-fs-1);
}

.control-index{
  display:flex;
  flex-wrap:wrap;
  gap:var(--av-space-1);
}

.control-index span{
  padding:.45rem .7rem;
  border-radius:var(--av-radius-sm);
  background:#fff;
  color:#52616a;
  font-size:var(--av-fs-0);
  line-height:1.3;
}

.control-index .active{
  background:#164d70;
  color:#fff;
}

.control-body{
  display:grid;
  grid-template-columns:14rem minmax(0,1fr);
  min-width:0;
}

.control-side{
  padding:var(--av-space-3);
  background:#edf2f4;
  color:#47515a;
}

.control-side>small{
  color:#626C74;
}

.control-side>span{
  display:block;
  margin-top:var(--av-space-1);
  padding:.75rem;
  border-radius:var(--av-radius-sm);
  background:#dceff8;
  color:#075d88;
  font-family:var(--av-font-mono);
  font-size:var(--av-fs-1);
  overflow-wrap:anywhere;
}

.control-side dl{
  display:grid;
  gap:var(--av-space-2);
  margin:var(--av-space-4) 0 0;
}

.control-side dl div{
  padding-top:var(--av-space-2);
  border-top:1px solid var(--av-line);
}

.control-side dt{
  color:#59656C;
}

.control-side dd{
  margin-top:var(--av-space-1);
  color:#1b2025;
}

.control-main{
  min-width:0;
  padding:var(--av-space-4);
  background:#f7f9fa;
  color:#47515a;
}

.control-main h3{
  color:#1b2025;
}

.control-main-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--av-space-2);
}

.control-main-head>div{
  display:grid;
  min-width:0;
  gap:var(--av-space-1);
}

.control-main-head p{
  color:#5d6b73;
  font-family:var(--av-font-mono);
  font-size:var(--av-fs-0);
}

.control-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--av-space-1);
  margin-top:var(--av-space-3);
}

.control-stat{
  min-width:0;
  padding:var(--av-space-2);
  border-radius:var(--av-radius-sm);
  background:#fff;
  color:#47515a;
}

.control-stat small,
.control-stat b{
  display:block;
}

.control-stat small{
  color:#626C74;
}

.control-stat b{
  margin-top:var(--av-space-1);
  color:#1b2025;
  font-family:var(--av-font-mono);
  font-size:var(--av-fs-1);
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}

.control-connection{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--av-space-2);
  margin-top:var(--av-space-2);
  padding:var(--av-space-3);
  border-radius:var(--av-radius-md);
  background:#e8f4f9;
  color:#47515a;
}

.control-connection div{
  min-width:0;
}

.control-connection small,
.control-connection b{
  display:block;
}

.control-connection small{
  color:#59656C;
}

.control-connection b{
  margin-top:var(--av-space-1);
  color:#263740;
  font-family:var(--av-font-mono);
  font-size:var(--av-fs-1);
  overflow-wrap:anywhere;
}

.control-log{
  margin-top:var(--av-space-3);
  border-top:1px solid var(--av-line);
}

.control-log div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--av-space-2);
  padding-block:.75rem;
  border-bottom:1px solid var(--av-line);
}

.control-log span{
  min-width:0;
}

.control-log b{
  flex:0 0 auto;
  color:#306f5c;
  font-family:var(--av-font-mono);
  font-size:var(--av-fs-0);
}

.control-caption{
  max-width:58rem;
  margin-top:var(--av-space-3);
  color:#b5c9d2;
  font-size:var(--av-fs-1);
}

.role-grid{
  align-items:start;
}

.role-card{
  min-height:0;
}

.role-code{
  display:grid;
  place-items:center;
  width:2.7rem;
  height:2.7rem;
  margin-bottom:var(--av-space-2);
  border-radius:var(--av-radius-sm);
  background:var(--av-blue-pale);
  color:#086fa1;
  font-family:var(--av-font-mono);
  font-size:var(--av-fs-0);
  font-weight:700;
}

.role-card h3+p{
  margin-top:var(--av-space-1);
}

.role-focus{
  display:grid;
  gap:var(--av-space-1);
  margin-top:var(--av-space-3);
  padding-top:var(--av-space-2);
  border-top:1px solid var(--av-line);
  color:#2f677f;
  font-family:var(--av-font-mono);
  font-size:var(--av-fs-0);
  line-height:1.55;
}

.role-focus strong{
  color:#244f63;
}

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

.faq-intro h2{
  margin-top:.8rem;
}

.faq-intro>p{
  margin-top:var(--av-space-1);
}

.faq-section .c-faq details{
  background:#fff;
  color:#47515a;
}

.faq-section .c-faq summary{
  color:#1b2025;
}

.faq-section .c-faq-body{
  color:#47515a;
  border-top:1px solid var(--av-line);
}

.closing-section{
  background:var(--av-blue-pale);
  color:#314a57;
}

.closing-kicker{
  color:#8cc8e8;
}

.closing-actions{
  flex-direction:column;
  align-items:stretch;
  flex:0 0 auto;
}

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

.c-cta .closing-actions .c-btn-ghost{
  color:#fff;
  border-color:rgba(255,255,255,.45);
}

@media(max-width:64rem){
  .advisor-layout{
    grid-template-columns:1fr;
    gap:var(--av-space-4);
  }

  .advisor-copy{
    position:static;
  }

  .control-body{
    grid-template-columns:1fr;
  }

  .control-side{
    display:none;
  }

  .control-top{
    align-items:flex-start;
    flex-wrap:wrap;
  }
}

@media(max-width:48rem){
  .home-hero-copy h1{
    max-width:none;
  }

  .home-stage{
    height:42rem;
    overflow:hidden;
  }

  .run-sheet{
    right:var(--av-space-1);
    bottom:var(--av-space-2);
    left:var(--av-space-1);
    padding:var(--av-space-2);
  }

  .sheet-head{
    align-items:flex-start;
  }

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

  .sheet-cell:first-child{
    grid-column:1/-1;
  }

  .sheet-route{
    flex-direction:column;
  }

  .workload-notes,
  .pricing-grid{
    grid-template-columns:1fr;
  }

  .scene-card{
    min-height:24rem;
  }

  .scene-tags{
    padding-right:0;
  }

  .scene-lines{
    opacity:.62;
  }

  .pricing-boundary{
    flex-direction:column;
  }

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

  .control-index{
    width:100%;
  }

  .control-main{
    padding:var(--av-space-3);
  }

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

  .control-connection{
    grid-template-columns:1fr;
  }

  .control-main-head{
    flex-direction:column;
  }
}

@media(max-width:24.375rem){
  .home-stage{
    height:44rem;
  }

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

  .sheet-cell:first-child{
    grid-column:auto;
  }

  .home-hero .av-actions,
  .pricing-grid .av-actions,
  .faq-intro .av-actions{
    align-items:stretch;
    flex-direction:column;
  }

  .home-hero .c-btn,
  .pricing-grid .c-btn,
  .faq-intro .c-btn{
    width:100%;
    white-space:normal;
  }

  .control-stats{
    grid-template-columns:1fr;
  }

  .control-top{
    padding:var(--av-space-2);
  }

  .control-index span{
    flex:1 1 7rem;
    text-align:center;
  }

  .scene-card{
    min-height:26rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .float-shape{
    animation:none;
  }
}