.db-page {
  --bg: #030508;
  --surface: rgba(18, 24, 34, 0.86);
  --surface-soft: rgba(23, 31, 43, 0.9);
  --border: rgba(176, 187, 202, 0.18);
  --text: #f7f9ff;
  --muted: rgba(232, 237, 246, 0.72);
  --gold: #7ea8ff;
  --gold-soft: #1e63cf;
  --teal: #7fcabf;
  --accent: #7ea8ff;
  --accent-soft: #1e63cf;
  --accent-alt: #7fcabf;
  --card: rgba(16, 22, 31, 0.9);
  --card-elevated: rgba(20, 27, 38, 0.94);
  --chip: rgba(12, 17, 25, 0.72);
  --border-soft: rgba(176, 187, 202, 0.16);
  --db-focus: rgba(126, 168, 255, 0.86);
  --db-ink: #030508;
  --db-ink-soft: #070b11;
  --db-panel: rgba(18, 24, 34, 0.86);
  --db-panel-strong: rgba(9, 13, 20, 0.96);
  --db-panel-soft: rgba(24, 32, 44, 0.72);
  --db-stroke: rgba(176, 187, 202, 0.16);
  --db-stroke-strong: rgba(176, 187, 202, 0.24);
  --db-cream: #f7f9ff;
  --db-muted: rgba(232, 237, 246, 0.72);
  --db-muted-strong: rgba(246, 249, 255, 0.86);
  --db-highlight: #7ea8ff;
  --db-highlight-strong: #dbe7ff;
  --db-copper: #1e63cf;
  --db-emerald: #7fcabf;
  --db-shadow: 0 34px 90px rgba(0, 0, 0, 0.42);
  --db-shadow-soft: 0 18px 46px rgba(0, 0, 0, 0.34);
  color: var(--db-cream);
  background:
    radial-gradient(1200px 640px at 50% -20%, rgba(126, 168, 255, 0.12), transparent 58%),
    radial-gradient(920px 540px at 108% 0%, rgba(127, 202, 191, 0.1), transparent 58%),
    linear-gradient(165deg, #030508 0%, #070b11 52%, #030508 100%);
}

.db-wrap {
  background:
    radial-gradient(1200px 640px at 50% -20%, rgba(126, 168, 255, 0.12), transparent 58%),
    radial-gradient(900px 560px at 110% -10%, rgba(127, 202, 191, 0.1), transparent 58%),
    linear-gradient(165deg, #030508 0%, #070b11 54%, #030508 100%);
}

.db-shell,
.db-page-hero,
.db-premium-section,
.db-card,
.db-premium-card,
.db-music-album-card,
.db-music-player-panel,
.db-music-purchase,
.dba-store,
.dba-promo-card,
.dba-store-video-card,
.dba-store-mastering-card,
.dba-store-tool-card,
.db-media-preview-panel {
  border-color: rgba(176, 187, 202, 0.18);
  background:
    linear-gradient(180deg, rgba(30, 37, 44, 0.68), rgba(3, 5, 8, 0.98)),
    linear-gradient(110deg, rgba(126, 168, 255, 0.1), transparent 38%, rgba(127, 202, 191, 0.08));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 34px 90px rgba(0, 0, 0, 0.42);
}

.db-shell {
  backdrop-filter: blur(8px);
}

.main-nav,
.db-top-nav {
  border-color: rgba(176, 187, 202, 0.24);
  background: rgba(7, 10, 15, 0.92);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.54);
}

.main-nav a,
.db-top-nav-links a,
.dba-store-subnav a {
  color: rgba(232, 237, 246, 0.82);
}

.main-nav a:hover,
.main-nav a:focus-visible,
.db-top-nav-links a:hover,
.db-top-nav-links a:focus-visible,
.main-nav a.active,
.dba-store-subnav a:hover {
  border-color: rgba(126, 168, 255, 0.54);
  background: rgba(126, 168, 255, 0.12);
  color: #ffffff;
}

.main-nav a.active {
  box-shadow: inset 0 0 0 1px rgba(126, 168, 255, 0.18);
}

.db-main-title,
.db-page-title span,
.db-music-title span,
.dba-store-page-title span,
.db-about-story-copy h3 {
  background: linear-gradient(92deg, #f7f9ff 0%, #7ea8ff 48%, #7fcabf 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 14px 34px rgba(0, 0, 0, 0.3);
}

.db-page-home .db-hero-intro {
  display: grid;
  gap: 14px;
}

.db-page-home .db-hero-intro .db-hero-copy {
  margin: 0;
}

.db-page-home .db-hero-intro strong {
  color: rgba(246, 249, 255, 0.96);
}

.db-eyebrow,
.db-page-kicker,
.db-music-kicker,
.dba-store-page-kicker,
.dba-promo-spotlight-kicker,
.dba-app-suite-kicker,
.db-music-album-tag,
.db-music-player-meta,
.db-about-heading-box h2,
.dba-promo-tag {
  color: rgba(126, 168, 255, 0.9);
}

.db-hero-copy,
.db-page-subtitle,
.db-section p,
.db-music-subtitle,
.db-music-album-meta,
.db-music-purchase-copy,
.db-about-bio-flow,
.db-about-story-flow,
.dba-store-page-subtitle,
.dba-store-section-subtitle,
.dba-promo-desc {
  color: rgba(232, 237, 246, 0.72);
}

.db-chip,
.db-music-chip,
.db-store-pill,
.dba-promo-chips span,
.db-about-heading-box,
.db-music-coming,
.db-music-track,
.db-chat-window,
.db-chat-header,
.db-chat-form,
.db-contact-input,
.db-contact-textarea,
.db-music-field,
.db-chat-contact-field,
.db-chat-message-field {
  border-color: rgba(176, 187, 202, 0.18);
  background: rgba(12, 17, 25, 0.72);
  color: rgba(246, 249, 255, 0.86);
}

.db-btn-primary,
.db-contact-send,
.db-chat-send-btn,
.db-music-stripe-btn,
.dba-store-btn-primary,
.dba-promo-action:not(.dba-promo-action-secondary),
.db-premium-page-music .play-btn,
.db-music-play-btn,
.dba-app-suite-try,
.dba-download-modal-confirm {
  border-color: rgba(93, 151, 255, 0.5);
  background: #1e63cf;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(30, 99, 207, 0.26);
}

.db-btn-primary:hover,
.db-contact-send:hover,
.db-chat-send-btn:hover,
.db-music-stripe-btn:hover,
.dba-promo-action:not(.dba-promo-action-secondary):hover,
.dba-app-suite-try:hover {
  background: #2877ee;
  box-shadow: 0 16px 34px rgba(40, 119, 238, 0.3);
}

.db-btn-ghost,
.dba-promo-action-secondary,
.dba-store-btn-ghost,
.db-chat-telegram-link,
.db-contact-email-link {
  border-color: rgba(176, 187, 202, 0.18);
  background: rgba(12, 17, 25, 0.72);
  color: rgba(246, 249, 255, 0.88);
}

.db-btn-ghost:hover,
.dba-promo-action-secondary:hover,
.dba-store-btn-ghost:hover,
.db-chat-telegram-link:hover,
.db-contact-email-link:hover {
  border-color: rgba(126, 168, 255, 0.42);
  background: rgba(23, 31, 43, 0.88);
  color: #ffffff;
}

.db-video,
.db-video-mini-card,
.db-video-mini-frame,
.db-slideshow-shell,
.db-slideshow,
.db-music-art-wrap,
.db-about-video,
.db-about-photo-blend,
.dba-promo-thumb,
.dba-media-thumb-btn,
.db-media-preview-frame {
  border-color: rgba(176, 187, 202, 0.18);
  background: rgba(3, 5, 8, 0.78);
}

.db-section-header,
.db-premium-section .db-section-header,
.db-music-player-head,
.db-music-track,
.db-footer,
.db-footer-simple,
.db-chat-form {
  border-color: rgba(176, 187, 202, 0.16);
}

.db-video-mini-card:hover,
.db-card:hover,
.db-premium-card:hover,
.dba-promo-card:hover,
.dba-media-thumb-btn:hover,
.dba-media-thumb-btn:focus-visible {
  border-color: rgba(126, 168, 255, 0.34);
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.42);
}

.dba-promo-card-spotlight,
.dba-app-suite-panel {
  border-color: rgba(176, 187, 202, 0.16);
  background:
    linear-gradient(180deg, rgba(30, 37, 44, 0.68), rgba(3, 5, 8, 0.98)),
    linear-gradient(110deg, rgba(126, 168, 255, 0.1), transparent 38%, rgba(127, 202, 191, 0.08));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 34px 90px rgba(0, 0, 0, 0.42);
}

.dba-promo-card-spotlight:hover {
  border-color: rgba(126, 168, 255, 0.34);
}

.dba-promo-badge-new,
.dba-promo-badge-beta,
.dba-promo-badge-updated,
.dba-promo-badge-preview,
.dba-promo-badge-pipeline,
.dba-store-tool-status,
.dba-store-master-status,
.db-music-coming-pill {
  border-color: rgba(126, 168, 255, 0.34);
  background: rgba(66, 98, 174, 0.18);
  color: #dbe7ff;
}

.db-page-store .dba-promo-generated,
.db-page-store .dba-promo-generated-daw,
.db-page-store .dba-promo-generated-mix,
.db-page-store .dba-promo-generated-fx,
.db-page-store .dba-promo-generated-utility,
.db-page-store .dba-promo-generated-system {
  background:
    linear-gradient(135deg, rgba(11, 15, 21, 0.95), rgba(22, 28, 36, 0.88)),
    repeating-linear-gradient(90deg, rgba(126, 168, 255, 0.06) 0 1px, transparent 1px 18px);
}

.db-chat-avatar,
.db-status-dot,
.db-slide-dot.active {
  background: linear-gradient(135deg, #7ea8ff, #7fcabf);
}

.db-chat-status,
.db-note,
.db-footer-meta,
.db-video-mini-title,
.db-music-track-meta,
.db-music-label,
.db-about-bio-flow a {
  color: rgba(232, 237, 246, 0.72);
}

.db-contact-input:focus,
.db-contact-textarea:focus,
.db-chat-contact-field:focus,
.db-chat-message-field:focus,
.db-music-field:focus,
:where(a, button, input, textarea, select):focus-visible {
  border-color: rgba(126, 168, 255, 0.72);
  outline-color: rgba(126, 168, 255, 0.86);
  box-shadow: 0 0 0 2px rgba(126, 168, 255, 0.14);
}

.db-media-preview-backdrop {
  background: rgba(0, 0, 0, 0.66);
  backdrop-filter: blur(10px);
}

.db-media-preview-button,
.db-media-preview-close {
  border-color: rgba(176, 187, 202, 0.18);
  background: rgba(12, 17, 25, 0.82);
  color: rgba(246, 249, 255, 0.9);
}

.db-media-preview-button:hover,
.db-media-preview-button:focus-visible,
.db-media-preview-close:hover,
.db-media-preview-close:focus-visible {
  border-color: rgba(126, 168, 255, 0.44);
  background: rgba(23, 31, 43, 0.92);
}

body.db-page .main-nav,
body.db-page .db-top-nav {
  border-color: rgba(176, 187, 202, 0.24) !important;
  background: rgba(7, 10, 15, 0.92) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.54) !important;
}

body.db-page .main-nav a,
body.db-page .db-top-nav-links a,
body.db-page .dba-store-subnav a {
  color: rgba(232, 237, 246, 0.82) !important;
  border-color: transparent !important;
  background: transparent !important;
}

body.db-page .main-nav a:hover,
body.db-page .main-nav a:focus-visible,
body.db-page .db-top-nav-links a:hover,
body.db-page .db-top-nav-links a:focus-visible,
body.db-page .main-nav a.active,
body.db-page .dba-store-subnav a:hover,
body.db-page .dba-store-subnav a:focus-visible {
  border-color: rgba(126, 168, 255, 0.54) !important;
  background: rgba(126, 168, 255, 0.12) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(126, 168, 255, 0.18) !important;
}

body.db-page :is(
  .db-shell,
  .db-page-hero,
  .db-premium-section,
  .db-card,
  .db-premium-card,
  .db-music-head,
  .db-music-album-card,
  .db-music-player-panel,
  .db-music-purchase,
  .dba-store,
  .dba-promo-card,
  .dba-store-video-card,
  .dba-store-mastering-card,
  .dba-store-tool-card,
  .db-media-preview-panel
) {
  border-color: rgba(176, 187, 202, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(30, 37, 44, 0.68), rgba(3, 5, 8, 0.98)),
    linear-gradient(110deg, rgba(126, 168, 255, 0.1), transparent 38%, rgba(127, 202, 191, 0.08)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 34px 90px rgba(0, 0, 0, 0.42) !important;
}

body.db-page :is(
  .db-chip,
  .db-music-chip,
  .db-about-heading-box,
  .dba-store-subnav,
  .dba-promo-chips span,
  .db-music-track,
  .db-music-coming,
  .db-btn-ghost,
  .dba-promo-action-secondary,
  .db-chat-window,
  .db-chat-header,
  .db-chat-form,
  .db-contact-input,
  .db-contact-textarea,
  .db-chat-contact-field,
  .db-chat-message-field,
  .db-music-field
) {
  border-color: rgba(176, 187, 202, 0.18) !important;
  background: rgba(12, 17, 25, 0.72) !important;
  color: rgba(246, 249, 255, 0.86) !important;
}

body.db-page :is(
  .db-btn-primary,
  .db-contact-send,
  .db-chat-send-btn,
  .db-music-stripe-btn,
  .dba-store-btn-primary,
  .dba-promo-action:not(.dba-promo-action-secondary),
  .db-premium-page-music .play-btn,
  .db-music-play-btn,
  .dba-app-suite-try,
  .dba-download-modal-confirm
) {
  border-color: rgba(93, 151, 255, 0.5) !important;
  background: #1e63cf !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(30, 99, 207, 0.26) !important;
}

body.db-page :is(
  .db-btn-primary,
  .db-contact-send,
  .db-chat-send-btn,
  .db-music-stripe-btn,
  .dba-store-btn-primary,
  .dba-promo-action:not(.dba-promo-action-secondary),
  .dba-app-suite-try
):hover {
  background: #2877ee !important;
  box-shadow: 0 16px 34px rgba(40, 119, 238, 0.3) !important;
}

body.db-page :is(
  .db-eyebrow,
  .db-page-kicker,
  .db-page-subtitle,
  .db-music-kicker,
  .db-music-player-meta,
  .dba-store-page-kicker,
  .dba-promo-spotlight-kicker,
  .dba-app-suite-kicker,
  .dba-promo-tag
) {
  color: rgba(126, 168, 255, 0.9) !important;
  border-color: rgba(126, 168, 255, 0.2) !important;
}

body.db-page :is(
  .db-hero-copy,
  .db-page-subtitle,
  .db-section p,
  .db-music-subtitle,
  .db-music-album-meta,
  .db-music-purchase-copy,
  .db-about-bio-flow,
  .db-about-story-flow,
  .dba-store-page-subtitle,
  .dba-store-section-subtitle,
  .dba-promo-desc,
  .db-footer-meta,
  .db-note
) {
  color: rgba(232, 237, 246, 0.72) !important;
}

body.db-page :is(
  .db-video,
  .db-video-mini-card,
  .db-video-mini-frame,
  .db-slideshow-shell,
  .db-slideshow,
  .db-music-art-wrap,
  .db-about-video,
  .db-about-photo-blend,
  .dba-promo-thumb,
  .dba-media-thumb-btn,
  .db-media-preview-frame
) {
  border-color: rgba(176, 187, 202, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(14, 19, 27, 0.78), rgba(3, 5, 8, 0.92)) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.34) !important;
}

body.db-page :is(
  .db-section-header,
  .db-premium-section .db-section-header,
  .db-music-player-head,
  .db-footer,
  .db-footer-simple
) {
  border-color: rgba(176, 187, 202, 0.16) !important;
}

body.db-page :is(
  .dba-promo-badge-new,
  .dba-promo-badge-beta,
  .dba-promo-badge-updated,
  .dba-promo-badge-preview,
  .dba-promo-badge-pipeline,
  .dba-store-tool-status,
  .dba-store-master-status,
  .db-music-coming-pill
) {
  border-color: rgba(126, 168, 255, 0.34) !important;
  background: rgba(66, 98, 174, 0.18) !important;
  color: #dbe7ff !important;
}

body.db-page :is(
  .db-slide-arrow,
  .db-footer-links a,
  .db-chat-avatar,
  .db-music-purchase-form,
  .db-music-platforms,
  .db-music-platform-card,
  .db-music-platform-pill,
  .db-music-embed-frame,
  .dba-store-section-header
) {
  border-color: rgba(176, 187, 202, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(14, 19, 27, 0.78), rgba(3, 5, 8, 0.92)) !important;
  color: rgba(246, 249, 255, 0.9) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3) !important;
}

body.db-page .db-chat-avatar {
  background: linear-gradient(135deg, #7ea8ff, #7fcabf) !important;
  color: #ffffff !important;
}

body.db-page .db-slide-arrow:hover,
body.db-page .db-slide-arrow:focus-visible,
body.db-page .db-footer-links a:hover,
body.db-page .db-footer-links a:focus-visible {
  border-color: rgba(126, 168, 255, 0.44) !important;
  background: rgba(23, 31, 43, 0.92) !important;
}

body.db-page {
  background:
    radial-gradient(1200px 640px at 50% -20%, rgba(126, 168, 255, 0.12), transparent 58%),
    radial-gradient(920px 540px at 108% 0%, rgba(127, 202, 191, 0.1), transparent 58%),
    linear-gradient(165deg, #030508 0%, #070b11 52%, #030508 100%) !important;
}

body.db-page .db-wrap {
  background:
    radial-gradient(1200px 640px at 50% -20%, rgba(126, 168, 255, 0.12), transparent 58%),
    radial-gradient(900px 560px at 110% -10%, rgba(127, 202, 191, 0.1), transparent 58%),
    linear-gradient(165deg, #030508 0%, #070b11 54%, #030508 100%) !important;
}

body.db-page :is(
  .db-contact-field label,
  .db-contact-form label,
  .db-chat-form label,
  .db-music-player-title,
  .db-music-platform-name
) {
  color: rgba(232, 237, 246, 0.72) !important;
}

body.db-page-home .db-main-title {
  background: linear-gradient(92deg, #f7f9ff 0%, #7ea8ff 48%, #7fcabf 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: 0 16px 42px rgba(0, 0, 0, 0.32) !important;
}

body.db-page :is(
  .db-main-title,
  .db-page-title span,
  .db-music-title span,
  .db-music-platforms-title span,
  .dba-store-page-title span,
  .db-about-story-copy h3
) {
  background: linear-gradient(92deg, #f7f9ff 0%, #7ea8ff 48%, #7fcabf 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

body.db-page .main-nav a::after,
body.db-page .db-top-nav-links a::after {
  background: linear-gradient(90deg, transparent, rgba(126, 168, 255, 0.82), transparent) !important;
}

body.db-page .db-shell::before {
  background:
    radial-gradient(700px 340px at 0% 0%, rgba(126, 168, 255, 0.12), transparent 64%),
    radial-gradient(760px 360px at 100% 0%, rgba(127, 202, 191, 0.1), transparent 62%),
    linear-gradient(rgba(255, 255, 255, 0.02), transparent 26%) !important;
}

body.db-page :is(.db-section, .db-card, .db-premium-card)::before {
  background:
    radial-gradient(420px 180px at 0% 0%, rgba(126, 168, 255, 0.1), transparent 70%),
    linear-gradient(rgba(255, 255, 255, 0.02), transparent 30%) !important;
}

body.db-page .db-hero-text::before {
  background: linear-gradient(rgba(126, 168, 255, 0.68), transparent 74%) !important;
}

body.db-page .db-music-track::before {
  color: rgba(232, 237, 246, 0.5) !important;
}

body.db-page :is(.db-footer, .db-footer-simple)::before {
  background: linear-gradient(90deg, transparent, rgba(176, 187, 202, 0.28), transparent) !important;
}

body.db-page :is(.db-about-hero-visual, .db-about-photo-blend)::after {
  background:
    linear-gradient(rgba(8, 12, 18, 0.16), rgba(8, 12, 18, 0.28), rgba(8, 12, 18, 0.46)),
    radial-gradient(circle at 18% 0%, rgba(126, 168, 255, 0.16), transparent 38%),
    radial-gradient(circle at 92% 18%, rgba(127, 202, 191, 0.14), transparent 36%) !important;
}