@font-face {
  font-family: "Funnel Display";
  src: url("fonts/funnel-display.woff2") format("woff2-variations");
  font-weight: 300 800;
  font-display: swap;
}
body{margin:0;background:#0d0e12;color:#f2f2f5;font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#f2f2f5}a:hover{color:#d2c2ff}
h1,h2,h3{font-family:"Funnel Display",-apple-system,system-ui,sans-serif;font-weight:800;letter-spacing:-.035em;line-height:1;margin:0}
p{margin:0}
@keyframes sbsK0 {
  0% { opacity: 0.0 }
  9% { opacity: 0.0 }
  9.8% { opacity: 1.0 }
  100% { opacity: 1.0 }
}
@keyframes sbsK1 {
  0% { opacity: 0.0 }
  88% { opacity: 0.0 }
  88.8% { opacity: 1.0 }
  100% { opacity: 1.0 }
}
@keyframes sbsK2 {
  0% { opacity: 1.0 }
  33% { opacity: 1.0 }
  33.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK3 {
  0% { opacity: 1.0 }
  33% { opacity: 1.0 }
  33.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK4 {
  0% { opacity: 1.0 }
  33% { opacity: 1.0 }
  33.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK5 {
  0% { opacity: 0.0 }
  33% { opacity: 0.0 }
  33.8% { opacity: 1.0 }
  88% { opacity: 1.0 }
  88.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK6 {
  0% { opacity: 0.0 }
  33% { opacity: 0.0 }
  33.8% { opacity: 1.0 }
  88% { opacity: 1.0 }
  88.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK7 {
  0% { opacity: 0.0 }
  33% { opacity: 0.0 }
  33.8% { opacity: 1.0 }
  88% { opacity: 1.0 }
  88.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK8 {
  0% { opacity: 0.0 }
  33% { opacity: 0.0 }
  33.8% { opacity: 1.0 }
  88% { opacity: 1.0 }
  88.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK9 {
  0% { opacity: 0.0 }
  88% { opacity: 0.0 }
  88.8% { opacity: 1.0 }
  100% { opacity: 1.0 }
}
@keyframes sbsK10 {
  0% { opacity: 0.0 }
  88% { opacity: 0.0 }
  88.8% { opacity: 1.0 }
  100% { opacity: 1.0 }
}
@keyframes sbsK11 {
  0% { opacity: 0.0 }
  88% { opacity: 0.0 }
  88.8% { opacity: 1.0 }
  100% { opacity: 1.0 }
}
@keyframes sbsK12 {
  0% { opacity: 1.0 }
  9% { opacity: 1.0 }
  9.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK13 {
  0% { opacity: 1.0 }
  9% { opacity: 1.0 }
  9.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK14 {
  0% { opacity: 1.0 }
  9% { opacity: 1.0 }
  9.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK15 {
  0% { opacity: 0.0 }
  9% { opacity: 0.0 }
  9.8% { opacity: 1.0 }
  17% { opacity: 1.0 }
  17.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK16 {
  0% { opacity: 0.0 }
  9% { opacity: 0.0 }
  9.8% { opacity: 1.0 }
  17% { opacity: 1.0 }
  17.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK17 {
  0% { opacity: 0.0 }
  9% { opacity: 0.0 }
  9.8% { opacity: 1.0 }
  17% { opacity: 1.0 }
  17.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK18 {
  0% { opacity: 0.0 }
  17% { opacity: 0.0 }
  17.8% { opacity: 1.0 }
  25% { opacity: 1.0 }
  25.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK19 {
  0% { opacity: 0.0 }
  17% { opacity: 0.0 }
  17.8% { opacity: 1.0 }
  25% { opacity: 1.0 }
  25.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK20 {
  0% { opacity: 0.0 }
  17% { opacity: 0.0 }
  17.8% { opacity: 1.0 }
  25% { opacity: 1.0 }
  25.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK21 {
  0% { opacity: 0.0 }
  17% { opacity: 0.0 }
  17.8% { opacity: 1.0 }
  25% { opacity: 1.0 }
  25.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK22 {
  0% { opacity: 0.0 }
  25% { opacity: 0.0 }
  25.8% { opacity: 1.0 }
  52% { opacity: 1.0 }
  52.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK23 {
  0% { opacity: 0.0 }
  25% { opacity: 0.0 }
  25.8% { opacity: 1.0 }
  52% { opacity: 1.0 }
  52.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK24 {
  0% { opacity: 0.0 }
  25% { opacity: 0.0 }
  25.8% { opacity: 1.0 }
  52% { opacity: 1.0 }
  52.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK25 {
  0% { opacity: 0.0 }
  52% { opacity: 0.0 }
  52.8% { opacity: 1.0 }
  65% { opacity: 1.0 }
  65.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK26 {
  0% { opacity: 0.0 }
  52% { opacity: 0.0 }
  52.8% { opacity: 1.0 }
  65% { opacity: 1.0 }
  65.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK27 {
  0% { opacity: 0.0 }
  65% { opacity: 0.0 }
  65.8% { opacity: 1.0 }
  80% { opacity: 1.0 }
  80.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK28 {
  0% { opacity: 0.0 }
  65% { opacity: 0.0 }
  65.8% { opacity: 1.0 }
  80% { opacity: 1.0 }
  80.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK29 {
  0% { opacity: 0.0 }
  65% { opacity: 0.0 }
  65.8% { opacity: 1.0 }
  80% { opacity: 1.0 }
  80.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK30 {
  0% { opacity: 0.0 }
  80% { opacity: 0.0 }
  80.8% { opacity: 1.0 }
  85% { opacity: 1.0 }
  85.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK31 {
  0% { opacity: 0.0 }
  80% { opacity: 0.0 }
  80.8% { opacity: 1.0 }
  85% { opacity: 1.0 }
  85.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK32 {
  0% { opacity: 0.0 }
  80% { opacity: 0.0 }
  80.8% { opacity: 1.0 }
  85% { opacity: 1.0 }
  85.8% { opacity: 0.0 }
  100% { opacity: 0.0 }
}
@keyframes sbsK33 {
  0% { opacity: 0.0 }
  85% { opacity: 0.0 }
  85.8% { opacity: 1.0 }
  100% { opacity: 1.0 }
}
@keyframes sbsK34 {
  0% { opacity: 0.0 }
  85% { opacity: 0.0 }
  85.8% { opacity: 1.0 }
  100% { opacity: 1.0 }
}
@keyframes sbsK35 {
  0% { opacity: 0.0 }
  85% { opacity: 0.0 }
  85.8% { opacity: 1.0 }
  100% { opacity: 1.0 }
}
@keyframes sbsK36 {
  0% { opacity: 0.0 }
  85% { opacity: 0.0 }
  85.8% { opacity: 1.0 }
  100% { opacity: 1.0 }
}
@keyframes sbsK37 {
  0% { opacity: 0.0 }
  67% { opacity: 0.0 }
  67.8% { opacity: 1.0 }
  100% { opacity: 1.0 }
}
@keyframes sbsShift {
  0%, 65% { transform: translateY(0) }
  67%, 100% { transform: translateY(9.4cqw) }
}
@keyframes sbsMain {
  0%, 9% { opacity: .35 }
  10%, 100% { opacity: 1 }
}
@keyframes sbsClick7 {
  0%, 7% { opacity: 0; transform: scale(.3) }
  7.3% { opacity: .7; transform: scale(.3) }
  9.5% { opacity: 0; transform: scale(1.6) }
  100% { opacity: 0; transform: scale(1.6) }
}
@keyframes sbsClick32 {
  0%, 32% { opacity: 0; transform: scale(.3) }
  32.3% { opacity: .7; transform: scale(.3) }
  34.5% { opacity: 0; transform: scale(1.6) }
  100% { opacity: 0; transform: scale(1.6) }
}
@keyframes sbsClick63 {
  0%, 63% { opacity: 0; transform: scale(.3) }
  63.3% { opacity: .7; transform: scale(.3) }
  65.5% { opacity: 0; transform: scale(1.6) }
  100% { opacity: 0; transform: scale(1.6) }
}
@keyframes sbsClick80 {
  0%, 80% { opacity: 0; transform: scale(.3) }
  80.3% { opacity: .7; transform: scale(.3) }
  82.5% { opacity: 0; transform: scale(1.6) }
  100% { opacity: 0; transform: scale(1.6) }
}
@keyframes sbsCursor {
  0% { transform: translate(62.00cqw, 47.00cqw) }
  5% { transform: translate(10.00cqw, 28.30cqw) }
  8% { transform: translate(10.00cqw, 28.30cqw) }
  14% { transform: translate(42.00cqw, 42.00cqw) }
  27% { transform: translate(42.00cqw, 42.00cqw) }
  31% { transform: translate(29.80cqw, 22.60cqw) }
  33% { transform: translate(29.80cqw, 22.60cqw) }
  40% { transform: translate(64.00cqw, 42.00cqw) }
  51% { transform: translate(64.00cqw, 42.00cqw) }
  54% { transform: translate(76.00cqw, 16.80cqw) }
  60% { transform: translate(76.00cqw, 16.80cqw) }
  62% { transform: translate(93.00cqw, 16.30cqw) }
  64% { transform: translate(93.00cqw, 16.30cqw) }
  70% { transform: translate(66.00cqw, 42.00cqw) }
  77% { transform: translate(66.00cqw, 42.00cqw) }
  79% { transform: translate(31.70cqw, 22.60cqw) }
  82% { transform: translate(31.70cqw, 22.60cqw) }
  90% { transform: translate(62.00cqw, 47.00cqw) }
  100% { transform: translate(62.00cqw, 47.00cqw) }
}
@keyframes sbsType {
  0%, 54% { max-width: 0; animation-timing-function: steps(11, end) }
  60%, 100% { max-width: 12ch }
}
@keyframes sbsBlink {
  0%, 100% { opacity: 1 }
  50% { opacity: 0 }
}
@keyframes sbsFade {
  0% { opacity: 0 }
  1.5%, 97% { opacity: 1 }
  100% { opacity: 0 }
}
@keyframes sbsStep1 {
  0% { opacity: 1 }
  25% { opacity: 1 }
  25.8% { opacity: 0.65 }
  100% { opacity: 0.65 }
}
@keyframes sbsStep2 {
  0% { opacity: 0.65 }
  25% { opacity: 0.65 }
  25.8% { opacity: 1 }
  50% { opacity: 1 }
  50.8% { opacity: 0.65 }
  100% { opacity: 0.65 }
}
@keyframes sbsStep3 {
  0% { opacity: 0.65 }
  50% { opacity: 0.65 }
  50.8% { opacity: 1 }
  75% { opacity: 1 }
  75.8% { opacity: 0.65 }
  100% { opacity: 0.65 }
}
@keyframes sbsStep4 {
  0% { opacity: 0.65 }
  75% { opacity: 0.65 }
  75.8% { opacity: 1 }
  100% { opacity: 1 }
}
.sbs-demo { container-type: inline-size; width: 100%; }
.sbs-win * { box-sizing: border-box; }
.sbs-win { position: relative; width: 100%; height: 58cqw; border-radius: 1.2cqw; overflow: hidden; background: #0d0e12;
  box-shadow: 0 0 0 1px #2a2c36, 0 3cqw 6cqw rgba(0,0,0,.45); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  color: #f2f2f5; user-select: none; }
.sbs-content { position: absolute; inset: 0; animation: sbsFade 16s linear infinite; }
.sbs-a { animation-duration: 16s; animation-iteration-count: infinite; animation-timing-function: linear; }
.sbs-a.sbs-type { animation-timing-function: linear; }
.sbs-a[style*="sbsBlink"] { animation-duration: 1s; }
.sbs-a, .sbs-step, .sbs-content { animation-delay: var(--sbs-delay, 0s); }
.sbs-reset .sbs-a, .sbs-reset .sbs-step, .sbs-reset .sbs-content { animation: none !important; }
.sbs-step { animation-duration: 16s; animation-iteration-count: infinite; animation-timing-function: linear; }
.sbs-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px;
  font: 700 11px ui-monospace, 'SF Mono', Menlo, monospace; letter-spacing: .08em; text-transform: uppercase; color: #8a8d9a; }
.sbs-bar label { cursor: pointer; padding: 6px 12px; border-radius: 99px; box-shadow: inset 0 0 0 1px #3a3d4a; color: #f2f2f5; }
.sbs-bar label:hover { box-shadow: inset 0 0 0 1px #8b5cff; }
#sbs-pause { position: absolute; opacity: 0; pointer-events: none; }
#sbs-pause:focus-visible + .sbs-bar label { outline: 2px solid #8b5cff; outline-offset: 2px; }
.sbs-bar .sbs-play { display: none; }
body:has(#sbs-pause:checked) .sbs-bar .sbs-play { display: inline; }
body:has(#sbs-pause:checked) .sbs-bar .sbs-stop { display: none; }
body:has(#sbs-pause:checked) .sbs-a, body:has(#sbs-pause:checked) .sbs-step, body:has(#sbs-pause:checked) .sbs-content { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .sbs-a, .sbs-step, .sbs-content { animation: none !important; }
  .sbs-cursor { display: none; }
  .sbs-bar label { display: none; }
}
.sbs-h-c { animation: sbsHeroL 1.1s cubic-bezier(.2, .8, .2, 1) both; }
.sbs-h-r { animation: sbsHeroR 1.1s cubic-bezier(.2, .8, .2, 1) both; }
.sbs-h-v { animation: sbsHeroV 1.7s ease both; }
.sbs-h-t { animation: sbsHeroT 1.7s cubic-bezier(.2, .8, .2, 1) both; }
.sbs-h-t2 { animation-duration: 1.9s; }
.sbs-h-t3 { animation-duration: 2.1s; }
@keyframes sbsHeroL {
  from { transform: translateX(-360px); opacity: 0 }
  to { transform: translateX(0); opacity: 1 }
}
@keyframes sbsHeroR {
  from { transform: translateX(360px); opacity: 0 }
  to { transform: translateX(0); opacity: 1 }
}
@keyframes sbsHeroV {
  0%, 62% { opacity: 0 }
  100% { opacity: 1 }
}
@keyframes sbsHeroT {
  0%, 50% { opacity: 0; transform: translateY(24px) }
  100% { opacity: 1; transform: translateY(0) }
}
.sbs-listen button:hover { box-shadow: inset 0 0 0 1px #8b5cff; }
.sbs-listen button:focus-visible, .sbs-step button:focus-visible, .sbs-join button:focus-visible { outline: 2px solid #bfa5ff; outline-offset: 2px; }
.sbs-step button:hover { background: #1c1d23; }
.sbs-join input:focus { outline: none; box-shadow: inset 0 0 0 2px #8b5cff; }
.sbs-eq span { display: inline-block; width: 3px; margin-right: 2px; background: #bfa5ff; border-radius: 2px; animation: sbsEq .9s ease-in-out infinite; }
.sbs-eq span:nth-child(2) { animation-delay: -.3s; }
.sbs-eq span:nth-child(3) { animation-delay: -.6s; }
@keyframes sbsEq {
  0%, 100% { height: 4px }
  50% { height: 14px }
}
@media (prefers-reduced-motion: reduce) {
  .sbs-h-c, .sbs-h-r, .sbs-h-v, .sbs-h-t, .sbs-eq span { animation: none !important; }
}

/* hear the versions */
.sbs-version { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; padding: 8px 18px 8px 10px; border: 0; border-radius: 99px;
  cursor: pointer; font: inherit; color: #f2f2f5; background: #16171c; box-shadow: inset 0 0 0 1px #34363f; }
.sbs-version[aria-pressed="true"] { background: #241c3d; box-shadow: inset 0 0 0 1px #8b5cff; }
.sbs-version-icon { width: 28px; height: 28px; flex: none; border-radius: 50%; display: grid; place-items: center; color: #0d0e12; }
.sbs-version .sbs-stop, .sbs-version[aria-pressed="true"] .sbs-go { display: none; }
.sbs-version[aria-pressed="true"] .sbs-stop { display: block; }
.sbs-version-text { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; }
.sbs-version-title { font-weight: 700; font-size: 14px; }
.sbs-version-meta { font-size: 12px; color: #a4a7b4; }
.sbs-version .sbs-eq { display: none; align-items: flex-end; height: 14px; margin-left: 4px; }
.sbs-version[aria-pressed="true"] .sbs-eq { display: inline-flex; }
[hidden] { display: none !important; }

/* a phone: the three words of the hero go one under the other, so they never collide */
@media (max-width: 640px) {
  .sbs-h-t1 { top: 10% !important; }
  .sbs-h-t2 { top: 38% !important; }
  .sbs-h-t3 { top: 66% !important; }
}

/* ---------- on your own: names, one set, templates */
.solo { max-width: 1440px; margin: 0 auto; padding: 0 clamp(16px, 3.4vw, 48px) clamp(72px, 9vw, 130px); display: flex; flex-direction: column; gap: 28px; }
.solo-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 20px 48px; }
.solo-head > div { flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.solo-head p { flex: 0 1 520px; color: #a4a7b4; }
.solo-kicker { font: 700 12px ui-monospace, 'SF Mono', Menlo, monospace; letter-spacing: .1em; text-transform: uppercase; color: #3fd28b; }
.solo h2 { font-size: clamp(34px, 4.6vw, 64px); letter-spacing: -.045em; }
.solo-strike { display: block; font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-weight: 600; font-size: .52em; letter-spacing: -.02em; color: #ff8a80;
  text-decoration: line-through; text-decoration-thickness: .08em; overflow-wrap: anywhere; margin-top: .25em; }

.tidy { border-radius: 20px; background: #16171c; box-shadow: inset 0 0 0 1px #34363f; padding: clamp(18px, 3vw, 32px); display: flex; flex-direction: column; gap: 18px; }
.tidy-bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
.tidy-label { font: 700 12px ui-monospace, 'SF Mono', Menlo, monospace; letter-spacing: .08em; text-transform: uppercase; color: #a4a7b4; }
.tidy-toggle { min-height: 44px; padding: 0 22px; border: 0; border-radius: 99px; background: #3fd28b; color: #0d0e12; font: 700 15px -apple-system, system-ui, sans-serif; cursor: pointer; }
.tidy-toggle:hover { background: #63dea3; }
.tidy-toggle[aria-pressed="true"] { background: transparent; color: #f2f2f5; box-shadow: inset 0 0 0 1px #3a3d4a; }
.tidy-toggle:focus-visible { outline: 2px solid #bfa5ff; outline-offset: 2px; }
.tidy-panes { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; }
.tidy-pane { border-radius: 14px; background: #0d0e12; box-shadow: inset 0 0 0 1px #23252d; padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.tidy-pane-title { font-weight: 700; font-size: 15px; }
.tidy-files, .tidy-tracks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; font-size: 14.5px; }
.tidy-files li, .tidy-tracks li { display: flex; align-items: baseline; gap: 10px; min-width: 0; flex-wrap: wrap; animation: tidyIn .35s cubic-bezier(.2, .8, .2, 1) both; }
.tidy-files li:nth-child(2), .tidy-tracks li:nth-child(2) { animation-delay: .04s; }
.tidy-files li:nth-child(3), .tidy-tracks li:nth-child(3) { animation-delay: .08s; }
.tidy-files li:nth-child(4), .tidy-tracks li:nth-child(4) { animation-delay: .12s; }
.tidy-files li:nth-child(5), .tidy-tracks li:nth-child(5) { animation-delay: .16s; }
.tidy-files li:nth-child(n+6) { animation-delay: .2s; }
.tidy-files em { font-style: normal; font-size: 12.5px; color: #8a8d9a; }
.tidy-files span { width: 12px; height: 12px; flex: none; border-radius: 3px; align-self: center; }
.f-als { background: #8b5cff; } .f-dir { background: #4a6fa5; } .f-wav { background: #5a5d6a; border-radius: 50% !important; }
.tidy-tracks i { width: 14px; height: 14px; flex: none; border-radius: 4px; align-self: center; }
.tidy-tracks b { font-weight: 600; font-size: 12px; color: #ffb547; padding: 1px 8px; border-radius: 99px; background: rgba(255, 181, 71, .12); }
.tidy[data-tidy="messy"] .tidy-when-tidy, .tidy[data-tidy="tidy"] .tidy-when-messy { display: none; }
@keyframes tidyIn {
  from { opacity: 0; transform: translateY(6px) }
  to { opacity: 1; transform: translateY(0) }
}

.solo-cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 8px; }
.solo-cards li { background: #16171c; border-radius: 12px; box-shadow: inset 0 0 0 1px #34363f; padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.solo-cards h3 { font-size: 22px; letter-spacing: -.03em; }
.solo-cards p { color: #a4a7b4; font-size: 15.5px; }
.solo-tag { font: 700 10.5px ui-monospace, 'SF Mono', Menlo, monospace; letter-spacing: .08em; text-transform: uppercase; padding: 4px 9px; border-radius: 99px; }
.solo-tag-test { color: #3fd28b; background: rgba(63, 210, 139, .12); }
.solo-tag-plan { color: #bfa5ff; background: #241c3d; }
@media (prefers-reduced-motion: reduce) {
  .tidy-files li, .tidy-tracks li { animation: none; }
}
.tidy-note { font-size: 13px; color: #8a8d9a; }

/* ---------- download */
.dl { max-width: 1440px; margin: 0 auto; padding: 0 clamp(16px, 3.4vw, 48px) clamp(72px, 9vw, 130px); }
.dl-card { border-radius: 20px; padding: clamp(28px, 4.5vw, 64px); background: #1a162a; box-shadow: inset 0 0 0 1px #3a2a67; display: flex; flex-wrap: wrap; gap: 32px 64px; align-items: center; }
.dl-text { flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.dl-text h2 { font-size: clamp(36px, 4.4vw, 60px); letter-spacing: -.045em; }
.dl-text p { max-width: 560px; color: #c9cbd6; }
.dl-actions { flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.dl-btn { display: flex; align-items: center; gap: 14px; min-height: 60px; padding: 10px 22px; border-radius: 16px; text-decoration: none; color: #f2f2f5; background: #0d0e12; box-shadow: inset 0 0 0 1px #46317d; }
.dl-btn:hover { color: #f2f2f5; box-shadow: inset 0 0 0 1px #8b5cff; }
.dl-btn span { display: flex; flex-direction: column; gap: 2px; }
.dl-btn b { font-size: 16px; }
.dl-btn small { font-size: 13px; color: #a4a7b4; }
.dl-btn.dl-mine { background: #7445f0; box-shadow: none; }
.dl-btn.dl-mine:hover { background: #8657ff; }
.dl-btn.dl-mine small { color: #e8deff; }
.dl-btn:focus-visible { outline: 2px solid #bfa5ff; outline-offset: 2px; }
.dl-small { font-size: 13px; color: #a4a7b4; }
.dl-small a { color: #d2c2ff; }

.dl-btn.dl-soon { opacity: .55; pointer-events: none; }