/* home page extras: pinned chord scene and tool previews */
.chord{padding-block:72px;background:radial-gradient(70% 50% at 50% 60%,rgba(79,172,254,.1),transparent 70%),var(--obs)}
.chord-in{display:flex;flex-direction:column;gap:20px}
.chord-stage svg{display:block;width:100%;height:auto}
.chord-caps{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:720px}
.chord-caps li{font-size:clamp(18px,4.6vw,24px);line-height:1.35;color:var(--slate);text-wrap:balance}
.chord-caps b{color:var(--plat);font-weight:600}
.chord-bar{display:none}
.js .chord{padding:0;height:520vh;height:520svh}
.js .chord-stick{position:sticky;top:var(--head);height:calc(100vh - var(--head));height:calc(100svh - var(--head));min-height:520px;display:flex;align-items:center;overflow:hidden}
.js .chord-in{width:100%;gap:16px}
.js .chord-title{font-size:clamp(28px,7vw,48px)}
.js .chord-stage svg{height:min(46svh,62vw);width:100%}
.js .chord-caps{display:block;position:relative;min-height:3.6em}
.js .chord-caps li{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.js .chord-caps li.on{opacity:1;transform:none}
.js .chord-bar{display:block;position:relative;height:3px;max-width:320px;border-radius:3px;background:var(--line);overflow:hidden}
.chord-bar i{position:absolute;inset:0;background:var(--accent-grad);transform:scaleX(0);transform-origin:0 50%}
@media (prefers-reduced-motion:reduce){
  .js .chord{height:auto;padding-block:72px}
  .js .chord-stick{position:static;height:auto;min-height:0}
  .js .chord-caps{display:grid}
  .js .chord-caps li{position:static;opacity:1;transform:none}
  .js .chord-bar{display:none}
}
.home-mini{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:12px;align-items:center;margin-top:auto}
.home-mini svg{width:100%;height:auto;display:block}
.home-gauge{width:100%;max-width:240px;margin:auto auto 0}