@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
  --public-ui: "Manrope", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --public-display: "DM Serif Display", Georgia, serif;
  --public-ink: #0B1B2B;
  --public-ink-strong: #07192B;
  --public-secondary: #27384A;
  --public-body: #3E4B59;
  --public-muted: #5D6875;
  --public-gold: #C9A34A;
  --public-ivory: #F4EFE6;
}

body,
input,
select,
textarea,
button,
.brand,
.nav,
.public-nav,
.public-nav-link,
.nav-links,
.nav-action,
.button,
.public-action,
.hero-training-cta,
.hero-telegram-cta,
.hero-secondary-cta,
.final-primary-cta,
.final-secondary-link,
.field,
.field label,
.modal,
.footer,
footer {
  font-family: var(--public-ui) !important;
}

body {
  color: var(--public-ink);
  font-weight: 500;
  line-height: 1.65;
}

.brand,
.public-brand,
.site-brand {
  font-family: var(--public-ui) !important;
  font-weight: 800 !important;
  letter-spacing: .055em;
}

.nav a,
.nav-links a:not(.button),
.public-nav-link,
.nav-action {
  font-family: var(--public-ui) !important;
  font-weight: 600 !important;
  color: var(--public-ink-strong);
}

.nav a:hover,
.nav a:focus-visible,
.nav a[aria-current="page"],
.public-nav-link:hover,
.public-nav-link:focus-visible,
.public-nav-link[aria-current="page"],
.nav-action[aria-current="page"] {
  font-weight: 700 !important;
}

h1,
.hero h1,
.hero-panel h1,
.hero-title,
.page-hero h1,
.section-heading,
.section h2,
.course-hero h1,
.review-hero h1,
.mentor-hero h1,
.final-box h2,
.final-cta h2,
.modal h2 {
  font-family: var(--public-display) !important;
  color: var(--public-ink-strong);
  font-weight: 400 !important;
  line-height: 1.02;
  letter-spacing: -.035em;
}

h2,
h3,
.course-title,
.video-copy h3,
.learn-card h3,
.broker-title,
.reviewer-name {
  color: var(--public-ink-strong);
}

p,
li,
.hero-sub,
.hero-panel p,
.section-head p,
.course-summary,
.course-points,
.course-support,
.mentor-copy p,
.video-copy p,
.learn-card p,
.testimonial-copy,
.review-copy,
.supporting-copy,
.disclaimer,
.risk-note,
.footer-disclosures p,
footer small {
  font-family: var(--public-ui) !important;
  color: var(--public-body) !important;
  font-weight: 500 !important;
  line-height: 1.65;
}

.muted,
.reassurance,
.course-note,
.field-note,
.footer-note,
.testimonial-disclosure,
.review-trust-note {
  color: var(--public-muted) !important;
}

.eyebrow,
.section-label,
.course-label,
.modal-label,
.progress,
.testimonial-label,
.small-label,
.broker-eyebrow {
  font-family: var(--public-ui) !important;
  color: var(--public-gold) !important;
  font-weight: 700 !important;
  letter-spacing: .11em !important;
}

.button,
.public-action,
.nav-action,
.hero-training-cta,
.hero-telegram-cta,
.hero-secondary-cta,
.final-primary-cta,
.final-secondary-link,
.course-actions a,
.course-actions button,
.modal button,
button[type="submit"] {
  font-family: var(--public-ui) !important;
  font-weight: 700 !important;
  letter-spacing: .075em;
}

.course-price,
.price,
.program-price {
  font-family: var(--public-ui) !important;
  color: var(--public-ink-strong) !important;
  font-weight: 800 !important;
}

.button--primary,
.public-action,
.hero-training-cta,
.hero-telegram-cta,
.hero-secondary-cta {
  color: inherit;
}

.hero .hero-sub { color: #EAF6FF !important; }
.hero .event-line,
.hero .seat-counter,
.hero-photo-caption,
.hero-photo-caption strong { color: #FFFFFF !important; }
.hero .reassurance,
.hero-photo-caption span { color: #CFE8FB !important; }

.headline-black,
.headline-gold {
  font-family: var(--public-display) !important;
}

input,
select,
textarea {
  color: var(--public-ink) !important;
  font-weight: 500 !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--public-muted) !important;
}

footer,
.site-footer {
  font-family: var(--public-ui) !important;
}

footer a,
.site-footer a {
  font-weight: 700;
}

@media (max-width: 640px) {
  h1,
  .hero h1,
  .hero-panel h1,
  .hero-title,
  .section h2,
  .section-heading,
  .course-hero h1,
  .review-hero h1,
  .mentor-hero h1 {
    line-height: 1.04;
    overflow-wrap: normal;
    word-break: normal;
  }

  .button,
  .public-action,
  .hero-training-cta,
  .hero-telegram-cta,
  .hero-secondary-cta {
    white-space: normal;
  }
}