/* Full-site visual identity, subscription-only layout. The 64px header stays fixed. */
html[data-frontend-template="official_simple"] main { padding-top: 64px; }
html[data-frontend-template="official_simple"] #subscribe { padding: 36px 0 48px; scroll-margin-top: 64px; animation: none; }
.subscription-audio-heading { position: relative; isolation: isolate; }
.subscription-audio-heading::before { content: ''; position: absolute; inset: -16px 0 -8px; z-index: -1; border-radius: 14px; background: rgba(14,16,23,.6); backdrop-filter: blur(12px) saturate(1.1); -webkit-backdrop-filter: blur(12px) saturate(1.1); border: 1px solid rgba(154,155,176,.2); pointer-events: none; }
[data-theme="light"] .subscription-audio-heading::before { background: rgba(255,255,255,.55); border-color: rgba(124,135,154,.3); }
html[data-theme="light"][data-frontend-template="official_simple"] #subscribe .subscription-audio-heading .section-title { color: #172033; }
.subscription-audio-heading > :not(canvas) { position: relative; z-index: 1; }
.subscription-audio-visualizer { position: absolute; inset: -16px 0 -8px; width: 100%; height: calc(100% + 24px); z-index: 0; border-radius: 14px; pointer-events: none; opacity: .9; }
[data-theme="light"] .subscription-audio-visualizer { opacity: .96; }
@media (prefers-reduced-motion: reduce) { .subscription-audio-visualizer { display: none; } }
@media (max-width: 700px) {
    html[data-frontend-template="official_simple"] #subscribe { padding: 24px 0 32px; }
}