.landing-hero{border-bottom:1px solid var(--line);padding:72px 32px 88px;position:relative;overflow:hidden}.landing-hero:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 70% 30%, var(--accent-amber-soft,color-mix(in oklab, var(--accent) 14%, transparent)) 0%, transparent 70%);position:absolute;inset:0}.deco-staff{background:var(--bg-sunken);border:1px solid var(--line);border-radius:10px;height:140px;padding:28px 28px 24px;position:relative;overflow:hidden}.deco-staff-lines{background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 14px, color-mix(in oklab, var(--ink) 22%, transparent) 14px, color-mix(in oklab, var(--ink) 22%, transparent) 15px);height:76px;position:absolute;top:38px;left:28px;right:28px}.deco-staff-clef{width:38px;height:105px;fill:var(--ink);position:absolute;top:24px;left:30px}.deco-staff-meter{font-family:var(--font-display,"Instrument Serif", Georgia, serif);color:var(--ink);text-align:center;font-size:26px;font-weight:600;line-height:.95;position:absolute;top:58px;left:96px}.deco-staff-meter b{display:block}.deco-staff-notes{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:32px 28px 24px 150px}.deco-note{width:12px;height:42px;color:var(--ink);background-color:currentColor;display:inline-block;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 42'><rect x='8.5' y='2' width='1.4' height='34' fill='black'/><ellipse cx='5' cy='36' rx='5' ry='3.5' transform='rotate(-22 5 36)' fill='black'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 42'><rect x='8.5' y='2' width='1.4' height='34' fill='black'/><ellipse cx='5' cy='36' rx='5' ry='3.5' transform='rotate(-22 5 36)' fill='black'/></svg>") 50%/contain no-repeat}.deco-note-ok{color:var(--ok)}.deco-note-warn{color:var(--warn)}.deco-note-bad{color:var(--bad)}.deco-note-miss{color:var(--miss);opacity:.5}.deco-staff.small{height:110px;padding:22px 22px 20px}.deco-staff.small .deco-staff-lines{height:76px;top:26px;left:22px;right:22px}.deco-staff.small .deco-staff-clef{width:36px;height:100px;top:16px;left:24px}.deco-staff.small .deco-staff-meter{display:none}.deco-staff.small .deco-staff-notes{inset:20px 22px 18px 96px}.deco-staff.small .deco-note{width:11px;height:38px}.tier{background:var(--bg-elevated);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:18px;padding:32px;display:flex}.tier.premium{background:var(--bg-elevated-2);border-color:var(--accent-amber-line,#f2ba534d);position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.tier.premium{border-color:var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3))}}.tier-badge{background:var(--accent);color:var(--accent-foreground);letter-spacing:.08em;text-transform:uppercase;border-radius:0 0 0 10px;padding:6px 14px;font-size:11px;font-weight:500;position:absolute;top:0;right:0}.tier-price-num{font-family:var(--font-display,"Instrument Serif", Georgia, serif);font-size:64px;font-style:italic;line-height:1}.tier.premium .tier-price-num{color:var(--accent)}.tier-list{color:var(--ink-muted);flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.tier.premium .tier-list{color:var(--ink)}.difficulty{align-items:flex-end;gap:3px;display:inline-flex}.difficulty>span{background:var(--ink-faint);border-radius:1.5px;width:3px}.difficulty>span:first-child{height:8px}.difficulty>span:nth-child(2){height:10px}.difficulty>span:nth-child(3){height:12px}.difficulty>span:nth-child(4){height:14px}.difficulty>span:nth-child(5){height:16px}.difficulty>span.on{background:var(--accent)}.closing-cta{text-align:center;padding:120px 32px;position:relative;overflow:hidden}.closing-cta:before{content:"𝄞";font-family:var(--font-display,"Instrument Serif", Georgia, serif);color:var(--ink);opacity:.04;pointer-events:none;justify-content:center;align-items:center;font-size:460px;font-style:italic;line-height:1;display:flex;position:absolute;inset:0}@media (max-width:900px){.landing-hero{padding:32px 18px 48px}.closing-cta{padding:56px 18px}.closing-cta:before{font-size:240px}.tier{padding:24px}}