.score-hero{overflow:hidden;background:radial-gradient(900px 560px at 74% 16%,rgba(244,165,43,.13),transparent 68%),linear-gradient(180deg,#08090b,var(--stage));border-bottom:1px solid var(--line-soft)}
.score-hero-grid{min-height:610px;display:grid;grid-template-columns:1fr .9fr;gap:74px;align-items:center;padding-top:72px;padding-bottom:80px}
.score-hero h1{margin-top:20px;font-size:clamp(44px,6.5vw,76px);font-weight:800;line-height:1.02;letter-spacing:-.04em}
.score-hero h1 em{font-style:normal;color:var(--amber)}
.score-hero p{max-width:620px;margin-top:24px;color:var(--dim);font-size:18px;line-height:1.7}
.score-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero-sequencer{position:relative;padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,var(--panel-2),#0d0f12);box-shadow:0 48px 110px -50px #000}
.sequencer-head{display:flex;justify-content:space-between;color:var(--dim-2);font-size:11px;font-weight:800;letter-spacing:.12em}
.sequencer-head b{color:var(--amber)}
.sequencer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}
.sequencer-grid>span{aspect-ratio:1;border-radius:13px;background:#13161a;border:1px solid var(--line-soft)}
.sequencer-grid .hit{background:linear-gradient(160deg,#302719,#1b1813);border-color:var(--amber-line)}
.sequencer-grid .hit.a{background:linear-gradient(160deg,var(--amber-2),var(--amber));box-shadow:0 0 24px rgba(244,165,43,.25)}
.sequencer-grid .hit.b{background:linear-gradient(160deg,#8a6dff,#5d43bd);border-color:#a693ff}
.sequencer-playhead{position:absolute;top:50px;bottom:22px;left:51%;width:2px;background:var(--amber);box-shadow:0 0 12px var(--amber)}
.score-library{padding-top:110px}
.score-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}
.score-section-head h2{margin-top:10px;font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.025em}
.score-section-head>p{max-width:380px;color:var(--dim);font-size:14px;text-align:right}
.score-cards{display:grid;gap:18px}
.score-card{--accent:var(--amber);display:grid;grid-template-columns:136px 1fr auto;gap:24px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,var(--panel-2),var(--panel));transition:.2s var(--ease)}
.score-card:hover{transform:translateY(-3px)}
.score-visual{height:116px;padding:18px 16px;border-radius:17px;background:#0d0f12;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:6px}
.score-visual i{display:block;width:4px;border-radius:99px;background:var(--accent);opacity:.88}
.score-copy h3{font-size:26px;letter-spacing:-.02em}
.score-meta{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:7px;color:var(--accent);font-size:12px;font-weight:800}
.score-copy p{max-width:650px;margin-top:12px;color:var(--dim);font-size:14.5px;line-height:1.65}
.score-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:174px}
.score-actions .btn{justify-content:center;padding:12px 16px;font-size:13px}
.score-download{padding:7px 10px;color:var(--dim-2);font-size:11.5px;text-align:center;text-decoration:underline;text-underline-offset:3px}
.score-download:hover{color:var(--text)}
.score-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.score-loading span{height:190px;border-radius:22px;background:linear-gradient(100deg,var(--panel) 30%,var(--panel-2) 50%,var(--panel) 70%);background-size:220% 100%;animation:score-shimmer 1.4s infinite}
.score-error{padding:30px;border:1px solid var(--line);border-radius:18px;color:var(--dim);text-align:center}
.score-how{margin-top:120px;padding:96px 0 108px;border-top:1px solid var(--line-soft);background:var(--bg)}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.how-grid article{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.how-grid article>b{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--amber-soft);color:var(--amber);font-size:12px}
.how-grid h3{margin-top:20px;font-size:19px}
.how-grid p{margin-top:9px;color:var(--dim);font-size:14px;line-height:1.65}
.score-footer{margin-top:0}
@keyframes score-shimmer{to{background-position:-220% 0}}
@media(max-width:900px){.score-hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:76px}.hero-sequencer{max-width:560px}.score-card{grid-template-columns:100px 1fr}.score-actions{grid-column:1/-1;flex-direction:row}.score-actions .btn{flex:1}.score-download{align-self:center}}
@media(max-width:620px){.score-hero-grid{gap:46px}.score-hero h1{font-size:44px}.score-section-head{align-items:start;flex-direction:column}.score-section-head>p{text-align:left}.score-card{grid-template-columns:1fr;padding:22px}.score-visual{height:90px}.score-actions{flex-direction:column}.how-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.score-loading span{animation:none}.score-card:hover{transform:none}}