.quickstart-hero{
  position:relative;
  overflow:hidden;
  padding-block:var(--oak-space-6);
}

.quickstart-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:30rem;
  height:30rem;
  max-width:100%;
  right:-10rem;
  top:0;
  border-radius:50%;
  background:var(--oak-tint-strong);
  filter:blur(70px);
  opacity:.7;
}

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

.quickstart-hero-copy h1{
  max-width:12ch;
  margin-block:var(--oak-space-2) var(--oak-space-3);
}

.quickstart-hero-copy .page-hero-copy{
  max-width:42rem;
}

.page-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--oak-space-2);
  margin-top:var(--oak-space-3);
}

.quickstart-summary{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:var(--oak-space-4);
  padding-top:var(--oak-space-3);
  border-top:1px solid var(--oak-line);
}

.quickstart-summary div{
  min-width:0;
  display:grid;
  gap:.15rem;
}

.quickstart-summary span{
  color:var(--oak-primary);
  font-size:var(--oak-fs-0);
}

.quickstart-summary strong{
  font-family:var(--oak-font-heading);
  font-size:var(--oak-fs-1);
}

.quickstart-summary small{
  color:var(--oak-muted);
  font-size:var(--oak-fs-0);
}

.quickstart-terminal-wrap{
  position:relative;
  min-width:0;
  min-height:34rem;
  overflow:hidden;
  border:1px solid var(--oak-line);
  border-radius:var(--oak-radius-xl);
  background:var(--oak-surface-glass);
  box-shadow:var(--oak-shadow-md);
}

.quickstart-scene{
  width:100%;
  min-height:34rem;
  object-fit:cover;
}

.quickstart-terminal{
  position:absolute;
  left:var(--oak-space-3);
  right:var(--oak-space-3);
  bottom:var(--oak-space-3);
  min-width:0;
  overflow:hidden;
  border:1px solid var(--oak-line-strong);
  border-radius:var(--oak-radius-lg);
  background:var(--oak-ink);
  box-shadow:var(--oak-shadow-dark);
}

.quickstart-terminal-bar{
  min-height:2.8rem;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--oak-space-2);
  padding-inline:var(--oak-space-2);
  border-bottom:1px solid var(--oak-line-strong);
  color:var(--oak-soft);
  font-size:var(--oak-fs-0);
}

.quickstart-terminal-dots{
  display:flex;
  gap:.35rem;
}

.quickstart-terminal-dots span{
  width:.55rem;
  height:.55rem;
  border:1px solid var(--oak-line-strong);
  border-radius:50%;
  background:var(--oak-primary);
}

.quickstart-terminal-dots span:nth-child(2){
  background:var(--oak-accent);
}

.quickstart-terminal-dots span:nth-child(3){
  background:var(--oak-tint-strong);
}

.quickstart-terminal-state{
  color:var(--oak-accent);
  font-family:var(--oak-font-mono);
}

.quickstart-terminal pre{
  max-height:19rem;
  margin:0;
  border:0;
  border-radius:0;
  font-size:var(--oak-fs-0);
  line-height:1.8;
}

.terminal-prompt,
.terminal-success{
  color:var(--oak-accent);
}

.page-section{
  padding-block:var(--oak-space-6);
}

.page-section-soft{
  border-block:1px solid var(--oak-line);
  background:var(--oak-surface-glass);
}

.page-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--oak-space-4);
  margin-bottom:var(--oak-space-4);
}

.page-section-copy{
  min-width:0;
  max-width:48rem;
}

.page-section-copy h2{
  margin-block:var(--oak-space-1) var(--oak-space-2);
}

.page-section-intro{
  margin-bottom:0;
}

.quickstart-prep-grid article{
  display:flex;
  flex-direction:column;
}

.quickstart-prep-grid h3{
  margin-block:var(--oak-space-2) var(--oak-space-1);
  font-size:var(--oak-fs-3);
}

.quickstart-prep-grid p{
  flex:1;
  margin-bottom:var(--oak-space-2);
}

.quickstart-card-icon,
.quickstart-security-icon{
  width:2.75rem;
  height:2.75rem;
  display:grid;
  place-items:center;
  border:1px solid var(--oak-line-strong);
  border-radius:var(--oak-radius-sm);
  color:var(--oak-primary);
  background:var(--oak-tint);
}

.quickstart-card-icon svg,
.quickstart-security-icon svg{
  width:1.35rem;
  height:1.35rem;
}

.quickstart-check{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--oak-space-1);
  padding-top:var(--oak-space-2);
  border-top:1px solid var(--oak-line);
  color:var(--oak-muted);
  font-size:var(--oak-fs-0);
}

.quickstart-check code{
  color:var(--oak-primary);
}

.quickstart-note{
  margin-top:var(--oak-space-3);
}

.quickstart-plan-grid{
  margin-bottom:var(--oak-space-3);
}

.quickstart-price-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--oak-space-1);
  padding-top:var(--oak-space-2);
  border-top:1px solid var(--oak-line);
  color:var(--oak-primary);
  font-size:var(--oak-fs-1);
}

.quickstart-price-row span{
  min-width:0;
}

.quickstart-payment{
  margin-top:var(--oak-space-3);
}

.quickstart-step-layout{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:var(--oak-space-4);
  align-items:start;
}

.quickstart-command{
  min-width:0;
}

.quickstart-command-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--oak-space-2);
  margin-bottom:var(--oak-space-2);
  color:var(--oak-soft);
  font-size:var(--oak-fs-0);
}

.quickstart-command pre,
.quickstart-manifest pre{
  margin-bottom:var(--oak-space-2);
}

.quickstart-command p{
  margin-bottom:0;
}

.quickstart-sequence ol{
  display:grid;
  gap:var(--oak-space-2);
  margin:0;
  padding:0;
  list-style:none;
}

.quickstart-sequence li{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--oak-space-2);
  padding-bottom:var(--oak-space-2);
  border-bottom:1px solid var(--oak-line);
}

.quickstart-sequence li:last-child{
  padding-bottom:0;
  border-bottom:0;
}

.quickstart-sequence li>span{
  width:2.5rem;
  height:2.5rem;
  display:grid;
  place-items:center;
  border:1px solid var(--oak-line-strong);
  border-radius:50%;
  color:var(--oak-primary);
  background:var(--oak-tint);
  font-size:var(--oak-fs-0);
}

.quickstart-sequence h3{
  margin-bottom:.35rem;
  font-size:var(--oak-fs-3);
}

.quickstart-sequence p{
  margin-bottom:0;
}

.quickstart-verify-grid{
  margin-top:var(--oak-space-4);
}

.quickstart-verify-grid div{
  display:grid;
  gap:.2rem;
}

.quickstart-verify-grid span,
.quickstart-verify-grid small{
  color:var(--oak-soft);
  font-size:var(--oak-fs-0);
}

.quickstart-verify-grid strong{
  color:var(--oak-primary);
}

.quickstart-environment-grid{
  align-items:start;
}

.quickstart-layers{
  display:grid;
  gap:var(--oak-space-2);
}

.quickstart-layers article{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--oak-space-2);
  padding-bottom:var(--oak-space-2);
  border-bottom:1px solid var(--oak-line);
}

.quickstart-layers article:last-child{
  border-bottom:0;
}

.quickstart-layers article>span{
  color:var(--oak-primary);
  font-weight:700;
}

.quickstart-layers h3{
  margin-bottom:.35rem;
  font-size:var(--oak-fs-3);
}

.quickstart-layers p{
  margin-bottom:var(--oak-space-1);
}

.quickstart-layers code{
  display:inline-block;
  max-width:100%;
  overflow-wrap:anywhere;
  color:var(--oak-primary);
  font-size:var(--oak-fs-1);
}

.quickstart-manifest{
  position:sticky;
  top:var(--oak-space-2);
}

.quickstart-manifest h3{
  margin-block:var(--oak-space-3) var(--oak-space-2);
}

.quickstart-build-grid article{
  display:flex;
  flex-direction:column;
}

.quickstart-build-grid h3{
  margin-block:var(--oak-space-2) var(--oak-space-1);
  font-size:var(--oak-fs-3);
}

.quickstart-build-grid p{
  flex:1;
}

.quickstart-build-grid code{
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
  padding-top:var(--oak-space-2);
  border-top:1px solid var(--oak-line);
  color:var(--oak-primary);
  font-size:var(--oak-fs-0);
}

.quickstart-number{
  color:var(--oak-primary);
  font-size:var(--oak-fs-0);
}

.quickstart-build-command{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
  gap:var(--oak-space-3);
  align-items:center;
  margin-top:var(--oak-space-3);
  padding:var(--oak-space-3);
  border:1px solid var(--oak-line);
  border-radius:var(--oak-radius-lg);
  background:var(--oak-surface-glass);
}

.quickstart-build-command pre{
  margin:0;
}

.quickstart-build-command p{
  margin-block:.35rem 0;
}

.migration-path{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  gap:var(--oak-space-2);
  align-items:stretch;
}

.migration-lane{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--oak-line);
  border-radius:var(--oak-radius-lg);
  background:var(--oak-surface-glass);
  box-shadow:var(--oak-shadow-sm);
}

.migration-lane-head{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--oak-space-2);
  padding:var(--oak-space-3);
  border-bottom:1px solid var(--oak-line);
  background:var(--oak-tint);
}

.migration-lane-code{
  width:3.2rem;
  height:3.2rem;
  display:grid;
  place-items:center;
  border:1px solid var(--oak-line-strong);
  border-radius:var(--oak-radius-sm);
  color:var(--oak-primary);
  background:var(--oak-surface);
  font-size:var(--oak-fs-0);
}

.migration-lane h3{
  margin-bottom:.25rem;
  font-size:var(--oak-fs-3);
}

.migration-lane p{
  margin-bottom:0;
  font-size:var(--oak-fs-1);
}

.migration-lane ol{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}

.migration-lane li{
  min-width:0;
  display:grid;
  gap:.25rem;
  padding:var(--oak-space-2) var(--oak-space-3);
  border-bottom:1px solid var(--oak-line);
}

.migration-lane li:last-child{
  border-bottom:0;
}

.migration-lane li strong{
  font-size:var(--oak-fs-1);
}

.migration-lane li span{
  color:var(--oak-muted);
  font-size:var(--oak-fs-1);
}

.migration-arrow{
  display:grid;
  place-items:center;
  color:var(--oak-primary);
}

.migration-arrow svg{
  width:1.5rem;
  height:1.5rem;
}

.migration-gate{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--oak-space-4);
  margin-top:var(--oak-space-3);
  padding:var(--oak-space-3);
  border:1px solid var(--oak-line-strong);
  border-radius:var(--oak-radius-lg);
  background:var(--oak-tint);
}

.migration-gate>div{
  min-width:0;
  display:grid;
  gap:.25rem;
}

.migration-gate>div span{
  color:var(--oak-primary);
  font-size:var(--oak-fs-0);
}

.migration-gate ul{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  gap:var(--oak-space-1) var(--oak-space-3);
  margin:0;
  padding:0;
  list-style:none;
  color:var(--oak-text);
  font-size:var(--oak-fs-1);
}

.migration-gate li::before{
  content:"✓";
  margin-right:.4rem;
  color:var(--oak-primary);
}

.quickstart-security{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:var(--oak-space-3);
  align-items:start;
}

.quickstart-security-main h3{
  margin-block:var(--oak-space-2);
}

.quickstart-security-side .c-note p{
  margin-block:.35rem 0;
}

.quickstart-security-side code{
  display:block;
  margin-top:var(--oak-space-1);
  color:var(--oak-primary);
  overflow-wrap:anywhere;
}

.quickstart-acceptance-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);
  gap:var(--oak-space-4);
  align-items:start;
}

.quickstart-acceptance-list{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--oak-line);
}

.quickstart-acceptance-list li{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--oak-space-2);
  padding-block:var(--oak-space-2);
  border-bottom:1px solid var(--oak-line);
}

.quickstart-acceptance-index{
  width:2.5rem;
  height:2.5rem;
  display:grid;
  place-items:center;
  border:1px solid var(--oak-line-strong);
  border-radius:50%;
  color:var(--oak-primary);
  background:var(--oak-surface);
  font-size:var(--oak-fs-0);
}

.quickstart-acceptance-list h3{
  margin-bottom:.25rem;
  font-size:var(--oak-fs-3);
}

.quickstart-acceptance-list p{
  margin-bottom:0;
}

.quickstart-acceptance-result{
  padding:.35rem .55rem;
  border:1px solid var(--oak-line);
  border-radius:var(--oak-radius-sm);
  color:var(--oak-primary);
  background:var(--oak-surface);
  font-size:var(--oak-fs-0);
  font-weight:700;
}

.quickstart-ready{
  position:sticky;
  top:var(--oak-space-2);
}

.quickstart-ready h3{
  margin-block:var(--oak-space-2) var(--oak-space-1);
}

.quickstart-ready .oak-divider{
  margin-block:var(--oak-space-3);
}

.quickstart-ready-row{
  display:flex;
  justify-content:space-between;
  gap:var(--oak-space-2);
  padding-block:.55rem;
  border-bottom:1px solid var(--oak-line);
  color:var(--oak-muted);
  font-size:var(--oak-fs-1);
}

.quickstart-ready-row strong{
  color:var(--oak-primary);
}

.quickstart-ready .c-btn{
  width:100%;
  margin-top:var(--oak-space-2);
}

.quickstart-cta-wrap{
  padding-block:var(--oak-space-6);
}

.quickstart-cta-inner{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--oak-space-4);
  align-items:center;
  overflow:hidden;
  padding:clamp(var(--oak-space-3),5vw,var(--oak-space-5));
  border:1px solid var(--oak-line-strong);
  border-radius:var(--oak-radius-xl);
  background:var(--oak-ink);
  box-shadow:var(--oak-shadow-dark);
}

.quickstart-cta-inner h2{
  max-width:18ch;
  margin-block:var(--oak-space-1) var(--oak-space-2);
  color:var(--oak-light);
}

.quickstart-cta-inner p{
  max-width:44rem;
  margin-bottom:0;
  color:var(--oak-soft);
}

.quickstart-cta-inner .page-kicker{
  color:var(--oak-accent);
}

.quickstart-cta-actions{
  min-width:0;
  display:grid;
  gap:var(--oak-space-2);
}

@media (max-width:1100px){
  .migration-path{
    grid-template-columns:1fr;
  }

  .migration-arrow{
    transform:rotate(90deg);
  }

  .migration-gate{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media (max-width:900px){
  .quickstart-hero{
    padding-top:var(--oak-space-5);
  }

  .quickstart-terminal-wrap{
    min-height:30rem;
  }

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

  .page-section-head{
    align-items:flex-start;
    flex-direction:column;
    gap:var(--oak-space-2);
  }

  .quickstart-step-layout,
  .quickstart-security,
  .quickstart-acceptance-grid{
    grid-template-columns:1fr;
  }

  .quickstart-build-command{
    grid-template-columns:1fr;
  }

  .quickstart-manifest,
  .quickstart-ready{
    position:static;
  }

  .quickstart-cta-inner{
    grid-template-columns:1fr;
  }

  .quickstart-cta-actions{
    display:flex;
    flex-wrap:wrap;
  }
}

@media (max-width:768px){
  .quickstart-price-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .quickstart-acceptance-list li{
    grid-template-columns:auto minmax(0,1fr);
  }

  .quickstart-acceptance-result{
    grid-column:2;
    width:max-content;
    max-width:100%;
  }
}

@media (max-width:390px){
  .quickstart-hero{
    padding-block:var(--oak-space-4);
  }

  .quickstart-hero-copy h1{
    max-width:none;
  }

  .page-hero-actions{
    display:grid;
  }

  .quickstart-summary{
    grid-template-columns:1fr;
  }

  .quickstart-summary div{
    padding-bottom:var(--oak-space-1);
    border-bottom:1px solid var(--oak-line);
  }

  .quickstart-summary div:last-child{
    border-bottom:0;
  }

  .quickstart-terminal-wrap,
  .quickstart-scene{
    min-height:27rem;
  }

  .quickstart-terminal{
    left:var(--oak-space-1);
    right:var(--oak-space-1);
    bottom:var(--oak-space-1);
  }

  .quickstart-terminal-bar{
    grid-template-columns:auto minmax(0,1fr);
  }

  .quickstart-terminal-state{
    display:none;
  }

  .quickstart-command-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .quickstart-check{
    align-items:flex-start;
    flex-direction:column;
  }

  .quickstart-price-row{
    grid-template-columns:1fr;
  }

  .quickstart-layers article,
  .migration-lane-head{
    grid-template-columns:1fr;
  }

  .migration-lane-code{
    width:2.8rem;
    height:2.8rem;
  }

  .migration-gate ul{
    display:grid;
  }

  .quickstart-acceptance-list li{
    grid-template-columns:1fr;
  }

  .quickstart-acceptance-result{
    grid-column:auto;
  }

  .quickstart-cta-actions{
    display:grid;
  }
}