:root {
  --dc-navy: #061329;
  --dc-blue: #0756d8;
  --dc-aqua: #04d9ff;
  --dc-gold: #ffc83d;
  --dc-pink: #ff2f8e;
  --dc-ink: #07111f;
  --dc-white: #ffffff;
}

html {
  background: var(--dc-navy);
}

body {
  color: var(--dc-white);
  text-rendering: optimizeLegibility;
}

nav,
.navbar,
.nav-wrap {
  background:
    linear-gradient(135deg, rgba(3, 12, 29, 0.98), rgba(4, 31, 77, 0.96)) !important;
  border-bottom: 1px solid rgba(4, 217, 255, 0.28) !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.22);
}

.logo,
.nav-logo {
  color: var(--dc-white) !important;
  text-shadow: 0 0 24px rgba(4, 217, 255, 0.24);
}

.logo span,
.nav-logo span,
.grad {
  color: var(--dc-aqua) !important;
}

nav a,
.nav-links a {
  color: var(--dc-white) !important;
}

.btn,
.cta,
.cta-btn,
.nav-cta,
button {
  color: #061329 !important;
  background: linear-gradient(135deg, var(--dc-gold), #fff06a 48%, var(--dc-aqua)) !important;
  border: 0 !important;
  box-shadow: 0 14px 34px rgba(4, 217, 255, 0.28), 0 8px 18px rgba(255, 200, 61, 0.22) !important;
  font-weight: 900 !important;
}

header,
.hero,
.offer,
.book {
  background:
    radial-gradient(circle at 18% 12%, rgba(4, 217, 255, 0.26), transparent 30%),
    radial-gradient(circle at 84% 16%, rgba(255, 200, 61, 0.22), transparent 28%),
    linear-gradient(135deg, #041024 0%, #082a68 52%, #020713 100%) !important;
}

h1,
h2,
h3 {
  color: var(--dc-white);
  letter-spacing: 0 !important;
}

p,
li,
.muted,
.lead,
.content p,
footer {
  color: rgba(255, 255, 255, 0.86) !important;
}

.eyebrow,
.kicker,
.tag {
  color: #031126 !important;
  background: linear-gradient(135deg, var(--dc-aqua), var(--dc-gold)) !important;
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 10px 28px rgba(4, 217, 255, 0.22);
}

.grid,
.services-grid,
.cards,
.features {
  gap: 24px !important;
}

.card,
.service-card,
.feature-card,
.form-card,
.campaign-visual,
.plain {
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.98), rgba(230, 249, 255, 0.94)) !important;
  color: var(--dc-ink) !important;
  border: 1px solid rgba(4, 217, 255, 0.28) !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.24) !important;
}

.card h2,
.card h3,
.service-card h2,
.service-card h3,
.feature-card h2,
.feature-card h3,
.form-card h2,
.form-card h3,
.plain h2,
.plain h3 {
  color: #031126 !important;
}

.card p,
.card li,
.service-card p,
.service-card li,
.feature-card p,
.feature-card li,
.form-card p,
.form-card li,
.plain p,
.plain li {
  color: #17243a !important;
}

.card img,
.campaign-visual img,
.visual img {
  filter: saturate(1.12) contrast(1.05);
}

.icon,
.price {
  color: var(--dc-pink) !important;
  text-shadow: 0 0 20px rgba(255, 47, 142, 0.18);
}

.chips span,
.badge,
.pill {
  background: rgba(4, 217, 255, 0.12) !important;
  color: var(--dc-white) !important;
  border: 1px solid rgba(4, 217, 255, 0.32) !important;
}

input,
select,
textarea {
  background: #ffffff !important;
  color: #07111f !important;
  border: 2px solid rgba(7, 86, 216, 0.22) !important;
  box-shadow: 0 8px 18px rgba(5, 22, 48, 0.08);
}

input::placeholder,
textarea::placeholder {
  color: #52617a !important;
}

footer {
  background:
    linear-gradient(135deg, #020713, #061c43 58%, #031126) !important;
  border-top: 1px solid rgba(4, 217, 255, 0.3) !important;
}

footer a {
  color: var(--dc-aqua) !important;
  font-weight: 900;
}

@media (max-width: 760px) {
  body {
    overflow-x: hidden;
  }

  h1 {
    font-size: clamp(38px, 13vw, 58px) !important;
  }

  h2 {
    font-size: clamp(28px, 8vw, 40px) !important;
  }

  .card,
  .service-card,
  .feature-card,
  .form-card {
    border-radius: 18px !important;
  }
}

/* Campaign readability tune-up: smaller hero type, full poster images, stronger CTAs. */
h1 {
  font-size: clamp(34px, 5.4vw, 64px) !important;
  line-height: 1.05 !important;
}

.hero-h1 {
  font-size: clamp(30px, 4.1vw, 48px) !important;
  line-height: 1.12 !important;
}

.hero-h1 .kicker {
  font-size: 0.52em !important;
  line-height: 1.18 !important;
  letter-spacing: 2px !important;
}

.section-h2,
.cta-section h2 {
  font-size: clamp(26px, 3.2vw, 38px) !important;
  line-height: 1.18 !important;
}

.btn,
.cta,
.cta-btn,
.nav-cta,
.form-btn,
.button,
.quick-actions a,
button {
  color: #031126 !important;
  background: linear-gradient(135deg, var(--dc-gold), #fff06a 48%, var(--dc-aqua)) !important;
  text-shadow: none !important;
}

.campaign-visual {
  background: #031126 !important;
}

.campaign-visual img,
.visual img {
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: top center !important;
}

.media img {
  object-position: top center !important;
}

.form-badge,
.price-save {
  background: #fff2bd !important;
  color: #061329 !important;
  border-color: rgba(255, 200, 61, 0.65) !important;
  text-shadow: none !important;
}

.form-note {
  color: #26405e !important;
}

@media (max-width: 760px) {
  h1 {
    font-size: clamp(32px, 10vw, 48px) !important;
  }

  h2 {
    font-size: clamp(25px, 7vw, 34px) !important;
  }

  .hero-h1 {
    font-size: clamp(30px, 11vw, 42px) !important;
  }
}