.s-section{padding-block:var(--dm-section-space)}
.s-section-compact{padding-block:clamp(3.5rem,7vw,5.5rem)}
.s-section-paper{background:var(--dm-paper)}
.s-section-soft{background:var(--dm-surface)}
.s-section-dark{color:var(--dm-paper);background:var(--dm-charcoal)}
.s-section-dark h2,.s-section-dark h3,.s-section-dark h4{color:var(--dm-paper)}
.s-section-dark p{color:var(--dm-muted-light)}
.s-section-head{max-width:46rem;margin-bottom:clamp(2.5rem,5vw,4rem)}
.s-section-head.is-centered{margin-inline:auto;text-align:center}
.s-section-head.is-centered .c-eyebrow{margin-inline:auto}
.s-section-head h2{margin-top:1rem}
.s-section-head p{margin-top:1rem;font-size:clamp(1rem,1.8vw,1.12rem)}
.s-doc-hero{padding-block:clamp(4rem,8vw,7rem);background:var(--dm-paper)}
.s-doc-hero h1{max-width:54rem;font-size:clamp(2.25rem,5vw,4rem);letter-spacing:-.045em}
.s-doc-hero p{max-width:45rem;margin-top:1.25rem;font-size:var(--dm-fs-3)}
.s-section-soft,.s-section-dark,.s-section-paper{padding-block:var(--dm-section-space)}
.s-hero{
  position:relative;
  padding-top:clamp(4.5rem,8vw,7rem);
  padding-bottom:clamp(3rem,6vw,5rem);
  color:var(--dm-ink);
  background:
    radial-gradient(circle at 50% 68%,rgba(210,140,255,.18),transparent 27%),
    linear-gradient(180deg,var(--dm-white) 0%,var(--dm-white) 52%,#fcf9fd 100%)
}
.s-hero-copy{position:relative;z-index:3;max-width:55rem;margin-inline:auto;text-align:center}
.s-hero-copy .c-eyebrow{margin-inline:auto}
.s-hero-switchline{
  margin:1.5rem auto 1.2rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(.8rem,2vw,1.5rem)
}
.s-hero-word{
  color:var(--dm-primary);
  font-size:clamp(2.1rem,5vw,2.85rem);
  font-weight:800;
  letter-spacing:-.06em;
  line-height:1
}
.s-hero-word.is-muted{color:#aaa6ad}
.s-hero-toggle{
  width:7rem;
  height:3.15rem;
  padding:.35rem;
  border:1px solid #ded8e1;
  border-radius:var(--dm-radius-pill);
  background:#f7f4f8;
  box-shadow:0 10px 24px rgba(112,64,143,.11)
}
.s-hero-toggle-track{
  display:block;
  width:100%;
  height:100%;
  position:relative;
  border-radius:var(--dm-radius-pill);
  background:linear-gradient(90deg,var(--dm-primary) 0 50%,#a5a2a8 50%)
}
.s-hero-toggle-knob{
  position:absolute;
  top:.25rem;
  left:.25rem;
  width:2rem;
  height:2rem;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--dm-primary);
  background:var(--dm-white);
  box-shadow:0 4px 12px rgba(33,26,36,.22)
}
.s-hero-toggle-knob svg{width:1rem;height:1rem}
.s-hero-copy h1{font-size:2rem;font-weight:700;letter-spacing:normal}
.s-hero-lead{margin-top:.85rem;color:#302a33;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:650}
.s-hero-note{margin-top:.45rem;color:var(--dm-muted);font-size:var(--dm-fs-1)}
.s-hero-copy .c-actions{margin-top:1.5rem;justify-content:center}
.s-hero-stage{position:relative;z-index:2;width:min(68rem,calc(100% - 2rem));margin:2.5rem auto 0}
.s-hero-scene{position:absolute;top:0;left:50%;width:min(54rem,84%);transform:translateX(-50%)}
[data-hero-form="card-collage"] .s-float-card{
  position:absolute;
  z-index:3;
  min-width:9.5rem;
  padding:.85rem 1rem;
  border:1px solid rgba(112,64,143,.14);
  border-radius:var(--dm-radius-sm);
  color:var(--dm-ink);
  background:rgba(255,255,255,.94);
  box-shadow:var(--dm-shadow-soft);
  backdrop-filter:blur(8px)
}
[data-hero-form="card-collage"] .s-float-card strong{display:block;font-size:var(--dm-fs-1)}
[data-hero-form="card-collage"] .s-float-card span{display:block;margin-top:.2rem;color:var(--dm-muted);font-size:var(--dm-fs-0)}
[data-hero-form="card-collage"] .s-float-card.is-price strong{color:var(--dm-primary);font-family:var(--dm-font-mono);font-size:1.05rem}
[data-hero-form="card-collage"] .s-card-a{top:2.4rem;left:1rem;transform:rotate(-2deg)}
[data-hero-form="card-collage"] .s-card-b{top:3rem;right:1rem;transform:rotate(2deg)}
[data-hero-form="card-collage"] .s-card-c{top:10.8rem;right:6.8rem;transform:rotate(-1deg)}
[data-hero-form="card-collage"] .s-card-d{top:11.5rem;left:5rem}
[data-hero-form="card-collage"] .s-card-e{top:.35rem;left:50%;transform:translateX(-50%) rotate(1deg)}
.s-ledger-stack{position:relative;width:min(50rem,92%);height:15rem;margin:0 auto}
.s-ledger-back{
  position:absolute;
  inset:1rem 0 0 8rem;
  overflow:hidden;
  border:1px solid var(--dm-line);
  border-radius:var(--dm-radius-md);
  color:var(--dm-ink);
  background:#f8f5f9;
  box-shadow:var(--dm-shadow-panel)
}
.s-ledger-front{
  position:absolute;
  inset:3.1rem 7rem 0 0;
  overflow:hidden;
  border:1px solid var(--dm-line-dark);
  border-radius:var(--dm-radius-md);
  color:#e4dce7;
  background:var(--dm-terminal);
  box-shadow:var(--dm-shadow-panel)
}
.s-ledger-rail{
  min-height:2.2rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.55rem 1rem;
  border-bottom:1px solid var(--dm-line);
  font-family:var(--dm-font-mono);
  font-size:.67rem;
  letter-spacing:.04em
}
.s-ledger-front .s-ledger-rail{color:#c8c0cb;background:#18151c;border-color:var(--dm-line-dark)}
.s-ledger-body{padding:1rem 1.2rem;font-family:var(--dm-font-mono);font-size:.72rem;line-height:1.75}
.s-ledger-body .prompt{color:var(--dm-accent)}
.s-ledger-body .ok{color:#84dbae}
.s-ledger-back-grid{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:1rem}
.s-ledger-lines span{display:block;height:.45rem;margin-bottom:.7rem;border-radius:1rem;background:#e4dee6}
.s-ledger-status{padding:.7rem;border-radius:.65rem;color:var(--dm-primary);background:#eee5f1;font-size:.72rem;font-weight:750}
.s-endcap{padding-block:clamp(4rem,8vw,6rem)}
@media (max-width:760px){
  .s-hero{padding-top:3.8rem}
  .s-hero-switchline{gap:.6rem}
  .s-hero-toggle{width:4.5rem;height:2.45rem}
  .s-hero-toggle-knob{width:1.55rem;height:1.55rem}
  .s-hero-stage{width:100%;margin-top:2rem}
  .s-hero-scene{width:42rem;max-width:none}
  [data-hero-form="card-collage"] .s-float-card{min-width:0;padding:.65rem .7rem}
  [data-hero-form="card-collage"] .s-card-a{top:2rem;left:.7rem}
  [data-hero-form="card-collage"] .s-card-b{top:2.6rem;right:.7rem}
  [data-hero-form="card-collage"] .s-card-c{top:10rem;right:.7rem}
  [data-hero-form="card-collage"] .s-card-d{top:10.8rem;left:.7rem}
  [data-hero-form="card-collage"] .s-card-e{top:.2rem}
  .s-ledger-stack{width:calc(100% - 1.5rem);height:13rem}
  .s-ledger-back{inset:.5rem 0 0 2rem}
  .s-ledger-front{inset:2.7rem 1.2rem 0 0}
}
@media (max-width:480px){
  .s-hero-word{font-size:2.45rem}
  .s-hero-copy h1{font-size:1.65rem}
  .s-float-card span{display:none!important}
  .s-ledger-front{inset:2.7rem .5rem 0 .5rem}
  .s-ledger-back{display:none}
}

@media (max-width:64rem){
  .s-ledger-stack{height:auto}
  .s-ledger-back{display:none}
  .s-ledger-front{position:relative;inset:auto}
}

.s-ledger-back-grid{height:calc(100% - 2.2rem)}
.s-ledger-back-grid>div:last-child{display:flex;flex-direction:column;justify-content:flex-end;gap:.7rem}