.home-symbols {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
}
.home-stage-note {
  max-width:840px;
  margin:32px auto 0;
  text-align:center;
  font-size:var(--fs-14);
  color:var(--on-stage-muted);
}
.home-stage-note a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--on-stage);
}
.home-stage-note a:hover {
  color:var(--on-stage);
  text-decoration-thickness:2px;
}
.home-slice-note {
  margin:20px 0 0;
  font-size:var(--fs-13);
}
.home-steps {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:32px;
  padding:0;
  margin:0;
  list-style:none;
}
.home-steps li {
  min-width:0;
  padding-top:24px;
  border-top:1px solid var(--border);
}
.home-step-index {
  font-family:var(--font-mono);
  font-size:var(--fs-12);
  color:var(--accent);
}
.home-steps h3 {
  margin:20px 0 18px;
}
.home-steps p {
  color:var(--muted);
  font-size:var(--fs-15);
  line-height:var(--line-copy);
}
.home-section-end {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px 40px;
  margin-top:40px;
  padding-top:24px;
  border-top:1px solid var(--border);
}
.home-section-end p {
  max-width:760px;
  margin:0;
  font-size:var(--fs-14);
  color:var(--muted);
}
.home-section-end a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  flex-shrink:0;
}
.home-source {
  display:grid;
  grid-template-columns:minmax(0,4fr) minmax(0,6fr);
  gap:80px;
  align-items:start;
}
.home-source > * {
  min-width:0;
}
.home-source-intro h2 {
  margin:12px 0 24px;
}
.home-clone {
  margin-top:32px;
}
.home-clone h3 {
  margin:0 0 16px;
}
.home-clone p {
  font-size:var(--fs-14);
  color:var(--muted);
}
.home-clone pre {
  margin-block:24px;
}
.home-clone .actions a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:var(--fs-14);
}
.home-clone .home-copy-status {
  min-height:24px;
  margin:12px 0 0;
  font-size:var(--fs-12);
}
.home-source-notes {
  display:grid;
  gap:32px;
}
.home-source-notes article {
  padding-top:24px;
  border-top:1px solid var(--border);
}
.home-source-notes h3 {
  margin:0 0 18px;
}
.home-source-notes p {
  color:var(--muted);
  line-height:var(--line-copy);
  font-size:var(--fs-15);
}
.home-source-notes p:last-child {
  margin-bottom:0;
}
.hero .power::before {
  animation:home-power-breathe 9s var(--ease) 1.6s infinite;
}
@keyframes home-power-breathe {
  0%,65%,100% { transform:scale(1); opacity:1; }
  78% { transform:scale(1.06); opacity:.7; }
}
@media (min-width:1441px) {
  .hero__main {
    padding-top:64px;
    padding-bottom:64px;
  }
}
@media (max-width:1180px) {
  .home-source {
    gap:40px;
  }
  .home-steps {
    gap:24px;
  }
}
@media (max-width:768px) {
  .home-source,
  .home-steps {
    grid-template-columns:minmax(0,1fr);
  }
  .home-source {
    gap:40px;
  }
  .home-section-end {
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }
}
@media (max-width:640px) {
  .hero .platforms__list {
    flex-wrap:nowrap;
    justify-content:space-between;
    gap:4px;
  }
  .hero .platforms__list a {
    flex-direction:column;
    gap:6px;
    font-size:var(--fs-11);
    min-height:52px;
  }
  .hero .platforms__label {
    font-family:var(--font-body);
    font-size:var(--fs-11);
  }
  .home-clone {
    padding:20px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .hero .power::before {
    animation:none;
  }
}