/*
Theme Name: academy
Theme URI: https://example.com/
Author: Your Name
Author URI: https://example.com/
Description: A clean custom WordPress theme scaffolded for development.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custom-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, responsive-layout, accessibility-ready
*/

:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  background-color: #fff;
  color: #111;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background: #f5f1ff;
  color: #1c1036;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #ffd800;
}

.site-header,
.site-footer {
  padding: 1rem;
}

.site-title a,
.site-description {
  color: inherit;
}

.site-navigation {
  margin-top: 0.75rem;
}

.site-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.site-navigation a {
  color: #fff;
}

.content-area {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1.5rem;
}

.entry-title {
  margin-top: 0;
}

.entry-meta {
  color: #555;
  font-size: 0.95rem;
}

.entry-content {
  margin-top: 1rem;
}

.widget-area {
  background-color: #f4f4f4;
  padding: 1rem;
  border-radius: 8px;
}

.content-sidebar-wrap {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

@media (min-width: 860px) {
  .content-sidebar-wrap {
    grid-template-columns: 2fr 1fr;
  }
}

.site-footer {
  text-align: left;
  background: #150638;
}

.site-header {
  background: rgba(9, 2, 31, 0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #ffffff;
  position: sticky;
  top: 0;
  z-index: 99;
  backdrop-filter: blur(16px);
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.35);
}

.header-inner,
.footer-top,
.footer-bottom {
  max-width: 1140px;
  margin: 0 auto;
  padding: 1rem 1.5rem;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.site-branding {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  text-decoration: none;
}

.site-logo-link {
  text-decoration: none;
}

.site-logo-chip {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.75);
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}

.site-logo-image {
  display: block;
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.footer-logo-chip {
  width: 64px;
  height: 64px;
}

.footer-logo-chip .site-logo-image {
  width: 54px;
  height: 54px;
}

.logo-mark {
  width: 50px;
  height: 50px;
  border-radius: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: linear-gradient(135deg, #6d33ff 0%, #1eb4ff 100%);
  font-size: 1.3rem;
  font-weight: 800;
}

.brand-text {
  display: flex;
  flex-direction: column;
}

.site-title {
  margin: 0;
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 700;
}

.site-description {
  margin: 0;
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.92rem;
}

.site-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1.75rem;
  align-items: center;
}

.site-navigation a {
  color: rgba(255, 255, 255, 0.78);
  font-weight: 600;
  transition: color 0.2s ease;
}

.site-navigation a:hover,
.site-navigation a:focus {
  color: #ffffff;
}

.site-actions {
  display: flex;
  align-items: center;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.95rem 1.6rem;
  border-radius: 999px;
  text-decoration: none;
}

.button-primary {
  background: #ffb800;
  color: #09021f;
  font-weight: 700;
  box-shadow: 0 18px 50px rgba(255, 184, 0, 0.25);
}

.button-outline {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

.button-secondary:hover,
.button-outline:hover {
  background: rgba(255, 255, 255, 0.16);
}

.button-secondary,
.button-outline {
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

.button-secondary:hover,
.button-outline:hover {
  background: rgba(255, 255, 255, 0.16);
}

.footer-top {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
  padding-top: 2rem;
  background: #1a0c3d;
  color: #ffffff;
  border-radius: 32px 32px 0 0;
}

.footer-column h3 {
  margin-top: 0;
  margin-bottom: 1rem;
  color: #ffffff;
  font-size: 1rem;
}

.footer-info p,
.footer-contact p {
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.8;
  margin: 0.5rem 0 0;
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.footer-brand strong {
  display: block;
  font-size: 1.1rem;
  color: #ffffff;
}

.footer-brand span {
  display: block;
  color: #b7b1f5;
  font-size: 0.95rem;
}

.footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.75rem;
}

.footer-links a,
.footer-legal a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}

.footer-links a:hover,
.footer-legal a:hover {
  color: #ffd800;
}

.social-icons {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
}

.footer-bottom {
  background: #12052f;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding: 1.5rem 0 1rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.footer-bottom p {
  color: #9fa1d0;
  margin: 0;
}

.footer-legal {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.divider {
  color: rgba(255, 255, 255, 0.25);
}

.whatsapp-float {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  width: 56px;
  height: 56px;
  background: #25d366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 18px 35px rgba(37, 211, 102, 0.28);
}

.whatsapp-float a {
  color: #ffffff;
  font-size: 1.4rem;
}

.hero-section,
.page-hero {
  padding: 4rem 1.5rem;
}

.hero-section {
  background: radial-gradient(circle at top left, rgba(48, 19, 132, 0.45), transparent 30%), #1f0d4a;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 2rem;
  align-items: center;
  color: #ffffff;
}

.hero-copy h1,
.page-hero-copy h1 {
  margin: 0.75rem 0 1rem;
  font-size: clamp(2.5rem, 4vw, 4rem);
  line-height: 1.05;
  color: #ffffff;
}

.hero-copy p,
.page-hero-copy p {
  max-width: 580px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.85;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.75rem;
}

.hero-image {
  display: grid;
  place-items: center;
}

.hero-card {
  background: rgba(255, 255, 255, 0.08);
  padding: 2rem;
  border-radius: 28px;
  box-shadow: 0 30px 80px rgba(16, 16, 56, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.hero-card p {
  color: rgba(255, 255, 255, 0.82);
}

.section {
  padding: 3rem 1.5rem;
}

.section-header {
  max-width: 760px;
  margin-bottom: 2rem;
}

.section-label,
.eyebrow {
  display: inline-block;
  color: #5a3dff;
  font-weight: 700;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 0.8rem;
}

.section-header h2,
.page-content-inner h2 {
  margin: 0;
  font-size: 2rem;
  color: #121024;
}

.section-grid,
.contact-grid,
.course-grid,
.course-grid-large,
.career-grid-large {
  display: grid;
  gap: 1.75rem;
}

.section-grid {
  grid-template-columns: 1fr 1fr;
}

.course-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.course-card,
.career-item,
.contact-card,
.contact-form,
.career-item-large {
  background: #ffffff;
  border-radius: 24px;
  padding: 1.75rem;
  box-shadow: 0 18px 55px rgba(16, 16, 56, 0.08);
}

.course-card h3,
.career-item-large h2,
.contact-card h2 {
  margin-top: 0;
  color: #121024;
}

.feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.75rem;
}

.feature-list li {
  position: relative;
  padding-left: 1.5rem;
  color: #4a4a6a;
}

.feature-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #5a3dff;
}

.career-list {
  display: grid;
  gap: 1rem;
}

.career-item {
  padding: 1.35rem;
}

.career-item strong {
  display: block;
  margin-bottom: 0.5rem;
  color: #121024;
}

.contact-grid {
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.contact-card-large,
.contact-form-large {
  min-height: 100%;
}

.contact-form label,
.contact-form-large label {
  display: grid;
  gap: 0.5rem;
  margin-bottom: 1rem;
  color: #4a4a6a;
}

.contact-form input,
.contact-form textarea,
.contact-form-large input,
.contact-form-large textarea {
  width: 100%;
  border: 1px solid #dcdcf1;
  border-radius: 14px;
  padding: 0.95rem 1rem;
  background: #f9f8ff;
  color: #121024;
}

.contact-form button,
.contact-form-large button {
  margin-top: 0.5rem;
}

.page-hero-alt {
  background: #faf8ff;
}

.course-detail-section {
  max-width: 1180px;
  margin: 0 auto;
  padding: 3rem 1.5rem 4rem;
  display: grid;
  gap: 2rem;
}

.course-detail-card {
  background: #120b35;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.22);
  border-radius: 28px;
  padding: 2rem;
}

.course-detail-card h2 {
  margin-top: 0;
  margin-bottom: 0.85rem;
  font-size: 2rem;
  color: #ffffff;
}

.course-detail-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.8;
}

.course-detail-block {
  margin-top: 1.75rem;
}

.course-detail-block h3 {
  margin-bottom: 1rem;
  font-size: 1.1rem;
  color: #f5f4ff;
}

.course-detail-block ul {
  margin: 0;
  padding-left: 1.35rem;
  color: rgba(229, 226, 255, 0.88);
}

.course-detail-block li {
  margin-bottom: 0.75rem;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.75rem;
}

.pricing-tier {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  padding: 1.5rem;
  min-height: 160px;
}

.pricing-tier h4 {
  margin-top: 0;
  margin-bottom: 0.75rem;
  color: #ffffff;
}

.pricing-tier p {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.7;
}

.course-detail-card .button {
  margin-top: 1.75rem;
}

@media (max-width: 860px) {
  .course-detail-section {
    padding: 2rem 1rem 3rem;
  }

  .pricing-grid {
    grid-template-columns: 1fr;
  }
}

.course-grid-large,
.career-grid-large {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.course-card-large,
.career-item-large {
  min-height: 180px;
}

@media (max-width: 1100px) {
  .hero-section {
    grid-template-columns: 1fr;
  }

  .section-grid,
  .contact-grid,
  .course-grid,
  .course-grid-large,
  .career-grid-large {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .header-inner,
  .footer-top,
  .footer-bottom {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .header-inner {
    flex-direction: column;
    align-items: stretch;
  }

  .site-navigation ul {
    justify-content: center;
    gap: 1rem;
  }

  .footer-top {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 580px) {
  .site-navigation ul {
    flex-direction: column;
    gap: 0.8rem;
  }

  .site-actions {
    justify-content: center;
  }
}

/* Global aesthetic and interaction layer */
:root {
  --academy-ink: #13072f;
  --academy-ink-2: #241052;
  --academy-purple: #5b2ee8;
  --academy-purple-2: #8f67ff;
  --academy-cyan: #1eb4ff;
  --academy-gold: #fcd400;
  --academy-paper: #fcf9f8;
  --academy-soft: #f5f1ff;
  --academy-muted: #69637b;
  --academy-border: rgba(91, 46, 232, 0.14);
  --academy-shadow: 0 24px 70px rgba(19, 7, 47, 0.12);
}

html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at 8% 6%, rgba(143, 103, 255, 0.13), transparent 28rem),
    radial-gradient(circle at 92% 14%, rgba(30, 180, 255, 0.1), transparent 24rem),
    linear-gradient(180deg, #fcf9f8 0%, #f6f2ff 48%, #fcf9f8 100%);
  color: var(--academy-ink);
  text-rendering: optimizeLegibility;
}

::selection {
  background: rgba(252, 212, 0, 0.5);
  color: var(--academy-ink);
}

a,
button,
input,
textarea,
select {
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid rgba(252, 212, 0, 0.72);
  outline-offset: 3px;
}

.site-header {
  background:
    linear-gradient(135deg, rgba(9, 2, 31, 0.92), rgba(27, 11, 70, 0.92)),
    rgba(9, 2, 31, 0.94);
}

.site-header a,
.site-header button {
  position: relative;
}

.site-header nav a::after,
.site-navigation a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.35rem;
  height: 2px;
  background: linear-gradient(90deg, var(--academy-gold), var(--academy-cyan));
  border-radius: 999px;
  opacity: 0;
  transform: scaleX(0.3);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.site-header nav a:hover::after,
.site-header nav a:focus-visible::after,
.site-navigation a:hover::after,
.site-navigation a:focus-visible::after {
  opacity: 1;
  transform: scaleX(1);
}

.logo-mark,
.site-header .inline-flex.h-12.w-12,
.front-page .inline-flex.h-12.w-12 {
  box-shadow: 0 16px 45px rgba(30, 180, 255, 0.22);
}

.button,
.site-header a[class*="bg-"],
.front-page a[class*="bg-"],
.front-page button,
.contact-form button {
  will-change: transform;
}

.button:hover,
.site-header a[class*="bg-"]:hover,
.front-page a[class*="bg-"]:hover,
.front-page button:hover,
.contact-form button:hover {
  transform: translateY(-2px);
}

.button-primary {
  background: linear-gradient(135deg, #fcd400 0%, #ffb800 100%);
  color: #160b32;
  border: 0;
}

.button-primary:hover,
.button-primary:focus {
  color: #160b32;
  box-shadow: 0 22px 55px rgba(252, 212, 0, 0.26);
}

.button-outline,
.button-secondary {
  backdrop-filter: blur(16px);
}

.page-main:not(.page-contact),
.content-area {
  background:
    radial-gradient(circle at 10% 0%, rgba(143, 103, 255, 0.12), transparent 26rem),
    radial-gradient(circle at 90% 12%, rgba(30, 180, 255, 0.1), transparent 22rem);
}

.page-hero {
  position: relative;
  overflow: hidden;
  min-height: 360px;
  display: grid;
  align-items: center;
  background:
    radial-gradient(circle at 18% 24%, rgba(143, 103, 255, 0.28), transparent 26rem),
    radial-gradient(circle at 84% 16%, rgba(30, 180, 255, 0.22), transparent 24rem),
    linear-gradient(135deg, #09021f 0%, #1a0b45 52%, #4b25bb 100%);
  color: #ffffff;
}

.page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(9, 2, 31, 0.58), rgba(9, 2, 31, 0.1)),
    url("https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=1600&q=80") center / cover no-repeat;
  opacity: 0.22;
  mix-blend-mode: screen;
}

.page-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 850px;
}

.page-hero-copy .eyebrow,
.page-hero .eyebrow {
  color: #ffe16d;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  padding: 0.55rem 0.95rem;
}

.page-hero-copy h1 {
  color: #ffffff;
  text-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
}

.page-hero-copy p {
  color: rgba(255, 255, 255, 0.82);
}

.section {
  max-width: 1180px;
  margin: 0 auto;
}

.page-content-inner,
.section-content,
.demo-benefits,
.career-overview-card,
.position-card,
.apply-copy,
.contact-card,
.contact-form,
.contact-form-large,
.contact-map-card,
.course-card,
.career-item,
.career-item-large,
.widget-area {
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid var(--academy-border);
  border-radius: 22px;
  box-shadow: var(--academy-shadow);
  backdrop-filter: blur(18px);
}

.page-content-inner,
.section-content,
.demo-benefits,
.apply-copy {
  padding: 2rem;
}

.page-content-inner,
.career-overview-card,
.position-card,
.demo-benefits,
.contact-card,
.course-card,
.career-item,
.career-item-large {
  position: relative;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.page-content-inner::before,
.career-overview-card::before,
.position-card::before,
.demo-benefits::before,
.contact-card::before,
.course-card::before,
.career-item::before,
.career-item-large::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 0%), rgba(143, 103, 255, 0.14), transparent 34%);
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}

.page-content-inner:hover,
.career-overview-card:hover,
.position-card:hover,
.demo-benefits:hover,
.contact-card:hover,
.course-card:hover,
.career-item:hover,
.career-item-large:hover {
  transform: translateY(-5px);
  border-color: rgba(91, 46, 232, 0.28);
  box-shadow: 0 28px 80px rgba(19, 7, 47, 0.15);
}

.page-content-inner:hover::before,
.career-overview-card:hover::before,
.position-card:hover::before,
.demo-benefits:hover::before,
.contact-card:hover::before,
.course-card:hover::before,
.career-item:hover::before,
.career-item-large:hover::before {
  opacity: 1;
}

.page-content-inner > *,
.career-overview-card > *,
.position-card > *,
.demo-benefits > *,
.contact-card > *,
.course-card > *,
.career-item > *,
.career-item-large > * {
  position: relative;
  z-index: 1;
}

.page-content-inner h2,
.section-header h2,
.demo-benefits h2,
.career-overview-card h3,
.position-card h3,
.apply-copy h2,
.contact-card h2,
.course-card h3 {
  color: var(--academy-ink);
}

.page-content-inner p,
.demo-benefits li,
.career-overview-card p,
.position-card p,
.apply-copy p,
.contact-card p,
.entry-content,
.feature-list li {
  color: var(--academy-muted);
}

.career-overview-grid,
.positions-grid,
.demo-page-grid,
.apply-grid {
  display: grid;
  gap: 1.5rem;
}

.career-overview-grid,
.positions-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.demo-page-grid,
.apply-grid {
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  align-items: start;
}

.demo-benefits ul,
.feature-list {
  list-style: none;
  padding: 0;
}

.demo-benefits li,
.feature-list li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.9rem;
}

.demo-benefits li::before,
.feature-list li::before {
  content: "check";
  font-family: "Material Symbols Outlined";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--academy-purple);
  font-size: 1.2rem;
}

.contact-form,
.contact-form-large {
  padding: 2rem;
}

.contact-form input,
.contact-form textarea,
.contact-form select,
.contact-form-large input,
.contact-form-large textarea,
.contact-form-large select {
  width: 100%;
  border: 1px solid rgba(91, 46, 232, 0.18);
  border-radius: 16px;
  padding: 0.95rem 1rem;
  background: rgba(255, 255, 255, 0.82);
  color: var(--academy-ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.contact-form input:hover,
.contact-form textarea:hover,
.contact-form select:hover,
.contact-form-large input:hover,
.contact-form-large textarea:hover,
.contact-form-large select:hover {
  border-color: rgba(91, 46, 232, 0.34);
}

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus,
.contact-form-large input:focus,
.contact-form-large textarea:focus,
.contact-form-large select:focus {
  outline: none;
  border-color: var(--academy-purple);
  box-shadow: 0 0 0 4px rgba(91, 46, 232, 0.1);
}

.form-success {
  border: 1px solid rgba(0, 111, 37, 0.2);
  background: rgba(131, 252, 142, 0.16);
  color: #00531a;
  border-radius: 16px;
  padding: 1rem;
  margin-bottom: 1rem;
}

.page-cta-section {
  max-width: none;
  background:
    radial-gradient(circle at 20% 25%, rgba(252, 212, 0, 0.16), transparent 22rem),
    linear-gradient(135deg, #10052c 0%, #28105a 56%, #4b25bb 100%);
  color: #ffffff;
}

.page-cta-section .section-content {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.page-cta-section h2 {
  color: #ffffff;
}

.site-footer {
  background:
    radial-gradient(circle at 15% 0%, rgba(143, 103, 255, 0.18), transparent 24rem),
    linear-gradient(180deg, #12052f 0%, #07011d 100%);
  padding-top: 2rem;
}

.footer-top {
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(18px);
}

.footer-links a,
.footer-legal a,
.social-icon,
.whatsapp-float {
  transition: transform 0.2s ease, color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.footer-links a:hover,
.footer-legal a:hover {
  color: var(--academy-gold);
  transform: translateX(3px);
}

.social-icon:hover {
  transform: translateY(-3px);
  background: rgba(252, 212, 0, 0.16);
  color: #ffe16d;
}

.whatsapp-float {
  z-index: 100;
  background: linear-gradient(135deg, #25d366, #128c7e);
}

.whatsapp-float:hover {
  transform: translateY(-4px) scale(1.04);
  box-shadow: 0 24px 48px rgba(37, 211, 102, 0.34);
}

.academy-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}

.academy-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }

  .academy-reveal {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 1100px) {
  .career-overview-grid,
  .positions-grid,
  .demo-page-grid,
  .apply-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .page-hero {
    min-height: 310px;
    padding: 3rem 1.25rem;
  }

  .page-content-inner,
  .section-content,
  .demo-benefits,
  .apply-copy,
  .contact-form,
  .contact-form-large {
    padding: 1.4rem;
  }
}

/* Editorial commerce-inspired restraint layer */
:root {
  --academy-ink: #111111;
  --academy-charcoal: #39393b;
  --academy-mute: #707072;
  --academy-stone: #9e9ea0;
  --academy-canvas: #ffffff;
  --academy-soft-cloud: #f5f5f5;
  --academy-hairline: #cacacb;
  --academy-hairline-soft: #e5e5e5;
  --academy-sale: #d30005;
  --academy-success: #007d48;
  --academy-radius-pill: 9999px;
  --academy-radius-soft: 24px;
  --academy-section: 48px;
  --academy-shadow: none;
}

body {
  background: var(--academy-canvas);
  color: var(--academy-ink);
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

a:hover,
a:focus {
  color: var(--academy-ink);
}

.site-header {
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid var(--academy-hairline-soft) !important;
  color: var(--academy-ink) !important;
  box-shadow: inset 0 -1px 0 var(--academy-hairline-soft) !important;
}

.site-header .text-white,
.site-header .text-white\/70,
.site-header .text-white\/50,
.site-navigation a,
.site-title,
.site-description {
  color: var(--academy-ink) !important;
}

.site-header .text-white\/50,
.site-description {
  color: var(--academy-mute) !important;
}

.logo-mark,
.site-header .inline-flex.h-12.w-12,
.front-page .inline-flex.h-12.w-12 {
  background: var(--academy-ink) !important;
  color: var(--academy-canvas) !important;
  border-radius: var(--academy-radius-pill) !important;
  box-shadow: none !important;
}

.site-header nav a::after,
.site-navigation a::after {
  background: var(--academy-ink);
  bottom: -0.5rem;
}

.button,
.button-primary,
.button-secondary,
.button-outline,
.site-header a[class*="bg-"],
.front-page a[class*="bg-"],
.front-page button,
.contact-form button,
.contact-form-large button,
button[type="submit"] {
  border-radius: var(--academy-radius-pill) !important;
  box-shadow: none !important;
}

.button-primary,
.site-header a[class*="bg-"],
.front-page a[class*="bg-"],
.contact-form button,
.contact-form-large button,
button[type="submit"] {
  background: var(--academy-ink) !important;
  color: var(--academy-canvas) !important;
  border: 1px solid var(--academy-ink) !important;
}

.button-outline,
.button-secondary {
  background: var(--academy-soft-cloud) !important;
  color: var(--academy-ink) !important;
  border: 1px solid var(--academy-soft-cloud) !important;
}

.button:hover,
.site-header a[class*="bg-"]:hover,
.front-page a[class*="bg-"]:hover,
.front-page button:hover,
.contact-form button:hover,
.contact-form-large button:hover {
  transform: scale(0.98);
  opacity: 0.82;
}

.page-main:not(.page-contact),
.content-area,
.section,
.courses-grid-section,
.courses-page {
  background: var(--academy-canvas) !important;
}

.page-hero {
  min-height: 520px;
  padding: var(--academy-section) 5vw;
  background:
    linear-gradient(90deg, rgba(17, 17, 17, 0.64), rgba(17, 17, 17, 0.12)),
    url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1800&q=80") center / cover no-repeat !important;
}

.page-hero::before {
  display: none;
}

.page-hero-copy h1 {
  max-width: 760px;
  font-size: clamp(3.2rem, 9vw, 6rem);
  line-height: 0.9;
  text-transform: uppercase;
  letter-spacing: 0;
  color: var(--academy-canvas);
}

.page-hero-copy p {
  max-width: 560px;
  color: rgba(255, 255, 255, 0.86);
}

.page-hero-copy .eyebrow,
.page-hero .eyebrow,
.section-label,
.eyebrow {
  background: var(--academy-canvas);
  color: var(--academy-ink);
  border: 0;
  border-radius: var(--academy-radius-pill);
  letter-spacing: 0;
  text-transform: none;
}

.section {
  padding-top: var(--academy-section);
  padding-bottom: var(--academy-section);
}

.section-header h2,
.page-content-inner h2 {
  font-size: clamp(1.75rem, 4vw, 2rem);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--academy-ink);
}

.page-content-inner,
.section-content,
.demo-benefits,
.career-overview-card,
.position-card,
.apply-copy,
.contact-card,
.contact-form,
.contact-form-large,
.contact-map-card,
.course-card,
.career-item,
.career-item-large,
.widget-area {
  background: var(--academy-soft-cloud) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.page-content-inner:hover,
.career-overview-card:hover,
.position-card:hover,
.demo-benefits:hover,
.contact-card:hover,
.course-card:hover,
.career-item:hover,
.career-item-large:hover {
  transform: none;
  box-shadow: none;
}

.page-content-inner::before,
.career-overview-card::before,
.position-card::before,
.demo-benefits::before,
.contact-card::before,
.course-card::before,
.career-item::before,
.career-item-large::before {
  display: none;
}

.contact-form input,
.contact-form textarea,
.contact-form select,
.contact-form-large input,
.contact-form-large textarea,
.contact-form-large select {
  background: var(--academy-canvas) !important;
  border: 1px solid var(--academy-hairline) !important;
  border-radius: var(--academy-radius-soft) !important;
  color: var(--academy-ink) !important;
  box-shadow: none !important;
}

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus,
.contact-form-large input:focus,
.contact-form-large textarea:focus,
.contact-form-large select:focus {
  border: 2px solid var(--academy-ink) !important;
  box-shadow: 0 0 0 12px var(--academy-soft-cloud) !important;
}

.page-cta-section {
  background: var(--academy-ink) !important;
  color: var(--academy-canvas);
}

.site-footer {
  background: var(--academy-canvas) !important;
  color: var(--academy-ink);
  border-top: 1px solid var(--academy-hairline);
}

.footer-top {
  background: var(--academy-canvas) !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: var(--academy-ink);
}

.footer-column h3,
.footer-brand strong {
  color: var(--academy-ink);
}

.footer-info p,
.footer-contact p,
.footer-brand span,
.footer-links a,
.footer-legal a,
.footer-bottom p {
  color: var(--academy-mute);
}

.footer-bottom {
  background: var(--academy-canvas);
  border-top: 1px solid var(--academy-hairline);
}

.social-icon {
  background: var(--academy-soft-cloud);
  color: var(--academy-ink);
}

.social-icon:hover {
  background: var(--academy-ink);
  color: var(--academy-canvas);
}

.whatsapp-float {
  background: var(--academy-ink);
  box-shadow: none;
}

.whatsapp-float:hover {
  transform: scale(0.98);
  box-shadow: none;
}

main.front-page {
  background: var(--academy-canvas) !important;
  color: var(--academy-ink) !important;
}

.front-page .hero-header,
.front-page section.hero-header {
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid var(--academy-hairline-soft) !important;
  box-shadow: inset 0 -1px 0 var(--academy-hairline-soft) !important;
}

.front-page .hero-header a,
.front-page .hero-header div,
.front-page .hero-header button {
  color: var(--academy-ink) !important;
}

.front-page .hero-gradient {
  min-height: 680px;
  background:
    linear-gradient(90deg, rgba(17, 17, 17, 0.66), rgba(17, 17, 17, 0.14)),
    url("https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1800&q=85") center / cover no-repeat !important;
}

.front-page .hero-gradient h1,
.front-page .hero-gradient p,
.front-page .hero-gradient .hero-pill,
.front-page .hero-gradient .text-white,
.front-page .hero-gradient .text-white\/70,
.front-page .hero-gradient .text-white\/60 {
  color: var(--academy-canvas) !important;
}

.front-page .hero-gradient h1 {
  text-transform: uppercase;
  font-size: clamp(3.5rem, 9vw, 6rem) !important;
  line-height: 0.9 !important;
}

.front-page .hero-card,
.front-page .feature-card,
.front-page .story-card,
.front-page .glass-card,
.front-page .cta-card {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  background: var(--academy-soft-cloud) !important;
  color: var(--academy-ink) !important;
  backdrop-filter: none !important;
}

.front-page .feature-card h2,
.front-page .feature-card h3,
.front-page .story-card h3,
.front-page .glass-card h3,
.front-page .cta-card h2,
.front-page .feature-card p,
.front-page .story-card p,
.front-page .glass-card p,
.front-page .cta-card p {
  color: var(--academy-ink) !important;
}

.front-page section {
  background: var(--academy-canvas) !important;
}

.front-page section:has(.cta-card),
.front-page footer {
  background: var(--academy-ink) !important;
  color: var(--academy-canvas) !important;
}

.front-page footer h3,
.front-page footer h4,
.front-page footer a,
.front-page footer p,
.front-page footer div {
  color: rgba(255, 255, 255, 0.76) !important;
}

@media (max-width: 680px) {
  .page-hero {
    min-height: 430px;
  }

  .page-hero-copy h1 {
    font-size: clamp(3rem, 15vw, 4rem);
  }
}

/* Accessible brand palette restoration: purple, white, and yellow CTAs */
:root {
  --academy-ink: #1c1b1b;
  --academy-readable: #39393b;
  --academy-muted: #4b4b4d;
  --academy-purple: #4b25bb;
  --academy-purple-dark: #1d0061;
  --academy-purple-deep: #12052f;
  --academy-purple-soft: #e6deff;
  --academy-yellow: #fcd400;
  --academy-yellow-hover: #ffe16d;
  --academy-yellow-text: #221b00;
  --academy-canvas: #ffffff;
  --academy-soft-cloud: #f7f5fb;
}

body,
.page-content-inner p,
.demo-benefits li,
.career-overview-card p,
.position-card p,
.apply-copy p,
.contact-card p,
.entry-content,
.feature-list li {
  color: var(--academy-readable);
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-header h2,
.page-content-inner h2,
.course-card h3,
.career-item-large h2,
.contact-card h2 {
  color: var(--academy-ink);
}

.site-header,
.front-page .hero-header,
.front-page section.hero-header {
  background: rgba(255, 255, 255, 0.96) !important;
  color: var(--academy-ink) !important;
}

.site-header nav a::after,
.site-navigation a::after {
  background: var(--academy-purple);
}

.logo-mark,
.site-header .inline-flex.h-12.w-12,
.front-page .inline-flex.h-12.w-12 {
  background: linear-gradient(135deg, var(--academy-purple) 0%, #7c5cff 100%) !important;
  color: var(--academy-canvas) !important;
}

.button-primary,
.contact-form button,
.contact-form-large button,
button[type="submit"],
.front-page .hero-button,
.front-page .cta-card a:first-child,
.page-cta-section .button-primary {
  background: var(--academy-purple) !important;
  color: var(--academy-canvas) !important;
  border: 1px solid var(--academy-purple) !important;
}

.button-primary:hover,
.contact-form button:hover,
.contact-form-large button:hover,
button[type="submit"]:hover,
.front-page .hero-button:hover,
.front-page .cta-card a:first-child:hover,
.page-cta-section .button-primary:hover {
  background: var(--academy-purple-dark) !important;
  color: var(--academy-canvas) !important;
  opacity: 1;
}

.site-header a[class*="bg-"],
.front-page .hero-header a[class*="bg-"],
.front-page section.hero-header a[class*="bg-"] {
  background: var(--academy-yellow) !important;
  color: var(--academy-yellow-text) !important;
  border: 1px solid var(--academy-yellow) !important;
}

.site-header a[class*="bg-"]:hover,
.front-page .hero-header a[class*="bg-"]:hover,
.front-page section.hero-header a[class*="bg-"]:hover {
  background: var(--academy-yellow-hover) !important;
  color: var(--academy-yellow-text) !important;
  opacity: 1;
}

.button-outline,
.button-secondary,
.front-page .cta-card a:last-child {
  background: var(--academy-canvas) !important;
  color: var(--academy-purple) !important;
  border: 1px solid var(--academy-purple) !important;
}

.button-outline:hover,
.button-secondary:hover,
.front-page .cta-card a:last-child:hover {
  background: var(--academy-purple-soft) !important;
  color: var(--academy-purple-dark) !important;
  opacity: 1;
}

.page-hero {
  background:
    linear-gradient(90deg, rgba(29, 0, 97, 0.86), rgba(29, 0, 97, 0.42)),
    url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1800&q=80") center / cover no-repeat !important;
}

.page-hero-copy h1,
.page-hero-copy p {
  color: var(--academy-canvas) !important;
}

.page-hero-copy .eyebrow,
.page-hero .eyebrow,
.section-label,
.eyebrow {
  background: var(--academy-yellow) !important;
  color: var(--academy-yellow-text) !important;
}

.page-content-inner,
.section-content,
.demo-benefits,
.career-overview-card,
.position-card,
.apply-copy,
.contact-card,
.contact-form,
.contact-form-large,
.contact-map-card,
.course-card,
.career-item,
.career-item-large,
.widget-area {
  background: var(--academy-canvas) !important;
  border: 1px solid rgba(75, 37, 187, 0.16) !important;
}

.contact-form label,
.contact-form-large label,
.contact-form label span,
.contact-form-large label span {
  color: var(--academy-ink) !important;
}

.contact-form input,
.contact-form textarea,
.contact-form select,
.contact-form-large input,
.contact-form-large textarea,
.contact-form-large select {
  color: var(--academy-ink) !important;
  background: var(--academy-canvas) !important;
  border-color: #797586 !important;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder,
.contact-form-large input::placeholder,
.contact-form-large textarea::placeholder {
  color: #707072 !important;
}

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus,
.contact-form-large input:focus,
.contact-form-large textarea:focus,
.contact-form-large select:focus {
  border-color: var(--academy-purple) !important;
  box-shadow: 0 0 0 4px rgba(75, 37, 187, 0.18) !important;
}

.page-cta-section,
.front-page section:has(.cta-card),
.site-footer {
  background:
    radial-gradient(circle at 15% 0%, rgba(252, 212, 0, 0.12), transparent 24rem),
    linear-gradient(135deg, var(--academy-purple-deep) 0%, var(--academy-purple-dark) 100%) !important;
  color: var(--academy-canvas) !important;
}

.page-cta-section h2,
.page-cta-section p,
.front-page section:has(.cta-card) h2,
.front-page section:has(.cta-card) p,
.site-footer h3,
.site-footer strong {
  color: var(--academy-canvas) !important;
}

.site-footer p,
.site-footer a,
.footer-info p,
.footer-contact p,
.footer-brand span,
.footer-links a,
.footer-legal a,
.footer-bottom p {
  color: rgba(255, 255, 255, 0.82) !important;
}

.footer-top,
.footer-bottom {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

.social-icon {
  background: rgba(255, 255, 255, 0.12) !important;
  color: var(--academy-canvas) !important;
}

.social-icon:hover {
  background: var(--academy-yellow) !important;
  color: var(--academy-yellow-text) !important;
}

.whatsapp-float {
  background: var(--academy-purple) !important;
}

.front-page .hero-gradient {
  background:
    linear-gradient(90deg, rgba(29, 0, 97, 0.88), rgba(29, 0, 97, 0.34)),
    url("https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1800&q=85") center / cover no-repeat !important;
}

.front-page .hero-gradient h1,
.front-page .hero-gradient p,
.front-page .hero-gradient .hero-pill,
.front-page .hero-gradient .text-white,
.front-page .hero-gradient .text-white\/70,
.front-page .hero-gradient .text-white\/60 {
  color: var(--academy-canvas) !important;
}

.front-page .feature-card,
.front-page .story-card,
.front-page .glass-card {
  background: var(--academy-canvas) !important;
  border: 1px solid rgba(75, 37, 187, 0.16) !important;
  color: var(--academy-ink) !important;
}

.front-page .feature-card h2,
.front-page .feature-card h3,
.front-page .story-card h3,
.front-page .glass-card h3,
.front-page .feature-card p,
.front-page .story-card p,
.front-page .glass-card p,
.front-page .feature-card span,
.front-page .story-card span,
.front-page .glass-card span {
  color: var(--academy-ink) !important;
}

.front-page section:has(.cta-card) .cta-card {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: var(--academy-canvas) !important;
}

.front-page section:has(.cta-card) .cta-card h2,
.front-page section:has(.cta-card) .cta-card h3,
.front-page section:has(.cta-card) .cta-card p,
.front-page section:has(.cta-card) .cta-card div,
.front-page section:has(.cta-card) .cta-card span {
  color: var(--academy-canvas) !important;
}

.front-page section:not(.hero-gradient):not(.hero-header):not(:has(.cta-card)) .text-white,
.front-page section:not(.hero-gradient):not(.hero-header):not(:has(.cta-card)) .text-white\/80,
.front-page section:not(.hero-gradient):not(.hero-header):not(:has(.cta-card)) .text-white\/70,
.front-page section:not(.hero-gradient):not(.hero-header):not(:has(.cta-card)) .text-white\/60,
.front-page section:not(.hero-gradient):not(.hero-header):not(:has(.cta-card)) .text-white\/50 {
  color: var(--academy-ink) !important;
}

.front-page section:not(.hero-gradient):not(.hero-header):not(:has(.cta-card)) p.text-white,
.front-page section:not(.hero-gradient):not(.hero-header):not(:has(.cta-card)) p.text-white\/80,
.front-page section:not(.hero-gradient):not(.hero-header):not(:has(.cta-card)) p.text-white\/70,
.front-page section:not(.hero-gradient):not(.hero-header):not(:has(.cta-card)) p.text-white\/60 {
  color: var(--academy-readable) !important;
}

.front-page a[class*="bg-"],
.front-page button[class*="bg-"] {
  background: var(--academy-purple) !important;
  color: var(--academy-canvas) !important;
  border-color: var(--academy-purple) !important;
}

.front-page a[class*="#ffb800"],
.front-page button[class*="#ffb800"],
.front-page .hero-header a[class*="bg-"],
.front-page section.hero-header a[class*="bg-"] {
  background: var(--academy-yellow) !important;
  color: var(--academy-yellow-text) !important;
  border-color: var(--academy-yellow) !important;
}

.front-page a[class*="border"],
.front-page button[class*="border"] {
  color: var(--academy-purple) !important;
}

.front-page .hero-gradient a,
.front-page section:has(.cta-card) a {
  color: var(--academy-canvas) !important;
}

.front-page .hero-gradient a[class*="#ffb800"],
.front-page .hero-gradient a[class*="bg-[#ffb800]"] {
  color: var(--academy-yellow-text) !important;
}

.front-page section:has(.cta-card) a:first-child {
  background: var(--academy-yellow) !important;
  color: var(--academy-yellow-text) !important;
  border-color: var(--academy-yellow) !important;
}

.front-page section:has(.cta-card) a:last-child {
  background: var(--academy-canvas) !important;
  color: var(--academy-purple) !important;
  border-color: var(--academy-canvas) !important;
}

/* Site-wide purple canvas with accessible white text */
:root {
  --academy-purple-canvas: #12052f;
  --academy-purple-panel: #1d0061;
  --academy-purple-panel-2: #2a0a68;
  --academy-purple-text: #ffffff;
  --academy-purple-muted: #e6deff;
  --academy-purple-soft-text: #ded5ff;
  --academy-purple-line: rgba(255, 255, 255, 0.16);
}

html,
body,
main,
.page-main,
.front-page,
.content-area,
.section,
.courses-page,
.courses-grid-section,
.courses-pricing-section,
.page-contact,
.page-main:not(.page-contact) {
  background:
    radial-gradient(circle at 12% 0%, rgba(252, 212, 0, 0.1), transparent 24rem),
    radial-gradient(circle at 88% 8%, rgba(139, 99, 244, 0.2), transparent 28rem),
    linear-gradient(180deg, var(--academy-purple-canvas) 0%, var(--academy-purple-panel) 54%, var(--academy-purple-canvas) 100%) !important;
  color: var(--academy-purple-text) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.section-header h2,
.page-content-inner h2,
.page-hero-copy h1,
.course-card h3,
.career-item-large h2,
.contact-card h2,
.front-page h1,
.front-page h2,
.front-page h3 {
  color: var(--academy-purple-text) !important;
}

p,
li,
.entry-content,
.page-content-inner p,
.demo-benefits li,
.career-overview-card p,
.position-card p,
.apply-copy p,
.contact-card p,
.feature-list li,
.front-page p,
.front-page span,
.text-on-surface-variant,
.text-[#4b4a67],
.text-[#707072],
.text-[#39393b] {
  color: var(--academy-purple-muted) !important;
}

.site-header,
.front-page .hero-header,
.front-page section.hero-header {
  background: rgba(18, 5, 47, 0.94) !important;
  border-bottom: 1px solid var(--academy-purple-line) !important;
  color: var(--academy-purple-text) !important;
  box-shadow: inset 0 -1px 0 var(--academy-purple-line) !important;
}

.site-header .text-white,
.site-header .text-white\/70,
.site-header .text-white\/50,
.site-header a,
.site-header div,
.site-header button,
.front-page .hero-header a,
.front-page .hero-header div,
.front-page .hero-header button {
  color: var(--academy-purple-text) !important;
}

.site-description,
.site-header .text-white\/50,
.front-page .hero-header .text-white\/50 {
  color: var(--academy-purple-soft-text) !important;
}

.page-content-inner,
.section-content,
.demo-benefits,
.career-overview-card,
.position-card,
.apply-copy,
.contact-card,
.contact-form,
.contact-form-large,
.contact-map-card,
.course-card,
.career-item,
.career-item-large,
.widget-area,
.front-page .feature-card,
.front-page .story-card,
.front-page .glass-card,
.front-page .hero-card,
.front-page .cta-card {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid var(--academy-purple-line) !important;
  color: var(--academy-purple-text) !important;
}

.page-content-inner p,
.demo-benefits p,
.demo-benefits li,
.career-overview-card p,
.position-card p,
.apply-copy p,
.contact-card p,
.contact-form p,
.contact-form-large p,
.front-page .feature-card p,
.front-page .story-card p,
.front-page .glass-card p,
.front-page .hero-card p,
.front-page .cta-card p {
  color: var(--academy-purple-muted) !important;
}

.button-primary,
.contact-form button,
.contact-form-large button,
button[type="submit"],
.front-page .cta-card a:first-child,
.page-cta-section .button-primary,
.site-header a[class*="bg-"],
.front-page .hero-header a[class*="bg-"],
.front-page section.hero-header a[class*="bg-"] {
  background: var(--academy-yellow) !important;
  color: var(--academy-yellow-text) !important;
  border-color: var(--academy-yellow) !important;
}

.button-primary:hover,
.contact-form button:hover,
.contact-form-large button:hover,
button[type="submit"]:hover,
.front-page .cta-card a:first-child:hover,
.page-cta-section .button-primary:hover,
.site-header a[class*="bg-"]:hover,
.front-page .hero-header a[class*="bg-"]:hover,
.front-page section.hero-header a[class*="bg-"]:hover {
  background: var(--academy-yellow-hover) !important;
  color: var(--academy-yellow-text) !important;
  opacity: 1 !important;
}

.button-outline,
.button-secondary,
.front-page .cta-card a:last-child {
  background: #ffffff !important;
  color: var(--academy-purple) !important;
  border-color: #ffffff !important;
}

.button-outline:hover,
.button-secondary:hover,
.front-page .cta-card a:last-child:hover {
  background: var(--academy-purple-soft) !important;
  color: var(--academy-purple-dark) !important;
}

.contact-form label,
.contact-form-large label,
.contact-form label span,
.contact-form-large label span {
  color: var(--academy-purple-text) !important;
}

.contact-form input,
.contact-form textarea,
.contact-form select,
.contact-form-large input,
.contact-form-large textarea,
.contact-form-large select {
  background: #ffffff !important;
  color: #1c1b1b !important;
  border-color: #cac4d7 !important;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder,
.contact-form-large input::placeholder,
.contact-form-large textarea::placeholder {
  color: #707072 !important;
}

.page-hero,
.front-page .hero-gradient {
  background:
    linear-gradient(90deg, rgba(18, 5, 47, 0.92), rgba(29, 0, 97, 0.62)),
    url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1800&q=85") center / cover no-repeat !important;
}

.page-hero-copy .eyebrow,
.page-hero .eyebrow,
.section-label,
.eyebrow {
  background: var(--academy-yellow) !important;
  color: var(--academy-yellow-text) !important;
}

.site-footer,
.footer-top,
.footer-bottom {
  background: var(--academy-purple-canvas) !important;
  color: var(--academy-purple-text) !important;
  border-color: var(--academy-purple-line) !important;
}

.site-footer h3,
.site-footer strong,
.footer-column h3,
.footer-brand strong {
  color: var(--academy-purple-text) !important;
}

.site-footer p,
.site-footer a,
.footer-info p,
.footer-contact p,
.footer-brand span,
.footer-links a,
.footer-legal a,
.footer-bottom p {
  color: var(--academy-purple-muted) !important;
}

/* Final component polish: readable purple UI */
:root {
  --academy-bg-a: #100327;
  --academy-bg-b: #1d0061;
  --academy-bg-c: #351085;
  --academy-panel: rgba(255, 255, 255, 0.105);
  --academy-panel-strong: rgba(255, 255, 255, 0.15);
  --academy-panel-border: rgba(255, 255, 255, 0.2);
  --academy-text: #ffffff;
  --academy-text-soft: #eee7ff;
  --academy-text-muted: #d9cbff;
  --academy-focus: rgba(252, 212, 0, 0.44);
}

html,
body {
  background: var(--academy-bg-a) !important;
}

body {
  min-height: 100vh;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 10%, rgba(252, 212, 0, 0.11), transparent 28rem),
    radial-gradient(circle at 88% 8%, rgba(139, 99, 244, 0.24), transparent 30rem),
    radial-gradient(circle at 50% 100%, rgba(75, 37, 187, 0.36), transparent 34rem),
    linear-gradient(180deg, var(--academy-bg-a) 0%, var(--academy-bg-b) 52%, var(--academy-bg-a) 100%);
}

main,
.page-main,
.content-area,
.section,
.front-page,
.page-contact,
.courses-page,
.demo-editorial {
  background: transparent !important;
  color: var(--academy-text) !important;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
.section-header h2,
.page-content-inner h2,
.entry-title,
.contact-card h2,
.site-footer h3,
.site-footer strong {
  color: var(--academy-text) !important;
}

main p,
main li,
main small,
.entry-content,
.site-footer p,
.site-footer a,
.footer-info p,
.footer-contact p,
.footer-brand span,
.footer-links a,
.footer-legal a,
.footer-bottom p {
  color: var(--academy-text-soft) !important;
}

.section-label,
.eyebrow,
.page-hero-copy .eyebrow,
.page-hero .eyebrow {
  background: var(--academy-yellow) !important;
  color: var(--academy-yellow-text) !important;
  border: 1px solid var(--academy-yellow) !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

.site-header,
.front-page .hero-header,
.front-page section.hero-header {
  background: rgba(16, 3, 39, 0.86) !important;
  border-bottom: 1px solid var(--academy-panel-border) !important;
  color: var(--academy-text) !important;
  backdrop-filter: blur(18px);
}

.site-header a,
.site-header button,
.site-header div,
.site-header .text-white,
.site-header .text-white\/70,
.front-page .hero-header a,
.front-page .hero-header button,
.front-page .hero-header div {
  color: var(--academy-text) !important;
}

.site-header a:hover,
.site-navigation a:hover,
.footer-links a:hover,
.footer-legal a:hover {
  color: var(--academy-yellow) !important;
}

.page-content-inner,
.section-content,
.demo-benefits,
.career-overview-card,
.position-card,
.apply-copy,
.contact-card,
.contact-form,
.contact-form-large,
.contact-map-card,
.course-card,
.career-item,
.career-item-large,
.widget-area,
.front-page .feature-card,
.front-page .story-card,
.front-page .glass-card,
.front-page .hero-card,
.front-page .cta-card {
  background: var(--academy-panel) !important;
  border: 1px solid var(--academy-panel-border) !important;
  border-radius: 24px !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.24) !important;
  color: var(--academy-text) !important;
  backdrop-filter: blur(18px);
}

.page-content-inner:hover,
.career-overview-card:hover,
.position-card:hover,
.contact-card:hover,
.course-card:hover,
.front-page .feature-card:hover,
.front-page .story-card:hover,
.front-page .glass-card:hover,
.front-page .hero-card:hover {
  transform: translateY(-4px);
  border-color: rgba(252, 212, 0, 0.44) !important;
  background: var(--academy-panel-strong) !important;
}

.page-content-inner p,
.demo-benefits p,
.demo-benefits li,
.career-overview-card p,
.position-card p,
.apply-copy p,
.contact-card p,
.course-card p,
.front-page .feature-card p,
.front-page .story-card p,
.front-page .glass-card p,
.front-page .hero-card p,
.front-page .cta-card p {
  color: var(--academy-text-soft) !important;
}

.button,
.button-primary,
.button-secondary,
.button-outline,
a[class*="rounded"],
button {
  min-height: 44px;
}

.button-primary,
.contact-form button,
.contact-form-large button,
button[type="submit"],
.site-header a[class*="bg-"],
.front-page .hero-header a[class*="bg-"],
.front-page .cta-card a:first-child {
  background: var(--academy-yellow) !important;
  color: var(--academy-yellow-text) !important;
  border: 1px solid var(--academy-yellow) !important;
  box-shadow: 0 14px 34px rgba(252, 212, 0, 0.18) !important;
}

.button-primary:hover,
.contact-form button:hover,
.contact-form-large button:hover,
button[type="submit"]:hover,
.site-header a[class*="bg-"]:hover,
.front-page .hero-header a[class*="bg-"]:hover,
.front-page .cta-card a:first-child:hover {
  background: var(--academy-yellow-hover) !important;
  color: var(--academy-yellow-text) !important;
  opacity: 1 !important;
  transform: translateY(-2px);
}

.button-outline,
.button-secondary,
.front-page .cta-card a:last-child,
a[class*="border"] {
  background: rgba(255, 255, 255, 0.96) !important;
  color: var(--academy-purple-dark) !important;
  border: 1px solid rgba(255, 255, 255, 0.96) !important;
}

.button-outline:hover,
.button-secondary:hover,
.front-page .cta-card a:last-child:hover,
a[class*="border"]:hover {
  background: var(--academy-purple-soft) !important;
  color: var(--academy-purple-dark) !important;
}

.contact-form label,
.contact-form-large label,
.contact-form label span,
.contact-form-large label span {
  color: var(--academy-text) !important;
  font-weight: 700;
}

.contact-form input,
.contact-form textarea,
.contact-form select,
.contact-form-large input,
.contact-form-large textarea,
.contact-form-large select,
input,
textarea,
select {
  background: #ffffff !important;
  color: #1c1b1b !important;
  border: 1px solid #d8d2ea !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

input::placeholder,
textarea::placeholder,
.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #707072 !important;
}

input:focus,
textarea:focus,
select:focus,
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
  outline: none !important;
  border-color: var(--academy-yellow) !important;
  box-shadow: 0 0 0 4px var(--academy-focus) !important;
}

.form-success {
  background: #e9fff2 !important;
  color: #00531a !important;
  border: 1px solid #007d48 !important;
}

.site-footer,
.footer-top,
.footer-bottom {
  background: rgba(16, 3, 39, 0.92) !important;
  border-color: var(--academy-panel-border) !important;
}

.social-icon,
.whatsapp-float {
  background: var(--academy-yellow) !important;
  color: var(--academy-yellow-text) !important;
}

.social-icon:hover,
.whatsapp-float:hover {
  background: var(--academy-yellow-hover) !important;
  color: var(--academy-yellow-text) !important;
}

/* Kraken-inspired refinement using EdgeLine colors */
:root {
  --kr-edge-purple: #4b25bb;
  --kr-edge-purple-bright: #7132f5;
  --kr-edge-purple-dark: #1d0061;
  --kr-edge-yellow: #fcd400;
  --kr-edge-yellow-hover: #ffe16d;
  --kr-edge-yellow-text: #221b00;
  --kr-edge-ink: #ffffff;
  --kr-edge-body: #eee7ff;
  --kr-edge-muted: #cfc3f8;
  --kr-edge-panel: rgba(255, 255, 255, 0.092);
  --kr-edge-panel-strong: rgba(255, 255, 255, 0.135);
  --kr-edge-border: rgba(222, 213, 255, 0.24);
  --kr-edge-shadow: rgba(0, 0, 0, 0.03) 0px 4px 24px;
  --kr-edge-micro-shadow: rgba(16, 24, 40, 0.04) 0px 1px 4px;
  --kr-edge-radius: 12px;
}

body {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: var(--kr-edge-ink) !important;
}

body::before {
  background:
    radial-gradient(circle at 10% 0%, rgba(113, 50, 245, 0.36), transparent 28rem),
    radial-gradient(circle at 90% 12%, rgba(252, 212, 0, 0.1), transparent 24rem),
    linear-gradient(180deg, #12052f 0%, #1d0061 48%, #12052f 100%) !important;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
.front-page h1,
.front-page h2,
.front-page h3,
.entry-title {
  color: var(--kr-edge-ink) !important;
  font-weight: 700;
  letter-spacing: -0.5px;
}

main h1,
.front-page h1,
.page-hero-copy h1 {
  letter-spacing: -1px;
  line-height: 1.08 !important;
}

main p,
main li,
.entry-content,
.front-page p,
.site-footer p,
.site-footer a {
  color: var(--kr-edge-body) !important;
  line-height: 1.5;
}

.site-header,
.front-page .hero-header,
.front-page section.hero-header {
  background: rgba(18, 5, 47, 0.9) !important;
  border-bottom: 1px solid var(--kr-edge-border) !important;
  box-shadow: var(--kr-edge-micro-shadow) !important;
}

.page-content-inner,
.section-content,
.demo-benefits,
.career-overview-card,
.position-card,
.apply-copy,
.contact-card,
.contact-form,
.contact-form-large,
.contact-map-card,
.course-card,
.career-item,
.career-item-large,
.widget-area,
.front-page .feature-card,
.front-page .story-card,
.front-page .glass-card,
.front-page .hero-card,
.front-page .cta-card {
  background: var(--kr-edge-panel) !important;
  border: 1px solid var(--kr-edge-border) !important;
  border-radius: var(--kr-edge-radius) !important;
  box-shadow: var(--kr-edge-shadow) !important;
  color: var(--kr-edge-ink) !important;
  backdrop-filter: blur(14px);
}

.page-content-inner:hover,
.career-overview-card:hover,
.position-card:hover,
.contact-card:hover,
.course-card:hover,
.front-page .feature-card:hover,
.front-page .story-card:hover,
.front-page .glass-card:hover,
.front-page .hero-card:hover {
  transform: translateY(-2px);
  background: var(--kr-edge-panel-strong) !important;
  border-color: rgba(252, 212, 0, 0.34) !important;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 28px !important;
}

.page-content-inner p,
.demo-benefits p,
.demo-benefits li,
.career-overview-card p,
.position-card p,
.apply-copy p,
.contact-card p,
.course-card p,
.front-page .feature-card p,
.front-page .story-card p,
.front-page .glass-card p,
.front-page .hero-card p,
.front-page .cta-card p {
  color: var(--kr-edge-body) !important;
}

.section-label,
.eyebrow,
.page-hero-copy .eyebrow,
.page-hero .eyebrow,
.feature-tag,
.cta-pill {
  background: rgba(252, 212, 0, 0.16) !important;
  color: #fff3a6 !important;
  border: 1px solid rgba(252, 212, 0, 0.28) !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.button,
.button-primary,
.button-secondary,
.button-outline,
.contact-form button,
.contact-form-large button,
button[type="submit"],
a[class*="rounded"],
button {
  border-radius: var(--kr-edge-radius) !important;
  min-height: 46px;
  font-weight: 700 !important;
  box-shadow: var(--kr-edge-shadow) !important;
}

.button-primary,
.contact-form button,
.contact-form-large button,
button[type="submit"],
.site-header a[class*="bg-"],
.front-page .hero-header a[class*="bg-"],
.front-page .cta-card a:first-child {
  background: var(--kr-edge-yellow) !important;
  color: var(--kr-edge-yellow-text) !important;
  border: 1px solid var(--kr-edge-yellow) !important;
}

.button-primary:hover,
.contact-form button:hover,
.contact-form-large button:hover,
button[type="submit"]:hover,
.site-header a[class*="bg-"]:hover,
.front-page .hero-header a[class*="bg-"]:hover,
.front-page .cta-card a:first-child:hover {
  background: var(--kr-edge-yellow-hover) !important;
  color: var(--kr-edge-yellow-text) !important;
  transform: translateY(-1px);
}

.button-outline,
.button-secondary,
.front-page .cta-card a:last-child,
a[class*="border"] {
  background: rgba(255, 255, 255, 0.98) !important;
  color: var(--kr-edge-purple-dark) !important;
  border: 1px solid rgba(255, 255, 255, 0.98) !important;
}

.button-outline:hover,
.button-secondary:hover,
.front-page .cta-card a:last-child:hover,
a[class*="border"]:hover {
  background: #eee7ff !important;
  color: var(--kr-edge-purple-dark) !important;
}

input,
textarea,
select,
.contact-form input,
.contact-form textarea,
.contact-form select,
.contact-form-large input,
.contact-form-large textarea,
.contact-form-large select {
  background: #ffffff !important;
  color: #101114 !important;
  border: 1px solid #dedee5 !important;
  border-radius: var(--kr-edge-radius) !important;
  box-shadow: var(--kr-edge-micro-shadow) !important;
}

input:focus,
textarea:focus,
select:focus,
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
  border-color: var(--kr-edge-yellow) !important;
  box-shadow: 0 0 0 4px rgba(252, 212, 0, 0.2) !important;
}

.form-success,
.success,
.badge-success {
  background: rgba(20, 158, 97, 0.16) !important;
  color: #bff5dc !important;
  border: 1px solid rgba(20, 158, 97, 0.28) !important;
  border-radius: 6px !important;
}

.site-footer,
.footer-top,
.footer-bottom {
  background: rgba(16, 3, 39, 0.94) !important;
  border-color: var(--kr-edge-border) !important;
}

/* Photo-focused rectangular UI pass */
@keyframes academyHeroPhotoDrift {
  0%,
  100% {
    background-position: center center;
  }
  50% {
    background-position: center top;
  }
}

@keyframes academyCardLiftIn {
  from {
    opacity: 0;
    transform: translateY(22px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

main,
.front-page,
.courses-page,
.demo-editorial,
.page-contact,
.entry-content {
  color: #ffffff !important;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
.front-page h1,
.front-page h2,
.front-page h3,
.front-page h4,
.entry-title {
  color: #ffffff !important;
}

main p,
main li,
main span,
.front-page p,
.front-page li,
.demo-editorial p,
.demo-editorial li,
.page-contact p,
.page-contact li {
  color: #eee7ff !important;
}

.page-content-inner,
.section-content,
.demo-benefits,
.demo-form-panel,
.career-overview-card,
.position-card,
.apply-copy,
.contact-card,
.contact-form,
.contact-form-large,
.contact-map-card,
.course-card,
.career-item,
.career-item-large,
.widget-area,
.front-page .feature-card,
.front-page .story-card,
.front-page .glass-card,
.front-page .hero-card,
.front-page .cta-card,
.front-page .feature-card-body {
  border-radius: 0 !important;
  animation: academyCardLiftIn 0.72s ease both;
}

.front-page .hero-gradient {
  background:
    linear-gradient(90deg, rgba(18, 5, 47, 0.92) 0%, rgba(29, 0, 97, 0.58) 48%, rgba(18, 5, 47, 0.28) 100%),
    url("https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1800&q=85") center/cover no-repeat !important;
  min-height: 720px;
  animation: academyHeroPhotoDrift 18s ease-in-out infinite;
}

.front-page .hero-gradient > .absolute {
  display: none !important;
}

.front-page .hero-card,
.front-page .hero-card > div,
.front-page #experience .relative,
.front-page #experience img,
.front-page .feature-card img,
.front-page .story-card,
.courses-hero-visual,
.academy-course-image,
.academy-course-card,
.courses-pricing-card,
.courses-rating-badge,
.demo-editorial .demo-benefits,
.demo-editorial .demo-form-panel,
.page-contact .contact-card,
.page-contact .contact-map-card,
.page-contact .mx-auto.max-w-7xl.overflow-hidden {
  border-radius: 0 !important;
}

.front-page .hero-card img,
.front-page #experience img,
.front-page .feature-card img,
.academy-course-image img,
.courses-hero-visual img,
.page-contact img {
  transition: transform 0.65s ease, filter 0.65s ease;
}

.front-page .hero-card:hover img,
.front-page #experience .relative:hover img,
.front-page .feature-card:hover img,
.academy-course-card:hover .academy-course-image img,
.courses-hero-visual:hover img,
.page-contact .mx-auto.max-w-7xl.overflow-hidden:hover img {
  transform: scale(1.045);
  filter: contrast(1.04) saturate(1.05);
}

.front-page .feature-card:hover,
.front-page .story-card:hover,
.front-page .glass-card:hover,
.front-page .hero-card:hover,
.academy-course-card:hover,
.courses-pricing-card:hover,
.demo-editorial .demo-benefits:hover,
.demo-editorial .demo-form-panel:hover,
.page-contact .contact-card:hover,
.page-contact .contact-map-card:hover {
  transform: translateY(-6px);
  border-color: rgba(252, 212, 0, 0.42) !important;
  background: rgba(255, 255, 255, 0.13) !important;
}

.page-main .page-hero,
.page-main .page-hero-alt {
  position: relative;
  overflow: hidden;
  min-height: 430px;
  background:
    linear-gradient(90deg, rgba(18, 5, 47, 0.92) 0%, rgba(29, 0, 97, 0.58) 52%, rgba(18, 5, 47, 0.34) 100%),
    url("https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=1800&q=85") center/cover no-repeat !important;
  animation: academyHeroPhotoDrift 20s ease-in-out infinite;
}

.page-main .page-hero::before,
.page-main .page-hero-alt::before {
  display: none !important;
}

.page-main .page-hero-copy {
  position: relative;
  z-index: 1;
}

/* Contrast rule: purple and dark surfaces always use readable light text. */
body main :is(
  .hero-gradient,
  .hero-header,
  .page-hero,
  .page-hero-alt,
  .courses-hero,
  .demo-hero,
  .page-content-inner,
  .section-content,
  .career-overview-card,
  .position-card,
  .apply-copy,
  .contact-card,
  .contact-form,
  .contact-form-large,
  .contact-map-card,
  .course-card,
  .career-item,
  .career-item-large,
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .academy-course-card,
  .courses-pricing-card,
  .courses-rating-badge,
  .demo-benefits,
  .demo-form-panel,
  [class*="bg-[#0"],
  [class*="bg-[#1"],
  [class*="bg-[#2"],
  [class*="bg-[#4b25bb"],
  [class*="bg-[#5b21b6"],
  [class*="bg-[#6d33ff"],
  [class*="bg-[#7132f5"],
  [class*="bg-[#7645ff"],
  [class*="bg-primary"]
) :is(h1, h2, h3, h4, h5, h6, strong, label, .entry-title, .text-\[\#111111\], .text-\[\#101114\], .text-\[\#130f40\], .text-\[\#121024\], .text-\[\#1c1b1b\], .text-\[\#1e1b4b\], .text-on-surface) {
  color: #ffffff !important;
}

body main :is(
  .hero-gradient,
  .hero-header,
  .page-hero,
  .page-hero-alt,
  .courses-hero,
  .demo-hero,
  .page-content-inner,
  .section-content,
  .career-overview-card,
  .position-card,
  .apply-copy,
  .contact-card,
  .contact-form,
  .contact-form-large,
  .contact-map-card,
  .course-card,
  .career-item,
  .career-item-large,
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .academy-course-card,
  .courses-pricing-card,
  .courses-rating-badge,
  .demo-benefits,
  .demo-form-panel,
  [class*="bg-[#0"],
  [class*="bg-[#1"],
  [class*="bg-[#2"],
  [class*="bg-[#4b25bb"],
  [class*="bg-[#5b21b6"],
  [class*="bg-[#6d33ff"],
  [class*="bg-[#7132f5"],
  [class*="bg-[#7645ff"],
  [class*="bg-primary"]
) :is(p, li, small, div, span, .entry-content, .text-\[\#3b3260\], .text-\[\#3b3540\], .text-\[\#43398d\], .text-\[\#4a4a6a\], .text-\[\#4b4a67\], .text-\[\#686b82\], .text-\[\#707072\], .text-\[\#d2cfd5\], .text-on-surface-variant) {
  color: #eee7ff !important;
}

body main :is(
  .hero-gradient,
  .hero-header,
  .page-hero,
  .page-hero-alt,
  .courses-hero,
  .demo-hero,
  .page-content-inner,
  .section-content,
  .contact-card,
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .academy-course-card,
  .courses-pricing-card,
  .demo-benefits,
  .demo-form-panel
) :is(a:not([class*="bg-[#fcd400]"]):not([class*="bg-[#ffb800]"]):not([class*="bg-white"]), .material-symbols-outlined) {
  color: #ffffff !important;
}

body main :is(
  .button-primary,
  button[type="submit"],
  [class*="bg-[#fcd400]"],
  [class*="bg-[#ffb800]"],
  .demo-pill-primary,
  .courses-final-cta-primary
),
body main :is(
  .button-primary,
  button[type="submit"],
  [class*="bg-[#fcd400]"],
  [class*="bg-[#ffb800]"],
  .demo-pill-primary,
  .courses-final-cta-primary
) :is(span, .material-symbols-outlined) {
  color: #221b00 !important;
}

body main :is([class*="bg-white"], [class*="bg-[#f5f5f5]"], .button-secondary, .button-outline),
body main :is([class*="bg-white"], [class*="bg-[#f5f5f5]"], .button-secondary, .button-outline) :is(span, .material-symbols-outlined) {
  color: #1d0061 !important;
}

/* Final background unification: one purple surface everywhere. */
html,
body,
body main,
body .front-page,
body .page-main,
body .content-area,
body .courses-page,
body .demo-editorial,
body .page-contact,
body .site-footer,
body .footer-top,
body .footer-bottom,
body main > section,
body main section,
body main.front-page section:not(.hero-header),
body main.front-page section.hero-gradient,
body main.courses-page section.courses-hero,
body main.courses-page section.courses-grid-section,
body main.courses-page section.courses-pricing-section,
body main.courses-page section.courses-final-cta,
body main.demo-editorial section.demo-hero,
body main.demo-editorial section.demo-booking,
body main.page-contact section,
body main.page-main section,
body main.page-main section.page-hero,
body main.page-main section.page-hero-alt {
  background: #12052f !important;
  background-color: #12052f !important;
  background-image: none !important;
}

body::before,
body::after,
body main section::before,
body main section::after {
  background-image: none !important;
}

body .site-header,
body main.front-page > .hero-header {
  background: rgba(11, 3, 30, 0.94) !important;
  background-color: rgba(11, 3, 30, 0.94) !important;
  background-image: none !important;
}

body main :is(.feature-card, .story-card, .glass-card, .hero-card, .cta-card, .academy-course-card, .courses-pricing-card, .courses-rating-badge, .contact-card, .contact-map-card, .demo-benefits, .demo-form-panel, .career-overview-card, .position-card, .page-content-inner, .section-content, .contact-form, .contact-form-large, .apply-copy, .page-contact .mx-auto.max-w-7xl.overflow-hidden, .page-contact .rounded-\[2rem\]) {
  background: rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  background-image: none !important;
}

/* Shared CTA yellow: screenshot-matched, accessible dark text. */
:root {
  --academy-cta-yellow: #ffd21a;
  --academy-cta-yellow-hover: #ffe45c;
  --academy-cta-yellow-pressed: #efbf00;
  --academy-cta-yellow-text: #171000;
  --academy-gold: var(--academy-cta-yellow);
  --academy-yellow: var(--academy-cta-yellow);
  --academy-yellow-hover: var(--academy-cta-yellow-hover);
  --academy-yellow-text: var(--academy-cta-yellow-text);
  --kr-edge-yellow: var(--academy-cta-yellow);
  --kr-edge-yellow-hover: var(--academy-cta-yellow-hover);
  --kr-edge-yellow-text: var(--academy-cta-yellow-text);
}

body :is(
  .button-primary,
  .hero-button,
  .demo-pill-primary,
  .courses-final-cta-primary,
  .footer-demo-link,
  .academy-course-badge,
  .courses-pricing-badge,
  .academy-course-card.academy-course-accent .academy-course-cta,
  .courses-pricing-card.is-featured a,
  button[type="submit"],
  [class*="bg-[#fcd400]"],
  [class*="bg-[#ffb800]"],
  [class*="bg-[#ffd21a]"],
  [class*="bg-secondary-container"],
  [class*="bg-secondary-fixed"]
) {
  background: var(--academy-cta-yellow) !important;
  background-color: var(--academy-cta-yellow) !important;
  background-image: none !important;
  color: var(--academy-cta-yellow-text) !important;
  border-color: var(--academy-cta-yellow) !important;
  text-shadow: none !important;
}

body :is(
  .button-primary,
  .hero-button,
  .demo-pill-primary,
  .courses-final-cta-primary,
  .footer-demo-link,
  .academy-course-badge,
  .courses-pricing-badge,
  .academy-course-card.academy-course-accent .academy-course-cta,
  .courses-pricing-card.is-featured a,
  button[type="submit"],
  [class*="bg-[#fcd400]"],
  [class*="bg-[#ffb800]"],
  [class*="bg-[#ffd21a]"],
  [class*="bg-secondary-container"],
  [class*="bg-secondary-fixed"]
) :is(span, .material-symbols-outlined, strong, small) {
  color: var(--academy-cta-yellow-text) !important;
  -webkit-text-fill-color: var(--academy-cta-yellow-text) !important;
  text-shadow: none !important;
}

body :is(
  .button-primary,
  .hero-button,
  .demo-pill-primary,
  .courses-final-cta-primary,
  .footer-demo-link,
  .academy-course-card.academy-course-accent .academy-course-cta,
  .courses-pricing-card.is-featured a,
  button[type="submit"],
  [class*="bg-[#fcd400]"],
  [class*="bg-[#ffb800]"],
  [class*="bg-[#ffd21a]"],
  [class*="bg-secondary-container"],
  [class*="bg-secondary-fixed"]
):hover {
  background: var(--academy-cta-yellow-hover) !important;
  background-color: var(--academy-cta-yellow-hover) !important;
  color: var(--academy-cta-yellow-text) !important;
  border-color: var(--academy-cta-yellow-hover) !important;
}

body :is(.stats-glow, .courses-pricing-check) {
  color: var(--academy-cta-yellow) !important;
}

body :is(.site-header, .front-page .hero-header, .site-footer) .site-logo-chip,
body .footer-brand .site-logo-chip {
  width: 58px !important;
  height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18) !important;
}

body :is(.site-header, .front-page .hero-header, .site-footer) .site-logo-image,
body .footer-brand .site-logo-image {
  width: 48px !important;
  height: 48px !important;
  display: block !important;
  object-fit: contain !important;
}

body .footer-brand .footer-logo-chip {
  width: 64px !important;
  height: 64px !important;
}

body .footer-brand .footer-logo-chip .site-logo-image {
  width: 54px !important;
  height: 54px !important;
}

/* Final floating WhatsApp action. */
.whatsapp-float {
  position: fixed !important;
  right: clamp(1rem, 2vw, 1.5rem) !important;
  bottom: calc(1.25rem + env(safe-area-inset-bottom)) !important;
  z-index: 9999 !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  background: transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.whatsapp-float::before {
  content: "";
  position: absolute;
  inset: 6px;
  z-index: -1;
  border-radius: 999px;
  background: rgba(37, 211, 102, 0.34);
  filter: blur(14px);
  animation: whatsappAura 2.6s ease-in-out infinite;
}

.whatsapp-float-link {
  min-height: 58px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
  padding: 0.55rem 0.95rem 0.55rem 0.62rem !important;
  color: #ffffff !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 999px !important;
  box-shadow: 0 20px 56px rgba(4, 12, 8, 0.28), 0 12px 30px rgba(37, 211, 102, 0.28) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease !important;
}

.whatsapp-float-link:hover,
.whatsapp-float-link:focus-visible {
  color: #ffffff !important;
  transform: translateY(-4px) scale(1.02) !important;
  filter: saturate(1.08) contrast(1.02);
  box-shadow: 0 26px 70px rgba(4, 12, 8, 0.34), 0 18px 40px rgba(37, 211, 102, 0.36) !important;
}

.whatsapp-float-link:focus-visible {
  outline: 3px solid #ffd21a !important;
  outline-offset: 4px !important;
}

.whatsapp-icon-wrap {
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  color: #128c7e !important;
  background: #ffffff !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 1px rgba(18, 140, 126, 0.08);
}

.whatsapp-icon {
  width: 29px;
  height: 29px;
  display: block;
  fill: currentColor;
}

.whatsapp-float-label {
  color: #ffffff !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.18) !important;
}

@keyframes whatsappAura {
  0%,
  100% {
    opacity: 0.48;
    transform: scale(0.92);
  }
  50% {
    opacity: 0.92;
    transform: scale(1.16);
  }
}

@media (max-width: 560px) {
  .whatsapp-float-link {
    width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
  }

  .whatsapp-float-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
  }

  .whatsapp-icon-wrap {
    width: 46px !important;
    height: 46px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .whatsapp-float::before {
    animation: none !important;
  }
}

/* Final interactive polish for buttons and cards. */
:root {
  --academy-interactive-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

.courses-pricing-card .courses-pricing-button {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transition:
    transform 0.22s var(--academy-interactive-ease),
    box-shadow 0.22s var(--academy-interactive-ease),
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease !important;
}

.courses-pricing-card .courses-pricing-button-secondary {
  background: #ffffff !important;
  color: #1d0061 !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18) !important;
}

.courses-pricing-card .courses-pricing-button-primary {
  background: #ffd21a !important;
  color: #171000 !important;
  border-color: #ffd21a !important;
  box-shadow: 0 20px 46px rgba(255, 210, 26, 0.26) !important;
}

.courses-pricing-card .courses-pricing-button:hover,
.courses-pricing-card .courses-pricing-button:focus-visible {
  transform: translateY(-4px) scale(1.015) !important;
}

.courses-pricing-card .courses-pricing-button-secondary:hover,
.courses-pricing-card .courses-pricing-button-secondary:focus-visible {
  background: #eee7ff !important;
  color: #12052f !important;
  border-color: #ffffff !important;
  box-shadow: 0 22px 52px rgba(255, 255, 255, 0.16), 0 16px 38px rgba(0, 0, 0, 0.22) !important;
}

.courses-pricing-card .courses-pricing-button-primary:hover,
.courses-pricing-card .courses-pricing-button-primary:focus-visible {
  background: #ffe45c !important;
  color: #171000 !important;
  border-color: #ffe45c !important;
  box-shadow: 0 24px 58px rgba(255, 210, 26, 0.34) !important;
}

body :is(
  a[class*="px-"],
  a[class*="py-"],
  button,
  .button,
  .button-primary,
  .button-secondary,
  .button-outline,
  .hero-button,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .footer-demo-link,
  .demo-pill,
  .contact-form button
) {
  transition:
    transform 0.22s var(--academy-interactive-ease),
    box-shadow 0.22s var(--academy-interactive-ease),
    filter 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease !important;
}

body :is(
  a[class*="px-"],
  a[class*="py-"],
  button,
  .button,
  .button-primary,
  .button-secondary,
  .button-outline,
  .hero-button,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .footer-demo-link,
  .demo-pill,
  .contact-form button
):hover {
  transform: translateY(-3px) !important;
  filter: saturate(1.05) contrast(1.02);
}

body :is(
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .academy-course-card,
  .courses-pricing-card,
  .courses-rating-badge,
  .contact-card,
  .contact-map-card,
  .demo-benefits,
  .demo-form-panel,
  .career-overview-card,
  .position-card
) {
  transform: translateZ(0);
  transition:
    transform 0.28s var(--academy-interactive-ease),
    box-shadow 0.28s var(--academy-interactive-ease),
    border-color 0.28s ease,
    background-color 0.28s ease !important;
}

body :is(
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .academy-course-card,
  .courses-pricing-card,
  .courses-rating-badge,
  .contact-card,
  .contact-map-card,
  .demo-benefits,
  .demo-form-panel,
  .career-overview-card,
  .position-card
):hover {
  transform: translateY(-8px) scale(1.01) !important;
  border-color: rgba(255, 210, 26, 0.48) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(255, 210, 26, 0.08) !important;
}

body :is(
  .academy-course-card,
  .hero-card,
  .courses-hero-visual,
  .contact-map-card
):hover img {
  transform: scale(1.045) !important;
  filter: saturate(1.08) contrast(1.04);
}

@media (prefers-reduced-motion: reduce) {
  .courses-pricing-card .courses-pricing-button,
  body :is(a[class*="px-"], a[class*="py-"], button, .button, .hero-button, .academy-course-cta, .courses-final-cta-primary, .courses-final-cta-secondary, .footer-demo-link, .demo-pill, .contact-form button),
  body :is(.feature-card, .story-card, .glass-card, .hero-card, .cta-card, .academy-course-card, .courses-pricing-card, .courses-rating-badge, .contact-card, .contact-map-card, .demo-benefits, .demo-form-panel, .career-overview-card, .position-card),
  body :is(.academy-course-card, .hero-card, .courses-hero-visual, .contact-map-card):hover img {
    transition: none !important;
    transform: none !important;
    animation: none !important;
  }
}

/* Absolute final navbar and full-photo hero fixes. */
.nav-menu-icon {
  width: 1.55rem;
  height: 1.55rem;
  display: block;
}

@media (min-width: 960px) {
  body :is(.site-header, .front-page .hero-header) .menu-toggle {
    display: none !important;
  }

  body :is(.site-header, .front-page .hero-header) .site-navigation,
  body :is(.site-header, .front-page .hero-header) .site-navigation.hidden {
    position: static !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(1rem, 2vw, 2rem) !important;
    padding: 0 !important;
    margin: 0 auto !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body :is(.site-header, .front-page .hero-header) .site-navigation a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body :is(.site-header, .front-page .hero-header) .site-navigation a:hover,
  body :is(.site-header, .front-page .hero-header) .site-navigation a:focus-visible {
    color: #ffffff !important;
  }
}

@media (max-width: 959px) {
  body :is(.site-header, .front-page .hero-header) .menu-toggle {
    display: inline-flex !important;
    width: 52px !important;
    min-width: 52px !important;
    padding-inline: 0 !important;
    border-radius: 14px !important;
    background: #4b25bb !important;
    color: #ffffff !important;
  }

  body :is(.site-header, .front-page .hero-header) .site-navigation.hidden:not(.toggled-on) {
    display: none !important;
  }
}

body main.front-page section#home.hero-gradient,
body main.front-page section.hero-gradient,
body .front-page .hero-gradient {
  min-height: clamp(680px, calc(100vh - 88px), 900px) !important;
  display: flex !important;
  align-items: center !important;
  background:
    linear-gradient(90deg, rgba(12, 2, 35, 0.92) 0%, rgba(18, 5, 47, 0.76) 47%, rgba(18, 5, 47, 0.52) 100%),
    url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=2200&q=88") center center / cover no-repeat !important;
  background-color: #12052f !important;
  background-image:
    linear-gradient(90deg, rgba(12, 2, 35, 0.92) 0%, rgba(18, 5, 47, 0.76) 47%, rgba(18, 5, 47, 0.52) 100%),
    url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=2200&q=88") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

body main.courses-page section.courses-hero,
body .courses-page .courses-hero {
  min-height: clamp(620px, 76vh, 820px) !important;
  background:
    linear-gradient(90deg, rgba(12, 2, 35, 0.92) 0%, rgba(18, 5, 47, 0.72) 48%, rgba(18, 5, 47, 0.44) 100%),
    url("https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=2200&q=88") center center / cover no-repeat !important;
  background-color: #12052f !important;
  background-image:
    linear-gradient(90deg, rgba(12, 2, 35, 0.92) 0%, rgba(18, 5, 47, 0.72) 48%, rgba(18, 5, 47, 0.44) 100%),
    url("https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=2200&q=88") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* Winning navbar and hero-background fixes. */
.nav-menu-icon {
  width: 1.55rem;
  height: 1.55rem;
  display: block;
}

@media (min-width: 960px) {
  body :is(.site-header, .front-page .hero-header) .menu-toggle {
    display: none !important;
  }

  body :is(.site-header, .front-page .hero-header) .site-navigation,
  body :is(.site-header, .front-page .hero-header) .site-navigation.hidden {
    position: static !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(1rem, 2vw, 2rem) !important;
    padding: 0 !important;
    margin: 0 auto !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body :is(.site-header, .front-page .hero-header) .site-navigation a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body :is(.site-header, .front-page .hero-header) .site-navigation a:hover,
  body :is(.site-header, .front-page .hero-header) .site-navigation a:focus-visible {
    color: #ffffff !important;
  }
}

@media (max-width: 959px) {
  body :is(.site-header, .front-page .hero-header) .menu-toggle {
    display: inline-flex !important;
    width: 52px !important;
    min-width: 52px !important;
    padding-inline: 0 !important;
    border-radius: 14px !important;
    background: #4b25bb !important;
    color: #ffffff !important;
  }

  body :is(.site-header, .front-page .hero-header) .site-navigation.hidden:not(.toggled-on) {
    display: none !important;
  }
}

body main.front-page section#home.hero-gradient,
body main.front-page section.hero-gradient,
body .front-page .hero-gradient {
  min-height: clamp(680px, calc(100vh - 88px), 900px) !important;
  display: flex !important;
  align-items: center !important;
  background:
    linear-gradient(90deg, rgba(12, 2, 35, 0.92) 0%, rgba(18, 5, 47, 0.76) 47%, rgba(18, 5, 47, 0.52) 100%),
    url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=2200&q=88") center center / cover no-repeat !important;
  background-color: #12052f !important;
  background-image:
    linear-gradient(90deg, rgba(12, 2, 35, 0.92) 0%, rgba(18, 5, 47, 0.76) 47%, rgba(18, 5, 47, 0.52) 100%),
    url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=2200&q=88") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

body main.courses-page section.courses-hero,
body .courses-page .courses-hero {
  min-height: clamp(620px, 76vh, 820px) !important;
  background:
    linear-gradient(90deg, rgba(12, 2, 35, 0.92) 0%, rgba(18, 5, 47, 0.72) 48%, rgba(18, 5, 47, 0.44) 100%),
    url("https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=2200&q=88") center center / cover no-repeat !important;
  background-color: #12052f !important;
  background-image:
    linear-gradient(90deg, rgba(12, 2, 35, 0.92) 0%, rgba(18, 5, 47, 0.72) 48%, rgba(18, 5, 47, 0.44) 100%),
    url("https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=2200&q=88") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* Floating WhatsApp action: visible, accessible, and consistent on every page. */
.whatsapp-float {
  position: fixed !important;
  right: clamp(1rem, 2vw, 1.5rem) !important;
  bottom: calc(1.25rem + env(safe-area-inset-bottom)) !important;
  z-index: 9999 !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  background: transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.whatsapp-float::before {
  content: "";
  position: absolute;
  inset: 6px;
  z-index: -1;
  border-radius: 999px;
  background: rgba(37, 211, 102, 0.34);
  filter: blur(14px);
  animation: whatsappAura 2.6s ease-in-out infinite;
}

.whatsapp-float-link {
  min-height: 58px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
  padding: 0.55rem 0.95rem 0.55rem 0.62rem !important;
  color: #ffffff !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 999px !important;
  box-shadow: 0 20px 56px rgba(4, 12, 8, 0.28), 0 12px 30px rgba(37, 211, 102, 0.28) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease !important;
}

.whatsapp-float-link:hover,
.whatsapp-float-link:focus-visible {
  color: #ffffff !important;
  transform: translateY(-4px) scale(1.02) !important;
  filter: saturate(1.08) contrast(1.02);
  box-shadow: 0 26px 70px rgba(4, 12, 8, 0.34), 0 18px 40px rgba(37, 211, 102, 0.36) !important;
}

.whatsapp-float-link:focus-visible {
  outline: 3px solid #ffd21a !important;
  outline-offset: 4px !important;
}

.whatsapp-icon-wrap {
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  color: #128c7e !important;
  background: #ffffff !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 1px rgba(18, 140, 126, 0.08);
}

.whatsapp-icon {
  width: 29px;
  height: 29px;
  display: block;
  fill: currentColor;
}

.whatsapp-float-label {
  color: #ffffff !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.18) !important;
}

@keyframes whatsappAura {
  0%,
  100% {
    opacity: 0.48;
    transform: scale(0.92);
  }
  50% {
    opacity: 0.92;
    transform: scale(1.16);
  }
}

@media (max-width: 560px) {
  .whatsapp-float-link {
    width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
  }

  .whatsapp-float-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
  }

  .whatsapp-icon-wrap {
    width: 46px !important;
    height: 46px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .whatsapp-float::before {
    animation: none !important;
  }
}

/* UI visibility repair: content must never disappear if animation support fails. */
body main,
body main section,
body main article,
body main header,
body main footer,
body main :is(.feature-card, .story-card, .glass-card, .hero-card, .cta-card, .academy-course-card, .courses-pricing-card, .courses-rating-badge, .contact-card, .contact-map-card, .demo-benefits, .demo-form-panel, .career-overview-card, .position-card, .page-content-inner, .section-content, .contact-form, .contact-form-large, .apply-copy, .page-hero-copy, .section-header, .courses-hero-visual),
body .site-header,
body .site-footer {
  visibility: visible !important;
}

.academy-reveal.is-visible,
body:not(.js) .academy-reveal {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

body main :is(img, svg, iframe, video, canvas) {
  max-width: 100%;
}

body main img {
  display: block;
}

body main.front-page section:not(.hero-header),
body main.front-page section.hero-gradient,
body main.courses-page section.courses-hero,
body main.courses-page section.courses-grid-section,
body main.courses-page section.courses-pricing-section,
body main.courses-page section.courses-final-cta,
body main.demo-editorial section.demo-hero,
body main.demo-editorial section.demo-booking,
body main.page-contact section,
body main.page-main section,
body main.page-main section.page-hero,
body main.page-main section.page-hero-alt {
  background: #12052f !important;
  background-color: #12052f !important;
  background-image: none !important;
}

body main.page-contact .mx-auto.max-w-7xl.overflow-hidden,
body main.page-contact .rounded-\[2rem\],
body main.page-main .page-content-inner,
body main.page-main .section-content,
body main.demo-editorial .demo-benefits,
body main.demo-editorial .demo-form-panel {
  background: rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  background-image: none !important;
}

/* Single shared purple background across all pages and sections. */
:root {
  --academy-page-purple: #12052f;
  --academy-page-purple-deep: #0b031e;
}

html,
body,
body::before,
body::after,
body main,
body .front-page,
body .page-main,
body .content-area,
body .courses-page,
body .demo-editorial,
body .page-contact {
  background: var(--academy-page-purple) !important;
  background-color: var(--academy-page-purple) !important;
  color: #ffffff !important;
}

body::before,
body::after {
  background-image: none !important;
}

body main > section,
body main section,
body main.front-page > section,
body main.front-page section,
body main.page-main > section,
body main.page-main section,
body main.courses-page > section,
body main.courses-page section,
body main.demo-editorial > section,
body main.demo-editorial section,
body main.page-contact > section,
body main.page-contact section,
body main :is(.hero-gradient, .courses-hero, .courses-grid-section, .courses-pricing-section, .courses-final-cta, .demo-hero, .demo-booking, .page-hero, .page-hero-alt, .page-content-section, .career-overview-section, .open-positions-section, .apply-section, .page-cta-section),
body .site-footer,
body .footer-top,
body .footer-bottom {
  background: var(--academy-page-purple) !important;
  background-color: var(--academy-page-purple) !important;
  background-image: none !important;
}

body .site-header,
body main.front-page > .hero-header {
  background: rgba(11, 3, 30, 0.94) !important;
  background-color: rgba(11, 3, 30, 0.94) !important;
  background-image: none !important;
}

body main :is(h1, h2, h3, h4, h5, h6, p, li, span, div, strong, label, small, .text-white, .text-white\/75, .text-white\/70, .text-white\/60, .text-white\/50, .text-on-surface, .text-on-surface-variant, .text-\[\#111111\], .text-\[\#101114\], .text-\[\#130f40\], .text-\[\#1c1b1b\], .text-\[\#707072\], .text-\[\#4b4a67\]) {
  color: #ffffff !important;
}

body main :is(.feature-card, .story-card, .glass-card, .hero-card, .cta-card, .academy-course-card, .courses-pricing-card, .courses-rating-badge, .contact-card, .contact-map-card, .demo-benefits, .demo-form-panel, .career-overview-card, .position-card, .page-content-inner, .section-content, .contact-form, .contact-form-large, .apply-copy) {
  background: rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  background-image: none !important;
  border-color: rgba(238, 231, 255, 0.2) !important;
}

body main :is(input, textarea, select),
body main :is(input, textarea, select) :is(span) {
  color: #101114 !important;
}

body main :is([class*="bg-[#fcd400]"], [class*="bg-[#ffb800]"], .button-primary, .demo-pill-primary, .courses-final-cta-primary, button[type="submit"]),
body main :is([class*="bg-[#fcd400]"], [class*="bg-[#ffb800]"], .button-primary, .demo-pill-primary, .courses-final-cta-primary, button[type="submit"]) :is(span, .material-symbols-outlined) {
  color: #221b00 !important;
}

body main :is([class*="bg-white"], [class*="bg-[#f5f5f5]"], .button-secondary, .button-outline),
body main :is([class*="bg-white"], [class*="bg-[#f5f5f5]"], .button-secondary, .button-outline) :is(span, .material-symbols-outlined) {
  color: #1d0061 !important;
}

/* Overall UI correction layer */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body {
  background:
    radial-gradient(circle at 12% -8%, rgba(252, 212, 0, 0.13), transparent 24rem),
    radial-gradient(circle at 92% 8%, rgba(113, 50, 245, 0.34), transparent 26rem),
    linear-gradient(180deg, #0b031e 0%, #1d0061 42%, #100327 100%) !important;
}

body main {
  background: transparent !important;
}

body main > section:not(.hero-header) {
  position: relative;
  padding-top: clamp(4rem, 8vw, 6rem) !important;
  padding-bottom: clamp(4rem, 8vw, 6rem) !important;
}

.site-header,
.front-page .hero-header {
  background: rgba(9, 2, 31, 0.86) !important;
  border-bottom: 1px solid rgba(238, 231, 255, 0.14) !important;
  backdrop-filter: blur(18px) saturate(1.15);
}

.site-header > div,
.front-page .hero-header > div {
  min-height: 76px;
}

.menu-toggle {
  border-radius: 12px !important;
  min-width: 48px;
}

html body .menu-toggle.burger {
  position: relative !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  background: transparent;
  cursor: pointer;
}

html body .menu-toggle.burger > span:not(.screen-reader-text) {
  display: block !important;
  position: absolute !important;
  left: 10px !important;
  width: 28px !important;
  height: 3px !important;
  background: currentColor !important;
  border-radius: 999px !important;
  opacity: 1 !important;
  transform: rotate(0deg) !important;
  transform-origin: left center !important;
  transition: top 0.25s ease-in-out, left 0.25s ease-in-out, width 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.25s ease-in-out !important;
}

html body .menu-toggle.burger > span:not(.screen-reader-text):nth-of-type(1) {
  top: 13px !important;
}

html body .menu-toggle.burger > span:not(.screen-reader-text):nth-of-type(2) {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

html body .menu-toggle.burger > span:not(.screen-reader-text):nth-of-type(3) {
  top: 32px !important;
}

html body .menu-toggle.burger[aria-expanded="true"] > span:not(.screen-reader-text):nth-of-type(1) {
  top: 13px !important;
  left: 13px !important;
  transform: rotate(45deg) !important;
}

html body .menu-toggle.burger[aria-expanded="true"] > span:not(.screen-reader-text):nth-of-type(2) {
  width: 0 !important;
  opacity: 0 !important;
}

html body .menu-toggle.burger[aria-expanded="true"] > span:not(.screen-reader-text):nth-of-type(3) {
  top: 33px !important;
  left: 13px !important;
  transform: rotate(-45deg) !important;
}

.site-navigation {
  align-items: center;
}

.site-navigation a,
.front-page .hero-header nav a {
  position: relative;
  color: #eee7ff !important;
  font-size: 0.95rem;
  font-weight: 800 !important;
  text-decoration: none;
}

.site-navigation a::after,
.front-page .hero-header nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.45rem;
  height: 2px;
  background: #fcd400;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 180ms ease;
}

.site-navigation a:hover::after,
.site-navigation a:focus-visible::after,
.front-page .hero-header nav a:hover::after,
.front-page .hero-header nav a:focus-visible::after {
  transform: scaleX(1);
}

@media (max-width: 1279px) {
  .site-navigation.hidden,
  .front-page .hero-header .site-navigation.hidden {
    display: none !important;
  }

  .site-navigation.toggled-on,
  .front-page .hero-header .site-navigation.toggled-on {
    position: absolute;
    top: calc(100% + 1px);
    left: 1rem;
    right: 1rem;
    display: grid !important;
    gap: 0;
    padding: 0.75rem;
    background: rgba(13, 4, 45, 0.98);
    border: 1px solid rgba(238, 231, 255, 0.16);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(18px);
  }

  .site-navigation.toggled-on a,
  .front-page .hero-header .site-navigation.toggled-on a {
    display: block;
    padding: 0.95rem 1rem;
    border-bottom: 1px solid rgba(238, 231, 255, 0.1);
  }

  .site-navigation.toggled-on a:last-child,
  .front-page .hero-header .site-navigation.toggled-on a:last-child {
    border-bottom: 0;
  }
}

@media (min-width: 1280px) {
  .menu-toggle {
    display: none !important;
  }

  .site-navigation.hidden,
  .front-page .hero-header .site-navigation.hidden {
    display: flex !important;
  }
}

body main :is(.feature-card, .story-card, .glass-card, .hero-card, .cta-card, .academy-course-card, .courses-pricing-card, .courses-rating-badge, .contact-card, .contact-map-card, .demo-benefits, .demo-form-panel, .career-overview-card, .position-card, .page-content-inner, .section-content) {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(238, 231, 255, 0.18) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.22) !important;
}

body main :is(.feature-card, .story-card, .glass-card, .hero-card, .cta-card, .academy-course-card, .courses-pricing-card, .courses-rating-badge, .contact-card, .contact-map-card, .demo-benefits, .demo-form-panel, .career-overview-card, .position-card, .page-content-inner, .section-content):hover {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(252, 212, 0, 0.42) !important;
}

body main :is(input, textarea, select) {
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #101114 !important;
}

body main :is(input::placeholder, textarea::placeholder) {
  color: #686b82 !important;
}

.site-footer {
  margin-top: 0;
  padding: clamp(3rem, 6vw, 5rem) 1.5rem 1.5rem;
  background:
    radial-gradient(circle at 10% 0%, rgba(252, 212, 0, 0.12), transparent 22rem),
    linear-gradient(180deg, #0b031e 0%, #07011d 100%) !important;
  border-top: 1px solid rgba(238, 231, 255, 0.14) !important;
}

.footer-shell {
  width: min(100%, 1280px);
  margin: 0 auto;
}

.footer-top {
  max-width: none !important;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, 0.75fr));
  gap: clamp(1.5rem, 4vw, 3rem);
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.footer-brand .logo-mark {
  border-radius: 12px !important;
}

.footer-column h3 {
  color: #ffffff !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

.footer-column p,
.footer-column li,
.footer-column span {
  color: #eee7ff !important;
}

.footer-info p,
.footer-note {
  max-width: 26rem;
  line-height: 1.75;
}

.footer-links ul {
  gap: 0.85rem !important;
}

.footer-links a,
.footer-legal a {
  color: #eee7ff !important;
}

.footer-links a:hover,
.footer-legal a:hover {
  color: #fcd400 !important;
}

.footer-demo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  margin-top: 1.25rem;
  padding: 0.85rem 1.2rem;
  border-radius: 12px;
  background: #fcd400;
  color: #221b00 !important;
  font-weight: 800;
  text-decoration: none;
}

.footer-demo-link:hover {
  background: #ffe16d;
  transform: translateY(-2px);
}

.social-icon {
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.footer-bottom {
  max-width: none !important;
  margin-top: clamp(2rem, 4vw, 3.5rem);
  padding: 1.4rem 0 0 !important;
  background: transparent !important;
}

.whatsapp-float {
  border-radius: 16px !important;
  right: 1rem;
  bottom: 1rem;
}

@media (max-width: 900px) {
  .footer-top {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .site-header > div,
  .front-page .hero-header > div {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .footer-top {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Typography and motion polish */
:root {
  --academy-font-display: Helvetica, "Helvetica Neue", Arial, sans-serif;
  --academy-font-ui: Helvetica, "Helvetica Neue", Arial, sans-serif;
  --academy-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --academy-motion-fast: 180ms;
  --academy-motion-medium: 520ms;
  --academy-motion-slow: 900ms;
}

html {
  font-size: 16px;
}

body {
  font-family: var(--academy-font-ui) !important;
  font-feature-settings: "cv02", "cv03", "cv04", "kern";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0 !important;
}

body :is(h1, h2, h3, h4, h5, h6),
body :is(.font-headline-xl, .font-headline-lg, .font-headline-md, .entry-title, .page-title) {
  font-family: var(--academy-font-display) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

body :is(p, li, a, button, input, textarea, select, label, span, small),
body :is(.font-body-md, .font-body-lg, .font-label-sm) {
  font-family: var(--academy-font-ui) !important;
  letter-spacing: 0 !important;
}

body main :is(h1, .text-headline-xl, .page-hero-copy h1, .courses-hero h1, .demo-hero h1) {
  font-size: 3.75rem !important;
  line-height: 1.04 !important;
}

body main :is(h2, .text-headline-lg, .section-header h2) {
  font-size: 2.75rem !important;
  line-height: 1.1 !important;
}

body main :is(h3, .text-headline-md) {
  font-size: 1.45rem !important;
  line-height: 1.22 !important;
}

body main :is(p, li) {
  font-size: 1rem;
  line-height: 1.72 !important;
  text-wrap: pretty;
}

body main :is(.hero-gradient p, .courses-hero p, .demo-hero p, .page-hero-copy p) {
  font-size: 1.12rem !important;
  line-height: 1.72 !important;
}

body main :is(.eyebrow, .section-label, .hero-pill, .feature-tag, .cta-pill, .academy-course-badge, .courses-pricing-badge, .demo-kicker) {
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body main :is(a, button, .button, .button-primary, .button-secondary, .button-outline, .academy-course-cta, .demo-pill) {
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  transition:
    transform var(--academy-motion-fast) var(--academy-motion-ease),
    color var(--academy-motion-fast) ease,
    background-color var(--academy-motion-fast) ease,
    border-color var(--academy-motion-fast) ease,
    box-shadow var(--academy-motion-fast) ease,
    opacity var(--academy-motion-fast) ease !important;
}

@keyframes academyRevealRise {
  from {
    opacity: 0;
    transform: translateY(34px);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes academyHeadlineRise {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes academyPhotoFloat {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.025);
  }
}

@keyframes academyGlowPulse {
  0%,
  100% {
    box-shadow: 0 0 0 rgba(252, 212, 0, 0);
  }
  50% {
    box-shadow: 0 0 36px rgba(252, 212, 0, 0.18);
  }
}

.academy-reveal {
  opacity: 0 !important;
  transform: translateY(34px);
  filter: blur(10px);
  transition: none !important;
}

.academy-reveal.is-visible {
  animation: academyRevealRise var(--academy-motion-slow) var(--academy-motion-ease) both !important;
  animation-delay: calc(var(--reveal-index, 0) * 55ms) !important;
}

.academy-motion-ready body main :is(.hero-gradient, .courses-hero, .demo-hero, .page-hero) :is(h1, h2, p, .hero-pill, .demo-kicker, .eyebrow) {
  animation: academyHeadlineRise 760ms var(--academy-motion-ease) both;
}

.academy-motion-ready body main :is(.hero-gradient, .courses-hero, .demo-hero, .page-hero) :is(h1) {
  animation-delay: 80ms;
}

.academy-motion-ready body main :is(.hero-gradient, .courses-hero, .demo-hero, .page-hero) :is(p) {
  animation-delay: 180ms;
}

body main :is(.hero-card img, .courses-hero-visual img) {
  animation: academyPhotoFloat 10s var(--academy-motion-ease) infinite;
  transform-origin: center;
}

body main :is(.feature-card, .story-card, .glass-card, .hero-card, .cta-card, .academy-course-card, .courses-pricing-card, .contact-card, .contact-map-card, .demo-benefits, .demo-form-panel, .career-overview-card, .position-card) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transition:
    transform var(--academy-motion-medium) var(--academy-motion-ease),
    border-color var(--academy-motion-medium) ease,
    background-color var(--academy-motion-medium) ease,
    box-shadow var(--academy-motion-medium) ease !important;
}

body main :is(.feature-card, .story-card, .glass-card, .hero-card, .cta-card, .academy-course-card, .courses-pricing-card, .contact-card, .contact-map-card, .demo-benefits, .demo-form-panel, .career-overview-card, .position-card)::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  background:
    radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 0%), rgba(252, 212, 0, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 44%);
  transition: opacity var(--academy-motion-medium) ease;
}

body main :is(.feature-card, .story-card, .glass-card, .hero-card, .cta-card, .academy-course-card, .courses-pricing-card, .contact-card, .contact-map-card, .demo-benefits, .demo-form-panel, .career-overview-card, .position-card):hover::after {
  opacity: 1;
}

body main :is(.feature-card, .story-card, .glass-card, .hero-card, .cta-card, .academy-course-card, .courses-pricing-card, .contact-card, .contact-map-card, .demo-benefits, .demo-form-panel, .career-overview-card, .position-card):hover {
  transform: translateY(-8px) !important;
}

body main :is(.button-primary, .hero-button, .demo-pill-primary, .courses-final-cta-primary, button[type="submit"], [class*="bg-[#fcd400]"], [class*="bg-[#ffb800]"]):hover {
  transform: translateY(-3px) !important;
  animation: academyGlowPulse 1.4s ease-in-out infinite;
}

body main :is(.button-secondary, .button-outline, [class*="bg-white"], [class*="bg-[#f5f5f5]"]):hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 44px rgba(255, 255, 255, 0.12) !important;
}

body main img {
  backface-visibility: hidden;
}

@media (max-width: 900px) {
  body main :is(h1, .text-headline-xl, .page-hero-copy h1, .courses-hero h1, .demo-hero h1) {
    font-size: 2.85rem !important;
    line-height: 1.08 !important;
  }

  body main :is(h2, .text-headline-lg, .section-header h2) {
    font-size: 2.2rem !important;
  }
}

@media (max-width: 560px) {
  body main :is(h1, .text-headline-xl, .page-hero-copy h1, .courses-hero h1, .demo-hero h1) {
    font-size: 2.35rem !important;
  }

  body main :is(h2, .text-headline-lg, .section-header h2) {
    font-size: 1.85rem !important;
  }

  body main :is(p, li) {
    font-size: 0.98rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .academy-reveal,
  .academy-reveal.is-visible,
  .academy-motion-ready body main :is(.hero-gradient, .courses-hero, .demo-hero, .page-hero) :is(h1, h2, p, .hero-pill, .demo-kicker, .eyebrow),
  body main :is(.hero-card img, .courses-hero-visual img) {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
  }
}

body :is(.site-header, .site-footer, .footer-top, .footer-bottom, .footer-column) :is(h1, h2, h3, h4, h5, h6, strong, a, .font-bold, .text-lg, .footer-brand) {
  color: #ffffff !important;
}

body :is(.site-header, .site-footer, .footer-top, .footer-bottom, .footer-column) :is(p, span, li, div) {
  color: #eee7ff !important;
}

body :is(.site-header, .site-footer) :is([class*="bg-[#fcd400]"], [class*="bg-[#ffb800]"]),
body :is(.site-header, .site-footer) :is([class*="bg-[#fcd400]"], [class*="bg-[#ffb800]"]) :is(span, .material-symbols-outlined) {
  color: #221b00 !important;
}

body main :is(.courses-grid-section, .courses-pricing-section, .courses-final-cta, .page-contact .mx-auto.max-w-7xl.overflow-hidden) :is(h1, h2, h3, h4, h5, h6, strong, label, .text-\[\#111111\], .text-\[\#101114\], .text-\[\#130f40\], .text-\[\#121024\], .text-\[\#1c1b1b\], .text-\[\#1e1b4b\], .text-on-surface) {
  color: #ffffff !important;
}

body main :is(.courses-grid-section, .courses-pricing-section, .courses-final-cta, .page-contact .mx-auto.max-w-7xl.overflow-hidden) :is(p, li, small, div, span, .text-\[\#3b3260\], .text-\[\#3b3540\], .text-\[\#43398d\], .text-\[\#4a4a6a\], .text-\[\#4b4a67\], .text-\[\#686b82\], .text-\[\#707072\], .text-\[\#d2cfd5\], .text-on-surface-variant) {
  color: #eee7ff !important;
}

body main :is(.courses-grid-section, .courses-pricing-section, .courses-final-cta, .page-contact .mx-auto.max-w-7xl.overflow-hidden) :is(a:not([class*="bg-[#fcd400]"]):not([class*="bg-[#ffb800]"]):not([class*="bg-white"]):not([class*="bg-[#f5f5f5]"]), .material-symbols-outlined) {
  color: #ffffff !important;
}

body main :is([class*="bg-[#fcd400]"], [class*="bg-[#ffb800]"], .button-primary, button[type="submit"]),
body main :is([class*="bg-[#fcd400]"], [class*="bg-[#ffb800]"], .button-primary, button[type="submit"]) :is(span, .material-symbols-outlined) {
  color: #221b00 !important;
}

body main :is([class*="bg-white"], [class*="bg-[#f5f5f5]"], .button-secondary, .button-outline),
body main :is([class*="bg-white"], [class*="bg-[#f5f5f5]"], .button-secondary, .button-outline) :is(span, .material-symbols-outlined) {
  color: #1d0061 !important;
}

/* Final background unification: one purple surface everywhere. */
html,
body,
body main,
body .front-page,
body .page-main,
body .content-area,
body .courses-page,
body .demo-editorial,
body .page-contact,
body .site-footer,
body .footer-top,
body .footer-bottom,
body main > section,
body main section,
body main.front-page section:not(.hero-header),
body main.front-page section.hero-gradient,
body main.courses-page section.courses-hero,
body main.courses-page section.courses-grid-section,
body main.courses-page section.courses-pricing-section,
body main.courses-page section.courses-final-cta,
body main.demo-editorial section.demo-hero,
body main.demo-editorial section.demo-booking,
body main.page-contact section,
body main.page-main section,
body main.page-main section.page-hero,
body main.page-main section.page-hero-alt {
  background: #12052f !important;
  background-color: #12052f !important;
  background-image: none !important;
}

body::before,
body::after,
body main section::before,
body main section::after {
  background-image: none !important;
}

body .site-header,
body main.front-page > .hero-header {
  background: rgba(11, 3, 30, 0.94) !important;
  background-color: rgba(11, 3, 30, 0.94) !important;
  background-image: none !important;
}

body main :is(.feature-card, .story-card, .glass-card, .hero-card, .cta-card, .academy-course-card, .courses-pricing-card, .courses-rating-badge, .contact-card, .contact-map-card, .demo-benefits, .demo-form-panel, .career-overview-card, .position-card, .page-content-inner, .section-content, .contact-form, .contact-form-large, .apply-copy, .page-contact .mx-auto.max-w-7xl.overflow-hidden, .page-contact .rounded-\[2rem\]) {
  background: rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  background-image: none !important;
}

/* Final CTA color pass: keep yellow controls readable on the purple theme. */
:root {
  --academy-cta-yellow: #ffd21a;
  --academy-cta-yellow-hover: #ffe45c;
  --academy-cta-yellow-pressed: #efbf00;
  --academy-cta-yellow-text: #171000;
  --academy-gold: var(--academy-cta-yellow);
  --academy-yellow: var(--academy-cta-yellow);
  --academy-yellow-hover: var(--academy-cta-yellow-hover);
  --academy-yellow-text: var(--academy-cta-yellow-text);
  --kr-edge-yellow: var(--academy-cta-yellow);
  --kr-edge-yellow-hover: var(--academy-cta-yellow-hover);
  --kr-edge-yellow-text: var(--academy-cta-yellow-text);
}

body :is(
  .button-primary,
  .hero-button,
  .demo-pill-primary,
  .courses-final-cta-primary,
  .footer-demo-link,
  .academy-course-badge,
  .courses-pricing-badge,
  .academy-course-card.academy-course-accent .academy-course-cta,
  .courses-pricing-card.is-featured a,
  button[type="submit"],
  [class*="bg-[#fcd400]"],
  [class*="bg-[#ffb800]"],
  [class*="bg-[#ffd21a]"],
  [class*="bg-secondary-container"],
  [class*="bg-secondary-fixed"]
) {
  background: var(--academy-cta-yellow) !important;
  background-color: var(--academy-cta-yellow) !important;
  background-image: none !important;
  color: var(--academy-cta-yellow-text) !important;
  border-color: var(--academy-cta-yellow) !important;
  text-shadow: none !important;
}

body :is(
  .button-primary,
  .hero-button,
  .demo-pill-primary,
  .courses-final-cta-primary,
  .footer-demo-link,
  .academy-course-badge,
  .courses-pricing-badge,
  .academy-course-card.academy-course-accent .academy-course-cta,
  .courses-pricing-card.is-featured a,
  button[type="submit"],
  [class*="bg-[#fcd400]"],
  [class*="bg-[#ffb800]"],
  [class*="bg-[#ffd21a]"],
  [class*="bg-secondary-container"],
  [class*="bg-secondary-fixed"]
) :is(span, .material-symbols-outlined, strong, small) {
  color: var(--academy-cta-yellow-text) !important;
  -webkit-text-fill-color: var(--academy-cta-yellow-text) !important;
  text-shadow: none !important;
}

body :is(
  .button-primary,
  .hero-button,
  .demo-pill-primary,
  .courses-final-cta-primary,
  .footer-demo-link,
  .academy-course-card.academy-course-accent .academy-course-cta,
  .courses-pricing-card.is-featured a,
  button[type="submit"],
  [class*="bg-[#fcd400]"],
  [class*="bg-[#ffb800]"],
  [class*="bg-[#ffd21a]"],
  [class*="bg-secondary-container"],
  [class*="bg-secondary-fixed"]
):hover {
  background: var(--academy-cta-yellow-hover) !important;
  background-color: var(--academy-cta-yellow-hover) !important;
  color: var(--academy-cta-yellow-text) !important;
  border-color: var(--academy-cta-yellow-hover) !important;
}

body :is(.stats-glow, .courses-pricing-check) {
  color: var(--academy-cta-yellow) !important;
}

body :is(.site-header, .front-page .hero-header, .site-footer) .site-logo-chip,
body .footer-brand .site-logo-chip {
  width: 58px !important;
  height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18) !important;
}

body :is(.site-header, .front-page .hero-header, .site-footer) .site-logo-image,
body .footer-brand .site-logo-image {
  width: 48px !important;
  height: 48px !important;
  display: block !important;
  object-fit: contain !important;
}

body .footer-brand .footer-logo-chip {
  width: 64px !important;
  height: 64px !important;
}

body .footer-brand .footer-logo-chip .site-logo-image {
  width: 54px !important;
  height: 54px !important;
}

/* Final floating WhatsApp action. */
.whatsapp-float {
  position: fixed !important;
  right: clamp(1rem, 2vw, 1.5rem) !important;
  bottom: calc(1.25rem + env(safe-area-inset-bottom)) !important;
  z-index: 9999 !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  background: transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.whatsapp-float::before {
  content: "";
  position: absolute;
  inset: 6px;
  z-index: -1;
  border-radius: 999px;
  background: rgba(37, 211, 102, 0.34);
  filter: blur(14px);
  animation: whatsappAura 2.6s ease-in-out infinite;
}

.whatsapp-float-link {
  min-height: 58px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
  padding: 0.55rem 0.95rem 0.55rem 0.62rem !important;
  color: #ffffff !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 999px !important;
  box-shadow: 0 20px 56px rgba(4, 12, 8, 0.28), 0 12px 30px rgba(37, 211, 102, 0.28) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease !important;
}

.whatsapp-float-link:hover,
.whatsapp-float-link:focus-visible {
  color: #ffffff !important;
  transform: translateY(-4px) scale(1.02) !important;
  filter: saturate(1.08) contrast(1.02);
  box-shadow: 0 26px 70px rgba(4, 12, 8, 0.34), 0 18px 40px rgba(37, 211, 102, 0.36) !important;
}

.whatsapp-float-link:focus-visible {
  outline: 3px solid #ffd21a !important;
  outline-offset: 4px !important;
}

.whatsapp-icon-wrap {
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  color: #128c7e !important;
  background: #ffffff !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 1px rgba(18, 140, 126, 0.08);
}

.whatsapp-icon {
  width: 29px;
  height: 29px;
  display: block;
  fill: currentColor;
}

.whatsapp-float-label {
  color: #ffffff !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.18) !important;
}

@keyframes whatsappAura {
  0%,
  100% {
    opacity: 0.48;
    transform: scale(0.92);
  }
  50% {
    opacity: 0.92;
    transform: scale(1.16);
  }
}

@media (max-width: 560px) {
  .whatsapp-float-link {
    width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
  }

  .whatsapp-float-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
  }

  .whatsapp-icon-wrap {
    width: 46px !important;
    height: 46px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .whatsapp-float::before {
    animation: none !important;
  }
}

/* Winning interactive polish for pricing buttons, buttons, and cards. */
.nav-menu-icon {
  width: 1.55rem;
  height: 1.55rem;
  display: block;
}

@media (min-width: 960px) {
  body :is(.site-header, .front-page .hero-header) .menu-toggle {
    display: none !important;
  }

  body :is(.site-header, .front-page .hero-header) .site-navigation,
  body :is(.site-header, .front-page .hero-header) .site-navigation.hidden {
    position: static !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(1rem, 2vw, 2rem) !important;
    padding: 0 !important;
    margin: 0 auto !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body :is(.site-header, .front-page .hero-header) .site-navigation a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body :is(.site-header, .front-page .hero-header) .site-navigation a:hover,
  body :is(.site-header, .front-page .hero-header) .site-navigation a:focus-visible {
    color: #ffffff !important;
  }
}

@media (max-width: 959px) {
  body :is(.site-header, .front-page .hero-header) .menu-toggle {
    display: inline-flex !important;
    width: 52px !important;
    min-width: 52px !important;
    padding-inline: 0 !important;
    border-radius: 14px !important;
    background: #4b25bb !important;
    color: #ffffff !important;
  }

  body :is(.site-header, .front-page .hero-header) .site-navigation.hidden:not(.toggled-on) {
    display: none !important;
  }
}

body main.front-page section#home.hero-gradient,
body main.front-page section.hero-gradient,
body .front-page .hero-gradient {
  min-height: clamp(680px, calc(100vh - 88px), 900px) !important;
  display: flex !important;
  align-items: center !important;
  background:
    linear-gradient(90deg, rgba(12, 2, 35, 0.92) 0%, rgba(18, 5, 47, 0.76) 47%, rgba(18, 5, 47, 0.52) 100%),
    url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=2200&q=88") center center / cover no-repeat !important;
  background-color: #12052f !important;
  background-image:
    linear-gradient(90deg, rgba(12, 2, 35, 0.92) 0%, rgba(18, 5, 47, 0.76) 47%, rgba(18, 5, 47, 0.52) 100%),
    url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=2200&q=88") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

body main.courses-page section.courses-hero,
body .courses-page .courses-hero {
  min-height: clamp(620px, 76vh, 820px) !important;
  background:
    linear-gradient(90deg, rgba(12, 2, 35, 0.92) 0%, rgba(18, 5, 47, 0.72) 48%, rgba(18, 5, 47, 0.44) 100%),
    url("https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=2200&q=88") center center / cover no-repeat !important;
  background-color: #12052f !important;
  background-image:
    linear-gradient(90deg, rgba(12, 2, 35, 0.92) 0%, rgba(18, 5, 47, 0.72) 48%, rgba(18, 5, 47, 0.44) 100%),
    url("https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=2200&q=88") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

:root {
  --academy-interactive-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

.courses-pricing-card .courses-pricing-button {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transition:
    transform 0.22s var(--academy-interactive-ease),
    box-shadow 0.22s var(--academy-interactive-ease),
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease !important;
}

.courses-pricing-card .courses-pricing-button-secondary {
  background: #ffffff !important;
  color: #1d0061 !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18) !important;
}

.courses-pricing-card .courses-pricing-button-primary {
  background: #ffd21a !important;
  color: #171000 !important;
  border-color: #ffd21a !important;
  box-shadow: 0 20px 46px rgba(255, 210, 26, 0.26) !important;
}

.courses-pricing-card .courses-pricing-button:hover,
.courses-pricing-card .courses-pricing-button:focus-visible {
  transform: translateY(-4px) scale(1.015) !important;
}

.courses-pricing-card .courses-pricing-button-secondary:hover,
.courses-pricing-card .courses-pricing-button-secondary:focus-visible {
  background: #eee7ff !important;
  color: #12052f !important;
  border-color: #ffffff !important;
  box-shadow: 0 22px 52px rgba(255, 255, 255, 0.16), 0 16px 38px rgba(0, 0, 0, 0.22) !important;
}

.courses-pricing-card .courses-pricing-button-primary:hover,
.courses-pricing-card .courses-pricing-button-primary:focus-visible {
  background: #ffe45c !important;
  color: #171000 !important;
  border-color: #ffe45c !important;
  box-shadow: 0 24px 58px rgba(255, 210, 26, 0.34) !important;
}

body :is(
  a[class*="px-"],
  a[class*="py-"],
  button,
  .button,
  .button-primary,
  .button-secondary,
  .button-outline,
  .hero-button,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .footer-demo-link,
  .demo-pill,
  .contact-form button
) {
  transition:
    transform 0.22s var(--academy-interactive-ease),
    box-shadow 0.22s var(--academy-interactive-ease),
    filter 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease !important;
}

body :is(
  a[class*="px-"],
  a[class*="py-"],
  button,
  .button,
  .button-primary,
  .button-secondary,
  .button-outline,
  .hero-button,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .footer-demo-link,
  .demo-pill,
  .contact-form button
):hover {
  transform: translateY(-3px) !important;
  filter: saturate(1.05) contrast(1.02);
}

body :is(
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .academy-course-card,
  .courses-pricing-card,
  .courses-rating-badge,
  .contact-card,
  .contact-map-card,
  .demo-benefits,
  .demo-form-panel,
  .career-overview-card,
  .position-card
) {
  transform: translateZ(0);
  transition:
    transform 0.28s var(--academy-interactive-ease),
    box-shadow 0.28s var(--academy-interactive-ease),
    border-color 0.28s ease,
    background-color 0.28s ease !important;
}

body :is(
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .academy-course-card,
  .courses-pricing-card,
  .courses-rating-badge,
  .contact-card,
  .contact-map-card,
  .demo-benefits,
  .demo-form-panel,
  .career-overview-card,
  .position-card
):hover {
  transform: translateY(-8px) scale(1.01) !important;
  border-color: rgba(255, 210, 26, 0.48) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(255, 210, 26, 0.08) !important;
}

body :is(
  .academy-course-card,
  .hero-card,
  .courses-hero-visual,
  .contact-map-card
):hover img {
  transform: scale(1.045) !important;
  filter: saturate(1.08) contrast(1.04);
}

@media (prefers-reduced-motion: reduce) {
  .courses-pricing-card .courses-pricing-button,
  body :is(a[class*="px-"], a[class*="py-"], button, .button, .hero-button, .academy-course-cta, .courses-final-cta-primary, .courses-final-cta-secondary, .footer-demo-link, .demo-pill, .contact-form button),
  body :is(.feature-card, .story-card, .glass-card, .hero-card, .cta-card, .academy-course-card, .courses-pricing-card, .courses-rating-badge, .contact-card, .contact-map-card, .demo-benefits, .demo-form-panel, .career-overview-card, .position-card),
  body :is(.academy-course-card, .hero-card, .courses-hero-visual, .contact-map-card):hover img {
    transition: none !important;
    transform: none !important;
    animation: none !important;
  }
}

/* Absolute final WhatsApp button: bright, icon-only, clickable. */
.whatsapp-float {
  position: fixed !important;
  right: clamp(1rem, 2vw, 1.5rem) !important;
  bottom: calc(1.25rem + env(safe-area-inset-bottom)) !important;
  z-index: 2147483000 !important;
  width: 66px !important;
  height: 66px !important;
  display: block !important;
  pointer-events: auto !important;
  background: transparent !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.whatsapp-float::before {
  content: "";
  position: absolute;
  inset: -7px;
  z-index: -1;
  border-radius: 50%;
  background: rgba(0, 230, 118, 0.45);
  filter: blur(18px);
  animation: whatsappAura 2.4s ease-in-out infinite;
}

.whatsapp-float-link {
  width: 66px !important;
  height: 66px !important;
  min-height: 66px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  gap: 0 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  color: #ffffff !important;
  text-decoration: none !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.38), transparent 27%),
    linear-gradient(135deg, #00f078 0%, #00c853 58%, #009e46 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  border-radius: 50% !important;
  box-shadow:
    0 24px 60px rgba(0, 200, 83, 0.36),
    0 14px 32px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  transform: translateZ(0);
  transition: transform 0.22s var(--academy-interactive-ease), box-shadow 0.22s ease, filter 0.22s ease !important;
}

.whatsapp-float-link:hover,
.whatsapp-float-link:focus-visible {
  color: #ffffff !important;
  transform: translateY(-5px) scale(1.06) !important;
  filter: saturate(1.12) contrast(1.04);
  box-shadow:
    0 30px 78px rgba(0, 230, 118, 0.44),
    0 18px 42px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

.whatsapp-float-link:focus-visible {
  outline: 3px solid #ffd21a !important;
  outline-offset: 5px !important;
}

.whatsapp-icon-wrap {
  width: 66px !important;
  height: 66px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  background: transparent !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.whatsapp-icon {
  width: 39px !important;
  height: 39px !important;
  display: block !important;
  fill: currentColor !important;
  filter: drop-shadow(0 3px 8px rgba(0, 80, 36, 0.26));
}

.whatsapp-float-label {
  display: none !important;
}

@media (max-width: 560px) {
  .whatsapp-float,
  .whatsapp-float-link,
  .whatsapp-icon-wrap {
    width: 60px !important;
    height: 60px !important;
    min-height: 60px !important;
  }

  .whatsapp-icon {
    width: 36px !important;
    height: 36px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .whatsapp-float::before {
    animation: none !important;
  }
}

/* Absolute final pricing icon and button contrast fix. */
.courses-pricing-card .courses-pricing-icon {
  width: 1.35rem !important;
  height: 1.35rem !important;
  min-width: 1.35rem !important;
  margin-top: 0.1rem !important;
  display: inline-block !important;
  color: #ffd21a !important;
  filter: drop-shadow(0 0 10px rgba(255, 210, 26, 0.2));
}

.courses-pricing-card .courses-pricing-icon-muted {
  color: rgba(238, 231, 255, 0.42) !important;
  filter: none;
}

.courses-pricing-card .courses-pricing-button,
.courses-pricing-card .courses-pricing-button:visited,
.courses-pricing-card .courses-pricing-button:hover,
.courses-pricing-card .courses-pricing-button:focus-visible {
  text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

.courses-pricing-card .courses-pricing-button-secondary,
.courses-pricing-card .courses-pricing-button-secondary:visited {
  background: #ffffff !important;
  color: #1d0061 !important;
  border-color: rgba(255, 255, 255, 0.92) !important;
}

.courses-pricing-card .courses-pricing-button-secondary:hover,
.courses-pricing-card .courses-pricing-button-secondary:focus-visible {
  background: #eee7ff !important;
  color: #12052f !important;
  border-color: #ffffff !important;
}

.courses-pricing-card .courses-pricing-button-primary,
.courses-pricing-card .courses-pricing-button-primary:visited {
  background: #ffd21a !important;
  color: #171000 !important;
  border-color: #ffd21a !important;
}

.courses-pricing-card .courses-pricing-button-primary:hover,
.courses-pricing-card .courses-pricing-button-primary:focus-visible {
  background: #ffe45c !important;
  color: #171000 !important;
  border-color: #ffe45c !important;
}

/* Absolute final pricing CTA color: all pricing buttons use yellow with readable text. */
.courses-pricing-card .courses-pricing-button,
.courses-pricing-card .courses-pricing-button:link,
.courses-pricing-card .courses-pricing-button:visited {
  background: linear-gradient(135deg, #ffd21a 0%, #ffc400 100%) !important;
  background-color: #ffd21a !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  border: 1px solid rgba(255, 226, 92, 0.95) !important;
  box-shadow: 0 18px 46px rgba(255, 210, 26, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}

.courses-pricing-card .courses-pricing-button:hover,
.courses-pricing-card .courses-pricing-button:focus-visible {
  background: linear-gradient(135deg, #ffe45c 0%, #ffd21a 100%) !important;
  background-color: #ffe45c !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  border-color: #ffe45c !important;
  box-shadow: 0 24px 60px rgba(255, 210, 26, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}

.courses-pricing-card .courses-pricing-button *,
.courses-pricing-card .courses-pricing-button:hover * {
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
}

/* Absolute final homepage feature-card media cleanup. */
.front-page .feature-card--media {
  overflow: hidden !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28) !important;
}

.front-page .feature-card--media .feature-card-media {
  position: relative !important;
  min-height: 244px !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: transparent !important;
  isolation: isolate;
}

.front-page .feature-card--media .feature-card-media img {
  width: 100% !important;
  height: 100% !important;
  min-height: 244px !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
  filter: saturate(1.04) contrast(1.04) brightness(0.86) !important;
  transform: scale(1.001);
  transition: transform 480ms ease, filter 480ms ease !important;
}

.front-page .feature-card--media .feature-card-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(8, 1, 28, 0.05) 0%, rgba(8, 1, 28, 0.7) 100%),
    radial-gradient(circle at 18% 18%, rgba(255, 210, 26, 0.18), transparent 34%) !important;
}

.front-page .feature-card--media .feature-card-number {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 0 !important;
  background: rgba(12, 3, 38, 0.78) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(10px);
}

.front-page .feature-card--media .feature-card-body {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.front-page .feature-card--media .feature-card-body h3,
.front-page .feature-card--media .feature-card-body p {
  color: #ffffff !important;
}

.front-page .feature-card--media .feature-card-body p {
  color: rgba(255, 255, 255, 0.82) !important;
}

.front-page .feature-card--media .feature-card-link,
.front-page .feature-card--media .feature-card-link:visited {
  display: inline-flex !important;
  min-height: 44px !important;
  align-items: center !important;
  gap: 0.55rem !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition: color 220ms ease, transform 220ms ease !important;
}

.front-page .feature-card--media .feature-card-link-icon {
  width: 1.15rem !important;
  height: 1.15rem !important;
  display: inline-block !important;
  color: currentColor !important;
  transition: transform 220ms ease !important;
}

.front-page .feature-card--media:hover .feature-card-media img {
  transform: scale(1.06) !important;
  filter: saturate(1.14) contrast(1.08) brightness(0.92) !important;
}

.front-page .feature-card--media:hover .feature-card-link,
.front-page .feature-card--media .feature-card-link:focus-visible {
  color: #ffe45c !important;
  -webkit-text-fill-color: #ffe45c !important;
  transform: translateX(2px) !important;
}

.front-page .feature-card--media:hover .feature-card-link-icon,
.front-page .feature-card--media .feature-card-link:focus-visible .feature-card-link-icon {
  transform: translateX(5px) !important;
}

.front-page .feature-card--media .feature-card-link:focus-visible {
  outline: 3px solid #ffd21a !important;
  outline-offset: 4px !important;
}

/* Absolute final animated impact counters. */
.front-page #impact .glass-card {
  position: relative !important;
  overflow: hidden !important;
}

.front-page #impact .glass-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0.72 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 210, 26, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.035)) !important;
}

.front-page #impact .glass-card > * {
  position: relative !important;
  z-index: 1 !important;
}

.front-page .stats-glow {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 6.3ch !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-shadow:
    0 0 22px rgba(255, 255, 255, 0.18),
    0 0 34px rgba(255, 210, 26, 0.1) !important;
  transform: translateZ(0);
  transition:
    transform 260ms ease,
    text-shadow 260ms ease,
    color 260ms ease !important;
}

.front-page .stats-glow::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -0.55rem !important;
  width: 44% !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, #ffd21a, transparent) !important;
  opacity: 0 !important;
  transform: translateX(-50%) scaleX(0.35) !important;
  transition: opacity 360ms ease, transform 520ms ease !important;
}

.front-page .stats-glow.stats-counter-ready {
  will-change: contents, transform;
}

.front-page .stats-glow.is-counting {
  animation: academyCounterPulse 720ms ease-in-out infinite alternate !important;
}

.front-page .stats-glow.is-complete {
  animation: academyCounterSettle 620ms cubic-bezier(0.2, 0.8, 0.2, 1) both !important;
  text-shadow:
    0 0 18px rgba(255, 255, 255, 0.26),
    0 0 38px rgba(255, 210, 26, 0.2) !important;
}

.front-page .stats-glow.is-complete::after {
  opacity: 1 !important;
  transform: translateX(-50%) scaleX(1) !important;
}

@keyframes academyCounterPulse {
  from {
    transform: translateY(0) scale(1);
  }

  to {
    transform: translateY(-2px) scale(1.025);
  }
}

@keyframes academyCounterSettle {
  0% {
    transform: translateY(-2px) scale(1.035);
  }

  55% {
    transform: translateY(1px) scale(0.992);
  }

  100% {
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .front-page .stats-glow,
  .front-page .stats-glow::after {
    animation: none !important;
    transition: none !important;
  }
}

/* Absolute final hero CTA contrast fix. */
.front-page .hero-actions {
  align-items: center !important;
}

.front-page .hero-actions .hero-button-primary,
.front-page .hero-actions .hero-button-secondary {
  min-height: 58px !important;
  padding: 0.95rem 2rem !important;
  border-radius: 999px !important;
  font-size: 0.98rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: none;
  white-space: nowrap !important;
  -webkit-text-fill-color: currentColor !important;
}

.front-page .hero-actions .hero-button-primary,
.front-page .hero-actions .hero-button-primary:link,
.front-page .hero-actions .hero-button-primary:visited {
  background: linear-gradient(135deg, #ffd21a 0%, #ffc400 100%) !important;
  background-color: #ffd21a !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  border: 1px solid rgba(255, 226, 92, 0.92) !important;
  box-shadow: 0 22px 58px rgba(255, 210, 26, 0.28) !important;
}

.front-page .hero-actions .hero-button-secondary,
.front-page .hero-actions .hero-button-secondary:link,
.front-page .hero-actions .hero-button-secondary:visited {
  gap: 0.65rem !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(238, 231, 255, 0.96) 100%) !important;
  background-color: #ffffff !important;
  color: #1d0061 !important;
  -webkit-text-fill-color: #1d0061 !important;
  border: 1px solid rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

.front-page .hero-actions .hero-button-secondary *,
.front-page .hero-actions .hero-button-secondary:hover *,
.front-page .hero-actions .hero-button-secondary:focus-visible * {
  color: #1d0061 !important;
  -webkit-text-fill-color: #1d0061 !important;
}

.front-page .hero-actions .hero-button-primary *,
.front-page .hero-actions .hero-button-primary:hover *,
.front-page .hero-actions .hero-button-primary:focus-visible * {
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
}

.front-page .hero-actions .hero-button-primary:hover,
.front-page .hero-actions .hero-button-primary:focus-visible {
  background: linear-gradient(135deg, #ffe45c 0%, #ffd21a 100%) !important;
  background-color: #ffe45c !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  border-color: #ffe45c !important;
  transform: translateY(-4px) scale(1.015) !important;
  box-shadow: 0 28px 72px rgba(255, 210, 26, 0.38) !important;
}

.front-page .hero-actions .hero-button-secondary:hover,
.front-page .hero-actions .hero-button-secondary:focus-visible {
  background:
    linear-gradient(135deg, #ffffff 0%, #fff8c4 100%) !important;
  background-color: #ffffff !important;
  color: #1d0061 !important;
  -webkit-text-fill-color: #1d0061 !important;
  border-color: #ffd21a !important;
  transform: translateY(-4px) scale(1.015) !important;
  box-shadow: 0 26px 68px rgba(255, 210, 26, 0.22), 0 18px 42px rgba(0, 0, 0, 0.24) !important;
}

.front-page .hero-actions .hero-button-secondary-icon {
  width: 1.05rem !important;
  height: 1.05rem !important;
  flex: 0 0 auto !important;
  color: currentColor !important;
  transition: transform 220ms ease !important;
}

.front-page .hero-actions .hero-button-secondary:hover .hero-button-secondary-icon,
.front-page .hero-actions .hero-button-secondary:focus-visible .hero-button-secondary-icon {
  transform: translateX(4px) !important;
}

.front-page .hero-actions :is(.hero-button-primary, .hero-button-secondary):focus-visible {
  outline: 3px solid #ffd21a !important;
  outline-offset: 4px !important;
}

@media (max-width: 520px) {
  .front-page .hero-actions {
    width: 100% !important;
  }

  .front-page .hero-actions .hero-button-primary,
  .front-page .hero-actions .hero-button-secondary {
    width: 100% !important;
  }
}

/* Absolute final classic academic typography. */
:root {
  --academy-font-display: Helvetica, "Helvetica Neue", Arial, sans-serif;
  --academy-font-ui: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

body,
body :is(p, li, a, button, input, textarea, select, label, small),
body :is(.font-body-md, .font-body-lg, .font-label-sm) {
  font-family: var(--academy-font-ui) !important;
  letter-spacing: 0 !important;
}

body :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .font-headline-xl,
  .font-headline-lg,
  .font-headline-md,
  .entry-title,
  .page-title,
  .section-header h2
) {
  font-family: var(--academy-font-display) !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

body main :is(
  h1,
  .text-headline-xl,
  .hero-gradient h1,
  .courses-hero h1,
  .demo-hero h1,
  .page-hero h1,
  .page-hero-copy h1
) {
  font-family: var(--academy-font-display) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
  text-shadow: 0 16px 46px rgba(0, 0, 0, 0.28);
}

body main :is(
  h2,
  .text-headline-lg,
  .font-headline-lg,
  .section-header h2,
  .courses-pricing-section h2,
  .courses-final-cta h2
) {
  font-family: var(--academy-font-display) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
}

body main :is(
  h3,
  h4,
  .text-headline-md,
  .font-headline-md,
  .academy-course-card h3,
  .feature-card h3,
  .story-card h3,
  .contact-card h2,
  .demo-form-panel h2
) {
  font-family: var(--academy-font-display) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body main :is(
  .hero-gradient p,
  .courses-hero p,
  .demo-hero p,
  .page-hero-copy p
) {
  font-family: var(--academy-font-ui) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.front-page .hero-gradient h1,
.courses-page .courses-hero h1,
.demo-editorial .demo-hero h1,
.page-main .page-hero h1,
.page-main .page-hero-copy h1 {
  font-size: 4.25rem !important;
}

@media (max-width: 1024px) {
  .front-page .hero-gradient h1,
  .courses-page .courses-hero h1,
  .demo-editorial .demo-hero h1,
  .page-main .page-hero h1,
  .page-main .page-hero-copy h1 {
    font-size: 3.4rem !important;
  }
}

@media (max-width: 640px) {
  .front-page .hero-gradient h1,
  .courses-page .courses-hero h1,
  .demo-editorial .demo-hero h1,
  .page-main .page-hero h1,
  .page-main .page-hero-copy h1 {
    font-size: 2.55rem !important;
    line-height: 1.08 !important;
  }
}

/* Absolute final WhatsApp cleanup: one button, one visible icon, no ghost layer. */
.whatsapp-float {
  position: fixed !important;
  right: clamp(1rem, 2vw, 1.5rem) !important;
  bottom: calc(1.25rem + env(safe-area-inset-bottom)) !important;
  z-index: 2147483000 !important;
  width: 66px !important;
  height: 66px !important;
  display: block !important;
  pointer-events: auto !important;
  isolation: isolate !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.whatsapp-float::before,
.whatsapp-float::after,
.whatsapp-float-link::before,
.whatsapp-float-link::after,
.whatsapp-icon-wrap::before,
.whatsapp-icon-wrap::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  animation: none !important;
}

.whatsapp-float-link,
.whatsapp-float-link:link,
.whatsapp-float-link:visited {
  position: relative !important;
  z-index: 1 !important;
  width: 66px !important;
  height: 66px !important;
  min-height: 66px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  gap: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.34), transparent 28%),
    linear-gradient(135deg, #00f078 0%, #00c853 58%, #009e46 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  border-radius: 50% !important;
  box-shadow:
    0 22px 54px rgba(0, 200, 83, 0.28),
    0 12px 28px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
  transform: translateZ(0);
  transition: transform 0.22s var(--academy-interactive-ease), box-shadow 0.22s ease, filter 0.22s ease !important;
}

.whatsapp-float-link:hover,
.whatsapp-float-link:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-4px) scale(1.045) !important;
  filter: saturate(1.1) contrast(1.04);
  box-shadow:
    0 26px 64px rgba(0, 230, 118, 0.34),
    0 16px 36px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

.whatsapp-icon-wrap {
  position: relative !important;
  z-index: 2 !important;
  width: 66px !important;
  height: 66px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.whatsapp-icon {
  position: relative !important;
  z-index: 3 !important;
  width: 38px !important;
  height: 38px !important;
  display: block !important;
  color: #ffffff !important;
  fill: currentColor !important;
  filter: drop-shadow(0 3px 7px rgba(0, 80, 36, 0.22)) !important;
}

.whatsapp-float-label {
  display: none !important;
}

@media (max-width: 560px) {
  .whatsapp-float,
  .whatsapp-float-link,
  .whatsapp-icon-wrap {
    width: 60px !important;
    height: 60px !important;
    min-height: 60px !important;
  }

  .whatsapp-icon {
    width: 35px !important;
    height: 35px !important;
  }
}

/* Absolute final homepage course carousel. */
.front-page .homepage-course-section {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(255, 210, 26, 0.12), transparent 28rem),
    radial-gradient(circle at 86% 14%, rgba(143, 103, 255, 0.18), transparent 24rem),
    #12052f !important;
  color: #ffffff !important;
}

.front-page .homepage-course-header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: clamp(1.5rem, 4vw, 3rem) !important;
  margin-bottom: clamp(2rem, 5vw, 3.75rem) !important;
}

.front-page .homepage-course-kicker {
  margin: 0 0 0.9rem !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

.front-page .homepage-course-header h2 {
  max-width: 880px !important;
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(2.4rem, 5vw, 4.8rem) !important;
  line-height: 1.02 !important;
}

.front-page .homepage-course-header p:not(.homepage-course-kicker) {
  max-width: 690px !important;
  margin: 1.15rem 0 0 !important;
  color: rgba(255, 255, 255, 0.84) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.84) !important;
  font-size: 1.08rem !important;
  font-weight: 600 !important;
}

.front-page .homepage-course-controls {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  flex: 0 0 auto !important;
}

.front-page .homepage-course-arrow {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  background: #ffd21a !important;
  border: 1px solid rgba(255, 226, 92, 0.96) !important;
  border-radius: 999px !important;
  box-shadow: 0 18px 46px rgba(255, 210, 26, 0.24) !important;
  cursor: pointer !important;
}

.front-page .homepage-course-arrow svg {
  width: 1.35rem !important;
  height: 1.35rem !important;
  color: currentColor !important;
}

.front-page .homepage-course-arrow:hover,
.front-page .homepage-course-arrow:focus-visible {
  background: #ffe45c !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  transform: translateY(-3px) scale(1.04) !important;
}

.front-page .homepage-course-arrow:disabled {
  cursor: not-allowed !important;
  opacity: 0.42 !important;
  transform: none !important;
  box-shadow: none !important;
}

.front-page .homepage-course-carousel {
  position: relative !important;
}

.front-page .homepage-course-viewport {
  display: flex !important;
  gap: clamp(1rem, 2vw, 1.55rem) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  scrollbar-width: none !important;
  padding: 0 0 1.2rem !important;
  outline: none !important;
}

.front-page .homepage-course-viewport::-webkit-scrollbar {
  display: none !important;
}

.front-page .homepage-course-card {
  position: relative !important;
  flex: 0 0 clamp(330px, 31vw, 410px) !important;
  min-height: 620px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  scroll-snap-align: start !important;
  background: rgba(255, 255, 255, 0.09) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.26) !important;
  transition:
    transform 280ms var(--academy-interactive-ease),
    border-color 280ms ease,
    background-color 280ms ease,
    box-shadow 280ms ease !important;
}

.front-page .homepage-course-card:hover,
.front-page .homepage-course-card:focus-within {
  transform: translateY(-8px) !important;
  border-color: rgba(255, 210, 26, 0.48) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 38px 110px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(255, 210, 26, 0.08) !important;
}

.front-page .homepage-course-media {
  position: relative !important;
  min-height: 310px !important;
  aspect-ratio: 1.18 / 1 !important;
  overflow: hidden !important;
  background: #0b031e !important;
}

.front-page .homepage-course-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(10, 2, 30, 0.04) 0%, rgba(10, 2, 30, 0.62) 100%),
    radial-gradient(circle at 12% 18%, rgba(255, 210, 26, 0.16), transparent 32%) !important;
}

.front-page .homepage-course-media img {
  width: 100% !important;
  height: 100% !important;
  min-height: 310px !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(1.04) contrast(1.05) brightness(0.9) !important;
  transform: scale(1.001);
  transition: transform 560ms ease, filter 560ms ease !important;
}

.front-page .homepage-course-card:hover .homepage-course-media img,
.front-page .homepage-course-card:focus-within .homepage-course-media img {
  transform: scale(1.07) !important;
  filter: saturate(1.12) contrast(1.08) brightness(0.96) !important;
}

.front-page .homepage-course-badge {
  position: absolute !important;
  left: 1rem !important;
  bottom: 1rem !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 0.62rem 0.95rem !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  background: #ffd21a !important;
  border: 1px solid rgba(255, 226, 92, 0.95) !important;
  border-radius: 999px !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24) !important;
}

.front-page .homepage-course-content {
  min-height: 310px !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  padding: clamp(1.35rem, 2.4vw, 1.85rem) !important;
}

.front-page .homepage-course-meta,
.front-page .homepage-course-details {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.85rem !important;
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

.front-page .homepage-course-meta span,
.front-page .homepage-course-details span {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

.front-page .homepage-course-card h3 {
  margin: 1.2rem 0 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.75rem, 2.4vw, 2.35rem) !important;
  line-height: 1.08 !important;
}

.front-page .homepage-course-card p {
  margin: 1rem 0 0 !important;
  color: rgba(255, 255, 255, 0.84) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.84) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.68 !important;
}

.front-page .homepage-course-details {
  margin-top: auto !important;
  padding-top: 1.35rem !important;
}

.front-page .homepage-course-cta,
.front-page .homepage-course-cta:link,
.front-page .homepage-course-cta:visited {
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  margin-top: 1.25rem !important;
  padding: 0.9rem 1.15rem !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  background: linear-gradient(135deg, #ffd21a 0%, #ffc400 100%) !important;
  border: 1px solid rgba(255, 226, 92, 0.95) !important;
  border-radius: 999px !important;
  font-size: 0.94rem !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 18px 46px rgba(255, 210, 26, 0.2) !important;
}

.front-page .homepage-course-cta svg {
  width: 1.05rem !important;
  height: 1.05rem !important;
  color: currentColor !important;
  transition: transform 220ms ease !important;
}

.front-page .homepage-course-cta:hover,
.front-page .homepage-course-cta:focus-visible {
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  background: linear-gradient(135deg, #ffe45c 0%, #ffd21a 100%) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 24px 58px rgba(255, 210, 26, 0.3) !important;
}

.front-page .homepage-course-cta:hover svg,
.front-page .homepage-course-cta:focus-visible svg {
  transform: translateX(4px) !important;
}

.front-page .homepage-course-progress {
  position: relative !important;
  height: 4px !important;
  margin-top: clamp(1rem, 2vw, 1.5rem) !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border-radius: 999px !important;
}

.front-page .homepage-course-progress-fill {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 16.666% !important;
  display: block !important;
  background: linear-gradient(90deg, #ffd21a, #fff2a1) !important;
  border-radius: inherit !important;
  box-shadow: 0 0 24px rgba(255, 210, 26, 0.38) !important;
  transform: translateX(0);
  transition: transform 360ms var(--academy-interactive-ease), width 260ms ease !important;
}

@media (max-width: 900px) {
  .front-page .homepage-course-header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .front-page .homepage-course-controls {
    align-self: flex-end !important;
  }

  .front-page .homepage-course-card {
    flex-basis: min(86vw, 390px) !important;
  }
}

@media (max-width: 560px) {
  .front-page .homepage-course-section {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .front-page .homepage-course-card {
    flex-basis: 88vw !important;
    min-height: 590px !important;
  }

  .front-page .homepage-course-media,
  .front-page .homepage-course-media img {
    min-height: 265px !important;
  }
}

/* Absolute final slow card focus hover. */
body main :is(
  .homepage-course-card,
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .academy-course-card,
  .courses-pricing-card,
  .contact-card,
  .contact-map-card,
  .demo-benefits,
  .demo-form-panel,
  .career-overview-card,
  .position-card
) {
  transition:
    transform 720ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 720ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 620ms ease,
    background-color 620ms ease,
    filter 620ms ease !important;
}

body main :is(
  .homepage-course-card,
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .academy-course-card,
  .courses-pricing-card,
  .contact-card,
  .contact-map-card,
  .demo-benefits,
  .demo-form-panel,
  .career-overview-card,
  .position-card
):hover,
body main :is(
  .homepage-course-card,
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .academy-course-card,
  .courses-pricing-card,
  .contact-card,
  .contact-map-card,
  .demo-benefits,
  .demo-form-panel,
  .career-overview-card,
  .position-card
):focus-within {
  transform: translateY(-10px) scale(1.025) !important;
}

body main :is(
  .homepage-course-card img,
  .feature-card img,
  .story-card img,
  .hero-card img,
  .academy-course-card img,
  .courses-hero-visual img,
  .contact-map-card img
) {
  transition:
    transform 960ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 860ms ease !important;
}

body main :is(
  .homepage-course-card:hover img,
  .homepage-course-card:focus-within img,
  .feature-card:hover img,
  .feature-card:focus-within img,
  .story-card:hover img,
  .story-card:focus-within img,
  .hero-card:hover img,
  .hero-card:focus-within img,
  .academy-course-card:hover img,
  .academy-course-card:focus-within img,
  .courses-hero-visual:hover img,
  .contact-map-card:hover img
) {
  transform: scale(1.075) !important;
}

@media (prefers-reduced-motion: reduce) {
  body main :is(
    .homepage-course-card,
    .feature-card,
    .story-card,
    .glass-card,
    .hero-card,
    .cta-card,
    .academy-course-card,
    .courses-pricing-card,
    .contact-card,
    .contact-map-card,
    .demo-benefits,
    .demo-form-panel,
    .career-overview-card,
    .position-card,
    .homepage-course-card img,
    .feature-card img,
    .story-card img,
    .hero-card img,
    .academy-course-card img,
    .courses-hero-visual img,
    .contact-map-card img
  ) {
    transition: none !important;
  }
}

/* Absolute final success story hover polish. */
.front-page #stories .story-card {
  transition:
    transform 820ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 820ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 680ms ease,
    background-color 680ms ease !important;
}

.front-page #stories .story-card:hover,
.front-page #stories .story-card:focus-within {
  transform: translateY(-10px) scale(1.025) !important;
}

.front-page #stories .story-avatar {
  transition:
    transform 920ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 820ms ease,
    box-shadow 820ms ease !important;
}

.front-page #stories .story-card:hover .story-avatar,
.front-page #stories .story-card:focus-within .story-avatar {
  transform: scale(1.08) !important;
  filter: saturate(1.08) contrast(1.04) !important;
  box-shadow: 0 18px 42px rgba(255, 210, 26, 0.18) !important;
}

/* Absolute final WhatsApp ghost-icon removal. */
body a[href*="wa.me"]:not(.whatsapp-float-link),
body a[href*="api.whatsapp.com"]:not(.whatsapp-float-link),
body .joinchat,
body .wa__btn_popup,
body .whatsapp_float:not(.whatsapp-float),
body .whatsapp-button:not(.whatsapp-float),
body .floating-whatsapp:not(.whatsapp-float) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.whatsapp-float,
.whatsapp-float-link,
.whatsapp-icon-wrap,
.whatsapp-icon {
  text-shadow: none !important;
}

.whatsapp-icon,
.whatsapp-icon *,
.whatsapp-icon path {
  filter: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  stroke: none !important;
}

.whatsapp-icon {
  fill: #ffffff !important;
}

.whatsapp-icon path {
  fill: #ffffff !important;
}

/* Absolute final hero pill removal. */
.front-page .hero-gradient .hero-pill {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Absolute final featured Spoken English course treatment. */
.front-page .homepage-course-card.is-featured {
  border-color: rgba(255, 210, 26, 0.62) !important;
  background:
    linear-gradient(180deg, rgba(255, 210, 26, 0.12), rgba(255, 255, 255, 0.085)),
    rgba(255, 255, 255, 0.1) !important;
  box-shadow:
    0 34px 104px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(255, 210, 26, 0.16),
    0 0 46px rgba(255, 210, 26, 0.1) !important;
}

.front-page .homepage-course-card.is-featured .homepage-course-media::after {
  background:
    linear-gradient(180deg, rgba(10, 2, 30, 0.02) 0%, rgba(10, 2, 30, 0.58) 100%),
    radial-gradient(circle at 16% 18%, rgba(255, 210, 26, 0.28), transparent 36%) !important;
}

.front-page .homepage-course-featured-pill {
  position: absolute !important;
  top: 1rem !important;
  right: 1rem !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0.5rem 0.9rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(18, 5, 47, 0.78) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(12px);
}

.courses-page .academy-course-card.is-featured-course {
  position: relative !important;
  border-color: rgba(255, 210, 26, 0.74) !important;
  box-shadow:
    0 32px 94px rgba(0, 0, 0, 0.32),
    0 0 0 1px rgba(255, 210, 26, 0.16) !important;
}

.courses-page .academy-course-card.is-featured-course::before {
  content: "Featured" !important;
  position: absolute !important;
  top: 1rem !important;
  right: 1rem !important;
  z-index: 8 !important;
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.52rem 0.9rem !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  background: #ffd21a !important;
  border: 1px solid rgba(255, 226, 92, 0.96) !important;
  border-radius: 999px !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22) !important;
}

/* Absolute final hero visual-card removal. */
.front-page .hero-gradient {
  align-items: center !important;
}

.front-page .hero-gradient .hero-card,
.front-page .hero-gradient .floating-stat,
.front-page .hero-gradient div:has(> .hero-card) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.front-page .hero-gradient > .mx-auto.grid {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 1280px !important;
}

/* Absolute final navbar logo: white SVG mark, no square chip. */
body .site-header .site-logo-chip,
body main.front-page .hero-header .site-logo-chip,
body .front-page .hero-header .site-logo-chip {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body .site-header .site-logo-image,
body main.front-page .hero-header .site-logo-image,
body .front-page .hero-header .site-logo-image {
  width: 54px !important;
  height: 54px !important;
  display: block !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Absolute final footer logo: same white SVG mark, no square chip. */
body .site-footer .site-logo-chip,
body .site-footer .footer-logo-chip,
body .footer-brand .site-logo-chip,
body .footer-brand .footer-logo-chip {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body .site-footer .site-logo-image,
body .footer-brand .site-logo-image,
body .site-footer .footer-logo-chip .site-logo-image,
body .footer-brand .footer-logo-chip .site-logo-image {
  width: 54px !important;
  height: 54px !important;
  display: block !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Absolute final homepage hero slideshow. */
body main.front-page section#home.hero-gradient,
body main.front-page section.hero-gradient,
body .front-page .hero-gradient {
  position: relative !important;
  isolation: isolate !important;
  background: #12052f !important;
  background-color: #12052f !important;
  background-image: none !important;
}

body main.front-page .academy-hero-slideshow,
body .front-page .academy-hero-slideshow {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
  background: #12052f !important;
  pointer-events: none !important;
}

body main.front-page .academy-hero-slideshow::before,
body .front-page .academy-hero-slideshow::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  background:
    linear-gradient(90deg, rgba(8, 1, 28, 0.94) 0%, rgba(18, 5, 47, 0.82) 45%, rgba(18, 5, 47, 0.58) 100%),
    radial-gradient(circle at 18% 22%, rgba(75, 37, 187, 0.38), transparent 34%),
    linear-gradient(180deg, rgba(8, 1, 28, 0.34) 0%, rgba(8, 1, 28, 0.72) 100%) !important;
}

body main.front-page .academy-hero-slideshow::after,
body .front-page .academy-hero-slideshow::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  background:
    linear-gradient(180deg, rgba(255, 210, 26, 0.08), transparent 30%),
    radial-gradient(circle at 70% 20%, rgba(255, 210, 26, 0.12), transparent 28%) !important;
  mix-blend-mode: screen !important;
  opacity: 0.72 !important;
}

body main.front-page .academy-hero-slide,
body .front-page .academy-hero-slide {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  opacity: 0 !important;
  transform: scale(1.055) translate3d(0, 0, 0) !important;
  transition:
    opacity 1450ms ease-in-out,
    transform 6500ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  will-change: opacity, transform !important;
}

body main.front-page .academy-hero-slide.is-active,
body .front-page .academy-hero-slide.is-active {
  z-index: 2 !important;
  opacity: 1 !important;
  transform: scale(1.01) translate3d(0, 0, 0) !important;
}

body main.front-page .academy-hero-slide img,
body .front-page .academy-hero-slide img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.04) contrast(1.05) brightness(0.86) !important;
}

body main.front-page .hero-gradient > .absolute,
body .front-page .hero-gradient > .absolute {
  z-index: 0 !important;
  pointer-events: none !important;
}

body main.front-page .hero-gradient > .mx-auto,
body .front-page .hero-gradient > .mx-auto {
  position: relative !important;
  z-index: 5 !important;
}

body main.front-page .hero-gradient h1,
body main.front-page .hero-gradient p,
body .front-page .hero-gradient h1,
body .front-page .hero-gradient p {
  text-shadow: 0 4px 28px rgba(0, 0, 0, 0.5) !important;
}

@media (prefers-reduced-motion: reduce) {
  body main.front-page .academy-hero-slide,
  body .front-page .academy-hero-slide {
    transition: none !important;
    transform: none !important;
  }

  body main.front-page .academy-hero-slide:not(.is-active),
  body .front-page .academy-hero-slide:not(.is-active) {
    display: none !important;
  }
}

/* Absolute final footer logo visibility fix. */
body .site-footer .footer-brand {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
}

body .site-footer .footer-logo-link,
body .site-footer .footer-logo-link:link,
body .site-footer .footer-logo-link:visited {
  width: 66px !important;
  height: 66px !important;
  min-width: 66px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #ffffff !important;
  text-decoration: none !important;
  background:
    linear-gradient(135deg, rgba(255, 210, 26, 0.14), rgba(255, 255, 255, 0.04)),
    rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 210, 26, 0.34) !important;
  border-radius: 16px !important;
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(255, 255, 255, 0.06) inset !important;
}

body .site-footer .footer-logo-link:hover,
body .site-footer .footer-logo-link:focus-visible {
  transform: translateY(-2px) !important;
  border-color: rgba(255, 210, 26, 0.72) !important;
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.32),
    0 0 28px rgba(255, 210, 26, 0.14) !important;
}

body .site-footer .footer-logo-image {
  width: 54px !important;
  height: 54px !important;
  display: block !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28)) !important;
}

body .site-footer .footer-brand > div {
  min-width: 0 !important;
}

/* Absolute final removal of mouse-follow color wash. */
body main :is(
  .homepage-course-card,
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .academy-course-card,
  .courses-pricing-card,
  .contact-card,
  .contact-map-card,
  .demo-benefits,
  .demo-form-panel,
  .career-overview-card,
  .position-card
)::after,
body main :is(
  .homepage-course-card,
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .academy-course-card,
  .courses-pricing-card,
  .contact-card,
  .contact-map-card,
  .demo-benefits,
  .demo-form-panel,
  .career-overview-card,
  .position-card
):hover::after,
body main :is(
  .page-content-inner,
  .career-overview-card,
  .position-card,
  .demo-benefits,
  .contact-card,
  .course-card,
  .career-item,
  .career-item-large
)::before,
body main :is(
  .page-content-inner,
  .career-overview-card,
  .position-card,
  .demo-benefits,
  .contact-card,
  .course-card,
  .career-item,
  .career-item-large
):hover::before {
  background: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
}

/* Absolute final Helvetica typography override. */
:root {
  --academy-font-display: Helvetica, "Helvetica Neue", Arial, sans-serif !important;
  --academy-font-ui: Helvetica, "Helvetica Neue", Arial, sans-serif !important;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif !important;
}

body {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif !important;
}

body :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a,
  button,
  input,
  textarea,
  select,
  label,
  li,
  blockquote,
  cite,
  small,
  strong,
  em,
  div,
  span,
  .font-headline-xl,
  .font-headline-lg,
  .font-headline-md,
  .font-body-md,
  .font-body-lg,
  .font-label-sm,
  .entry-title,
  .page-title,
  .section-title,
  .homepage-course-card,
  .story-card,
  .feature-card,
  .academy-course-card,
  .courses-pricing-card,
  .home-final-cta-headline,
  .home-final-cta-subtext,
  .home-final-cta-demo,
  .home-final-cta-trust-item
):not(.material-symbols-outlined) {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif !important;
}

.material-symbols-outlined {
  font-family: "Material Symbols Outlined" !important;
}

/* Absolute final homepage interactive editorial cards. */
.front-page .home-editorial-cards-section {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 210, 26, 0.08), transparent 28rem),
    #12052f !important;
  color: #ffffff !important;
}

.front-page .home-expand-cards {
  display: flex !important;
  align-items: stretch !important;
  gap: clamp(1rem, 2vw, 1.6rem) !important;
  min-height: clamp(520px, 62vw, 640px) !important;
}

.front-page .home-expand-card.feature-card--media {
  position: relative !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: clamp(520px, 62vw, 640px) !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: #0a031e !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.34) !important;
  transform: none !important;
  isolation: isolate !important;
  transition:
    flex 980ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 820ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 720ms ease,
    box-shadow 820ms ease !important;
}

.front-page .home-expand-cards:hover .home-expand-card,
.front-page .home-expand-cards:focus-within .home-expand-card {
  flex: 0.82 1 0 !important;
}

.front-page .home-expand-cards .home-expand-card:hover,
.front-page .home-expand-cards .home-expand-card:focus-within {
  flex: 1.75 1 0 !important;
  border-color: rgba(255, 210, 26, 0.54) !important;
  box-shadow:
    0 42px 120px rgba(0, 0, 0, 0.44),
    0 0 0 1px rgba(255, 210, 26, 0.12) inset !important;
  transform: translateY(-8px) scale(1) !important;
}

.front-page .home-expand-card .feature-card-media {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  min-height: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 0 !important;
}

.front-page .home-expand-card .feature-card-media img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(1.02) contrast(1.08) brightness(0.7) !important;
  transform: scale(1.04) !important;
  transition:
    transform 1300ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 980ms ease !important;
}

.front-page .home-expand-card:hover .feature-card-media img,
.front-page .home-expand-card:focus-within .feature-card-media img {
  filter: saturate(1.14) contrast(1.08) brightness(0.86) !important;
  transform: scale(1.12) !important;
}

.front-page .home-expand-card .feature-card-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(5, 1, 18, 0.08) 0%, rgba(8, 1, 28, 0.42) 38%, rgba(8, 1, 28, 0.92) 100%),
    radial-gradient(circle at 18% 18%, rgba(255, 210, 26, 0.14), transparent 28%) !important;
}

.front-page .home-expand-card .feature-card-number {
  position: absolute !important;
  top: 1.1rem !important;
  right: 1.1rem !important;
  z-index: 3 !important;
  width: 54px !important;
  height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  background: rgba(12, 3, 38, 0.78) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.32) !important;
  backdrop-filter: blur(12px) !important;
}

.front-page .home-expand-card .feature-card-body {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  min-height: 48% !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  gap: 0.95rem !important;
  padding: clamp(1.35rem, 3vw, 2.25rem) !important;
  border: 0 !important;
  background:
    linear-gradient(180deg, transparent 0%, rgba(11, 3, 33, 0.58) 18%, rgba(11, 3, 33, 0.92) 100%) !important;
  color: #ffffff !important;
}

.front-page .home-expand-card .feature-card-proof {
  width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0.45rem 0.82rem !important;
  border: 1px solid rgba(255, 210, 26, 0.42) !important;
  border-radius: 999px !important;
  background: rgba(255, 210, 26, 0.13) !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  backdrop-filter: blur(10px) !important;
}

.front-page .home-expand-card .feature-card-body h3 {
  max-width: 16rem !important;
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.75rem, 2.6vw, 2.35rem) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.36) !important;
  transition: max-width 760ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.front-page .home-expand-card:hover .feature-card-body h3,
.front-page .home-expand-card:focus-within .feature-card-body h3 {
  max-width: 28rem !important;
}

.front-page .home-expand-card .feature-card-body p {
  max-width: 30rem !important;
  max-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: rgba(255, 255, 255, 0.84) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.84) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.72 !important;
  opacity: 0 !important;
  transform: translateY(10px) !important;
  transition:
    opacity 620ms ease,
    transform 720ms cubic-bezier(0.16, 1, 0.3, 1),
    max-height 820ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.front-page .home-expand-card:hover .feature-card-body p,
.front-page .home-expand-card:focus-within .feature-card-body p {
  max-height: 9rem !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.front-page .home-expand-card .feature-card-body .mt-8 {
  margin-top: 0 !important;
}

.front-page .home-expand-card .feature-card-link,
.front-page .home-expand-card .feature-card-link:visited {
  min-height: 46px !important;
  width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  padding: 0.75rem 1.1rem !important;
  border: 1px solid rgba(255, 226, 92, 0.86) !important;
  border-radius: 999px !important;
  background: #ffd21a !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  font-size: 0.92rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  opacity: 0 !important;
  transform: translateY(12px) !important;
  box-shadow: 0 18px 44px rgba(255, 210, 26, 0.24) !important;
  transition:
    opacity 620ms ease,
    transform 720ms cubic-bezier(0.16, 1, 0.3, 1),
    background-color 220ms ease,
    box-shadow 220ms ease !important;
}

.front-page .home-expand-card:hover .feature-card-link,
.front-page .home-expand-card:focus-within .feature-card-link {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.front-page .home-expand-card .feature-card-link:hover,
.front-page .home-expand-card .feature-card-link:focus-visible {
  background: #ffe45c !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  box-shadow: 0 24px 58px rgba(255, 210, 26, 0.34) !important;
}

.front-page .home-expand-card .feature-card-link-icon {
  width: 1rem !important;
  height: 1rem !important;
  color: currentColor !important;
  transition: transform 220ms ease !important;
}

.front-page .home-expand-card .feature-card-link:hover .feature-card-link-icon,
.front-page .home-expand-card .feature-card-link:focus-visible .feature-card-link-icon {
  transform: translateX(4px) !important;
}

@media (max-width: 900px) {
  .front-page .home-expand-cards {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  .front-page .home-expand-card.feature-card--media,
  .front-page .home-expand-cards:hover .home-expand-card,
  .front-page .home-expand-cards:focus-within .home-expand-card,
  .front-page .home-expand-cards .home-expand-card:hover,
  .front-page .home-expand-cards .home-expand-card:focus-within {
    flex: none !important;
    min-height: 460px !important;
    transform: none !important;
  }

  .front-page .home-expand-card .feature-card-body p,
  .front-page .home-expand-card .feature-card-link {
    max-height: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .front-page .home-expand-card.feature-card--media,
  .front-page .home-expand-card .feature-card-media img,
  .front-page .home-expand-card .feature-card-body h3,
  .front-page .home-expand-card .feature-card-body p,
  .front-page .home-expand-card .feature-card-link {
    transition: none !important;
  }
}

/* Absolute final cinematic outcome hero. */
body main.front-page section#home.hero-cinematic,
body .front-page #home.hero-cinematic {
  min-height: clamp(720px, calc(100vh - 86px), 940px) !important;
  display: flex !important;
  align-items: center !important;
  padding-top: clamp(5rem, 9vw, 8rem) !important;
  padding-bottom: clamp(4rem, 8vw, 7rem) !important;
  background: #12052f !important;
  color: #ffffff !important;
  isolation: isolate !important;
}

body main.front-page #home.hero-cinematic .academy-hero-slideshow::before,
body .front-page #home.hero-cinematic .academy-hero-slideshow::before {
  background:
    linear-gradient(90deg, rgba(6, 1, 20, 0.96) 0%, rgba(18, 5, 47, 0.88) 44%, rgba(18, 5, 47, 0.56) 100%),
    radial-gradient(circle at 16% 20%, rgba(75, 37, 187, 0.42), transparent 34%),
    linear-gradient(180deg, rgba(6, 1, 20, 0.28) 0%, rgba(6, 1, 20, 0.76) 100%) !important;
}

body main.front-page #home.hero-cinematic .academy-hero-slideshow::after,
body .front-page #home.hero-cinematic .academy-hero-slideshow::after {
  background:
    linear-gradient(180deg, rgba(255, 210, 26, 0.08), transparent 30%),
    radial-gradient(circle at 76% 18%, rgba(255, 210, 26, 0.12), transparent 30%),
    linear-gradient(90deg, rgba(255, 210, 26, 0.06), transparent 42%) !important;
  opacity: 0.8 !important;
}

body main.front-page #home.hero-cinematic .academy-hero-slide img,
body .front-page #home.hero-cinematic .academy-hero-slide img {
  filter: saturate(1.06) contrast(1.08) brightness(0.78) !important;
}

body main.front-page #home.hero-cinematic .hero-cinematic-shell,
body .front-page #home.hero-cinematic .hero-cinematic-shell {
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
}

body main.front-page #home.hero-cinematic .hero-cinematic-copy,
body .front-page #home.hero-cinematic .hero-cinematic-copy {
  max-width: 1040px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: clamp(1.4rem, 3vw, 2rem) !important;
}

body main.front-page #home.hero-cinematic .hero-cinematic-copy > *,
body main.front-page #home.hero-cinematic .hero-copy-content > *,
body .front-page #home.hero-cinematic .hero-cinematic-copy > *,
body .front-page #home.hero-cinematic .hero-copy-content > * {
  margin-top: 0 !important;
}

body main.front-page #home.hero-cinematic .hero-copy-frame,
body .front-page #home.hero-cinematic .hero-copy-frame {
  display: grid !important;
  grid-template-columns: 4px minmax(0, 1fr) !important;
  gap: clamp(1.15rem, 2.4vw, 1.8rem) !important;
  align-items: stretch !important;
}

body main.front-page #home.hero-cinematic .hero-accent-line,
body .front-page #home.hero-cinematic .hero-accent-line {
  width: 4px !important;
  min-height: 100% !important;
  display: block !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffd21a 0%, rgba(255, 210, 26, 0.24) 74%, transparent 100%) !important;
  box-shadow: 0 0 28px rgba(255, 210, 26, 0.26) !important;
}

body main.front-page #home.hero-cinematic .hero-copy-content,
body .front-page #home.hero-cinematic .hero-copy-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: clamp(1.25rem, 2.5vw, 1.8rem) !important;
}

body main.front-page #home.hero-cinematic h1,
body .front-page #home.hero-cinematic h1 {
  max-width: 940px !important;
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(3.7rem, 8vw, 7.6rem) !important;
  font-weight: 900 !important;
  line-height: 0.92 !important;
  letter-spacing: -0.055em !important;
  text-shadow:
    0 3px 18px rgba(0, 0, 0, 0.48),
    0 24px 80px rgba(0, 0, 0, 0.45) !important;
}

body main.front-page #home.hero-cinematic p,
body .front-page #home.hero-cinematic p {
  max-width: 710px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.84) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.84) !important;
  font-size: clamp(1.02rem, 1.7vw, 1.28rem) !important;
  font-weight: 700 !important;
  line-height: 1.65 !important;
  text-shadow: 0 3px 22px rgba(0, 0, 0, 0.42) !important;
}

body main.front-page #home.hero-cinematic .hero-actions,
body .front-page #home.hero-cinematic .hero-actions {
  margin-top: 0.3rem !important;
  gap: 0.9rem !important;
}

body main.front-page #home.hero-cinematic .hero-proof-rail,
body .front-page #home.hero-cinematic .hero-proof-rail {
  width: min(100%, 920px) !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: clamp(0.8rem, 2vw, 1.35rem) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.085) !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.24) !important;
  backdrop-filter: blur(16px) !important;
}

body main.front-page #home.hero-cinematic .hero-proof-item,
body .front-page #home.hero-cinematic .hero-proof-item {
  min-height: 84px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0.28rem !important;
  padding: 1rem 1.15rem !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body main.front-page #home.hero-cinematic .hero-proof-item:last-child,
body .front-page #home.hero-cinematic .hero-proof-item:last-child {
  border-right: 0 !important;
}

body main.front-page #home.hero-cinematic .hero-proof-item strong,
body .front-page #home.hero-cinematic .hero-proof-item strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
}

body main.front-page #home.hero-cinematic .hero-proof-item span,
body .front-page #home.hero-cinematic .hero-proof-item span {
  color: rgba(255, 210, 26, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 210, 26, 0.92) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

body main.front-page #home.hero-cinematic .hero-slide-progress,
body .front-page #home.hero-cinematic .hero-slide-progress {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  margin-top: clamp(0.35rem, 1.4vw, 0.8rem) !important;
}

body main.front-page #home.hero-cinematic .hero-slide-progress-button,
body .front-page #home.hero-cinematic .hero-slide-progress-button {
  width: clamp(42px, 5vw, 68px) !important;
  height: 4px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: block !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.24) !important;
  cursor: pointer !important;
}

body main.front-page #home.hero-cinematic .hero-slide-progress-button span,
body .front-page #home.hero-cinematic .hero-slide-progress-button span {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: inherit !important;
  background: #ffd21a !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 420ms ease !important;
}

body main.front-page #home.hero-cinematic .hero-slide-progress-button.is-active span,
body .front-page #home.hero-cinematic .hero-slide-progress-button.is-active span {
  transform: scaleX(1) !important;
}

body main.front-page #home.hero-cinematic .hero-slide-progress-button:focus-visible,
body .front-page #home.hero-cinematic .hero-slide-progress-button:focus-visible {
  outline: 3px solid rgba(255, 210, 26, 0.72) !important;
  outline-offset: 5px !important;
}

body main.front-page #home.hero-cinematic .hero-legacy-visual,
body .front-page #home.hero-cinematic .hero-legacy-visual {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 900px) {
  body main.front-page section#home.hero-cinematic,
  body .front-page #home.hero-cinematic {
    min-height: auto !important;
    padding-top: 5.75rem !important;
    padding-bottom: 4.25rem !important;
  }

  body main.front-page #home.hero-cinematic .hero-copy-frame,
  body .front-page #home.hero-cinematic .hero-copy-frame {
    grid-template-columns: 1fr !important;
  }

  body main.front-page #home.hero-cinematic .hero-accent-line,
  body .front-page #home.hero-cinematic .hero-accent-line {
    width: 86px !important;
    height: 4px !important;
    min-height: 4px !important;
  }

  body main.front-page #home.hero-cinematic h1,
  body .front-page #home.hero-cinematic h1 {
    font-size: clamp(3rem, 13vw, 5.2rem) !important;
  }

  body main.front-page #home.hero-cinematic .hero-proof-rail,
  body .front-page #home.hero-cinematic .hero-proof-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body main.front-page #home.hero-cinematic .hero-proof-item:nth-child(2),
  body .front-page #home.hero-cinematic .hero-proof-item:nth-child(2) {
    border-right: 0 !important;
  }

  body main.front-page #home.hero-cinematic .hero-proof-item:nth-child(-n + 2),
  body .front-page #home.hero-cinematic .hero-proof-item:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  }
}

@media (max-width: 560px) {
  body main.front-page #home.hero-cinematic .hero-cinematic-copy,
  body .front-page #home.hero-cinematic .hero-cinematic-copy {
    gap: 1.2rem !important;
  }

  body main.front-page #home.hero-cinematic .hero-actions,
  body .front-page #home.hero-cinematic .hero-actions {
    width: 100% !important;
  }

  body main.front-page #home.hero-cinematic .hero-actions :is(a),
  body .front-page #home.hero-cinematic .hero-actions :is(a) {
    width: 100% !important;
  }

  body main.front-page #home.hero-cinematic .hero-proof-rail,
  body .front-page #home.hero-cinematic .hero-proof-rail {
    grid-template-columns: 1fr !important;
  }

  body main.front-page #home.hero-cinematic .hero-proof-item,
  body .front-page #home.hero-cinematic .hero-proof-item {
    min-height: 72px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  }

  body main.front-page #home.hero-cinematic .hero-proof-item:last-child,
  body .front-page #home.hero-cinematic .hero-proof-item:last-child {
    border-bottom: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body main.front-page #home.hero-cinematic .hero-slide-progress-button span,
  body .front-page #home.hero-cinematic .hero-slide-progress-button span {
    animation: none !important;
    transition: none !important;
  }
}

/* Absolute final impact proof dashboard. */
.front-page #impact.impact-dashboard-section {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 20% 10%, rgba(255, 210, 26, 0.08), transparent 28rem),
    radial-gradient(circle at 82% 20%, rgba(99, 68, 212, 0.24), transparent 32rem),
    #12052f !important;
  color: #ffffff !important;
  padding-top: clamp(5rem, 8vw, 7.5rem) !important;
  padding-bottom: clamp(5.25rem, 8vw, 7.75rem) !important;
}

.front-page #impact.impact-dashboard-section::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 48% !important;
  width: min(980px, 82vw) !important;
  height: 2px !important;
  z-index: 0 !important;
  background: linear-gradient(90deg, transparent, rgba(255, 210, 26, 0.68), transparent) !important;
  box-shadow: 0 0 26px rgba(255, 210, 26, 0.24) !important;
  transform: translateX(-50%) scaleX(0.28) !important;
  transform-origin: center !important;
  animation: impactConnectorSweep 4.8s ease-in-out infinite !important;
  pointer-events: none !important;
}

.front-page #impact > .mx-auto {
  position: relative !important;
  z-index: 1 !important;
}

.front-page #impact .impact-dashboard-header {
  max-width: 840px !important;
  margin: 0 auto clamp(2rem, 4vw, 3.2rem) !important;
  text-align: center !important;
}

.front-page #impact .impact-dashboard-kicker {
  margin: 0 !important;
  color: rgba(255, 210, 26, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 210, 26, 0.92) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
}

.front-page #impact .impact-dashboard-header h2 {
  margin: 1rem 0 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(2.45rem, 5.6vw, 5.2rem) !important;
  font-weight: 900 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.045em !important;
  text-shadow: 0 22px 80px rgba(0, 0, 0, 0.36) !important;
}

.front-page #impact .impact-dashboard-header > p:not(.impact-dashboard-kicker) {
  max-width: 680px !important;
  margin: 1.15rem auto 0 !important;
  color: rgba(255, 255, 255, 0.76) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.76) !important;
  font-size: 1.04rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.front-page #impact .impact-dashboard {
  display: grid !important;
  grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.45fr) !important;
  gap: clamp(1rem, 2vw, 1.4rem) !important;
  align-items: stretch !important;
}

.front-page #impact .impact-support-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2vw, 1.4rem) !important;
}

.front-page #impact .impact-card {
  position: relative !important;
  min-height: 238px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  overflow: hidden !important;
  padding: clamp(1.35rem, 2.5vw, 2rem) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.045)),
    rgba(255, 255, 255, 0.07) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.24) !important;
  text-align: left !important;
  isolation: isolate !important;
  transition:
    transform 780ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 620ms ease,
    background-color 620ms ease,
    box-shadow 780ms ease !important;
}

.front-page #impact .impact-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0.76 !important;
  background:
    radial-gradient(circle at 22% 10%, rgba(255, 210, 26, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 52%) !important;
}

.front-page #impact .impact-card::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important;
  width: 3px !important;
  background: linear-gradient(180deg, #ffd21a, rgba(255, 210, 26, 0.16)) !important;
  opacity: 0 !important;
  transition: opacity 520ms ease !important;
}

.front-page #impact .impact-card > * {
  position: relative !important;
  z-index: 2 !important;
}

.front-page #impact .impact-card:hover,
.front-page #impact .impact-card:focus-visible,
.front-page #impact .impact-card:focus-within {
  transform: translateY(-8px) scale(1.012) !important;
  border-color: rgba(255, 210, 26, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.11) !important;
  box-shadow:
    0 40px 118px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(255, 210, 26, 0.1) inset !important;
}

.front-page #impact .impact-card:hover::after,
.front-page #impact .impact-card:focus-visible::after,
.front-page #impact .impact-card:focus-within::after {
  opacity: 1 !important;
}

.front-page #impact .impact-card:focus-visible {
  outline: 3px solid rgba(255, 210, 26, 0.72) !important;
  outline-offset: 5px !important;
}

.front-page #impact .impact-card-featured {
  min-height: 100% !important;
  padding: clamp(1.8rem, 3.4vw, 3rem) !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 210, 26, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.055)),
    rgba(255, 255, 255, 0.08) !important;
}

.front-page #impact .impact-card-eyebrow {
  width: fit-content !important;
  display: inline-flex !important;
  margin-bottom: auto !important;
  padding: 0.5rem 0.8rem !important;
  border: 1px solid rgba(255, 210, 26, 0.38) !important;
  border-radius: 999px !important;
  background: rgba(255, 210, 26, 0.12) !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.front-page #impact .stats-glow {
  min-width: 0 !important;
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(3.4rem, 6.2vw, 6.6rem) !important;
  font-weight: 900 !important;
  line-height: 0.95 !important;
  letter-spacing: -0.055em !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.front-page #impact .impact-support-grid .stats-glow {
  font-size: clamp(2.65rem, 4vw, 4.2rem) !important;
}

.front-page #impact .impact-card h3 {
  margin: 0.55rem 0 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.15rem, 1.8vw, 1.55rem) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
}

.front-page #impact .impact-card-proof {
  max-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  font-size: 0.94rem !important;
  font-weight: 700 !important;
  line-height: 1.58 !important;
  opacity: 0 !important;
  transform: translateY(10px) !important;
  transition:
    max-height 760ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 520ms ease,
    transform 620ms cubic-bezier(0.16, 1, 0.3, 1),
    margin-top 520ms ease !important;
}

.front-page #impact .impact-card:hover .impact-card-proof,
.front-page #impact .impact-card:focus-visible .impact-card-proof,
.front-page #impact .impact-card:focus-within .impact-card-proof {
  max-height: 6rem !important;
  margin-top: 0.85rem !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

@keyframes impactConnectorSweep {
  0%,
  100% {
    opacity: 0.22;
    transform: translateX(-50%) scaleX(0.24);
  }

  50% {
    opacity: 1;
    transform: translateX(-50%) scaleX(1);
  }
}

@media (max-width: 980px) {
  .front-page #impact .impact-dashboard {
    grid-template-columns: 1fr !important;
  }

  .front-page #impact .impact-card-featured {
    min-height: 330px !important;
  }
}

@media (max-width: 640px) {
  .front-page #impact .impact-support-grid {
    grid-template-columns: 1fr !important;
  }

  .front-page #impact .impact-card,
  .front-page #impact .impact-card-featured {
    min-height: auto !important;
  }

  .front-page #impact .impact-card-proof {
    max-height: none !important;
    margin-top: 0.85rem !important;
    opacity: 1 !important;
    transform: none !important;
  }

}

@media (prefers-reduced-motion: reduce) {
  .front-page #impact.impact-dashboard-section::before,
  .front-page #impact .impact-card,
  .front-page #impact .impact-card-proof {
    animation: none !important;
    transition: none !important;
  }
}

/* Absolute final about preview story deck. */
.front-page #experience.about-story-deck-section {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(18, 5, 47, 0.96), rgba(12, 2, 34, 0.98)),
    #12052f !important;
  color: #ffffff !important;
  padding-top: clamp(5rem, 8vw, 7.75rem) !important;
  padding-bottom: clamp(5rem, 8vw, 7.75rem) !important;
}

.front-page #experience .about-story-deck {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr) !important;
  gap: clamp(2rem, 4.8vw, 5.25rem) !important;
  align-items: center !important;
}

.front-page #experience .story-deck-media-panel {
  position: relative !important;
  min-height: clamp(500px, 46vw, 680px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 0 !important;
  background: #09021f !important;
  box-shadow: 0 38px 110px rgba(0, 0, 0, 0.38) !important;
  isolation: isolate !important;
}

.front-page #experience .story-deck-media-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  z-index: 4 !important;
  width: 5px !important;
  background: linear-gradient(180deg, #ffd21a, rgba(255, 210, 26, 0.08)) !important;
  pointer-events: none !important;
}

.front-page #experience .story-deck-image-stack,
.front-page #experience .story-deck-image {
  position: absolute !important;
  inset: 0 !important;
}

.front-page #experience .story-deck-image {
  margin: 0 !important;
  opacity: 0 !important;
  transform: scale(1.045) !important;
  transition:
    opacity 720ms ease,
    transform 1500ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.front-page #experience .story-deck-image.is-active {
  z-index: 2 !important;
  opacity: 1 !important;
  transform: scale(1) !important;
}

.front-page #experience .story-deck-image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(90deg, rgba(10, 2, 31, 0.78) 0%, rgba(10, 2, 31, 0.26) 52%, rgba(10, 2, 31, 0.72) 100%),
    linear-gradient(180deg, transparent 34%, rgba(10, 2, 31, 0.78) 100%) !important;
  pointer-events: none !important;
}

.front-page #experience .story-deck-image img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border: 0 !important;
  border-radius: 0 !important;
  filter: saturate(1.03) contrast(1.04) !important;
}

.front-page #experience .story-deck-image figcaption {
  position: absolute !important;
  left: clamp(1.5rem, 3vw, 2.4rem) !important;
  right: clamp(1.5rem, 3vw, 2.4rem) !important;
  bottom: clamp(1.5rem, 3vw, 2.4rem) !important;
  z-index: 3 !important;
  max-width: 430px !important;
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
  font-size: clamp(0.95rem, 1.3vw, 1.08rem) !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
}

.front-page #experience .story-deck-proof-badge {
  position: absolute !important;
  top: clamp(1.25rem, 2.5vw, 2rem) !important;
  left: clamp(1.25rem, 2.5vw, 2rem) !important;
  z-index: 5 !important;
  min-width: 190px !important;
  padding: 1rem 1.15rem !important;
  border: 1px solid rgba(255, 210, 26, 0.42) !important;
  border-radius: 0 !important;
  background: rgba(18, 5, 47, 0.68) !important;
  backdrop-filter: blur(16px) !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.28) !important;
}

.front-page #experience .story-deck-proof-badge span,
.front-page #experience .story-deck-proof-badge strong {
  display: block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.front-page #experience .story-deck-proof-badge span {
  font-size: 1.05rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.front-page #experience .story-deck-proof-badge strong {
  margin-top: 0.42rem !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}

.front-page #experience .story-deck-content {
  color: #ffffff !important;
}

.front-page #experience .story-deck-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin-bottom: 1.1rem !important;
  padding: 0.62rem 0.95rem !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.13em !important;
}

.front-page #experience .story-deck-content h2 {
  max-width: 760px !important;
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: clamp(2.8rem, 5.1vw, 5.85rem) !important;
  font-weight: 900 !important;
  line-height: 0.95 !important;
  letter-spacing: -0.055em !important;
}

.front-page #experience .story-deck-intro {
  max-width: 650px !important;
  margin: 1.35rem 0 0 !important;
  color: rgba(255, 255, 255, 0.77) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.77) !important;
  font-size: clamp(1rem, 1.5vw, 1.18rem) !important;
  font-weight: 700 !important;
  line-height: 1.72 !important;
}

.front-page #experience .story-deck-cards {
  display: grid !important;
  gap: 0.85rem !important;
  margin-top: clamp(1.5rem, 3vw, 2.35rem) !important;
}

.front-page #experience .story-deck-card {
  position: relative !important;
  width: 100% !important;
  min-height: 116px !important;
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  column-gap: 1rem !important;
  align-items: start !important;
  overflow: hidden !important;
  padding: 1.2rem 1.25rem !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-align: left !important;
  cursor: pointer !important;
  transition:
    min-height 780ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 780ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 560ms ease,
    background-color 560ms ease,
    box-shadow 780ms ease !important;
}

.front-page #experience .story-deck-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: #ffd21a !important;
  opacity: 0 !important;
  transition: opacity 420ms ease !important;
}

.front-page #experience .story-deck-card.is-active,
.front-page #experience .story-deck-card:hover,
.front-page #experience .story-deck-card:focus-visible {
  min-height: 184px !important;
  transform: translateX(8px) !important;
  border-color: rgba(255, 210, 26, 0.58) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.25) !important;
}

.front-page #experience .story-deck-card.is-active::before,
.front-page #experience .story-deck-card:hover::before,
.front-page #experience .story-deck-card:focus-visible::before {
  opacity: 1 !important;
}

.front-page #experience .story-deck-card:focus-visible {
  outline: 3px solid rgba(255, 210, 26, 0.72) !important;
  outline-offset: 4px !important;
}

.front-page #experience .story-card-number {
  grid-row: 1 / span 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 3rem !important;
  height: 3rem !important;
  border: 1px solid rgba(255, 210, 26, 0.36) !important;
  background: rgba(255, 210, 26, 0.1) !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-size: 0.8rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.front-page #experience .story-card-label {
  color: rgba(255, 255, 255, 0.58) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.58) !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

.front-page #experience .story-deck-card strong {
  margin-top: 0.5rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.1rem, 1.65vw, 1.5rem) !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
}

.front-page #experience .story-card-description,
.front-page #experience .story-card-proof-line {
  max-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  transform: translateY(8px) !important;
  transition:
    max-height 780ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 520ms ease,
    transform 620ms cubic-bezier(0.16, 1, 0.3, 1),
    margin-top 520ms ease !important;
}

.front-page #experience .story-card-description {
  color: rgba(255, 255, 255, 0.76) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.76) !important;
  font-size: 0.94rem !important;
  font-weight: 700 !important;
  line-height: 1.56 !important;
}

.front-page #experience .story-card-proof-line {
  width: fit-content !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

.front-page #experience .story-deck-card.is-active .story-card-description,
.front-page #experience .story-deck-card:hover .story-card-description,
.front-page #experience .story-deck-card:focus-visible .story-card-description {
  max-height: 7rem !important;
  margin-top: 0.75rem !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.front-page #experience .story-deck-card.is-active .story-card-proof-line,
.front-page #experience .story-deck-card:hover .story-card-proof-line,
.front-page #experience .story-deck-card:focus-visible .story-card-proof-line {
  max-height: 2rem !important;
  margin-top: 0.85rem !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.front-page #experience .story-deck-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.85rem !important;
  margin-top: clamp(1.45rem, 3vw, 2.2rem) !important;
}

.front-page #experience .story-deck-actions a {
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.92rem 1.55rem !important;
  border-radius: 999px !important;
  font-size: 0.94rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition:
    transform 260ms ease,
    background-color 260ms ease,
    border-color 260ms ease,
    box-shadow 260ms ease !important;
}

.front-page #experience .story-deck-cta-primary,
.front-page #experience .story-deck-cta-primary:visited {
  border: 1px solid rgba(255, 226, 92, 0.92) !important;
  background: #ffd21a !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  box-shadow: 0 18px 48px rgba(255, 210, 26, 0.24) !important;
}

.front-page #experience .story-deck-cta-secondary,
.front-page #experience .story-deck-cta-secondary:visited {
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.front-page #experience .story-deck-actions a:hover,
.front-page #experience .story-deck-actions a:focus-visible {
  transform: translateY(-3px) !important;
}

.front-page #experience .story-deck-cta-primary:hover,
.front-page #experience .story-deck-cta-primary:focus-visible {
  background: #ffe45c !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  box-shadow: 0 26px 66px rgba(255, 210, 26, 0.34) !important;
}

.front-page #experience .story-deck-cta-secondary:hover,
.front-page #experience .story-deck-cta-secondary:focus-visible {
  border-color: rgba(255, 210, 26, 0.4) !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.front-page #experience .story-deck-actions a:focus-visible {
  outline: 3px solid rgba(255, 210, 26, 0.72) !important;
  outline-offset: 4px !important;
}

@media (max-width: 1024px) {
  .front-page #experience .about-story-deck {
    grid-template-columns: 1fr !important;
  }

  .front-page #experience .story-deck-media-panel {
    min-height: 500px !important;
  }

  .front-page #experience .story-deck-card.is-active,
  .front-page #experience .story-deck-card:hover,
  .front-page #experience .story-deck-card:focus-visible {
    transform: translateY(-4px) !important;
  }
}

@media (max-width: 640px) {
  .front-page #experience.about-story-deck-section {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .front-page #experience .story-deck-media-panel {
    min-height: 390px !important;
  }

  .front-page #experience .story-deck-proof-badge {
    right: 1rem !important;
    min-width: 0 !important;
  }

  .front-page #experience .story-deck-card,
  .front-page #experience .story-deck-card.is-active,
  .front-page #experience .story-deck-card:hover,
  .front-page #experience .story-deck-card:focus-visible {
    min-height: auto !important;
    transform: none !important;
  }

  .front-page #experience .story-card-description,
  .front-page #experience .story-card-proof-line {
    max-height: none !important;
    margin-top: 0.75rem !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .front-page #experience .story-deck-actions a {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .front-page #experience .story-deck-image,
  .front-page #experience .story-deck-card,
  .front-page #experience .story-deck-card::before,
  .front-page #experience .story-card-description,
  .front-page #experience .story-card-proof-line,
  .front-page #experience .story-deck-actions a {
    transition: none !important;
  }

  .front-page #experience .story-deck-image,
  .front-page #experience .story-deck-image.is-active {
    transform: none !important;
  }
}

/* Absolute final footer CTA: transparent theme, no filled background. */
body .site-footer .footer-demo-link,
body .site-footer .footer-demo-link:link,
body .site-footer .footer-demo-link:visited {
  position: relative !important;
  width: fit-content !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  margin-top: 1.35rem !important;
  padding: 0.78rem 1.05rem !important;
  border: 1px solid rgba(255, 210, 26, 0.46) !important;
  border-radius: 999px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  transition:
    color 240ms ease,
    border-color 240ms ease,
    transform 240ms ease,
    box-shadow 240ms ease !important;
}

body .site-footer .footer-demo-link::after {
  content: "\2197" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
  transition: transform 240ms ease !important;
}

body .site-footer .footer-demo-link:hover,
body .site-footer .footer-demo-link:focus-visible {
  border-color: rgba(255, 210, 26, 0.9) !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #ffe45c !important;
  -webkit-text-fill-color: #ffe45c !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 1px rgba(255, 210, 26, 0.12) inset !important;
}

body .site-footer .footer-demo-link:hover::after,
body .site-footer .footer-demo-link:focus-visible::after {
  transform: translate(3px, -3px) !important;
}

body .site-footer .footer-demo-link:focus-visible {
  outline: 3px solid rgba(255, 210, 26, 0.72) !important;
  outline-offset: 4px !important;
}

@media (prefers-reduced-motion: reduce) {
  body .site-footer .footer-demo-link,
  body .site-footer .footer-demo-link::after {
    transition: none !important;
  }
}

/* Absolute final success stories proof desk. */
.front-page #stories.success-proof-desk-section {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 14% 8%, rgba(255, 210, 26, 0.08), transparent 30rem),
    radial-gradient(circle at 92% 18%, rgba(113, 50, 245, 0.2), transparent 34rem),
    #10042b !important;
  color: #ffffff !important;
  padding-top: clamp(5rem, 8vw, 7.5rem) !important;
  padding-bottom: clamp(5rem, 8vw, 7.5rem) !important;
}

.front-page #stories .success-proof-header {
  max-width: 820px !important;
  margin: 0 auto clamp(2.1rem, 4vw, 3.5rem) !important;
  text-align: center !important;
}

.front-page #stories .success-proof-header p {
  margin: 0 !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
}

.front-page #stories .success-proof-header h2 {
  margin: 1rem 0 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(2.65rem, 5.8vw, 5.7rem) !important;
  font-weight: 900 !important;
  line-height: 0.96 !important;
  letter-spacing: -0.055em !important;
}

.front-page #stories .success-proof-header > span {
  display: block !important;
  max-width: 560px !important;
  margin: 1rem auto 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.65 !important;
}

.front-page #stories .success-proof-panels {
  display: grid !important;
}

.front-page #stories .success-proof-panel {
  grid-area: 1 / 1 !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr) !important;
  gap: clamp(1rem, 2.5vw, 1.7rem) !important;
  align-items: stretch !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(18px) scale(0.985) !important;
  transition:
    opacity 520ms ease,
    transform 760ms cubic-bezier(0.16, 1, 0.3, 1),
    visibility 520ms ease !important;
}

.front-page #stories .success-proof-panel.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

.front-page #stories .success-proof-profile,
.front-page #stories .success-proof-surface {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.055) !important;
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.3) !important;
}

.front-page #stories .success-proof-profile {
  min-height: 560px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: clamp(1.35rem, 3vw, 2.35rem) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035)),
    rgba(255, 255, 255, 0.055) !important;
}

.front-page #stories .success-proof-profile::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg, #ffd21a, rgba(255, 210, 26, 0.08)) !important;
}

.front-page #stories .success-proof-profile-top {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 5.2rem minmax(0, 1fr) !important;
  gap: 1rem !important;
  align-items: center !important;
}

.front-page #stories .success-proof-profile-top img {
  width: 5.2rem !important;
  height: 5.2rem !important;
  display: block !important;
  object-fit: cover !important;
  border: 1px solid rgba(255, 210, 26, 0.38) !important;
  border-radius: 0 !important;
  filter: saturate(1.08) contrast(1.04) !important;
}

.front-page #stories .success-proof-profile-top span,
.front-page #stories .proof-object span {
  display: block !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}

.front-page #stories .success-proof-profile h3 {
  margin: 0.55rem 0 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.85rem, 3vw, 3rem) !important;
  font-weight: 900 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.04em !important;
}

.front-page #stories .success-proof-profile-top p {
  margin: 0.35rem 0 0 !important;
  color: rgba(255, 255, 255, 0.68) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.front-page #stories .success-proof-profile blockquote {
  position: relative !important;
  z-index: 1 !important;
  margin: 2.5rem 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.2rem, 2vw, 1.85rem) !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.025em !important;
}

.front-page #stories .success-proof-profile-meta {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 0.75rem !important;
}

.front-page #stories .success-proof-profile-meta span,
.front-page #stories .success-proof-profile-meta strong {
  width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 0.55rem 0.78rem !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.front-page #stories .success-proof-profile-meta strong {
  border-color: rgba(255, 210, 26, 0.42) !important;
  background: rgba(255, 210, 26, 0.11) !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
}

.front-page #stories .success-proof-surface {
  min-height: 560px !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    radial-gradient(circle at 32% 22%, rgba(255, 210, 26, 0.1), transparent 18rem),
    rgba(255, 255, 255, 0.045) !important;
  background-size: 34px 34px, 34px 34px, auto, auto !important;
}

.front-page #stories .proof-object {
  position: absolute !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 0.72rem !important;
  padding: clamp(1rem, 2vw, 1.35rem) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.045)),
    #20143d !important;
  color: #ffffff !important;
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.28) !important;
  transition:
    transform 720ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 520ms ease,
    box-shadow 720ms ease,
    background-color 520ms ease !important;
}

.front-page #stories .proof-object:hover,
.front-page #stories .proof-object:focus-visible {
  z-index: 5 !important;
  border-color: rgba(255, 210, 26, 0.58) !important;
  background-color: rgba(255, 255, 255, 0.11) !important;
  box-shadow:
    0 34px 100px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(255, 210, 26, 0.1) inset !important;
  transform: translateY(-8px) rotate(0deg) scale(1.018) !important;
}

.front-page #stories .proof-object:focus-visible,
.front-page #stories .proof-selector-button:focus-visible {
  outline: 3px solid rgba(255, 210, 26, 0.72) !important;
  outline-offset: 4px !important;
}

.front-page #stories .proof-object p,
.front-page #stories .proof-object strong {
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.front-page #stories .proof-object p {
  font-size: 0.94rem !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
}

.front-page #stories .proof-object strong {
  font-size: clamp(1.1rem, 2vw, 1.65rem) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;
}

.front-page #stories .proof-object-chat {
  right: 5% !important;
  top: 8% !important;
  width: 44% !important;
  transform: rotate(-1.5deg) !important;
}

.front-page #stories .proof-object-project {
  left: 7% !important;
  top: 35% !important;
  width: 43% !important;
  transform: rotate(1.2deg) !important;
}

.front-page #stories .proof-object-course {
  left: 5% !important;
  top: 8% !important;
  width: 38% !important;
  border-color: rgba(255, 210, 26, 0.5) !important;
  background:
    linear-gradient(180deg, rgba(255, 210, 26, 0.16), rgba(255, 255, 255, 0.055)),
    #20143d !important;
  transform: rotate(1deg) !important;
}

.front-page #stories .proof-object-milestone {
  left: 40% !important;
  bottom: 8% !important;
  width: 38% !important;
  transform: rotate(-1deg) !important;
}

.front-page #stories .proof-object-result {
  right: 6% !important;
  bottom: 18% !important;
  width: 25% !important;
  border-color: rgba(255, 210, 26, 0.48) !important;
  background:
    linear-gradient(180deg, rgba(255, 210, 26, 0.16), rgba(255, 255, 255, 0.055)),
    #20143d !important;
  transform: rotate(2deg) !important;
}

.front-page #stories .proof-project-window {
  display: grid !important;
  gap: 0.42rem !important;
  padding: 0.75rem !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(8, 2, 25, 0.55) !important;
}

.front-page #stories .proof-project-window i {
  display: block !important;
  height: 0.48rem !important;
  background: linear-gradient(90deg, #ffd21a, rgba(255, 255, 255, 0.34)) !important;
}

.front-page #stories .proof-project-window i:nth-child(2) {
  width: 72% !important;
}

.front-page #stories .proof-project-window i:nth-child(3) {
  width: 52% !important;
}

.front-page #stories .success-proof-selectors {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.85rem !important;
  margin-top: clamp(1rem, 2vw, 1.4rem) !important;
}

.front-page #stories .proof-selector-button {
  display: grid !important;
  grid-template-columns: 3.35rem minmax(0, 1fr) !important;
  gap: 0.8rem !important;
  align-items: center !important;
  padding: 0.9rem !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-align: left !important;
  cursor: pointer !important;
  transition:
    transform 420ms ease,
    border-color 320ms ease,
    background-color 320ms ease !important;
}

.front-page #stories .proof-selector-button.is-active,
.front-page #stories .proof-selector-button:hover,
.front-page #stories .proof-selector-button:focus-visible {
  border-color: rgba(255, 210, 26, 0.55) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  transform: translateY(-3px) !important;
}

.front-page #stories .proof-selector-button img {
  grid-row: 1 / span 2 !important;
  width: 3.35rem !important;
  height: 3.35rem !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
}

.front-page #stories .proof-selector-button span,
.front-page #stories .proof-selector-button strong {
  min-width: 0 !important;
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.front-page #stories .proof-selector-button span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 0.98rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

.front-page #stories .proof-selector-button strong {
  color: rgba(255, 255, 255, 0.62) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.front-page #stories .proof-selector-button.is-active strong {
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
}

@media (max-width: 1024px) {
  .front-page #stories .success-proof-panel {
    grid-template-columns: 1fr !important;
  }

  .front-page #stories .success-proof-profile {
    min-height: auto !important;
  }

  .front-page #stories .success-proof-surface {
    min-height: 520px !important;
  }
}

@media (max-width: 720px) {
  .front-page #stories .success-proof-panel {
    display: none !important;
    transform: none !important;
  }

  .front-page #stories .success-proof-panel.is-active {
    display: grid !important;
  }

  .front-page #stories .success-proof-surface {
    min-height: auto !important;
    display: grid !important;
    gap: 0.85rem !important;
    padding: 1rem !important;
  }

  .front-page #stories .proof-object,
  .front-page #stories .proof-object-chat,
  .front-page #stories .proof-object-project,
  .front-page #stories .proof-object-course,
  .front-page #stories .proof-object-milestone,
  .front-page #stories .proof-object-result {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    transform: none !important;
  }

  .front-page #stories .proof-object:hover,
  .front-page #stories .proof-object:focus-visible {
    transform: translateY(-4px) !important;
  }

  .front-page #stories .success-proof-selectors {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .front-page #stories .success-proof-panel,
  .front-page #stories .proof-object,
  .front-page #stories .proof-selector-button,
  .front-page #stories .proof-project-window i {
    transition: none !important;
  }

  .front-page #stories .success-proof-panel,
  .front-page #stories .proof-object,
  .front-page #stories .proof-object:hover,
  .front-page #stories .proof-object:focus-visible,
  .front-page #stories .proof-selector-button,
  .front-page #stories .proof-selector-button:hover,
  .front-page #stories .proof-selector-button:focus-visible {
    transform: none !important;
  }
}

/* Absolute final homepage section image slideshows. */
body main.front-page .home-dynamic-bg-section,
body .front-page .home-dynamic-bg-section {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background-color: #12052f !important;
}

body main.front-page .home-dynamic-bg-section > :not(.home-section-bg-slideshow),
body .front-page .home-dynamic-bg-section > :not(.home-section-bg-slideshow) {
  position: relative !important;
  z-index: 2 !important;
}

body main.front-page .home-section-bg-slideshow,
body .front-page .home-section-bg-slideshow {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background: #12052f !important;
}

body main.front-page .home-section-bg-slideshow::before,
body main.front-page .home-section-bg-slideshow::after,
body .front-page .home-section-bg-slideshow::before,
body .front-page .home-section-bg-slideshow::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

body main.front-page .home-section-bg-slideshow::before,
body .front-page .home-section-bg-slideshow::before {
  background:
    linear-gradient(180deg, rgba(18, 5, 47, 0.86), rgba(18, 5, 47, 0.8)),
    radial-gradient(circle at 18% 12%, rgba(255, 210, 26, 0.09), transparent 26rem),
    radial-gradient(circle at 88% 22%, rgba(113, 50, 245, 0.28), transparent 30rem) !important;
}

body main.front-page .home-section-bg-slideshow::after,
body .front-page .home-section-bg-slideshow::after {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px) !important;
  background-size: 58px 58px !important;
  opacity: 0.65 !important;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent) !important;
  mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent) !important;
}

body main.front-page .home-section-bg-slide,
body .front-page .home-section-bg-slide {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  transform: scale(1.04) !important;
  transition:
    opacity 1500ms ease,
    transform 7600ms ease !important;
  will-change: opacity, transform !important;
}

body main.front-page .home-section-bg-slide.is-active,
body .front-page .home-section-bg-slide.is-active {
  opacity: 1 !important;
  transform: scale(1.1) !important;
}

body main.front-page .home-section-bg-slide img,
body .front-page .home-section-bg-slide img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(1.05) contrast(1.06) brightness(0.78) !important;
}

body main.front-page .home-editorial-cards-section .home-section-bg-slideshow::before,
body .front-page .home-editorial-cards-section .home-section-bg-slideshow::before,
body main.front-page #courses .home-section-bg-slideshow::before,
body .front-page #courses .home-section-bg-slideshow::before {
  background:
    linear-gradient(180deg, rgba(18, 5, 47, 0.8), rgba(18, 5, 47, 0.86)),
    radial-gradient(circle at 14% 0%, rgba(255, 210, 26, 0.1), transparent 28rem),
    radial-gradient(circle at 84% 12%, rgba(113, 50, 245, 0.22), transparent 30rem) !important;
}

body main.front-page #experience .home-section-bg-slideshow::before,
body .front-page #experience .home-section-bg-slideshow::before,
body main.front-page #stories .home-section-bg-slideshow::before,
body .front-page #stories .home-section-bg-slideshow::before {
  background:
    linear-gradient(90deg, rgba(18, 5, 47, 0.88), rgba(18, 5, 47, 0.76), rgba(18, 5, 47, 0.9)),
    radial-gradient(circle at 20% 18%, rgba(255, 210, 26, 0.08), transparent 28rem),
    radial-gradient(circle at 86% 18%, rgba(113, 50, 245, 0.24), transparent 32rem) !important;
}

body main.front-page #impact .home-section-bg-slideshow::before,
body .front-page #impact .home-section-bg-slideshow::before,
body main.front-page #final-cta .home-section-bg-slideshow::before,
body .front-page #final-cta .home-section-bg-slideshow::before {
  background:
    linear-gradient(180deg, rgba(12, 2, 34, 0.9), rgba(18, 5, 47, 0.86)),
    radial-gradient(circle at 50% 18%, rgba(113, 50, 245, 0.26), transparent 32rem),
    radial-gradient(circle at 50% 86%, rgba(255, 255, 255, 0.06), transparent 28rem) !important;
}

@media (prefers-reduced-motion: reduce) {
  body main.front-page .home-section-bg-slide,
  body .front-page .home-section-bg-slide {
    transition: none !important;
    transform: none !important;
  }

  body main.front-page .home-section-bg-slide.is-active,
  body .front-page .home-section-bg-slide.is-active {
    transform: none !important;
  }
}

/* Absolute final CTA grid removal and footer contact polish. */
body main.front-page #final-cta.home-final-cta-section::before,
body .front-page #final-cta.home-final-cta-section::before,
body main.front-page #final-cta .home-section-bg-slideshow::after,
body .front-page #final-cta .home-section-bg-slideshow::after {
  display: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

body .site-footer {
  position: relative !important;
  overflow: hidden !important;
  margin-top: 0 !important;
  padding: clamp(3.25rem, 6vw, 5.75rem) 1.25rem 1.5rem !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(255, 210, 26, 0.12), transparent 28rem),
    radial-gradient(circle at 92% 18%, rgba(113, 50, 245, 0.22), transparent 34rem),
    linear-gradient(180deg, #12052f 0%, #09011f 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif !important;
}

body .site-footer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, transparent, rgba(255, 210, 26, 0.18), transparent) top / 100% 1px no-repeat,
    radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.06), transparent 32rem) !important;
}

body .site-footer .footer-shell {
  position: relative !important;
  z-index: 1 !important;
  width: min(100%, 1240px) !important;
  margin: 0 auto !important;
}

body .site-footer .footer-cta-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin-bottom: clamp(2rem, 4vw, 3rem) !important;
  padding: clamp(1.1rem, 2.2vw, 1.45rem) !important;
  border: 1px solid rgba(255, 210, 26, 0.26) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255, 210, 26, 0.1), rgba(255, 255, 255, 0.035) 48%, rgba(113, 50, 245, 0.14)),
    rgba(255, 255, 255, 0.045) !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.22) !important;
}

body .site-footer .footer-cta-strip strong {
  display: block !important;
  margin-top: 0.22rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.25rem, 2vw, 1.7rem) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

body .site-footer .footer-eyebrow {
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

body .site-footer .footer-cta-link,
body .site-footer .footer-cta-link:link,
body .site-footer .footer-cta-link:visited {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  padding: 0.9rem 1.25rem !important;
  border: 1px solid rgba(255, 210, 26, 0.9) !important;
  border-radius: 999px !important;
  background: #ffd21a !important;
  color: #160b00 !important;
  -webkit-text-fill-color: #160b00 !important;
  font-size: 0.94rem !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 16px 42px rgba(255, 210, 26, 0.22) !important;
  transition: transform 240ms ease, box-shadow 240ms ease, background 240ms ease !important;
}

body .site-footer .footer-cta-link:hover,
body .site-footer .footer-cta-link:focus-visible {
  background: #ffe45c !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 22px 58px rgba(255, 210, 26, 0.32) !important;
}

body .site-footer .footer-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(10rem, 0.66fr) minmax(18rem, 1.1fr) minmax(12rem, 0.72fr) !important;
  gap: clamp(1.6rem, 3vw, 2.4rem) !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body .site-footer .footer-column {
  min-width: 0 !important;
}

body .site-footer .footer-brand {
  display: flex !important;
  align-items: center !important;
  gap: 0.8rem !important;
  margin-bottom: 1.1rem !important;
}

body .site-footer .footer-brand strong,
body .site-footer .footer-column h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body .site-footer .footer-brand strong {
  display: block !important;
  font-size: 1.14rem !important;
  line-height: 1 !important;
}

body .site-footer .footer-brand span {
  display: block !important;
  margin-top: 0.18rem !important;
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
}

body .site-footer .footer-column h3 {
  margin: 0 0 1rem !important;
  font-size: 0.78rem !important;
  text-transform: uppercase !important;
}

body .site-footer .footer-info p,
body .site-footer .footer-note,
body .site-footer .footer-bottom p {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
  font-weight: 700 !important;
  line-height: 1.72 !important;
}

body .site-footer .footer-links ul,
body .site-footer .footer-contact-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .site-footer .footer-links ul {
  display: grid !important;
  gap: 0.7rem !important;
}

body .site-footer .footer-links a,
body .site-footer .footer-legal a {
  color: rgba(255, 255, 255, 0.74) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.74) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition: color 220ms ease, transform 220ms ease !important;
}

body .site-footer .footer-links a:hover,
body .site-footer .footer-links a:focus-visible,
body .site-footer .footer-legal a:hover,
body .site-footer .footer-legal a:focus-visible {
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  transform: translateX(3px) !important;
}

body .site-footer .footer-contact-list {
  display: grid !important;
  gap: 0.7rem !important;
}

body .site-footer .footer-contact-list a {
  display: flex !important;
  align-items: center !important;
  gap: 0.8rem !important;
  min-height: 58px !important;
  padding: 0.75rem !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: rgba(255, 255, 255, 0.75) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.75) !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  transition: border-color 240ms ease, background 240ms ease, transform 240ms ease !important;
}

body .site-footer .footer-contact-list a:hover,
body .site-footer .footer-contact-list a:focus-visible {
  border-color: rgba(255, 210, 26, 0.5) !important;
  background: rgba(255, 210, 26, 0.095) !important;
  transform: translateY(-2px) !important;
}

body .site-footer .footer-contact-list strong {
  display: block !important;
  margin-bottom: 0.16rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
}

body .site-footer .footer-contact-icon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  background: #ffd21a !important;
  color: #160b00 !important;
  -webkit-text-fill-color: #160b00 !important;
}

body .site-footer .footer-contact-icon svg,
body .site-footer .social-icon svg {
  width: 19px !important;
  height: 19px !important;
  display: block !important;
  fill: currentColor !important;
}

body .site-footer .social-icons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.72rem !important;
  margin: 0 0 1.1rem !important;
}

body .site-footer .social-icon,
body .site-footer .social-icon:link,
body .site-footer .social-icon:visited {
  width: 46px !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: transform 240ms ease, background 240ms ease, border-color 240ms ease, color 240ms ease !important;
}

body .site-footer .social-icon:hover,
body .site-footer .social-icon:focus-visible {
  border-color: rgba(255, 210, 26, 0.78) !important;
  background: #ffd21a !important;
  color: #160b00 !important;
  -webkit-text-fill-color: #160b00 !important;
  transform: translateY(-3px) scale(1.03) !important;
}

body .site-footer :is(a, button):focus-visible {
  outline: 3px solid rgba(255, 210, 26, 0.72) !important;
  outline-offset: 4px !important;
}

body .site-footer .footer-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  max-width: none !important;
  margin-top: clamp(2rem, 4vw, 3rem) !important;
  padding: 1.25rem 0 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: transparent !important;
}

body .site-footer .footer-legal {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.7rem !important;
}

body .site-footer .footer-legal .divider {
  color: rgba(255, 255, 255, 0.26) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.26) !important;
}

@media (max-width: 1020px) {
  body .site-footer .footer-top {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 720px) {
  body .site-footer .footer-cta-strip,
  body .site-footer .footer-bottom {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body .site-footer .footer-cta-link {
    width: 100% !important;
  }

  body .site-footer .footer-top {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .site-footer :is(a, .footer-contact-list a, .social-icon, .footer-cta-link) {
    transition: none !important;
  }
}

/* Simple footer contact tiles. */
body .site-footer .footer-contact {
  max-width: 320px !important;
}

body .site-footer .footer-contact-list {
  display: grid !important;
  gap: 0.85rem !important;
}

body .site-footer .footer-contact-list a,
body .site-footer .footer-contact-list a:link,
body .site-footer .footer-contact-list a:visited {
  min-height: 0 !important;
  padding: 0.78rem 0.9rem !important;
  gap: 0.72rem !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  box-shadow: none !important;
  transform: none !important;
}

body .site-footer .footer-contact-list a:hover,
body .site-footer .footer-contact-list a:focus-visible {
  border-color: rgba(255, 210, 26, 0.48) !important;
  background: rgba(255, 255, 255, 0.065) !important;
  transform: none !important;
}

body .site-footer .footer-contact-icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 9px !important;
  background: #ffd21a !important;
  color: #130900 !important;
  -webkit-text-fill-color: #130900 !important;
}

body .site-footer .footer-contact-icon svg {
  width: 17px !important;
  height: 17px !important;
}

body .site-footer .footer-contact-list strong {
  margin-bottom: 0.08rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

body .site-footer .footer-contact-list a span:last-child {
  overflow-wrap: anywhere !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

/* Plain footer contact text. */
body .site-footer .footer-contact-simple {
  display: grid !important;
  gap: 0.85rem !important;
}

body .site-footer .footer-contact-simple p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

body .site-footer .footer-contact-simple strong {
  display: block !important;
  margin-bottom: 0.12rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
}

body .site-footer .footer-contact-simple a,
body .site-footer .footer-contact-simple a:link,
body .site-footer .footer-contact-simple a:visited {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
  text-decoration: none !important;
}

body .site-footer .footer-contact-simple a:hover,
body .site-footer .footer-contact-simple a:focus-visible {
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
}

/* Final typography balance: bold headings, medium writing. */
body :is(h1, h2, h3, h4, h5, h6),
body :is(.hero-title, .home-final-cta-headline, .impact-dashboard-title, .success-proof-title, .story-deck-headline, .academy-course-title, .courses-section-title, .section-title) {
  font-weight: 900 !important;
}

body :is(h1, h2, h3, h4, h5, h6) :is(span, em, strong) {
  font-weight: inherit !important;
}

body :is(main, .site-footer) :is(p, li, small, figcaption, blockquote),
body :is(main, .site-footer) :is(.home-final-cta-subtext, .impact-dashboard-subtext, .story-deck-intro, .story-card-description, .story-card-proof-line, .success-proof-quote, .success-proof-result, .proof-object p, .footer-note, .footer-info p, .footer-contact-simple p) {
  font-weight: 500 !important;
}

body :is(main, .site-footer) :is(p, li, small, figcaption, blockquote) :is(a, span) {
  font-weight: inherit !important;
}

body :is(.button, button, [class*="button"], .hero-button, .footer-cta-link, .footer-demo-link, .academy-course-cta, .courses-final-cta-primary, .courses-final-cta-secondary) {
  font-weight: 800 !important;
}

/* Homepage typography balance: bold headings, medium readable writing. */
body main.front-page :is(h1, h2, h3, h4, h5, h6),
body main.front-page :is(.home-final-cta-headline, .impact-dashboard-title, .success-proof-header h2, .story-deck-content h2, .homepage-course-content h3, .feature-card-body h3, .success-proof-profile h3, .proof-object strong, .stats-glow) {
  font-weight: 900 !important;
}

body main.front-page :is(
  p,
  li,
  blockquote,
  figcaption,
  .hero-cinematic-copy p,
  .hero-proof-item span,
  .feature-card-body p,
  .story-deck-intro,
  .story-card-description,
  .story-card-proof-line,
  .story-deck-image figcaption,
  .story-deck-proof-badge span,
  .impact-dashboard-header span,
  .impact-card-proof,
  .homepage-course-content p,
  .homepage-course-meta span,
  .homepage-course-details span,
  .success-proof-header span,
  .success-proof-profile p,
  .success-proof-profile blockquote,
  .success-proof-profile-meta span,
  .proof-object p,
  .proof-object span,
  .proof-selector-button strong,
  .home-final-cta-subtext,
  .home-final-cta-trust-item span
) {
  font-weight: 500 !important;
}

body main.front-page :is(
  .feature-card-proof,
  .story-deck-kicker,
  .story-card-label,
  .impact-dashboard-kicker,
  .homepage-course-kicker,
  .homepage-course-badge,
  .homepage-course-featured-pill,
  .success-proof-header p,
  .success-proof-profile-top span,
  .home-final-cta-badge
) {
  font-weight: 500 !important;
}

body main.front-page :is(
  a,
  button,
  .hero-button,
  .hero-button-secondary,
  .feature-card-link,
  .story-deck-actions a,
  .impact-dashboard-actions a,
  .homepage-course-cta,
  .home-final-cta-demo
) {
  font-weight: 800 !important;
}

/* Absolute final homepage card typography: only headings stay bold. */
body main.front-page .home-expand-card .feature-card-proof,
body main.front-page .home-expand-card .feature-card-body p,
body main.front-page #experience .story-deck-card .story-card-label,
body main.front-page #experience .story-deck-card .story-card-description,
body main.front-page #experience .story-deck-card .story-card-proof-line,
body main.front-page #experience .story-deck-proof-badge span,
body main.front-page #experience .story-deck-image figcaption,
body main.front-page #impact .impact-dashboard-header p,
body main.front-page #impact .impact-card-eyebrow,
body main.front-page #impact .impact-card-proof,
body main.front-page #courses .homepage-course-kicker,
body main.front-page #courses .homepage-course-badge,
body main.front-page #courses .homepage-course-featured-pill,
body main.front-page #courses .homepage-course-meta,
body main.front-page #courses .homepage-course-meta span,
body main.front-page #courses .homepage-course-details,
body main.front-page #courses .homepage-course-details span,
body main.front-page #courses .homepage-course-card p,
body main.front-page #stories .success-proof-header p,
body main.front-page #stories .success-proof-header > span,
body main.front-page #stories .success-proof-profile-top span,
body main.front-page #stories .success-proof-profile-top p,
body main.front-page #stories .success-proof-profile blockquote,
body main.front-page #stories .success-proof-profile-meta span,
body main.front-page #stories .success-proof-profile-meta strong,
body main.front-page #stories .proof-object span,
body main.front-page #stories .proof-object p,
body main.front-page #stories .proof-selector-button span,
body main.front-page #stories .proof-selector-button strong,
body main.front-page #final-cta .home-final-cta-badge,
body main.front-page #final-cta .home-final-cta-subtext,
body main.front-page #final-cta .home-final-cta-trust-item span {
  font-weight: 500 !important;
}

body main.front-page .home-expand-card .feature-card-body h3,
body main.front-page #experience .story-deck-card > strong,
body main.front-page #impact .impact-card .stats-glow,
body main.front-page #impact .impact-card h3,
body main.front-page #courses .homepage-course-card h3,
body main.front-page #stories .success-proof-header h2,
body main.front-page #stories .success-proof-profile h3,
body main.front-page #stories .proof-object strong,
body main.front-page #final-cta .home-final-cta-headline {
  font-weight: 900 !important;
}

/* Absolute final global navbar logo visibility. */
body header.site-header .global-nav-logo,
body header.site-header .site-logo-link,
body .site-header .global-nav-logo,
body .site-header .site-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.8rem !important;
  min-width: max-content !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body header.site-header .site-logo-chip,
body .site-header .site-logo-chip {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body header.site-header .site-logo-image,
body .site-header .site-logo-image {
  width: 54px !important;
  height: 54px !important;
  max-width: 54px !important;
  max-height: 54px !important;
  display: block !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

body header.site-header .global-nav-brand-text,
body .site-header .global-nav-brand-text {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body header.site-header .global-nav-brand-name,
body .site-header .global-nav-brand-name {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body header.site-header .global-nav-brand-subtitle,
body .site-header .global-nav-brand-subtitle {
  color: rgba(255, 255, 255, 0.68) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important;
  font-weight: 800 !important;
}

@media (max-width: 420px) {
  body header.site-header .global-nav-brand-text,
  body .site-header .global-nav-brand-text {
    display: none !important;
  }
}

/* Final navbar link icons. */
body :is(.site-header, .front-page .hero-header) .nav-link-with-icon,
body :is(.site-header, .front-page .hero-header) .site-navigation .nav-link-with-icon {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  white-space: nowrap !important;
}

body :is(.site-header, .front-page .hero-header) .nav-link-icon {
  width: 1.05rem !important;
  height: 1.05rem !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  color: currentColor !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  opacity: 0.92 !important;
  transition: opacity 220ms ease, transform 220ms ease !important;
}

body :is(.site-header, .front-page .hero-header) .nav-link-with-icon:hover .nav-link-icon,
body :is(.site-header, .front-page .hero-header) .nav-link-with-icon:focus-visible .nav-link-icon {
  opacity: 1 !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 1279px) {
  body :is(.site-header, .front-page .hero-header) .site-navigation.toggled-on .nav-link-with-icon,
  body :is(.site-header, .front-page .hero-header) .site-navigation:not(.hidden) .nav-link-with-icon {
    justify-content: flex-start !important;
  }
}

/* Formal homepage hero type scale. */
body main.front-page #home.hero-cinematic .hero-cinematic-copy,
body .front-page #home.hero-cinematic .hero-cinematic-copy {
  max-width: 900px !important;
}

body main.front-page #home.hero-cinematic h1,
body .front-page #home.hero-cinematic h1 {
  max-width: 820px !important;
  font-size: clamp(2.85rem, 5.4vw, 5.15rem) !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.035em !important;
}

body main.front-page #home.hero-cinematic p,
body .front-page #home.hero-cinematic p {
  max-width: 680px !important;
  font-size: clamp(1rem, 1.25vw, 1.15rem) !important;
  font-weight: 500 !important;
  line-height: 1.72 !important;
}

body main.front-page #home.hero-cinematic .hero-copy-content,
body .front-page #home.hero-cinematic .hero-copy-content {
  gap: clamp(1.05rem, 2vw, 1.45rem) !important;
}

@media (max-width: 900px) {
  body main.front-page #home.hero-cinematic h1,
  body .front-page #home.hero-cinematic h1 {
    font-size: clamp(2.45rem, 8.8vw, 3.85rem) !important;
    line-height: 1.05 !important;
  }
}

@media (max-width: 560px) {
  body main.front-page #home.hero-cinematic h1,
  body .front-page #home.hero-cinematic h1 {
    font-size: clamp(2.15rem, 10.6vw, 3rem) !important;
    letter-spacing: -0.025em !important;
  }

  body main.front-page #home.hero-cinematic p,
  body .front-page #home.hero-cinematic p {
    font-size: 0.98rem !important;
    line-height: 1.65 !important;
  }
}

/* Final button hover treatment: yellow outline. */
body :is(
  .hero-button,
  .hero-button-secondary,
  .home-final-cta-demo,
  .homepage-course-cta,
  .feature-card-link,
  .story-deck-cta-primary,
  .story-deck-cta-secondary,
  .impact-dashboard-actions a,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .footer-demo-link,
  .contact-form button,
  .contact-form-large button,
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"]
) {
  outline: 0 solid transparent !important;
  outline-offset: 0 !important;
  transition:
    outline-color 220ms ease,
    outline-width 220ms ease,
    outline-offset 220ms ease,
    transform 220ms ease,
    box-shadow 220ms ease,
    background-color 220ms ease !important;
}

body :is(
  .hero-button,
  .hero-button-secondary,
  .home-final-cta-demo,
  .homepage-course-cta,
  .feature-card-link,
  .story-deck-cta-primary,
  .story-deck-cta-secondary,
  .impact-dashboard-actions a,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .footer-demo-link,
  .contact-form button,
  .contact-form-large button,
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"]
):hover,
body :is(
  .hero-button,
  .hero-button-secondary,
  .home-final-cta-demo,
  .homepage-course-cta,
  .feature-card-link,
  .story-deck-cta-primary,
  .story-deck-cta-secondary,
  .impact-dashboard-actions a,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .footer-demo-link,
  .contact-form button,
  .contact-form-large button,
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"]
):focus-visible {
  outline: 2px solid #ffd21a !important;
  outline-offset: 4px !important;
}

/* Shared homepage picture frame behind every section. */
body main.front-page {
  position: relative !important;
  isolation: isolate !important;
  background: #10042b !important;
}

body main.front-page > :not(.home-common-bg-frame) {
  position: relative !important;
  z-index: 1 !important;
}

body main.front-page > .hero-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
}

body main.front-page > .home-common-bg-frame {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background: #10042b !important;
}

body main.front-page > .home-common-bg-frame::before,
body main.front-page > .home-common-bg-frame::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

body main.front-page > .home-common-bg-frame::before {
  z-index: 2 !important;
  background:
    linear-gradient(180deg, rgba(8, 1, 28, 0.88), rgba(18, 5, 47, 0.86)),
    radial-gradient(circle at 18% 12%, rgba(255, 210, 26, 0.1), transparent 27rem),
    radial-gradient(circle at 86% 18%, rgba(113, 50, 245, 0.32), transparent 34rem),
    radial-gradient(circle at 52% 92%, rgba(255, 255, 255, 0.06), transparent 32rem) !important;
}

body main.front-page > .home-common-bg-frame::after {
  z-index: 3 !important;
  opacity: 1 !important;
  background:
    linear-gradient(90deg, rgba(255, 210, 26, 0.11), transparent 18%, transparent 82%, rgba(255, 210, 26, 0.08)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 24%, transparent 78%, rgba(0, 0, 0, 0.16)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 210, 26, 0.08) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

body main.front-page > .home-common-bg-frame .home-section-bg-slide {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}

body main.front-page > .home-common-bg-frame .home-section-bg-slide img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(1.06) contrast(1.08) brightness(0.72) !important;
}

body main.front-page .home-dynamic-bg-section,
body main.front-page .home-editorial-cards-section.home-dynamic-bg-section,
body main.front-page #experience.home-dynamic-bg-section,
body main.front-page #impact.home-dynamic-bg-section,
body main.front-page #courses.home-dynamic-bg-section,
body main.front-page #stories.home-dynamic-bg-section,
body main.front-page #final-cta.home-dynamic-bg-section {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body main.front-page .home-dynamic-bg-section > .home-section-bg-slideshow:not(.home-common-bg-frame) {
  display: none !important;
}

/* Hero proof boxes: yellow outline on hover/focus. */
body main.front-page #home.hero-cinematic .hero-proof-item,
body .front-page #home.hero-cinematic .hero-proof-item {
  outline: 0 solid transparent !important;
  outline-offset: -2px !important;
  transition:
    outline-color 220ms ease,
    outline-width 220ms ease,
    outline-offset 220ms ease,
    background-color 220ms ease,
    transform 220ms ease !important;
}

body main.front-page #home.hero-cinematic .hero-proof-item:hover,
body main.front-page #home.hero-cinematic .hero-proof-item:focus-within,
body .front-page #home.hero-cinematic .hero-proof-item:hover,
body .front-page #home.hero-cinematic .hero-proof-item:focus-within {
  outline: 2px solid #ffd21a !important;
  outline-offset: -2px !important;
  background: rgba(255, 210, 26, 0.08) !important;
  transform: translateY(-2px) !important;
}

/* Featured course hero card: larger and more editorial. */
body main.front-page #courses .homepage-course-viewport,
body .front-page #courses .homepage-course-viewport {
  align-items: stretch !important;
  padding-top: 0.35rem !important;
  padding-bottom: 1.85rem !important;
}

body main.front-page #courses .homepage-course-card.is-featured,
body .front-page #courses .homepage-course-card.is-featured {
  flex-basis: clamp(480px, 46vw, 660px) !important;
  min-height: 760px !important;
  border: 2px solid rgba(255, 210, 26, 0.86) !important;
  background:
    linear-gradient(135deg, rgba(255, 210, 26, 0.16), rgba(255, 255, 255, 0.1) 38%, rgba(113, 50, 245, 0.16)),
    rgba(255, 255, 255, 0.11) !important;
  box-shadow:
    0 42px 130px rgba(0, 0, 0, 0.4),
    0 0 0 1px rgba(255, 210, 26, 0.22),
    0 0 70px rgba(255, 210, 26, 0.13) !important;
}

body main.front-page #courses .homepage-course-card.is-featured::before,
body .front-page #courses .homepage-course-card.is-featured::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, #ffd21a, transparent 18%) top left / 100% 3px no-repeat,
    linear-gradient(180deg, #ffd21a, transparent 28%) top left / 3px 100% no-repeat,
    radial-gradient(circle at 18% 10%, rgba(255, 210, 26, 0.18), transparent 18rem) !important;
  opacity: 0.95 !important;
}

body main.front-page #courses .homepage-course-card.is-featured .homepage-course-media,
body .front-page #courses .homepage-course-card.is-featured .homepage-course-media {
  min-height: 430px !important;
  aspect-ratio: 1.45 / 1 !important;
}

body main.front-page #courses .homepage-course-card.is-featured .homepage-course-media img,
body .front-page #courses .homepage-course-card.is-featured .homepage-course-media img {
  min-height: 430px !important;
  filter: saturate(1.1) contrast(1.08) brightness(0.94) !important;
}

body main.front-page #courses .homepage-course-card.is-featured .homepage-course-media::after,
body .front-page #courses .homepage-course-card.is-featured .homepage-course-media::after {
  background:
    linear-gradient(180deg, rgba(10, 2, 30, 0.02) 0%, rgba(10, 2, 30, 0.52) 100%),
    radial-gradient(circle at 16% 18%, rgba(255, 210, 26, 0.34), transparent 38%),
    linear-gradient(90deg, rgba(255, 210, 26, 0.12), transparent 46%) !important;
}

body main.front-page #courses .homepage-course-card.is-featured .homepage-course-content,
body .front-page #courses .homepage-course-card.is-featured .homepage-course-content {
  min-height: 330px !important;
  padding: clamp(1.65rem, 2.8vw, 2.35rem) !important;
}

body main.front-page #courses .homepage-course-card.is-featured h3,
body .front-page #courses .homepage-course-card.is-featured h3 {
  max-width: 12ch !important;
  font-size: clamp(2.55rem, 4.6vw, 4.2rem) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.045em !important;
}

body main.front-page #courses .homepage-course-card.is-featured p,
body .front-page #courses .homepage-course-card.is-featured p {
  max-width: 44rem !important;
  font-size: clamp(1.05rem, 1.45vw, 1.22rem) !important;
  line-height: 1.62 !important;
}

body main.front-page #courses .homepage-course-card.is-featured .homepage-course-badge,
body .front-page #courses .homepage-course-card.is-featured .homepage-course-badge {
  min-height: 46px !important;
  padding: 0.72rem 1.2rem !important;
  font-size: 0.86rem !important;
  box-shadow: 0 18px 46px rgba(255, 210, 26, 0.24), 0 10px 30px rgba(0, 0, 0, 0.24) !important;
}

body main.front-page #courses .homepage-course-card.is-featured .homepage-course-featured-pill,
body .front-page #courses .homepage-course-card.is-featured .homepage-course-featured-pill {
  min-height: 42px !important;
  padding: 0.65rem 1.1rem !important;
  background: rgba(18, 5, 47, 0.86) !important;
  border-color: rgba(255, 210, 26, 0.45) !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
}

body main.front-page #courses .homepage-course-card.is-featured .homepage-course-cta,
body .front-page #courses .homepage-course-card.is-featured .homepage-course-cta {
  min-height: 58px !important;
  font-size: 1rem !important;
}

body main.front-page #courses .homepage-course-card.is-featured:hover,
body main.front-page #courses .homepage-course-card.is-featured:focus-within,
body .front-page #courses .homepage-course-card.is-featured:hover,
body .front-page #courses .homepage-course-card.is-featured:focus-within {
  transform: translateY(-10px) scale(1.01) !important;
  border-color: #ffd21a !important;
  box-shadow:
    0 52px 150px rgba(0, 0, 0, 0.46),
    0 0 0 1px rgba(255, 210, 26, 0.34),
    0 0 90px rgba(255, 210, 26, 0.18) !important;
}

@media (max-width: 760px) {
  body main.front-page #courses .homepage-course-card.is-featured,
  body .front-page #courses .homepage-course-card.is-featured {
    flex-basis: min(88vw, 430px) !important;
    min-height: 660px !important;
  }

  body main.front-page #courses .homepage-course-card.is-featured .homepage-course-media,
  body main.front-page #courses .homepage-course-card.is-featured .homepage-course-media img,
  body .front-page #courses .homepage-course-card.is-featured .homepage-course-media,
  body .front-page #courses .homepage-course-card.is-featured .homepage-course-media img {
    min-height: 330px !important;
  }

  body main.front-page #courses .homepage-course-card.is-featured h3,
  body .front-page #courses .homepage-course-card.is-featured h3 {
    font-size: clamp(2.2rem, 12vw, 3rem) !important;
  }
}

/* Final CTA button color system: yellow surface, dark purple text/icons. */
body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .home-final-cta-demo,
  .homepage-course-cta,
  .story-deck-cta-primary,
  .story-deck-cta-secondary,
  .impact-dashboard-actions a,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .footer-demo-link,
  .footer-cta-link,
  .contact-form button,
  .contact-form-large button,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-secondary-container"],
  a[class*="bg-secondary-fixed"]
),
body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .home-final-cta-demo,
  .homepage-course-cta,
  .story-deck-cta-primary,
  .story-deck-cta-secondary,
  .impact-dashboard-actions a,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .footer-demo-link,
  .footer-cta-link,
  .contact-form button,
  .contact-form-large button,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-secondary-container"],
  a[class*="bg-secondary-fixed"]
):link,
body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .home-final-cta-demo,
  .homepage-course-cta,
  .story-deck-cta-primary,
  .story-deck-cta-secondary,
  .impact-dashboard-actions a,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .footer-demo-link,
  .footer-cta-link,
  .contact-form button,
  .contact-form-large button,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-secondary-container"],
  a[class*="bg-secondary-fixed"]
):visited {
  background: #ffd21a !important;
  background-color: #ffd21a !important;
  background-image: none !important;
  border-color: #ffd21a !important;
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  text-shadow: none !important;
}

body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .home-final-cta-demo,
  .homepage-course-cta,
  .story-deck-cta-primary,
  .story-deck-cta-secondary,
  .impact-dashboard-actions a,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .footer-demo-link,
  .footer-cta-link,
  .contact-form button,
  .contact-form-large button,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-secondary-container"],
  a[class*="bg-secondary-fixed"]
) :is(span, strong, svg, path) {
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  stroke: currentColor !important;
}

body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .home-final-cta-demo,
  .homepage-course-cta,
  .story-deck-cta-primary,
  .story-deck-cta-secondary,
  .impact-dashboard-actions a,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .footer-demo-link,
  .footer-cta-link,
  .contact-form button,
  .contact-form-large button,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-secondary-container"],
  a[class*="bg-secondary-fixed"]
):hover,
body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .home-final-cta-demo,
  .homepage-course-cta,
  .story-deck-cta-primary,
  .story-deck-cta-secondary,
  .impact-dashboard-actions a,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .footer-demo-link,
  .footer-cta-link,
  .contact-form button,
  .contact-form-large button,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-secondary-container"],
  a[class*="bg-secondary-fixed"]
):focus-visible {
  background: #ffe45c !important;
  background-color: #ffe45c !important;
  border-color: #ffe45c !important;
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  outline: 2px solid #ffd21a !important;
  outline-offset: 4px !important;
}

/* Remove yellow wash/glow while keeping yellow CTAs and outlines. */
body main.front-page > .home-common-bg-frame::before {
  background:
    linear-gradient(180deg, rgba(8, 1, 28, 0.9), rgba(18, 5, 47, 0.88)),
    radial-gradient(circle at 86% 18%, rgba(113, 50, 245, 0.32), transparent 34rem),
    radial-gradient(circle at 52% 92%, rgba(255, 255, 255, 0.045), transparent 32rem) !important;
}

body main.front-page > .home-common-bg-frame::after {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 24%, transparent 78%, rgba(0, 0, 0, 0.16)) !important;
  box-shadow: none !important;
}

body main.front-page #home.hero-cinematic .hero-proof-item:hover,
body main.front-page #home.hero-cinematic .hero-proof-item:focus-within,
body .front-page #home.hero-cinematic .hero-proof-item:hover,
body .front-page #home.hero-cinematic .hero-proof-item:focus-within {
  background: rgba(255, 255, 255, 0.075) !important;
}

body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .home-final-cta-demo,
  .homepage-course-cta,
  .story-deck-cta-primary,
  .story-deck-cta-secondary,
  .impact-dashboard-actions a,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .footer-demo-link,
  .footer-cta-link,
  .contact-form button,
  .contact-form-large button,
  button[type="submit"]
) {
  box-shadow: none !important;
}

body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .home-final-cta-demo,
  .homepage-course-cta,
  .story-deck-cta-primary,
  .story-deck-cta-secondary,
  .impact-dashboard-actions a,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .footer-demo-link,
  .footer-cta-link,
  .contact-form button,
  .contact-form-large button,
  button[type="submit"]
):hover,
body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .home-final-cta-demo,
  .homepage-course-cta,
  .story-deck-cta-primary,
  .story-deck-cta-secondary,
  .impact-dashboard-actions a,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .footer-demo-link,
  .footer-cta-link,
  .contact-form button,
  .contact-form-large button,
  button[type="submit"]
):focus-visible {
  background: #ffe45c !important;
  background-color: #ffe45c !important;
  border-color: #ffe45c !important;
  box-shadow: none !important;
}

body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .home-final-cta-demo,
  .homepage-course-cta,
  .story-deck-cta-primary,
  .story-deck-cta-secondary,
  .impact-dashboard-actions a,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .footer-demo-link,
  .footer-cta-link,
  .contact-form button,
  .contact-form-large button,
  button[type="submit"]
):hover :is(span, strong, svg, path),
body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .home-final-cta-demo,
  .homepage-course-cta,
  .story-deck-cta-primary,
  .story-deck-cta-secondary,
  .impact-dashboard-actions a,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .footer-demo-link,
  .footer-cta-link,
  .contact-form button,
  .contact-form-large button,
  button[type="submit"]
):focus-visible :is(span, strong, svg, path) {
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  stroke: currentColor !important;
}

/* Featured course pill uses CTA yellow with dark purple text. */
body main.front-page #courses .homepage-course-featured-pill,
body main.front-page #courses .homepage-course-card.is-featured .homepage-course-featured-pill,
body .front-page #courses .homepage-course-featured-pill,
body .front-page #courses .homepage-course-card.is-featured .homepage-course-featured-pill {
  background: #ffd21a !important;
  background-color: #ffd21a !important;
  border-color: #ffd21a !important;
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  box-shadow: none !important;
}

/* Absolute final hero CTA brightness fix. */
body main.front-page #home.hero-cinematic .hero-actions .hero-button-primary,
body main.front-page #home.hero-cinematic .hero-actions .hero-button-primary:link,
body main.front-page #home.hero-cinematic .hero-actions .hero-button-primary:visited,
body .front-page #home.hero-cinematic .hero-actions .hero-button-primary,
body .front-page #home.hero-cinematic .hero-actions .hero-button-primary:link,
body .front-page #home.hero-cinematic .hero-actions .hero-button-primary:visited {
  background: #ffd21a !important;
  background-color: #ffd21a !important;
  background-image: none !important;
  border: 2px solid transparent !important;
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background-color 220ms ease, border-color 220ms ease, color 220ms ease, outline-color 220ms ease, transform 220ms ease !important;
}

body main.front-page #home.hero-cinematic .hero-actions .hero-button-primary:hover,
body main.front-page #home.hero-cinematic .hero-actions .hero-button-primary:focus-visible,
body .front-page #home.hero-cinematic .hero-actions .hero-button-primary:hover,
body .front-page #home.hero-cinematic .hero-actions .hero-button-primary:focus-visible {
  background: #fff36d !important;
  background-color: #fff36d !important;
  background-image: none !important;
  border-color: #1b0648 !important;
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  box-shadow: none !important;
  outline: 2px solid #ffd21a !important;
  outline-offset: 5px !important;
  transform: translateY(-3px) !important;
}

body main.front-page #home.hero-cinematic .hero-actions .hero-button-primary :is(span, strong, svg, path),
body main.front-page #home.hero-cinematic .hero-actions .hero-button-primary:hover :is(span, strong, svg, path),
body main.front-page #home.hero-cinematic .hero-actions .hero-button-primary:focus-visible :is(span, strong, svg, path),
body .front-page #home.hero-cinematic .hero-actions .hero-button-primary :is(span, strong, svg, path),
body .front-page #home.hero-cinematic .hero-actions .hero-button-primary:hover :is(span, strong, svg, path),
body .front-page #home.hero-cinematic .hero-actions .hero-button-primary:focus-visible :is(span, strong, svg, path) {
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  stroke: currentColor !important;
}

/* Absolute final hero secondary CTA brightness fix. */
html body main.front-page #home.hero-cinematic .hero-actions .hero-button-secondary,
html body main.front-page #home.hero-cinematic .hero-actions .hero-button-secondary:link,
html body main.front-page #home.hero-cinematic .hero-actions .hero-button-secondary:visited,
html body .front-page #home.hero-cinematic .hero-actions .hero-button-secondary,
html body .front-page #home.hero-cinematic .hero-actions .hero-button-secondary:link,
html body .front-page #home.hero-cinematic .hero-actions .hero-button-secondary:visited {
  border: 2px solid #ffd21a !important;
  background: #ffd21a !important;
  background-color: #ffd21a !important;
  background-image: none !important;
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  box-shadow: none !important;
}

html body main.front-page #home.hero-cinematic .hero-actions .hero-button-secondary:hover,
html body main.front-page #home.hero-cinematic .hero-actions .hero-button-secondary:focus-visible,
html body .front-page #home.hero-cinematic .hero-actions .hero-button-secondary:hover,
html body .front-page #home.hero-cinematic .hero-actions .hero-button-secondary:focus-visible {
  border-color: #1b0648 !important;
  background: #fff36d !important;
  background-color: #fff36d !important;
  background-image: none !important;
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  outline: 2px solid #ffd21a !important;
  outline-offset: 5px !important;
  box-shadow: none !important;
  transform: translateY(-3px) !important;
}

html body main.front-page #home.hero-cinematic .hero-actions .hero-button-secondary :is(span, svg, path),
html body main.front-page #home.hero-cinematic .hero-actions .hero-button-secondary:hover :is(span, svg, path),
html body main.front-page #home.hero-cinematic .hero-actions .hero-button-secondary:focus-visible :is(span, svg, path),
html body .front-page #home.hero-cinematic .hero-actions .hero-button-secondary :is(span, svg, path),
html body .front-page #home.hero-cinematic .hero-actions .hero-button-secondary:hover :is(span, svg, path),
html body .front-page #home.hero-cinematic .hero-actions .hero-button-secondary:focus-visible :is(span, svg, path) {
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  stroke: currentColor !important;
}

/* Final about section layout: centered heading above the story deck. */
body main.front-page #experience .story-deck-section-header,
body .front-page #experience .story-deck-section-header {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1180px !important;
  margin: 0 auto clamp(2.75rem, 5vw, 5rem) !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

body main.front-page #experience .story-deck-section-header .story-deck-kicker,
body .front-page #experience .story-deck-section-header .story-deck-kicker {
  margin: 0 0 1.15rem !important;
}

body main.front-page #experience .story-deck-section-header h2,
body .front-page #experience .story-deck-section-header h2 {
  max-width: 1120px !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: clamp(2.6rem, 6vw, 6.25rem) !important;
  font-weight: 900 !important;
  line-height: 0.95 !important;
  letter-spacing: -0.055em !important;
  text-align: center !important;
}

body main.front-page #experience .story-deck-section-header .story-deck-intro,
body .front-page #experience .story-deck-section-header .story-deck-intro {
  max-width: 820px !important;
  margin: 1.35rem auto 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  font-size: clamp(1rem, 1.45vw, 1.22rem) !important;
  font-weight: 500 !important;
  line-height: 1.72 !important;
  text-align: center !important;
}

body main.front-page #experience .story-deck-content,
body .front-page #experience .story-deck-content {
  align-self: center !important;
}

/* Final three-card Learn More buttons: dark purple text and arrow, all About-page links. */
body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-link,
body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-link:link,
body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-link:visited,
body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-link:hover,
body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-link:focus-visible,
body .front-page .home-editorial-cards-section .home-expand-card .feature-card-link,
body .front-page .home-editorial-cards-section .home-expand-card .feature-card-link:link,
body .front-page .home-editorial-cards-section .home-expand-card .feature-card-link:visited,
body .front-page .home-editorial-cards-section .home-expand-card .feature-card-link:hover,
body .front-page .home-editorial-cards-section .home-expand-card .feature-card-link:focus-visible {
  background: #ffd21a !important;
  background-color: #ffd21a !important;
  background-image: none !important;
  border-color: #ffd21a !important;
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  text-shadow: none !important;
}

body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-link:hover,
body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-link:focus-visible,
body .front-page .home-editorial-cards-section .home-expand-card .feature-card-link:hover,
body .front-page .home-editorial-cards-section .home-expand-card .feature-card-link:focus-visible {
  background: #fff36d !important;
  background-color: #fff36d !important;
  border-color: #fff36d !important;
}

body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-link :is(span, strong, svg, path),
body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-link:hover :is(span, strong, svg, path),
body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-link:focus-visible :is(span, strong, svg, path),
body .front-page .home-editorial-cards-section .home-expand-card .feature-card-link :is(span, strong, svg, path),
body .front-page .home-editorial-cards-section .home-expand-card .feature-card-link:hover :is(span, strong, svg, path),
body .front-page .home-editorial-cards-section .home-expand-card .feature-card-link:focus-visible :is(span, strong, svg, path) {
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  stroke: currentColor !important;
}

@media (max-width: 700px) {
  body main.front-page #experience .story-deck-section-header h2,
  body .front-page #experience .story-deck-section-header h2 {
    font-size: clamp(2.35rem, 12vw, 3.7rem) !important;
    line-height: 0.98 !important;
  }
}

/* Final about headline scale: roomy, centered, and easier to read. */
body main.front-page #experience .story-deck-section-header,
body .front-page #experience .story-deck-section-header {
  max-width: 1280px !important;
  margin-bottom: clamp(2.5rem, 4.5vw, 4.25rem) !important;
  padding-inline: clamp(0.75rem, 3vw, 2rem) !important;
}

body main.front-page #experience .story-deck-section-header h2,
body .front-page #experience .story-deck-section-header h2 {
  max-width: 1240px !important;
  font-size: clamp(2.35rem, 4.55vw, 4.55rem) !important;
  line-height: 1.03 !important;
  letter-spacing: -0.045em !important;
  text-wrap: balance !important;
}

body main.front-page #experience .story-deck-section-header .story-deck-intro,
body .front-page #experience .story-deck-section-header .story-deck-intro {
  max-width: 720px !important;
  margin-top: 1.15rem !important;
  font-size: clamp(0.98rem, 1.25vw, 1.12rem) !important;
}

@media (max-width: 700px) {
  body main.front-page #experience .story-deck-section-header h2,
  body .front-page #experience .story-deck-section-header h2 {
    max-width: 100% !important;
    font-size: clamp(2rem, 10vw, 3.05rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.04em !important;
  }
}

/* Plain yellow About Preview label. */
body main.front-page #experience .story-deck-section-header .story-deck-kicker,
body .front-page #experience .story-deck-section-header .story-deck-kicker,
body main.front-page #experience .story-deck-kicker,
body .front-page #experience .story-deck-kicker {
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 0 1rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

/* Slightly lighter shared homepage background imagery. */
body main.front-page > .home-common-bg-frame .home-section-bg-slide img,
body .front-page > .home-common-bg-frame .home-section-bg-slide img {
  filter: saturate(1.08) contrast(1.06) brightness(0.84) !important;
}

body main.front-page > .home-common-bg-frame::before,
body .front-page > .home-common-bg-frame::before {
  background:
    linear-gradient(180deg, rgba(8, 1, 28, 0.76), rgba(18, 5, 47, 0.74)),
    radial-gradient(circle at 86% 18%, rgba(113, 50, 245, 0.24), transparent 34rem),
    radial-gradient(circle at 52% 92%, rgba(255, 255, 255, 0.04), transparent 32rem) !important;
}

body main.front-page > .home-common-bg-frame::after,
body .front-page > .home-common-bg-frame::after {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 24%, transparent 78%, rgba(0, 0, 0, 0.1)) !important;
  box-shadow: none !important;
}

/* Remove grid texture from the success proof desk. */
body main.front-page #stories .success-proof-surface,
body .front-page #stories .success-proof-surface {
  background:
    radial-gradient(circle at 32% 22%, rgba(255, 210, 26, 0.08), transparent 18rem),
    rgba(255, 255, 255, 0.045) !important;
  background-size: auto !important;
}

body main.front-page #stories .home-section-bg-slideshow::after,
body .front-page #stories .home-section-bg-slideshow::after,
body main.front-page #stories.success-proof-desk-section::after,
body .front-page #stories.success-proof-desk-section::after {
  display: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* Formal hero word highlight. */
body main.front-page #home.hero-cinematic .hero-heading-highlight,
body .front-page #home.hero-cinematic .hero-heading-highlight {
  display: inline !important;
  position: static !important;
  isolation: auto !important;
  margin-inline: 0 !important;
  padding: 0 !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
}

body main.front-page #home.hero-cinematic .hero-heading-highlight::after,
body .front-page #home.hero-cinematic .hero-heading-highlight::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

@media (max-width: 560px) {
  body main.front-page #home.hero-cinematic .hero-heading-highlight,
  body .front-page #home.hero-cinematic .hero-heading-highlight {
    padding-inline: 0 !important;
  }
}

/* Absolute final reset for the homepage About label. */
html body main.front-page section#experience.about-story-deck-section .story-deck-section-header > .story-deck-kicker {
  all: unset !important;
  display: block !important;
  margin: 0 0 1rem !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.18em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

html body main.front-page section#experience.about-story-deck-section .story-deck-section-header > .story-deck-kicker::before,
html body main.front-page section#experience.about-story-deck-section .story-deck-section-header > .story-deck-kicker::after {
  content: none !important;
  display: none !important;
}

/* Reduce vertical gap between About header and the three cards. */
html body main.front-page section#experience.about-story-deck-section {
  padding-bottom: clamp(1rem, 2vw, 1.75rem) !important;
}

html body main.front-page section#experience.about-story-deck-section .story-deck-section-header {
  margin-bottom: clamp(1.25rem, 2.6vw, 2.25rem) !important;
}

html body main.front-page section#experience.about-story-deck-section + .home-editorial-cards-section {
  padding-top: clamp(0.75rem, 1.6vw, 1.25rem) !important;
}

/* Absolute final: remove glassmorphism across the website. */
html body *,
html body *::before,
html body *::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body :is(.site-header, .hero-header) {
  background: #09021f !important;
  background-color: #09021f !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body main :is(
  .hero-panel,
  .hero-card,
  .hero-pill,
  .hero-proof-rail,
  .hero-proof-item,
  .feature-card,
  .feature-card-body,
  .story-card,
  .glass-card,
  .cta-card,
  .impact-card,
  .homepage-course-card,
  .academy-course-card,
  .courses-pricing-card,
  .courses-rating-badge,
  .contact-card,
  .contact-map-card,
  .contact-form,
  .contact-form-large,
  .demo-benefits,
  .demo-form-panel,
  .career-overview-card,
  .position-card,
  .page-content-inner,
  .section-content,
  .apply-copy,
  .page-contact .mx-auto.max-w-7xl.overflow-hidden,
  .page-contact .rounded-\[2rem\],
  .success-proof-profile,
  .success-proof-surface,
  .proof-object,
  .proof-selector-button,
  .story-deck-card,
  .story-deck-proof-badge,
  .floating-stat
) {
  background: #24124c !important;
  background-color: #24124c !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: none !important;
}

html body main :is(
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .impact-card,
  .homepage-course-card,
  .academy-course-card,
  .courses-pricing-card,
  .contact-card,
  .demo-benefits,
  .demo-form-panel,
  .career-overview-card,
  .position-card,
  .success-proof-profile,
  .success-proof-surface,
  .proof-object,
  .proof-selector-button,
  .story-deck-card
)::before,
html body main :is(
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .impact-card,
  .homepage-course-card,
  .academy-course-card,
  .courses-pricing-card,
  .contact-card,
  .demo-benefits,
  .demo-form-panel,
  .career-overview-card,
  .position-card,
  .success-proof-profile,
  .success-proof-surface,
  .proof-object,
  .proof-selector-button,
  .story-deck-card
)::after {
  box-shadow: none !important;
  filter: none !important;
}

html body main :is(
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .impact-card,
  .homepage-course-card,
  .academy-course-card,
  .courses-pricing-card,
  .contact-card,
  .demo-benefits,
  .demo-form-panel,
  .career-overview-card,
  .position-card,
  .success-proof-profile,
  .success-proof-surface,
  .proof-object,
  .proof-selector-button,
  .story-deck-card
):hover {
  background-color: #2b1758 !important;
  box-shadow: none !important;
}

html body main :is(.feature-card-media, .homepage-course-media, .story-deck-image, .academy-hero-slide) {
  background: transparent !important;
  box-shadow: none !important;
}

html body :is(.footer-social-link, .footer-contact-simple, .footer-contact-item, .footer-demo-link) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

html body :is(.hero-button-secondary, .story-deck-cta-secondary, .courses-final-cta-secondary) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  box-shadow: none !important;
}

/* Stronger homepage override for template-level glass styles. */
html body main.front-page :is(
  .hero-panel,
  .hero-card,
  .hero-pill,
  .hero-proof-rail,
  .hero-proof-item,
  .feature-card,
  .feature-card-body,
  .story-card,
  .glass-card,
  .cta-card,
  .impact-card,
  .homepage-course-card,
  .success-proof-profile,
  .success-proof-surface,
  .proof-object,
  .proof-selector-button,
  .story-deck-card,
  .story-deck-proof-badge,
  .floating-stat
),
html body .front-page :is(
  .hero-panel,
  .hero-card,
  .hero-pill,
  .hero-proof-rail,
  .hero-proof-item,
  .feature-card,
  .feature-card-body,
  .story-card,
  .glass-card,
  .cta-card,
  .impact-card,
  .homepage-course-card,
  .success-proof-profile,
  .success-proof-surface,
  .proof-object,
  .proof-selector-button,
  .story-deck-card,
  .story-deck-proof-badge,
  .floating-stat
) {
  background: #24124c !important;
  background-color: #24124c !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: none !important;
}

html body main.front-page :is(
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .impact-card,
  .homepage-course-card,
  .success-proof-profile,
  .success-proof-surface,
  .proof-object,
  .proof-selector-button,
  .story-deck-card
):hover,
html body .front-page :is(
  .feature-card,
  .story-card,
  .glass-card,
  .hero-card,
  .cta-card,
  .impact-card,
  .homepage-course-card,
  .success-proof-profile,
  .success-proof-surface,
  .proof-object,
  .proof-selector-button,
  .story-deck-card
):hover {
  background-color: #2b1758 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body main.front-page > .hero-header,
html body .front-page .hero-header,
html body header.site-header.hero-header {
  background: #09021f !important;
  background-color: #09021f !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Remove remaining glass effect from homepage course cards. */
html body main.front-page #courses .homepage-course-card,
html body .front-page #courses .homepage-course-card {
  background: #24124c !important;
  background-color: #24124c !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body main.front-page #courses .homepage-course-card.is-featured,
html body .front-page #courses .homepage-course-card.is-featured {
  background: #24124c !important;
  background-color: #24124c !important;
  background-image: none !important;
  border-color: #ffd21a !important;
  box-shadow: none !important;
}

html body main.front-page #courses .homepage-course-card::before,
html body main.front-page #courses .homepage-course-card::after,
html body .front-page #courses .homepage-course-card::before,
html body .front-page #courses .homepage-course-card::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

html body main.front-page #courses .homepage-course-card .homepage-course-content,
html body .front-page #courses .homepage-course-card .homepage-course-content,
html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-content,
html body .front-page #courses .homepage-course-card.is-featured .homepage-course-content {
  background: #24124c !important;
  background-color: #24124c !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body main.front-page #courses .homepage-course-card .homepage-course-media::after,
html body .front-page #courses .homepage-course-card .homepage-course-media::after,
html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-media::after,
html body .front-page #courses .homepage-course-card.is-featured .homepage-course-media::after {
  background:
    linear-gradient(180deg, rgba(8, 1, 28, 0) 0%, rgba(8, 1, 28, 0.28) 100%) !important;
  box-shadow: none !important;
}

html body main.front-page #courses .homepage-course-card:hover,
html body main.front-page #courses .homepage-course-card.is-featured:hover,
html body main.front-page #courses .homepage-course-card:focus-within,
html body main.front-page #courses .homepage-course-card.is-featured:focus-within,
html body .front-page #courses .homepage-course-card:hover,
html body .front-page #courses .homepage-course-card.is-featured:hover,
html body .front-page #courses .homepage-course-card:focus-within,
html body .front-page #courses .homepage-course-card.is-featured:focus-within {
  background: #2b1758 !important;
  background-color: #2b1758 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Absolute final anti-glass treatment for the success proof desk. */
html body main.front-page #stories .success-proof-profile,
html body .front-page #stories .success-proof-profile {
  background: #24124c !important;
  background-color: #24124c !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;
  filter: none !important;
}

html body main.front-page #stories .success-proof-surface,
html body .front-page #stories .success-proof-surface {
  background: #16082f !important;
  background-color: #16082f !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;
  filter: none !important;
}

html body main.front-page #stories .proof-object,
html body main.front-page #stories .proof-object-course,
html body main.front-page #stories .proof-object-chat,
html body main.front-page #stories .proof-object-project,
html body main.front-page #stories .proof-object-milestone,
html body main.front-page #stories .proof-object-result,
html body .front-page #stories .proof-object,
html body .front-page #stories .proof-object-course,
html body .front-page #stories .proof-object-chat,
html body .front-page #stories .proof-object-project,
html body .front-page #stories .proof-object-milestone,
html body .front-page #stories .proof-object-result {
  background: #2a1853 !important;
  background-color: #2a1853 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 210, 26, 0.34) !important;
  box-shadow: none !important;
  filter: none !important;
}

html body main.front-page #stories .proof-object:hover,
html body main.front-page #stories .proof-object:focus-visible,
html body .front-page #stories .proof-object:hover,
html body .front-page #stories .proof-object:focus-visible {
  background: #342067 !important;
  background-color: #342067 !important;
  background-image: none !important;
  border-color: rgba(255, 210, 26, 0.72) !important;
  box-shadow: none !important;
}

html body main.front-page #stories .success-proof-profile-meta span,
html body main.front-page #stories .success-proof-profile-meta strong,
html body .front-page #stories .success-proof-profile-meta span,
html body .front-page #stories .success-proof-profile-meta strong {
  background: #2a1853 !important;
  background-color: #2a1853 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body main.front-page #stories .proof-selector-button,
html body .front-page #stories .proof-selector-button {
  background: #24124c !important;
  background-color: #24124c !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;
  filter: none !important;
}

html body main.front-page #stories .proof-selector-button.is-active,
html body main.front-page #stories .proof-selector-button:hover,
html body main.front-page #stories .proof-selector-button:focus-visible,
html body .front-page #stories .proof-selector-button.is-active,
html body .front-page #stories .proof-selector-button:hover,
html body .front-page #stories .proof-selector-button:focus-visible {
  background: #2b1758 !important;
  background-color: #2b1758 !important;
  background-image: none !important;
  border-color: rgba(255, 210, 26, 0.68) !important;
  box-shadow: none !important;
}

html body main.front-page #stories .proof-project-window,
html body .front-page #stories .proof-project-window {
  background: #10042b !important;
  background-color: #10042b !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

/* More useful detail density inside homepage course cards. */
html body main.front-page #courses .homepage-course-learnings,
html body .front-page #courses .homepage-course-learnings {
  display: grid !important;
  gap: 0.62rem !important;
  margin: 1.15rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body main.front-page #courses .homepage-course-learnings li,
html body .front-page #courses .homepage-course-learnings li {
  position: relative !important;
  min-height: 1.45rem !important;
  padding-left: 1.35rem !important;
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

html body main.front-page #courses .homepage-course-learnings li::before,
html body .front-page #courses .homepage-course-learnings li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.52em !important;
  width: 0.46rem !important;
  height: 0.46rem !important;
  border-radius: 999px !important;
  background: #ffd21a !important;
  box-shadow: none !important;
}

html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-learnings,
html body .front-page #courses .homepage-course-card.is-featured .homepage-course-learnings {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.8rem !important;
  margin-top: 1.35rem !important;
}

html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-learnings li,
html body .front-page #courses .homepage-course-card.is-featured .homepage-course-learnings li {
  padding: 0.82rem 0.9rem 0.82rem 2rem !important;
  border: 1px solid rgba(255, 210, 26, 0.22) !important;
  background: #2a1853 !important;
  color: rgba(255, 255, 255, 0.86) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.86) !important;
  font-size: 0.92rem !important;
}

html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-learnings li::before,
html body .front-page #courses .homepage-course-card.is-featured .homepage-course-learnings li::before {
  left: 0.9rem !important;
  top: 1.28rem !important;
}

@media (max-width: 760px) {
  html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-learnings,
  html body .front-page #courses .homepage-course-card.is-featured .homepage-course-learnings {
    grid-template-columns: 1fr !important;
  }
}

/* Final cleanup: remove the old hero stat rail and make featured course details a simple vertical list. */
html body main.front-page #home .hero-proof-rail,
html body .front-page #home .hero-proof-rail,
html body main.front-page #home .hero-proof-item,
html body .front-page #home .hero-proof-item {
  display: none !important;
}

html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-learnings,
html body .front-page #courses .homepage-course-card.is-featured .homepage-course-learnings {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.58rem !important;
  margin-top: 1.15rem !important;
  padding: 0 !important;
  list-style: none !important;
}

html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-learnings li,
html body .front-page #courses .homepage-course-card.is-featured .homepage-course-learnings li {
  min-height: 0 !important;
  padding: 0 0 0 1.35rem !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.86) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.86) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-learnings li::before,
html body .front-page #courses .homepage-course-card.is-featured .homepage-course-learnings li::before {
  left: 0 !important;
  top: 0.52em !important;
  width: 0.46rem !important;
  height: 0.46rem !important;
  background: #ffd21a !important;
  box-shadow: none !important;
}

/* Final CTA readability: keep the Spoken English subtext fully white. */
html body main.front-page #final-cta .home-final-cta-subtext,
html body .front-page #final-cta .home-final-cta-subtext {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}

/* Final hero progress placement: centered near the bottom with breathing room. */
html body main.front-page #home.hero-cinematic,
html body .front-page #home.hero-cinematic {
  position: relative !important;
  padding-bottom: clamp(5.75rem, 8vw, 7.25rem) !important;
}

html body main.front-page #home.hero-cinematic .hero-slide-progress,
html body .front-page #home.hero-cinematic .hero-slide-progress {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: clamp(2rem, 4vw, 3rem) !important;
  z-index: 12 !important;
  width: min(70vw, 420px) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: clamp(0.65rem, 1.6vw, 1rem) !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
}

html body main.front-page #home.hero-cinematic .hero-slide-progress-button,
html body .front-page #home.hero-cinematic .hero-slide-progress-button {
  flex: 1 1 0 !important;
  max-width: 86px !important;
}

@media (max-width: 640px) {
  html body main.front-page #home.hero-cinematic,
  html body .front-page #home.hero-cinematic {
    padding-bottom: 5.25rem !important;
  }

  html body main.front-page #home.hero-cinematic .hero-slide-progress,
  html body .front-page #home.hero-cinematic .hero-slide-progress {
    bottom: 1.6rem !important;
    width: min(78vw, 320px) !important;
  }
}

/* Final correction: keep hero progress below the buttons, not over them. */
html body main.front-page #home.hero-cinematic .hero-cinematic-copy,
html body .front-page #home.hero-cinematic .hero-cinematic-copy {
  width: 100% !important;
}

html body main.front-page #home.hero-cinematic .hero-slide-progress,
html body .front-page #home.hero-cinematic .hero-slide-progress {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: min(72vw, 420px) !important;
  align-self: center !important;
  margin: clamp(2.25rem, 4vw, 3.5rem) auto 0 !important;
  transform: none !important;
}

@media (max-width: 640px) {
  html body main.front-page #home.hero-cinematic .hero-slide-progress,
  html body .front-page #home.hero-cinematic .hero-slide-progress {
    width: min(78vw, 320px) !important;
    margin-top: 1.8rem !important;
  }
}

/* Hero progress is now a section-level control, safely separated from CTA buttons. */
html body main.front-page #home.hero-cinematic,
html body .front-page #home.hero-cinematic {
  position: relative !important;
  padding-bottom: clamp(6.25rem, 9vw, 8rem) !important;
}

html body main.front-page #home.hero-cinematic .hero-cinematic-shell,
html body .front-page #home.hero-cinematic .hero-cinematic-shell {
  padding-bottom: clamp(2.75rem, 5vw, 4.25rem) !important;
}

html body main.front-page #home.hero-cinematic > .hero-slide-progress,
html body .front-page #home.hero-cinematic > .hero-slide-progress {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: clamp(2rem, 3.5vw, 2.75rem) !important;
  z-index: 12 !important;
  width: min(70vw, 420px) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: clamp(0.65rem, 1.6vw, 1rem) !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
}

@media (max-width: 640px) {
  html body main.front-page #home.hero-cinematic,
  html body .front-page #home.hero-cinematic {
    padding-bottom: 6rem !important;
  }

  html body main.front-page #home.hero-cinematic .hero-cinematic-shell,
  html body .front-page #home.hero-cinematic .hero-cinematic-shell {
    padding-bottom: 3.5rem !important;
  }

  html body main.front-page #home.hero-cinematic > .hero-slide-progress,
  html body .front-page #home.hero-cinematic > .hero-slide-progress {
    bottom: 1.7rem !important;
    width: min(78vw, 320px) !important;
  }
}

/* Keep the navbar the same width on the homepage and inner pages. */
html body :is(header.site-header.hero-header, main.front-page > .hero-header) {
  width: 100% !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header) > div {
  width: min(100%, 1280px) !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(1rem, 3vw, 2rem) !important;
  padding-right: clamp(1rem, 3vw, 2rem) !important;
}

/* Blend Featured Courses cards into the purple-blue section background. */
html body main.front-page #courses .homepage-course-card,
html body main.front-page #courses .homepage-course-card.is-featured,
html body .front-page #courses .homepage-course-card,
html body .front-page #courses .homepage-course-card.is-featured {
  border-color: rgba(103, 126, 255, 0.42) !important;
  box-shadow: inset 0 0 0 1px rgba(183, 198, 255, 0.08) !important;
}

html body main.front-page #courses .homepage-course-card:hover,
html body main.front-page #courses .homepage-course-card:focus-within,
html body main.front-page #courses .homepage-course-card.is-featured:hover,
html body main.front-page #courses .homepage-course-card.is-featured:focus-within,
html body .front-page #courses .homepage-course-card:hover,
html body .front-page #courses .homepage-course-card:focus-within,
html body .front-page #courses .homepage-course-card.is-featured:hover,
html body .front-page #courses .homepage-course-card.is-featured:focus-within {
  border-color: rgba(134, 158, 255, 0.72) !important;
  box-shadow: inset 0 0 0 1px rgba(211, 220, 255, 0.14) !important;
}

/* Shared animated button style for site CTAs and form submit buttons. */
html body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-[#8f67ff]"],
  a[class*="bg-[#5b21b6]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button) {
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.25rem !important;
  min-height: 54px !important;
  padding: 0.95rem 3.9rem 0.95rem 2.15rem !important;
  overflow: hidden !important;
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  box-shadow: 0 0 0 2px #ffd21a !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition:
    color 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-text-fill-color 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    border-radius 0.6s cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 0.6s cubic-bezier(0.23, 1, 0.32, 1),
    transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

html body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-[#8f67ff]"],
  a[class*="bg-[#5b21b6]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button)::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: -1 !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #ffd21a !important;
  opacity: 0 !important;
  transform: translate(-50%, -50%) !important;
  transition:
    width 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    height 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

html body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-[#8f67ff]"],
  a[class*="bg-[#5b21b6]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button)::after {
  content: "\2192" !important;
  position: absolute !important;
  top: 50% !important;
  right: 1.35rem !important;
  z-index: 2 !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  transform: translateY(-52%) !important;
  transition:
    right 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    left 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    color 0.8s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

html body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-[#8f67ff]"],
  a[class*="bg-[#5b21b6]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):hover,
html body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-[#8f67ff]"],
  a[class*="bg-[#5b21b6]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):focus-visible {
  border-radius: 12px !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  box-shadow: 0 0 0 12px rgba(255, 210, 26, 0) !important;
  transform: translateY(-2px) !important;
}

html body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-[#8f67ff]"],
  a[class*="bg-[#5b21b6]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):hover::before,
html body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-[#8f67ff]"],
  a[class*="bg-[#5b21b6]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):focus-visible::before {
  width: 240px !important;
  height: 240px !important;
  opacity: 1 !important;
}

html body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-[#8f67ff]"],
  a[class*="bg-[#5b21b6]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):active {
  transform: scale(0.95) !important;
  box-shadow: 0 0 0 4px #ffd21a !important;
}

/* Final button cleanup: one theme-colored style, no stacked/overlapped effects. */
html body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-[#8f67ff]"],
  a[class*="bg-[#5b21b6]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button) {
  min-height: 56px !important;
  padding: 0.95rem 3.65rem 0.95rem 2rem !important;
  border: 1px solid #ffd21a !important;
  border-radius: 999px !important;
  background: #ffd21a !important;
  background-color: #ffd21a !important;
  background-image: none !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-[#8f67ff]"],
  a[class*="bg-[#5b21b6]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button)::before {
  content: none !important;
  display: none !important;
}

html body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-[#8f67ff]"],
  a[class*="bg-[#5b21b6]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button)::after {
  content: "\2192" !important;
  right: 1.35rem !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
}

html body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-[#8f67ff]"],
  a[class*="bg-[#5b21b6]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button) > svg {
  display: none !important;
}

html body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-[#8f67ff]"],
  a[class*="bg-[#5b21b6]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button) :is(span, strong, em) {
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
}

html body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-[#8f67ff]"],
  a[class*="bg-[#5b21b6]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):hover,
html body :is(
  .button,
  .button-primary,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  a[class*="bg-[#ffd21a]"],
  a[class*="bg-[#ffb800]"],
  a[class*="bg-[#fcd400]"],
  a[class*="bg-[#8f67ff]"],
  a[class*="bg-[#5b21b6]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):focus-visible {
  border-color: #ffe45c !important;
  background: #ffe45c !important;
  background-color: #ffe45c !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  box-shadow: 0 16px 36px rgba(255, 210, 26, 0.18) !important;
  transform: translateY(-2px) !important;
}

/* Keep a yellow underline under the current page in the navbar. */
html body :is(.site-header, .front-page .hero-header) .site-navigation a.is-active,
html body :is(.site-header, .front-page .hero-header) .site-navigation a[aria-current="page"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body :is(.site-header, .front-page .hero-header) .site-navigation a.is-active::after,
html body :is(.site-header, .front-page .hero-header) .site-navigation a[aria-current="page"]::after {
  background: #ffd21a !important;
  transform: scaleX(1) !important;
  opacity: 1 !important;
}

/* Final typography system: Helvetica for structure, Georgia for reading content. */
:root {
  --academy-font-ui: Helvetica, "Helvetica Neue", Arial, sans-serif !important;
  --academy-font-display: Helvetica, "Helvetica Neue", Arial, sans-serif !important;
  --academy-font-reading: Georgia, "Times New Roman", Times, serif !important;
}

html body {
  font-family: var(--academy-font-ui) !important;
}

html body :is(
  header,
  nav,
  .site-header,
  .site-footer,
  .site-navigation,
  .global-nav-logo,
  .global-nav-brand-text,
  .footer-top,
  .footer-bottom,
  .button,
  button,
  input,
  select,
  textarea,
  label,
  .menu-toggle,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .search-submit,
  .material-symbols-outlined
) {
  font-family: var(--academy-font-ui) !important;
}

html body :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .hero-title,
  .home-final-cta-headline,
  .impact-dashboard-title,
  .success-proof-title,
  .story-deck-headline,
  .academy-course-title,
  .courses-section-title,
  .section-title,
  .stats-glow
) {
  font-family: var(--academy-font-display) !important;
}

html body main :is(
  p,
  li,
  blockquote,
  .entry-content,
  .page-content-inner,
  .section-content,
  .hero-copy,
  .page-hero-copy,
  .feature-card-body,
  .homepage-course-content,
  .academy-course-body,
  .contact-card,
  .demo-benefits,
  .demo-form-heading,
  .story-card,
  .story-deck-content,
  .success-proof-profile,
  .proof-object
) {
  font-family: var(--academy-font-reading) !important;
}

html body main :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  a,
  button,
  label,
  input,
  select,
  textarea,
  .button,
  .hero-button,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .demo-pill,
  .homepage-course-meta,
  .homepage-course-details,
  .homepage-course-featured-pill,
  .homepage-course-badge,
  .feature-tag,
  .cta-pill,
  .demo-kicker,
  .eyebrow
) {
  font-family: var(--academy-font-ui) !important;
}

/* Keep the Web Development course artwork fully visible inside its image window. */
html body main.front-page #courses .homepage-course-media img[src$="web-development-course.svg"],
html body .front-page #courses .homepage-course-media img[src$="web-development-course.svg"] {
  object-fit: contain !important;
  object-position: center !important;
  background: #12052f !important;
}

/* Fit all generated course artwork cleanly inside course-card image windows. */
html body :is(.homepage-course-media, .academy-course-image) img[src*="-course.svg"] {
  object-fit: contain !important;
  object-position: center !important;
  background: #12052f !important;
  padding: 0 !important;
}

html body :is(.homepage-course-card, .academy-course-card):hover :is(.homepage-course-media, .academy-course-image) img[src*="-course.svg"],
html body :is(.homepage-course-card, .academy-course-card):focus-within :is(.homepage-course-media, .academy-course-image) img[src*="-course.svg"] {
  transform: none !important;
  filter: saturate(1.04) contrast(1.04) brightness(0.96) !important;
}

/* Final unified animated button system across the website. */
html body :is(
  a.button,
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .courses-pricing-button,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  input[type="submit"],
  main a[class*="bg-[#ffd21a]"],
  main a[class*="bg-[#ffb800]"],
  main a[class*="bg-[#fcd400]"],
  main a[class*="bg-[#8f67ff]"],
  main a[class*="bg-[#5b21b6]"],
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon):not(.footer-social-link) {
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.25rem !important;
  min-width: 0 !important;
  min-height: 56px !important;
  padding: 0.95rem 3.75rem 0.95rem 2.1rem !important;
  overflow: hidden !important;
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  box-shadow: 0 0 0 2px #ffd21a !important;
  font-family: var(--academy-font-ui, Helvetica, "Helvetica Neue", Arial, sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transform: none !important;
  transition:
    color 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-text-fill-color 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    border-radius 0.6s cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 0.6s cubic-bezier(0.23, 1, 0.32, 1),
    transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

html body :is(
  a.button,
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .courses-pricing-button,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  input[type="submit"],
  main a[class*="bg-[#ffd21a]"],
  main a[class*="bg-[#ffb800]"],
  main a[class*="bg-[#fcd400]"],
  main a[class*="bg-[#8f67ff]"],
  main a[class*="bg-[#5b21b6]"],
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon):not(.footer-social-link)::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: -1 !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #ffd21a !important;
  opacity: 0 !important;
  transform: translate(-50%, -50%) !important;
  transition:
    width 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    height 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

html body :is(
  a.button,
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .courses-pricing-button,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  input[type="submit"],
  main a[class*="bg-[#ffd21a]"],
  main a[class*="bg-[#ffb800]"],
  main a[class*="bg-[#fcd400]"],
  main a[class*="bg-[#8f67ff]"],
  main a[class*="bg-[#5b21b6]"],
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon):not(.footer-social-link)::after {
  content: "\2192" !important;
  position: absolute !important;
  top: 50% !important;
  right: 1.35rem !important;
  z-index: 2 !important;
  display: block !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  transform: translateY(-52%) !important;
  transition:
    right 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    color 0.8s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

html body :is(
  a.button,
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .courses-pricing-button,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  input[type="submit"],
  main a[class*="bg-[#ffd21a]"],
  main a[class*="bg-[#ffb800]"],
  main a[class*="bg-[#fcd400]"],
  main a[class*="bg-[#8f67ff]"],
  main a[class*="bg-[#5b21b6]"],
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon):not(.footer-social-link) > svg,
html body :is(
  a.button,
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .courses-pricing-button,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  input[type="submit"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon):not(.footer-social-link) .material-symbols-outlined {
  display: none !important;
}

html body :is(
  a.button,
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .courses-pricing-button,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  input[type="submit"],
  main a[class*="bg-[#ffd21a]"],
  main a[class*="bg-[#ffb800]"],
  main a[class*="bg-[#fcd400]"],
  main a[class*="bg-[#8f67ff]"],
  main a[class*="bg-[#5b21b6]"],
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon):not(.footer-social-link) :is(span, strong, em) {
  position: relative !important;
  z-index: 1 !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: inherit !important;
}

html body :is(
  a.button,
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .courses-pricing-button,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  input[type="submit"],
  main a[class*="bg-[#ffd21a]"],
  main a[class*="bg-[#ffb800]"],
  main a[class*="bg-[#fcd400]"],
  main a[class*="bg-[#8f67ff]"],
  main a[class*="bg-[#5b21b6]"],
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon):not(.footer-social-link):hover,
html body :is(
  a.button,
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .courses-pricing-button,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  input[type="submit"],
  main a[class*="bg-[#ffd21a]"],
  main a[class*="bg-[#ffb800]"],
  main a[class*="bg-[#fcd400]"],
  main a[class*="bg-[#8f67ff]"],
  main a[class*="bg-[#5b21b6]"],
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon):not(.footer-social-link):focus-visible {
  border-radius: 12px !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  box-shadow: 0 0 0 12px rgba(255, 210, 26, 0) !important;
  transform: translateY(-2px) !important;
}

html body :is(
  a.button,
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .courses-pricing-button,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  input[type="submit"],
  main a[class*="bg-[#ffd21a]"],
  main a[class*="bg-[#ffb800]"],
  main a[class*="bg-[#fcd400]"],
  main a[class*="bg-[#8f67ff]"],
  main a[class*="bg-[#5b21b6]"],
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon):not(.footer-social-link):hover::before,
html body :is(
  a.button,
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .courses-pricing-button,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  input[type="submit"],
  main a[class*="bg-[#ffd21a]"],
  main a[class*="bg-[#ffb800]"],
  main a[class*="bg-[#fcd400]"],
  main a[class*="bg-[#8f67ff]"],
  main a[class*="bg-[#5b21b6]"],
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon):not(.footer-social-link):focus-visible::before {
  width: 240px !important;
  height: 240px !important;
  opacity: 1 !important;
}

html body :is(
  a.button,
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .courses-pricing-button,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  input[type="submit"],
  main a[class*="bg-[#ffd21a]"],
  main a[class*="bg-[#ffb800]"],
  main a[class*="bg-[#fcd400]"],
  main a[class*="bg-[#8f67ff]"],
  main a[class*="bg-[#5b21b6]"],
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon):not(.footer-social-link):hover::after,
html body :is(
  a.button,
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .courses-pricing-button,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  input[type="submit"],
  main a[class*="bg-[#ffd21a]"],
  main a[class*="bg-[#ffb800]"],
  main a[class*="bg-[#fcd400]"],
  main a[class*="bg-[#8f67ff]"],
  main a[class*="bg-[#5b21b6]"],
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon):not(.footer-social-link):focus-visible::after {
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
}

html body :is(
  a.button,
  .button,
  .button-primary,
  .hero-button,
  .hero-button-primary,
  .hero-button-secondary,
  .homepage-course-cta,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .academy-course-cta,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .courses-pricing-button,
  .demo-pill,
  .contact-cta a,
  .search-submit,
  button[type="submit"],
  input[type="submit"],
  main a[class*="bg-[#ffd21a]"],
  main a[class*="bg-[#ffb800]"],
  main a[class*="bg-[#fcd400]"],
  main a[class*="bg-[#8f67ff]"],
  main a[class*="bg-[#5b21b6]"],
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"]
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon):not(.footer-social-link):active {
  transform: scale(0.95) !important;
  box-shadow: 0 0 0 4px #ffd21a !important;
}

@media (max-width: 420px) {
  html body :is(.button, .hero-button, .hero-button-secondary, .homepage-course-cta, .home-final-cta-demo, .academy-course-cta, .courses-final-cta-primary, .courses-final-cta-secondary, .demo-pill, button[type="submit"]):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button) {
    width: 100% !important;
    white-space: normal !important;
  }
}

/* Wider, shorter image windows for course cards so artwork fits cleanly. */
html body main.front-page #courses .homepage-course-media,
html body .front-page #courses .homepage-course-media {
  min-height: clamp(220px, 22vw, 270px) !important;
  aspect-ratio: 16 / 9 !important;
}

html body main.front-page #courses .homepage-course-media img,
html body .front-page #courses .homepage-course-media img {
  min-height: clamp(220px, 22vw, 270px) !important;
}

html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-media,
html body .front-page #courses .homepage-course-card.is-featured .homepage-course-media {
  min-height: clamp(300px, 30vw, 360px) !important;
  aspect-ratio: 16 / 9 !important;
}

html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-media img,
html body .front-page #courses .homepage-course-card.is-featured .homepage-course-media img {
  min-height: clamp(300px, 30vw, 360px) !important;
}

html body .courses-page .academy-course-image {
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
}

html body .courses-page .academy-course-image.h-48,
html body .courses-page .academy-course-image[class*="h-48"] {
  height: auto !important;
}

html body .courses-page .academy-course-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

@media (max-width: 640px) {
  html body main.front-page #courses .homepage-course-media,
  html body .front-page #courses .homepage-course-media,
  html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-media,
  html body .front-page #courses .homepage-course-card.is-featured .homepage-course-media {
    min-height: 210px !important;
  }

  html body main.front-page #courses .homepage-course-media img,
  html body .front-page #courses .homepage-course-media img,
  html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-media img,
  html body .front-page #courses .homepage-course-card.is-featured .homepage-course-media img {
    min-height: 210px !important;
  }
}

/* Restore hover interaction for the Mission / Expertise / Approach cards. */
html body main.front-page #experience .home-expand-card.feature-card--media,
html body .front-page #experience .home-expand-card.feature-card--media {
  transition:
    flex-basis 520ms cubic-bezier(0.16, 1, 0.3, 1),
    max-width 520ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 280ms ease,
    border-color 280ms ease,
    background-color 280ms ease !important;
}

html body main.front-page #experience .home-expand-cards:hover .home-expand-card,
html body main.front-page #experience .home-expand-cards:focus-within .home-expand-card,
html body .front-page #experience .home-expand-cards:hover .home-expand-card,
html body .front-page #experience .home-expand-cards:focus-within .home-expand-card {
  flex-basis: clamp(210px, 22vw, 320px) !important;
  max-width: clamp(210px, 22vw, 320px) !important;
}

html body main.front-page #experience .home-expand-card:hover,
html body main.front-page #experience .home-expand-card:focus-within,
html body .front-page #experience .home-expand-card:hover,
html body .front-page #experience .home-expand-card:focus-within {
  flex-basis: clamp(460px, 48vw, 680px) !important;
  max-width: clamp(460px, 48vw, 680px) !important;
  transform: translateY(-8px) !important;
  border-color: rgba(255, 210, 26, 0.72) !important;
  background-color: #2b1758 !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28) !important;
}

html body main.front-page #experience .home-expand-card:hover .feature-card-body p,
html body main.front-page #experience .home-expand-card:focus-within .feature-card-body p,
html body main.front-page #experience .home-expand-card:hover .feature-card-link,
html body main.front-page #experience .home-expand-card:focus-within .feature-card-link,
html body .front-page #experience .home-expand-card:hover .feature-card-body p,
html body .front-page #experience .home-expand-card:focus-within .feature-card-body p,
html body .front-page #experience .home-expand-card:hover .feature-card-link,
html body .front-page #experience .home-expand-card:focus-within .feature-card-link {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

@media (max-width: 900px) {
  html body main.front-page #experience .home-expand-cards:hover .home-expand-card,
  html body main.front-page #experience .home-expand-cards:focus-within .home-expand-card,
  html body main.front-page #experience .home-expand-card:hover,
  html body main.front-page #experience .home-expand-card:focus-within,
  html body .front-page #experience .home-expand-cards:hover .home-expand-card,
  html body .front-page #experience .home-expand-cards:focus-within .home-expand-card,
  html body .front-page #experience .home-expand-card:hover,
  html body .front-page #experience .home-expand-card:focus-within {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}

/* Soft blue outside glow for the Student Proof Desk cards. */
html body main.front-page #stories :is(
  .success-proof-profile,
  .success-proof-surface,
  .proof-object,
  .proof-selector-button
),
html body .front-page #stories :is(
  .success-proof-profile,
  .success-proof-surface,
  .proof-object,
  .proof-selector-button
) {
  border-color: rgba(112, 156, 255, 0.34) !important;
  box-shadow:
    0 0 0 1px rgba(116, 166, 255, 0.08),
    0 0 34px rgba(73, 128, 255, 0.18),
    0 22px 70px rgba(4, 7, 34, 0.34) !important;
}

html body main.front-page #stories :is(.proof-object-course, .proof-object-result),
html body .front-page #stories :is(.proof-object-course, .proof-object-result),
html body main.front-page #stories .proof-selector-button.is-active,
html body .front-page #stories .proof-selector-button.is-active {
  border-color: rgba(119, 170, 255, 0.52) !important;
  box-shadow:
    0 0 0 1px rgba(255, 210, 26, 0.08),
    0 0 38px rgba(76, 139, 255, 0.24),
    0 24px 76px rgba(4, 7, 34, 0.38) !important;
}

html body main.front-page #stories .proof-object:hover,
html body main.front-page #stories .proof-object:focus-visible,
html body main.front-page #stories .proof-selector-button:hover,
html body main.front-page #stories .proof-selector-button:focus-visible,
html body .front-page #stories .proof-object:hover,
html body .front-page #stories .proof-object:focus-visible,
html body .front-page #stories .proof-selector-button:hover,
html body .front-page #stories .proof-selector-button:focus-visible {
  border-color: rgba(151, 190, 255, 0.72) !important;
  box-shadow:
    0 0 0 1px rgba(151, 190, 255, 0.14),
    0 0 52px rgba(79, 145, 255, 0.34),
    0 30px 90px rgba(4, 7, 34, 0.44) !important;
}

/* Fix wide card buttons: animated fill must cover the whole button, not only the center. */
html body :is(
  .homepage-course-cta,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .home-final-cta-demo,
  .feature-card-link,
  .story-deck-actions a
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button) {
  background: transparent !important;
  background-color: transparent !important;
  overflow: hidden !important;
}

html body :is(
  .homepage-course-cta,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .home-final-cta-demo,
  .feature-card-link,
  .story-deck-actions a
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button)::before {
  width: 22px !important;
  height: 22px !important;
  opacity: 0 !important;
}

html body :is(
  .homepage-course-cta,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .home-final-cta-demo,
  .feature-card-link,
  .story-deck-actions a
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):hover::before,
html body :is(
  .homepage-course-cta,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .home-final-cta-demo,
  .feature-card-link,
  .story-deck-actions a
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):focus-visible::before {
  width: max(150%, 720px) !important;
  height: 720px !important;
  opacity: 1 !important;
}

/* Final: make all primary CTA/course buttons solid academy yellow with readable text. */
html body :is(
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"],
  .homepage-course-cta,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .hero-button,
  .hero-button-secondary,
  .demo-pill,
  .button,
  .button-primary,
  button[type="submit"],
  input[type="submit"],
  .feature-card-link,
  .story-deck-actions a
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon) {
  border-color: #ffd21a !important;
  background: #ffd21a !important;
  background-color: #ffd21a !important;
  background-image: none !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  box-shadow: 0 16px 36px rgba(255, 210, 26, 0.16) !important;
}

html body :is(
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"],
  .homepage-course-cta,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .hero-button,
  .hero-button-secondary,
  .demo-pill,
  .button,
  .button-primary,
  button[type="submit"],
  input[type="submit"],
  .feature-card-link,
  .story-deck-actions a
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon)::before {
  content: none !important;
  display: none !important;
}

html body :is(
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"],
  .homepage-course-cta,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .hero-button,
  .hero-button-secondary,
  .demo-pill,
  .button,
  .button-primary,
  button[type="submit"],
  input[type="submit"],
  .feature-card-link,
  .story-deck-actions a
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon)::after {
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
}

html body :is(
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"],
  .homepage-course-cta,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .hero-button,
  .hero-button-secondary,
  .demo-pill,
  .button,
  .button-primary,
  button[type="submit"],
  input[type="submit"],
  .feature-card-link,
  .story-deck-actions a
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon) :is(span, strong, em) {
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
}

html body :is(
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"],
  .homepage-course-cta,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .hero-button,
  .hero-button-secondary,
  .demo-pill,
  .button,
  .button-primary,
  button[type="submit"],
  input[type="submit"],
  .feature-card-link,
  .story-deck-actions a
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon):hover,
html body :is(
  header a[class*="bg-[#ffd21a]"],
  header a[class*="bg-[#ffb800]"],
  header a[class*="bg-[#fcd400]"],
  .homepage-course-cta,
  .academy-course-cta,
  .courses-pricing-button,
  .courses-final-cta-primary,
  .courses-final-cta-secondary,
  .home-final-cta-demo,
  .footer-demo-link,
  .footer-cta-link,
  .hero-button,
  .hero-button-secondary,
  .demo-pill,
  .button,
  .button-primary,
  button[type="submit"],
  input[type="submit"],
  .feature-card-link,
  .story-deck-actions a
):not(.menu-toggle):not(.homepage-course-arrow):not(.hero-slide-progress-button):not(.proof-selector-button):not(.nav-link-with-icon):focus-visible {
  border-color: #ffe45c !important;
  background: #ffe45c !important;
  background-color: #ffe45c !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  box-shadow: 0 20px 48px rgba(255, 210, 26, 0.24) !important;
}

/* Homepage About cards: title-only at rest, blurred image and content on hover. */
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media {
  min-height: 320px !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  border-color: rgba(112, 156, 255, 0.34) !important;
  background: #24124c !important;
  box-shadow:
    0 0 0 1px rgba(116, 166, 255, 0.08),
    0 0 34px rgba(73, 128, 255, 0.16),
    0 22px 70px rgba(4, 7, 34, 0.34) !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media::before,
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media::after,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media::before,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media::after {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  width: 20% !important;
  height: 20% !important;
  display: block !important;
  background: rgba(88, 153, 255, 0.2) !important;
  pointer-events: none !important;
  transition: width 0.5s ease, height 0.5s ease, border-radius 0.5s ease, opacity 0.5s ease !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media::before,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media::before {
  top: 0 !important;
  right: 0 !important;
  border-radius: 0 16px 0 100% !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media::after,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media::after {
  bottom: 0 !important;
  left: 0 !important;
  border-radius: 0 100% 0 16px !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover::before,
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover::after,
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within::before,
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within::after,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover::before,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover::after,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within::before,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within::after {
  width: 100% !important;
  height: 100% !important;
  border-radius: 16px !important;
  opacity: 0.75 !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-media,
html body .front-page .home-editorial-cards-section .home-expand-card .feature-card-media {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  min-height: 100% !important;
  opacity: 0 !important;
  transition: opacity 0.5s ease !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-media img,
html body .front-page .home-editorial-cards-section .home-expand-card .feature-card-media img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  filter: blur(8px) brightness(0.42) saturate(1.08) !important;
  transform: scale(1.08) !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card:hover .feature-card-media,
html body main.front-page .home-editorial-cards-section .home-expand-card:focus-within .feature-card-media,
html body .front-page .home-editorial-cards-section .home-expand-card:hover .feature-card-media,
html body .front-page .home-editorial-cards-section .home-expand-card:focus-within .feature-card-media {
  opacity: 1 !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-body,
html body .front-page .home-editorial-cards-section .home-expand-card .feature-card-body {
  position: relative !important;
  z-index: 3 !important;
  min-height: 320px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  background: transparent !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-body h3,
html body .front-page .home-editorial-cards-section .home-expand-card .feature-card-body h3 {
  margin-bottom: 0 !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-body p,
html body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-body .mt-8,
html body .front-page .home-editorial-cards-section .home-expand-card .feature-card-body p,
html body .front-page .home-editorial-cards-section .home-expand-card .feature-card-body .mt-8 {
  max-height: 0 !important;
  margin-top: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
  transform: translateY(12px) !important;
  transition: max-height 0.5s ease, margin 0.5s ease, opacity 0.35s ease, transform 0.5s ease, visibility 0.35s ease !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card:hover .feature-card-body,
html body main.front-page .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body,
html body .front-page .home-editorial-cards-section .home-expand-card:hover .feature-card-body,
html body .front-page .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body {
  justify-content: center !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card:hover .feature-card-body h3,
html body main.front-page .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body h3,
html body .front-page .home-editorial-cards-section .home-expand-card:hover .feature-card-body h3,
html body .front-page .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body h3 {
  margin-bottom: 1rem !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card:hover .feature-card-body p,
html body main.front-page .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body p,
html body main.front-page .home-editorial-cards-section .home-expand-card:hover .feature-card-body .mt-8,
html body main.front-page .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body .mt-8,
html body .front-page .home-editorial-cards-section .home-expand-card:hover .feature-card-body p,
html body .front-page .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body p,
html body .front-page .home-editorial-cards-section .home-expand-card:hover .feature-card-body .mt-8,
html body .front-page .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body .mt-8 {
  max-height: 9rem !important;
  margin-top: 1rem !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* Exact Uiverse-style behavior for the three homepage About cards. */
html body main.front-page .home-editorial-cards-section .home-expand-cards,
html body .front-page .home-editorial-cards-section .home-expand-cards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-cards:hover .home-expand-card,
html body main.front-page .home-editorial-cards-section .home-expand-cards:focus-within .home-expand-card,
html body main.front-page .home-editorial-cards-section .home-expand-card:hover,
html body main.front-page .home-editorial-cards-section .home-expand-card:focus-within,
html body .front-page .home-editorial-cards-section .home-expand-cards:hover .home-expand-card,
html body .front-page .home-editorial-cards-section .home-expand-cards:focus-within .home-expand-card,
html body .front-page .home-editorial-cards-section .home-expand-card:hover,
html body .front-page .home-editorial-cards-section .home-expand-card:focus-within {
  flex-basis: auto !important;
  max-width: none !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media {
  height: 320px !important;
  min-height: 320px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transform: none !important;
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover,
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within {
  transform: translateY(-6px) !important;
  border-color: rgba(151, 190, 255, 0.7) !important;
  box-shadow:
    0 0 0 1px rgba(151, 190, 255, 0.14),
    0 0 52px rgba(79, 145, 255, 0.34),
    0 30px 90px rgba(4, 7, 34, 0.44) !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media::before,
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media::after,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media::before,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media::after {
  width: 20% !important;
  height: 20% !important;
  background: rgba(126, 180, 255, 0.22) !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover::before,
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover::after,
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within::before,
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within::after,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover::before,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover::after,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within::before,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within::after {
  width: 100% !important;
  height: 100% !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card .feature-card-body,
html body .front-page .home-editorial-cards-section .home-expand-card .feature-card-body {
  width: 100% !important;
  height: 100% !important;
  padding: clamp(1.45rem, 3vw, 2.4rem) !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card:not(:hover):not(:focus-within) .feature-card-body,
html body .front-page .home-editorial-cards-section .home-expand-card:not(:hover):not(:focus-within) .feature-card-body {
  align-items: center !important;
  text-align: center !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card:not(:hover):not(:focus-within) .feature-card-body h3,
html body .front-page .home-editorial-cards-section .home-expand-card:not(:hover):not(:focus-within) .feature-card-body h3 {
  max-width: 10ch !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card:hover .feature-card-body,
html body main.front-page .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body,
html body .front-page .home-editorial-cards-section .home-expand-card:hover .feature-card-body,
html body .front-page .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body {
  align-items: flex-start !important;
  text-align: left !important;
}

@media (max-width: 900px) {
  html body main.front-page .home-editorial-cards-section .home-expand-cards,
  html body .front-page .home-editorial-cards-section .home-expand-cards {
    grid-template-columns: 1fr !important;
  }
}

/* Theme-colored version of the About card hover effect: purple and white. */
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: #24124c !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.06),
    0 0 34px rgba(143, 103, 255, 0.18),
    0 22px 70px rgba(4, 7, 34, 0.34) !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media::before,
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media::after,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media::before,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media::after {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(238, 231, 255, 0.78)) !important;
  opacity: 0.18 !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover,
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within {
  border-color: rgba(255, 255, 255, 0.46) !important;
  background: #2b1758 !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.14),
    0 0 56px rgba(238, 231, 255, 0.22),
    0 30px 90px rgba(4, 7, 34, 0.44) !important;
}

html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover::before,
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover::after,
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within::before,
html body main.front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within::after,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover::before,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:hover::after,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within::before,
html body .front-page .home-editorial-cards-section .home-expand-card.feature-card--media:focus-within::after {
  opacity: 0.28 !important;
}

/* Reduce the vertical gap between About cards and the Proof section. */
html body main.front-page .home-editorial-cards-section,
html body .front-page .home-editorial-cards-section {
  min-height: 0 !important;
  padding-top: clamp(0.75rem, 1.5vw, 1.25rem) !important;
  padding-bottom: 0 !important;
  margin-bottom: clamp(-8rem, -8vw, -4rem) !important;
}

html body main.front-page .home-editorial-cards-section + #impact,
html body .front-page .home-editorial-cards-section + #impact {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body main.front-page #impact .impact-dashboard-header,
html body .front-page #impact .impact-dashboard-header {
  margin-top: 0 !important;
}

/* Homepage-inspired About page. */
html body .page-about {
  overflow: hidden !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(255, 210, 26, 0.1), transparent 24rem),
    radial-gradient(circle at 88% 12%, rgba(143, 103, 255, 0.28), transparent 28rem),
    linear-gradient(180deg, #08021f 0%, #16073a 46%, #0b031e 100%) !important;
  color: #ffffff !important;
}

html body .page-about :is(h1, h2, h3, p, span, li, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .page-about .about-hero {
  position: relative !important;
  min-height: calc(100vh - 78px) !important;
  display: grid !important;
  align-items: center !important;
  padding: clamp(5rem, 9vw, 8rem) clamp(1.25rem, 4vw, 3rem) !important;
  isolation: isolate !important;
}

html body .page-about .about-hero-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  overflow: hidden !important;
}

html body .page-about .about-hero-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(1.04) brightness(0.52) contrast(1.08) !important;
}

html body .page-about .about-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    linear-gradient(90deg, rgba(8, 2, 31, 0.96), rgba(22, 7, 58, 0.78) 48%, rgba(8, 2, 31, 0.58)),
    radial-gradient(circle at 18% 30%, rgba(255, 210, 26, 0.12), transparent 22rem) !important;
}

html body .page-about .about-hero-inner,
html body .page-about .about-section,
html body .page-about .about-story-section,
html body .page-about .about-cta-section {
  width: min(100%, 1280px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .page-about .about-hero-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.72fr) !important;
  gap: clamp(2rem, 5vw, 4rem) !important;
  align-items: center !important;
}

html body .page-about .about-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}

html body .page-about .about-kicker::before {
  content: "" !important;
  width: 0.5rem !important;
  height: 0.5rem !important;
  border-radius: 999px !important;
  background: #ffd21a !important;
}

html body .page-about .about-hero h1,
html body .page-about .about-section-header h2,
html body .page-about .about-story-content h2,
html body .page-about .about-cta-section h2 {
  margin: 1rem 0 0 !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-weight: 900 !important;
  line-height: 0.96 !important;
  letter-spacing: 0 !important;
}

html body .page-about .about-hero h1 {
  max-width: 12ch !important;
  font-size: clamp(4rem, 10vw, 7.8rem) !important;
}

html body .page-about .about-hero-copy p,
html body .page-about .about-section-header p,
html body .page-about .about-story-content p,
html body .page-about .about-cta-section p {
  max-width: 46rem !important;
  margin: 1.25rem 0 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  font-family: var(--academy-font-reading, Georgia, serif) !important;
  font-size: clamp(1.05rem, 1.5vw, 1.24rem) !important;
  line-height: 1.75 !important;
}

html body .page-about .about-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  margin-top: 2rem !important;
}

html body .page-about .about-hero-card,
html body .page-about .about-info-card,
html body .page-about .about-difference-grid article {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 16px !important;
  background: #24124c !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.06),
    0 0 34px rgba(143, 103, 255, 0.18),
    0 22px 70px rgba(4, 7, 34, 0.34) !important;
}

html body .page-about .about-hero-card {
  min-height: 360px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: clamp(1.4rem, 3vw, 2.2rem) !important;
}

html body .page-about .about-hero-card > span,
html body .page-about .about-info-card > span {
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}

html body .page-about .about-hero-card strong {
  display: block !important;
  margin-top: 1rem !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: clamp(1.8rem, 3vw, 3rem) !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
}

html body .page-about .about-hero-card div {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.8rem !important;
}

html body .page-about .about-hero-card p {
  margin: 0 !important;
  padding: 0.9rem !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-weight: 800 !important;
}

html body .page-about .about-hero-card b {
  display: block !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-size: 1.65rem !important;
}

html body .page-about .about-section,
html body .page-about .about-story-section,
html body .page-about .about-cta-section {
  padding: clamp(4rem, 8vw, 6.5rem) clamp(1.25rem, 4vw, 3rem) !important;
}

html body .page-about .about-section-header {
  max-width: 860px !important;
  margin: 0 auto clamp(1.75rem, 4vw, 3rem) !important;
  text-align: center !important;
}

html body .page-about .about-section-header h2,
html body .page-about .about-story-content h2,
html body .page-about .about-cta-section h2 {
  font-size: clamp(2.6rem, 5vw, 5rem) !important;
}

html body .page-about .about-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}

html body .page-about .about-info-card {
  min-height: 320px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: clamp(1.25rem, 2.6vw, 2rem) !important;
  transition: transform 280ms ease, border-color 280ms ease, box-shadow 280ms ease !important;
}

html body .page-about .about-info-card:hover,
html body .page-about .about-difference-grid article:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(255, 210, 26, 0.42) !important;
  box-shadow:
    0 0 0 1px rgba(255, 210, 26, 0.1),
    0 0 44px rgba(143, 103, 255, 0.26),
    0 30px 90px rgba(4, 7, 34, 0.42) !important;
}

html body .page-about .about-info-card h3,
html body .page-about .about-difference-grid h3 {
  margin: 1rem 0 0 !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: clamp(1.55rem, 2.4vw, 2.35rem) !important;
  font-weight: 900 !important;
  line-height: 1.04 !important;
}

html body .page-about .about-info-card p,
html body .page-about .about-difference-grid p {
  margin: 1rem 0 0 !important;
  color: rgba(255, 255, 255, 0.74) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.74) !important;
  font-family: var(--academy-font-reading, Georgia, serif) !important;
  line-height: 1.72 !important;
}

html body .page-about .about-story-section {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr) !important;
  gap: clamp(1.5rem, 4vw, 3.5rem) !important;
  align-items: center !important;
}

html body .page-about .about-story-media {
  min-height: 520px !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.35) !important;
}

html body .page-about .about-story-media img {
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
  object-fit: cover !important;
  filter: saturate(1.05) brightness(0.82) contrast(1.05) !important;
}

html body .page-about .about-proof-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  margin-top: 1.7rem !important;
}

html body .page-about .about-proof-row span {
  display: inline-flex !important;
  min-height: 40px !important;
  align-items: center !important;
  padding: 0.65rem 0.9rem !important;
  border: 1px solid rgba(255, 210, 26, 0.3) !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

html body .page-about .about-difference-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}

html body .page-about .about-difference-grid article {
  min-height: 260px !important;
  padding: clamp(1.2rem, 2vw, 1.7rem) !important;
  transition: transform 280ms ease, border-color 280ms ease, box-shadow 280ms ease !important;
}

html body .page-about .about-cta-section {
  padding-top: clamp(3rem, 6vw, 5rem) !important;
  padding-bottom: clamp(5rem, 8vw, 7rem) !important;
}

html body .page-about .about-cta-section > div {
  position: relative !important;
  overflow: hidden !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: clamp(2rem, 5vw, 4rem) !important;
  border: 1px solid rgba(255, 210, 26, 0.34) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 210, 26, 0.14), transparent 22rem),
    #24124c !important;
  text-align: center !important;
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.35) !important;
}

html body .page-about .about-cta-section p {
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .page-about .about-cta-section .button {
  margin-top: 2rem !important;
}

@media (max-width: 980px) {
  html body .page-about .about-hero-inner,
  html body .page-about .about-story-section {
    grid-template-columns: 1fr !important;
  }

  html body .page-about .about-card-grid,
  html body .page-about .about-difference-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 640px) {
  html body .page-about .about-hero {
    min-height: auto !important;
  }

  html body .page-about .about-card-grid,
  html body .page-about .about-difference-grid {
    grid-template-columns: 1fr !important;
  }

  html body .page-about .about-hero-card div {
    grid-template-columns: 1fr !important;
  }

html body .page-about .about-story-media,
html body .page-about .about-story-media img {
    min-height: 320px !important;
  }
}

/* Homepage-inspired Careers page. */
html body .page-careers {
  overflow: hidden !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(255, 210, 26, 0.1), transparent 24rem),
    radial-gradient(circle at 88% 12%, rgba(143, 103, 255, 0.28), transparent 28rem),
    linear-gradient(180deg, #08021f 0%, #16073a 46%, #0b031e 100%) !important;
  color: #ffffff !important;
}

html body .page-careers :is(h1, h2, h3, p, span, li, strong, label) {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .page-careers .careers-hero {
  position: relative !important;
  min-height: calc(100vh - 78px) !important;
  display: grid !important;
  align-items: center !important;
  padding: clamp(5rem, 9vw, 8rem) clamp(1.25rem, 4vw, 3rem) !important;
  isolation: isolate !important;
}

html body .page-careers .careers-hero-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  overflow: hidden !important;
}

html body .page-careers .careers-hero-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(1.04) brightness(0.52) contrast(1.08) !important;
}

html body .page-careers .careers-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    linear-gradient(90deg, rgba(8, 2, 31, 0.96), rgba(22, 7, 58, 0.78) 48%, rgba(8, 2, 31, 0.58)),
    radial-gradient(circle at 18% 30%, rgba(255, 210, 26, 0.12), transparent 22rem) !important;
}

html body .page-careers .careers-hero-inner,
html body .page-careers .careers-section,
html body .page-careers .careers-story-section {
  width: min(100%, 1280px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .page-careers .careers-hero-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.72fr) !important;
  gap: clamp(2rem, 5vw, 4rem) !important;
  align-items: center !important;
}

html body .page-careers .careers-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}

html body .page-careers .careers-kicker::before {
  content: "" !important;
  width: 0.5rem !important;
  height: 0.5rem !important;
  border-radius: 999px !important;
  background: #ffd21a !important;
}

html body .page-careers .careers-hero h1,
html body .page-careers .careers-section-header h2,
html body .page-careers .careers-story-content h2 {
  margin: 1rem 0 0 !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-weight: 900 !important;
  line-height: 0.96 !important;
  letter-spacing: 0 !important;
}

html body .page-careers .careers-hero h1 {
  max-width: 12ch !important;
  font-size: clamp(4rem, 10vw, 7.8rem) !important;
}

html body .page-careers .careers-section-header h2,
html body .page-careers .careers-story-content h2 {
  font-size: clamp(2.6rem, 5vw, 5rem) !important;
}

html body .page-careers .careers-hero-copy p,
html body .page-careers .careers-section-header p,
html body .page-careers .careers-story-content p,
html body .page-careers .apply-copy p,
html body .page-careers .position-card p,
html body .page-careers .career-overview-card p {
  max-width: 46rem !important;
  margin: 1.25rem 0 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  font-family: var(--academy-font-reading, Georgia, serif) !important;
  font-size: clamp(1rem, 1.35vw, 1.16rem) !important;
  line-height: 1.72 !important;
}

html body .page-careers .careers-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  margin-top: 2rem !important;
}

html body .page-careers .careers-hero-card,
html body .page-careers .career-overview-card,
html body .page-careers .position-card,
html body .page-careers .apply-copy,
html body .page-careers .contact-form {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 16px !important;
  background: #24124c !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.06),
    0 0 34px rgba(143, 103, 255, 0.18),
    0 22px 70px rgba(4, 7, 34, 0.34) !important;
}

html body .page-careers .careers-hero-card {
  min-height: 360px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: clamp(1.4rem, 3vw, 2.2rem) !important;
}

html body .page-careers .careers-hero-card > span,
html body .page-careers .career-overview-card > span,
html body .page-careers .position-type {
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}

html body .page-careers .careers-hero-card strong {
  display: block !important;
  margin-top: 1rem !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: clamp(1.8rem, 3vw, 3rem) !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
}

html body .page-careers .careers-hero-card div {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.8rem !important;
}

html body .page-careers .careers-hero-card p {
  margin: 0 !important;
  padding: 0.9rem !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-weight: 800 !important;
}

html body .page-careers .careers-hero-card b {
  display: block !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-size: 1.65rem !important;
}

html body .page-careers .careers-section,
html body .page-careers .careers-story-section {
  padding: clamp(4rem, 8vw, 6.5rem) clamp(1.25rem, 4vw, 3rem) !important;
}

html body .page-careers .careers-section-header {
  max-width: 860px !important;
  margin: 0 auto clamp(1.75rem, 4vw, 3rem) !important;
  text-align: center !important;
}

html body .page-careers .career-overview-grid,
html body .page-careers .positions-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}

html body .page-careers .career-overview-card,
html body .page-careers .position-card {
  min-height: 300px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: clamp(1.25rem, 2.6vw, 2rem) !important;
  transition: transform 280ms ease, border-color 280ms ease, box-shadow 280ms ease !important;
}

html body .page-careers .position-card {
  justify-content: space-between !important;
}

html body .page-careers .career-overview-card:hover,
html body .page-careers .position-card:hover,
html body .page-careers .apply-copy:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(255, 210, 26, 0.42) !important;
  box-shadow:
    0 0 0 1px rgba(255, 210, 26, 0.1),
    0 0 44px rgba(143, 103, 255, 0.26),
    0 30px 90px rgba(4, 7, 34, 0.42) !important;
}

html body .page-careers .career-overview-card h3,
html body .page-careers .position-card h3,
html body .page-careers .apply-copy h3 {
  margin: 1rem 0 0 !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: clamp(1.55rem, 2.4vw, 2.35rem) !important;
  font-weight: 900 !important;
  line-height: 1.04 !important;
}

html body .page-careers .position-card .button {
  width: 100% !important;
  margin-top: 1.5rem !important;
}

html body .page-careers .careers-story-section {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr) !important;
  gap: clamp(1.5rem, 4vw, 3.5rem) !important;
  align-items: center !important;
}

html body .page-careers .careers-story-media {
  min-height: 520px !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.35) !important;
}

html body .page-careers .careers-story-media img {
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
  object-fit: cover !important;
  filter: saturate(1.05) brightness(0.82) contrast(1.05) !important;
}

html body .page-careers .careers-proof-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  margin-top: 1.7rem !important;
}

html body .page-careers .careers-proof-row span {
  display: inline-flex !important;
  min-height: 40px !important;
  align-items: center !important;
  padding: 0.65rem 0.9rem !important;
  border: 1px solid rgba(255, 210, 26, 0.3) !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

html body .page-careers .apply-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1fr) !important;
  gap: 1rem !important;
  align-items: start !important;
}

html body .page-careers .apply-copy,
html body .page-careers .contact-form {
  padding: clamp(1.35rem, 3vw, 2.2rem) !important;
}

html body .page-careers .apply-copy ul {
  display: grid !important;
  gap: 0.8rem !important;
  margin: 1.5rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .page-careers .apply-copy li {
  position: relative !important;
  padding-left: 1.3rem !important;
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  font-family: var(--academy-font-reading, Georgia, serif) !important;
}

html body .page-careers .apply-copy li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.65em !important;
  width: 0.45rem !important;
  height: 0.45rem !important;
  border-radius: 999px !important;
  background: #ffd21a !important;
}

html body .page-careers .contact-form {
  display: grid !important;
  gap: 1rem !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(124, 148, 255, 0.1), transparent 30%),
    linear-gradient(135deg, #17003b 0%, #210756 52%, #100024 100%) !important;
  border-color: rgba(124, 148, 255, 0.32) !important;
}

html body .page-careers .contact-form label {
  display: block !important;
  position: relative !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-weight: 900 !important;
}

html body .page-careers .contact-form .career-input-group span {
  position: absolute !important;
  top: 0.9rem !important;
  left: 0.95rem !important;
  z-index: 2 !important;
  padding: 0 0.45rem !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 0.96rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  pointer-events: none !important;
  transform-origin: left center !important;
  transition: transform 0.26s ease, top 0.26s ease, color 0.26s ease, background-color 0.26s ease !important;
}

html body .page-careers .contact-form :is(input, textarea) {
  width: 100% !important;
  border: 2px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 20px !important;
  background: transparent !important;
  color: #ffffff !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-weight: 700 !important;
  outline: 0 !important;
  padding: 1rem 1.15rem !important;
  transition: border-color 0.26s ease, box-shadow 0.26s ease, background 0.26s ease !important;
}

html body .page-careers .contact-form textarea {
  min-height: 140px !important;
  resize: vertical !important;
}

html body .page-careers .contact-form input[type="file"] {
  min-height: 58px !important;
  padding: 1.12rem 1.15rem 0.8rem !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

html body .page-careers .contact-form input[type="file"]::file-selector-button {
  margin-right: 1rem !important;
  border: 1px solid #ffd21a !important;
  border-radius: 999px !important;
  background: #ffd21a !important;
  color: #17003b !important;
  font-weight: 900 !important;
  padding: 0.55rem 0.9rem !important;
}

html body .page-careers .contact-form :is(input::placeholder, textarea::placeholder) {
  color: transparent !important;
}

html body .page-careers .contact-form :is(input:focus, textarea:focus) {
  border-color: rgba(255, 210, 26, 0.96) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  box-shadow: 0 0 0 4px rgba(255, 210, 26, 0.14) !important;
}

html body .page-careers .contact-form .career-input-group :is(input:focus, input:not(:placeholder-shown), textarea:focus, textarea:not(:placeholder-shown)) + span,
html body .page-careers .contact-form .career-input-file span {
  top: 0 !important;
  color: #ffd21a !important;
  background: #17003b !important;
  transform: translateY(-50%) scale(0.9) !important;
}

html body .page-careers .contact-form .form-success {
  padding: 1rem 1.15rem 1rem 1.35rem !important;
  border: 1px solid rgba(124, 148, 255, 0.34) !important;
  border-left: 4px solid #ffd21a !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(124, 148, 255, 0.08)),
    rgba(11, 0, 34, 0.44) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16), 0 0 28px rgba(124, 148, 255, 0.08) !important;
}

html body .page-careers .contact-form .form-error {
  padding: 1rem 1.15rem 1rem 1.35rem !important;
  border: 1px solid rgba(255, 210, 31, 0.38) !important;
  border-left: 4px solid #ffd21a !important;
  border-radius: 18px !important;
  background: rgba(255, 210, 31, 0.08) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16) !important;
}

html body .page-careers .contact-form button {
  margin-top: 0.5rem !important;
}

@media (max-width: 980px) {
  html body .page-careers .careers-hero-inner,
  html body .page-careers .careers-story-section,
  html body .page-careers .apply-grid {
    grid-template-columns: 1fr !important;
  }

  html body .page-careers .career-overview-grid,
  html body .page-careers .positions-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 640px) {
  html body .page-careers .careers-hero {
    min-height: auto !important;
  }

  html body .page-careers .career-overview-grid,
  html body .page-careers .positions-grid {
    grid-template-columns: 1fr !important;
  }

  html body .page-careers .careers-hero-card div {
    grid-template-columns: 1fr !important;
  }

  html body .page-careers .careers-story-media,
  html body .page-careers .careers-story-media img {
    min-height: 320px !important;
  }
}

/* Split purple Contact page. */
html body .contact-split-page {
  background:
    radial-gradient(circle at 20% 10%, rgba(82, 117, 255, 0.18), transparent 34%),
    linear-gradient(180deg, #09001f 0%, #12002f 48%, #070016 100%) !important;
  color: #ffffff !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  overflow-x: hidden !important;
}

html body .contact-split-section {
  padding: clamp(2rem, 5vw, 4.5rem) 1rem 2rem !important;
}

html body .contact-split-shell,
html body .contact-details-grid {
  width: min(1180px, calc(100% - 2rem)) !important;
  margin: 0 auto !important;
}

html body .contact-split-card {
  min-height: 650px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  overflow: hidden !important;
  border: 1px solid rgba(124, 148, 255, 0.34) !important;
  border-radius: 26px !important;
  background: rgba(19, 0, 55, 0.9) !important;
  box-shadow: 0 26px 80px rgba(80, 130, 255, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.05) inset !important;
}

html body .contact-visual-panel {
  position: relative !important;
  min-height: 650px !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-end !important;
  padding: clamp(1.5rem, 4vw, 3.2rem) !important;
}

html body .contact-visual-panel img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: grayscale(0.18) saturate(0.9) contrast(1.02) !important;
  transform: scale(1.02) !important;
  z-index: -2 !important;
}

html body .contact-visual-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    linear-gradient(180deg, rgba(9, 0, 31, 0.08), rgba(9, 0, 31, 0.7)),
    linear-gradient(90deg, rgba(9, 0, 31, 0.3), rgba(29, 0, 68, 0.78)) !important;
}

html body .contact-visual-content {
  max-width: 520px !important;
}

html body .contact-kicker,
html body .contact-form-heading > span {
  display: inline-flex !important;
  margin-bottom: 1rem !important;
  color: #ffd21f !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

html body .contact-visual-content h1 {
  margin: 0 0 1rem !important;
  color: #ffffff !important;
  font-family: var(--academy-font-display, Helvetica, Arial, sans-serif) !important;
  font-size: clamp(2.8rem, 6vw, 5.6rem) !important;
  font-weight: 900 !important;
  line-height: 0.9 !important;
  letter-spacing: 0 !important;
}

html body .contact-visual-copy,
html body .contact-visual-copy p {
  color: rgba(255, 255, 255, 0.86) !important;
  font-family: var(--academy-font-reading, Georgia, serif) !important;
  font-size: 1rem !important;
  line-height: 1.8 !important;
}

html body .contact-visual-cta {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  margin-top: clamp(1.5rem, 4vw, 2.5rem) !important;
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem) !important;
  padding: 0.95rem 4.2rem 0.95rem 2rem !important;
  border: 1px solid #ffd21a !important;
  border-radius: 999px !important;
  background: #ffd21a !important;
  color: #17003b !important;
  -webkit-text-fill-color: #17003b !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 18px 42px rgba(255, 210, 26, 0.22) !important;
  overflow: hidden !important;
  outline: 2px solid transparent !important;
  outline-offset: 0 !important;
  transition:
    transform 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    border-radius 0.45s cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 0.22s ease,
    outline-color 0.22s ease,
    outline-offset 0.22s ease !important;
}

html body .contact-visual-cta::after {
  content: "\2192" !important;
  position: absolute !important;
  top: 50% !important;
  right: 1.7rem !important;
  display: block !important;
  color: #17003b !important;
  -webkit-text-fill-color: #17003b !important;
  font-size: 1.3rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transform: translateY(-52%) !important;
  transition: transform 0.22s ease !important;
}

html body .contact-visual-cta:hover,
html body .contact-visual-cta:focus-visible {
  background: #ffe45c !important;
  border-color: #ffe45c !important;
  color: #17003b !important;
  -webkit-text-fill-color: #17003b !important;
  transform: translateY(-2px) !important;
  border-radius: 12px !important;
  outline-color: #ffd21a !important;
  outline-offset: 5px !important;
  box-shadow: 0 20px 48px rgba(255, 210, 26, 0.24), 0 0 0 12px rgba(255, 210, 26, 0.06) !important;
}

html body .contact-visual-cta:hover::after,
html body .contact-visual-cta:focus-visible::after {
  transform: translate(4px, -52%) !important;
}

html body .contact-visual-cta span {
  color: #17003b !important;
  -webkit-text-fill-color: #17003b !important;
}

html body .contact-visual-note {
  position: absolute !important;
  left: clamp(1.25rem, 3vw, 2rem) !important;
  top: clamp(1.25rem, 3vw, 2rem) !important;
  display: grid !important;
  gap: 0.25rem !important;
  padding: 1rem 1.15rem !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(16px) !important;
}

html body .contact-visual-note span {
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}

html body .contact-visual-note strong {
  color: #ffffff !important;
  font-size: 1.05rem !important;
  font-weight: 900 !important;
}

html body .contact-form-panel {
  position: relative !important;
  padding: clamp(1.5rem, 4vw, 3.4rem) !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(124, 148, 255, 0.1), transparent 30%),
    linear-gradient(135deg, #17003b 0%, #210756 52%, #100024 100%) !important;
  color: #ffffff !important;
}

html body .contact-close-mark {
  position: absolute !important;
  top: 1.2rem !important;
  right: 1.35rem !important;
  color: #ffffff !important;
  font-size: 1.2rem !important;
  font-weight: 900 !important;
}

html body .contact-form-heading {
  max-width: 540px !important;
  margin-bottom: 1.75rem !important;
}

html body .contact-form-heading h2 {
  margin: 0 0 0.55rem !important;
  color: #ffffff !important;
  font-family: var(--academy-font-display, Helvetica, Arial, sans-serif) !important;
  font-size: clamp(2rem, 4vw, 3.5rem) !important;
  font-weight: 900 !important;
  line-height: 0.95 !important;
  letter-spacing: 0 !important;
}

html body .contact-form-heading div,
html body .contact-form-heading p {
  color: rgba(255, 255, 255, 0.76) !important;
  font-family: var(--academy-font-reading, Georgia, serif) !important;
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
}

html body .contact-success-message {
  margin-bottom: 1.2rem !important;
  padding: 1rem 1.15rem 1rem 1.35rem !important;
  border: 1px solid rgba(124, 148, 255, 0.34) !important;
  border-left: 4px solid #ffd21a !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(124, 148, 255, 0.08)),
    rgba(11, 0, 34, 0.44) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16), 0 0 28px rgba(124, 148, 255, 0.08) !important;
}

html body .contact-split-form {
  display: grid !important;
  gap: 1rem !important;
}

html body .contact-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}

html body .contact-split-form label {
  display: grid !important;
  gap: 0.45rem !important;
}

html body .contact-split-form label span {
  color: #ffffff !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
}

html body .contact-split-form .contact-input-group {
  position: relative !important;
  display: block !important;
}

html body .contact-split-form .contact-input-group span {
  position: absolute !important;
  top: 0.9rem !important;
  left: 0.95rem !important;
  z-index: 2 !important;
  padding: 0 0.45rem !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 0.96rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  pointer-events: none !important;
  transform-origin: left center !important;
  transition: transform 0.26s ease, top 0.26s ease, color 0.26s ease, background-color 0.26s ease !important;
}

html body .contact-split-form input,
html body .contact-split-form textarea {
  width: 100% !important;
  border: 2px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 20px !important;
  background: transparent !important;
  color: #ffffff !important;
  font: 700 0.95rem var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  outline: 0 !important;
  padding: 1rem 1.15rem !important;
  transition: border-color 0.26s ease, box-shadow 0.26s ease, background 0.26s ease !important;
}

html body .contact-split-form textarea {
  min-height: 160px !important;
  resize: vertical !important;
}

html body .contact-split-form input::placeholder,
html body .contact-split-form textarea::placeholder {
  color: transparent !important;
}

html body .contact-split-form input:focus,
html body .contact-split-form textarea:focus {
  border-color: rgba(255, 210, 26, 0.96) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  box-shadow: 0 0 0 4px rgba(255, 210, 26, 0.14) !important;
}

html body .contact-split-form .contact-input-group :is(input:focus, input:not(:placeholder-shown), textarea:focus, textarea:not(:placeholder-shown)) + span {
  top: 0 !important;
  color: #ffd21a !important;
  background: #17003b !important;
  transform: translateY(-50%) scale(0.9) !important;
}

html body .contact-submit-button {
  width: fit-content !important;
  margin-top: 0.35rem !important;
  background: #ffd21f !important;
  border-color: #ffd21f !important;
  color: #17003b !important;
  box-shadow: 0 16px 32px rgba(255, 210, 31, 0.28) !important;
}

html body .contact-submit-button .material-symbols-outlined {
  color: #17003b !important;
  font-size: 1.2rem !important;
}

html body .contact-details-section {
  padding: 0 1rem clamp(2.5rem, 5vw, 5rem) !important;
}

html body .contact-details-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}

html body .contact-detail-card {
  min-height: 190px !important;
  padding: 1.35rem !important;
  border: 1px solid rgba(124, 148, 255, 0.3) !important;
  border-radius: 20px !important;
  background: rgba(35, 9, 78, 0.72) !important;
  box-shadow: 0 18px 48px rgba(80, 130, 255, 0.16) !important;
}

html body .contact-detail-card > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  margin-bottom: 1rem !important;
  border-radius: 16px !important;
  background: rgba(255, 210, 31, 0.14) !important;
  color: #ffd21f !important;
}

html body .contact-detail-card h2 {
  margin: 0 0 0.75rem !important;
  color: #ffffff !important;
  font-size: 1.2rem !important;
  font-weight: 900 !important;
}

html body .contact-detail-card p {
  margin: 0.2rem 0 !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-family: var(--academy-font-reading, Georgia, serif) !important;
  line-height: 1.65 !important;
}

@media (max-width: 900px) {
  html body .contact-split-card,
  html body .contact-details-grid {
    grid-template-columns: 1fr !important;
  }

  html body .contact-split-card,
  html body .contact-visual-panel {
    min-height: auto !important;
  }

  html body .contact-visual-panel {
    min-height: 430px !important;
  }
}

@media (max-width: 620px) {
  html body .contact-split-shell,
  html body .contact-details-grid {
    width: min(100%, calc(100% - 1rem)) !important;
  }

  html body .contact-split-card {
    border-radius: 18px !important;
  }

  html body .contact-form-grid {
    grid-template-columns: 1fr !important;
  }

  html body .contact-visual-panel,
  html body .contact-form-panel {
    padding: 1.25rem !important;
  }

  html body .contact-visual-note {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin-bottom: 1.25rem !important;
  }

  html body .contact-visual-panel {
    display: block !important;
    min-height: 500px !important;
  }

  html body .contact-submit-button {
    width: 100% !important;
  }
}

/* Final navbar underline color: keep hover and active states consistent. */
html body :is(header.site-header, .site-header, .front-page .hero-header) :is(.site-navigation, nav) a.nav-link-with-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -0.55rem !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #ffd21a !important;
  background-color: #ffd21a !important;
  background-image: none !important;
  opacity: 0 !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: opacity 180ms ease, transform 180ms ease !important;
}

html body :is(header.site-header, .site-header, .front-page .hero-header) :is(.site-navigation, nav) a.nav-link-with-icon:hover::after,
html body :is(header.site-header, .site-header, .front-page .hero-header) :is(.site-navigation, nav) a.nav-link-with-icon:focus-visible::after,
html body :is(header.site-header, .site-header, .front-page .hero-header) :is(.site-navigation, nav) a.nav-link-with-icon.is-active::after,
html body :is(header.site-header, .site-header, .front-page .hero-header) :is(.site-navigation, nav) a.nav-link-with-icon[aria-current="page"]::after {
  background: #ffd21a !important;
  background-color: #ffd21a !important;
  background-image: none !important;
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

/* Contact page full-bleed split layout from navbar to footer. */
html body .contact-split-page {
  min-height: calc(100vh - 77px) !important;
  display: flex !important;
  flex-direction: column !important;
}

html body .contact-split-page .contact-split-section {
  flex: 1 1 auto !important;
  display: flex !important;
  width: 100% !important;
  min-height: calc(100vh - 77px) !important;
  padding: 0 !important;
}

html body .contact-split-page .contact-split-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body .contact-split-page .contact-split-card {
  width: 100% !important;
  min-height: calc(100vh - 77px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .contact-split-page .contact-visual-panel,
html body .contact-split-page .contact-form-panel {
  min-height: calc(100vh - 77px) !important;
}

html body .contact-split-page .contact-form-panel {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

@media (max-width: 900px) {
  html body .contact-split-page .contact-split-section,
  html body .contact-split-page .contact-split-card,
  html body .contact-split-page .contact-visual-panel,
  html body .contact-split-page .contact-form-panel {
    min-height: auto !important;
  }

  html body .contact-split-page .contact-visual-panel {
    min-height: 460px !important;
  }
}

/* Final navigation redesign: white bar, centered brand, left links, right CTA. */
html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-bottom: 2px solid #111111 !important;
  box-shadow: none !important;
  color: #111111 !important;
  backdrop-filter: none !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) > div {
  position: relative !important;
  min-height: 70px !important;
  max-width: none !important;
  width: 100% !important;
  padding: 0 1.25rem !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 1rem !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .site-logo-link {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 4 !important;
  transform: translate(-50%, -50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  min-width: max-content !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  text-decoration: none !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .site-logo-chip {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .site-logo-image {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  filter: brightness(0) saturate(100%) invert(13%) sepia(72%) saturate(2564%) hue-rotate(258deg) brightness(78%) contrast(112%) !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .site-logo-link :is(.global-nav-brand-name, .text-lg, div:first-child) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  font-size: clamp(1.25rem, 2vw, 1.8rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .site-logo-link :is(.global-nav-brand-subtitle, .text-\[11px\]) {
  color: rgba(38, 8, 95, 0.68) !important;
  -webkit-text-fill-color: rgba(38, 8, 95, 0.68) !important;
  font-size: 0.56rem !important;
  letter-spacing: 0.2em !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .site-navigation {
  grid-column: 1 !important;
  justify-self: start !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: clamp(1rem, 2vw, 2rem) !important;
  min-width: 0 !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .site-navigation a.nav-link-with-icon {
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  font-size: 0.98rem !important;
  font-weight: 900 !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .site-navigation a.nav-link-with-icon:hover,
html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .site-navigation a.nav-link-with-icon:focus-visible,
html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .site-navigation a.nav-link-with-icon.is-active,
html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .site-navigation a.nav-link-with-icon[aria-current="page"] {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .site-navigation a.nav-link-with-icon::after {
  bottom: -0.7rem !important;
  height: 2px !important;
  background: #26085f !important;
  background-color: #26085f !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .site-navigation a.nav-link-with-icon.is-active::after,
html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .site-navigation a.nav-link-with-icon[aria-current="page"]::after {
  bottom: -0.7rem !important;
  height: 2px !important;
  background: #26085f !important;
  background-color: #26085f !important;
  background-image: none !important;
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .nav-link-icon {
  display: none !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) > div > .hidden.items-center {
  grid-column: 3 !important;
  justify-self: end !important;
  display: flex !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) > div > .hidden.items-center a {
  min-height: 48px !important;
  border: 1px solid #111111 !important;
  border-radius: 999px !important;
  background: #111111 !important;
  background-color: #111111 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 0.9rem !important;
  font-weight: 900 !important;
  padding: 0 1.65rem !important;
  box-shadow: none !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) > div > .hidden.items-center a:hover,
html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) > div > .hidden.items-center a:focus-visible {
  border-radius: 12px !important;
  background: #210756 !important;
  border-color: #210756 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-2px) !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .menu-toggle {
  grid-column: 1 !important;
  justify-self: start !important;
  border: 1px solid rgba(17, 17, 17, 0.14) !important;
  background: #ffffff !important;
  color: #111111 !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) .menu-toggle svg path {
  stroke: #111111 !important;
}

/* Final global WhatsApp button: visible on every page with perfectly centered icon. */
html body .whatsapp-float {
  position: fixed !important;
  right: clamp(1rem, 2vw, 1.5rem) !important;
  bottom: calc(1.25rem + env(safe-area-inset-bottom)) !important;
  z-index: 2147483000 !important;
  width: 66px !important;
  height: 66px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 50% !important;
  overflow: visible !important;
}

html body .whatsapp-float .whatsapp-float-link,
html body .whatsapp-float .whatsapp-float-link:link,
html body .whatsapp-float .whatsapp-float-link:visited {
  position: relative !important;
  width: 66px !important;
  height: 66px !important;
  min-width: 66px !important;
  min-height: 66px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.34), transparent 28%),
    linear-gradient(135deg, #00f078 0%, #00c853 58%, #009e46 100%) !important;
  box-shadow:
    0 22px 54px rgba(0, 200, 83, 0.28),
    0 12px 28px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
  transform: none !important;
}

html body .whatsapp-float .whatsapp-float-link::before,
html body .whatsapp-float .whatsapp-float-link::after,
html body .whatsapp-float .whatsapp-icon-wrap::before,
html body .whatsapp-float .whatsapp-icon-wrap::after {
  content: none !important;
  display: none !important;
}

html body .whatsapp-float .whatsapp-icon-wrap {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #ffffff !important;
  background: transparent !important;
  transform: translate(-50%, -50%) !important;
}

html body .whatsapp-float .whatsapp-icon {
  position: static !important;
  width: 38px !important;
  height: 38px !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  fill: #ffffff !important;
  color: #ffffff !important;
  transform: none !important;
  transform-origin: center center !important;
}

html body .whatsapp-float .whatsapp-icon path {
  fill: #ffffff !important;
}

html body .whatsapp-float .whatsapp-float-link:hover,
html body .whatsapp-float .whatsapp-float-link:focus-visible {
  transform: translateY(-4px) scale(1.045) !important;
  border-radius: 50% !important;
}

@media (max-width: 560px) {
  html body .whatsapp-float,
  html body .whatsapp-float .whatsapp-float-link {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
  }

  html body .whatsapp-float .whatsapp-icon-wrap {
    width: 37px !important;
    height: 37px !important;
  }

  html body .whatsapp-float .whatsapp-icon {
    width: 35px !important;
    height: 35px !important;
  }
}

/* Absolute final navbar width sync: homepage and inner pages use the same viewport width. */
html,
body {
  overflow-x: hidden !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) {
  left: 50% !important;
  right: auto !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

html body :is(header.site-header.hero-header, main.front-page > .hero-header, .front-page .hero-header) > div {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Absolute final nav underline: one line only. */
html body :is(header.site-header.hero-header, .site-header.hero-header) .site-navigation a.nav-link-with-icon::before,
html body :is(header.site-header.hero-header, .site-header.hero-header) .site-navigation a.nav-link-with-icon.is-active::before,
html body :is(header.site-header.hero-header, .site-header.hero-header) .site-navigation a.nav-link-with-icon[aria-current="page"]::before {
  content: none !important;
  display: none !important;
}

html body :is(header.site-header.hero-header, .site-header.hero-header) .site-navigation a.nav-link-with-icon,
html body :is(header.site-header.hero-header, .site-header.hero-header) .site-navigation a.nav-link-with-icon.is-active,
html body :is(header.site-header.hero-header, .site-header.hero-header) .site-navigation a.nav-link-with-icon[aria-current="page"] {
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;
  background-image: none !important;
}

html body :is(header.site-header.hero-header, .site-header.hero-header) .site-navigation a.nav-link-with-icon::after,
html body :is(header.site-header.hero-header, .site-header.hero-header) .site-navigation a.nav-link-with-icon:hover::after,
html body :is(header.site-header.hero-header, .site-header.hero-header) .site-navigation a.nav-link-with-icon:focus-visible::after,
html body :is(header.site-header.hero-header, .site-header.hero-header) .site-navigation a.nav-link-with-icon.is-active::after,
html body :is(header.site-header.hero-header, .site-header.hero-header) .site-navigation a.nav-link-with-icon[aria-current="page"]::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -0.55rem !important;
  height: 2px !important;
  background: #26085f !important;
  background-color: #26085f !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body :is(header.site-header.hero-header, .site-header.hero-header) .site-navigation a.nav-link-with-icon.is-active::after,
html body :is(header.site-header.hero-header, .site-header.hero-header) .site-navigation a.nav-link-with-icon[aria-current="page"]::after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

/* Courses hero: remove the old right visual card and rating badge space. */
html body main.courses-page .courses-hero > .max-w-7xl {
  grid-template-columns: 1fr !important;
}

html body main.courses-page .courses-hero .courses-hero-visual,
html body main.courses-page .courses-hero .courses-rating-badge {
  display: none !important;
}

/* Absolute final navbar logo: no square chip, dark purple mark and brand. */
html body header.site-header.hero-header .site-logo-link,
html body header.site-header.hero-header .site-logo-link :is(.global-nav-brand-name, .text-lg, div:first-child) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body header.site-header.hero-header .site-logo-chip {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body header.site-header.hero-header .site-logo-image {
  width: 36px !important;
  height: 36px !important;
  object-fit: contain !important;
  filter: brightness(0) saturate(100%) invert(13%) sepia(72%) saturate(2564%) hue-rotate(258deg) brightness(78%) contrast(112%) !important;
}

html body header.site-header.hero-header .global-nav-brand-subtitle {
  color: rgba(38, 8, 95, 0.68) !important;
  -webkit-text-fill-color: rgba(38, 8, 95, 0.68) !important;
}

/* Absolute final courses grid cleanup: one stable card system, no broken masonry. */
html body main.courses-page #courses-grid .academy-courses-clean-grid {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  gap: clamp(1.25rem, 2vw, 2rem) !important;
  align-items: stretch !important;
}

html body main.courses-page #courses-grid .academy-course-card {
  grid-column: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: clamp(0.9rem, 1.4vw, 1.15rem) !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #27105d 0%, #1a0744 100%) !important;
  border: 1px solid rgba(123, 151, 255, 0.42) !important;
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.26),
    0 0 26px rgba(70, 127, 255, 0.14) !important;
}

html body main.courses-page #courses-grid .academy-course-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(145, 174, 255, 0.72) !important;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.34),
    0 0 34px rgba(82, 145, 255, 0.32) !important;
}

html body main.courses-page #courses-grid .academy-course-card[class*="grid"],
html body main.courses-page #courses-grid .academy-course-card[class*="flex"] {
  display: flex !important;
  flex-direction: column !important;
}

html body main.courses-page #courses-grid .academy-course-card > .absolute,
html body main.courses-page #courses-grid .academy-course-card::before {
  pointer-events: none !important;
}

html body main.courses-page #courses-grid .academy-course-image,
html body main.courses-page #courses-grid .academy-course-image[class*="h-48"],
html body main.courses-page #courses-grid .academy-course-image[class*="min-h"],
html body main.courses-page #courses-grid .academy-course-image[class*="md:w-"] {
  order: -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 0 1rem !important;
  border-radius: 14px !important;
  flex: 0 0 auto !important;
  background: #12052f !important;
}

html body main.courses-page #courses-grid .academy-course-image img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

html body main.courses-page #courses-grid .academy-course-image img[src*="-course.svg"] {
  object-fit: contain !important;
  padding: 0 !important;
  background: #17083f !important;
}

html body main.courses-page #courses-grid .academy-course-card > div:not(.academy-course-image):not(.absolute) {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html body main.courses-page #courses-grid .academy-course-card h3 {
  margin: 0 0 0.55rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.15rem, 1.6vw, 1.45rem) !important;
  line-height: 1.08 !important;
}

html body main.courses-page #courses-grid .academy-course-card :is(p, li, span, div) {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

html body main.courses-page #courses-grid .academy-course-card :is(ul, .space-y-1, .space-y-4) {
  margin-bottom: 1rem !important;
}

html body main.courses-page #courses-grid .academy-course-card li {
  align-items: flex-start !important;
  font-size: 0.92rem !important;
  line-height: 1.45 !important;
}

html body main.courses-page #courses-grid .academy-course-card .material-symbols-outlined {
  color: #ffd21f !important;
  -webkit-text-fill-color: #ffd21f !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
}

html body main.courses-page #courses-grid .academy-course-card .border-t {
  width: 100% !important;
  margin-top: auto !important;
  padding-top: 1rem !important;
  border-color: rgba(255, 255, 255, 0.26) !important;
}

html body main.courses-page #courses-grid .academy-course-cta,
html body main.courses-page #courses-grid .academy-course-cta:link,
html body main.courses-page #courses-grid .academy-course-cta:visited {
  position: relative !important;
  z-index: 1 !important;
  width: auto !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  margin-top: auto !important;
  padding: 0.75rem 1.25rem !important;
  border-radius: 999px !important;
  border: 2px solid #ffd21f !important;
  background: #ffd21f !important;
  color: #17083f !important;
  -webkit-text-fill-color: #17083f !important;
  font-weight: 900 !important;
  text-align: center !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition:
    border-radius 0.55s cubic-bezier(0.23, 1, 0.32, 1),
    transform 0.55s cubic-bezier(0.23, 1, 0.32, 1),
    background-color 0.55s cubic-bezier(0.23, 1, 0.32, 1),
    color 0.55s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

html body main.courses-page #courses-grid .academy-course-cta::after {
  content: "\2192" !important;
  display: inline-block !important;
  margin-left: 0.25rem !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body main.courses-page #courses-grid .academy-course-cta .material-symbols-outlined {
  display: none !important;
}

html body main.courses-page #courses-grid .academy-course-cta:hover,
html body main.courses-page #courses-grid .academy-course-cta:focus-visible {
  border-radius: 12px !important;
  background: transparent !important;
  color: #ffd21f !important;
  -webkit-text-fill-color: #ffd21f !important;
  transform: translateY(-2px) !important;
}

@media (min-width: 768px) {
  html body main.courses-page #courses-grid .academy-courses-clean-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1280px) {
  html body main.courses-page #courses-grid .academy-courses-clean-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body main.courses-page #courses-grid .academy-course-card {
    padding: 0.85rem !important;
  }
}

/* Pricing cards: Uiverse-inspired 3D glass style, adapted to the academy theme. */
html body main.courses-page .courses-pricing-section {
  background:
    radial-gradient(circle at 15% 0%, rgba(255, 210, 31, 0.08), transparent 24rem),
    linear-gradient(180deg, #12052f 0%, #1a0744 52%, #12052f 100%) !important;
  overflow: hidden !important;
}

html body main.courses-page .courses-pricing-section > .max-w-7xl > .grid {
  perspective: 1200px !important;
}

html body main.courses-page .courses-pricing-section h2,
html body main.courses-page .courses-pricing-section .text-center p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main.courses-page .courses-pricing-section .text-center p {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

html body main.courses-page .courses-pricing-card {
  position: relative !important;
  isolation: isolate !important;
  min-height: 430px !important;
  padding: clamp(1.5rem, 2.3vw, 2.25rem) !important;
  border-radius: 42px !important;
  overflow: hidden !important;
  transform-style: preserve-3d !important;
  background:
    linear-gradient(135deg, #2d1268 0%, #17063c 58%, #0c0328 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow:
    rgba(8, 3, 28, 0) 40px 50px 25px -40px,
    rgba(0, 0, 0, 0.28) 0 25px 25px -5px,
    0 0 28px rgba(82, 145, 255, 0.14) !important;
  transition:
    transform 0.55s ease-in-out,
    box-shadow 0.55s ease-in-out,
    border-color 0.55s ease-in-out !important;
}

html body main.courses-page .courses-pricing-card.is-featured {
  margin-top: 0 !important;
  border-color: rgba(255, 210, 31, 0.7) !important;
  background:
    linear-gradient(135deg, #35147a 0%, #1c084b 58%, #10032f 100%) !important;
}

html body main.courses-page .courses-pricing-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  z-index: -1 !important;
  border-radius: 46px !important;
  border-top-right-radius: 100% !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.07) 100%) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.44) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.26) !important;
  transform: translate3d(0, 0, 25px) !important;
  transition: all 0.55s ease-in-out !important;
}

html body main.courses-page .courses-pricing-card::after {
  content: "" !important;
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: -1 !important;
  width: 178px !important;
  aspect-ratio: 1 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 210, 31, 0.95) 0 20px, transparent 21px),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.14) 0 48px, transparent 49px),
    radial-gradient(circle at 50% 50%, rgba(255, 210, 31, 0.18) 0 78px, transparent 79px),
    radial-gradient(circle at 50% 50%, rgba(123, 151, 255, 0.16) 0 104px, transparent 105px),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.08) 0 132px, transparent 133px) !important;
  filter: drop-shadow(-12px 14px 24px rgba(0, 0, 0, 0.22)) !important;
  transform: translate3d(0, 0, 45px) !important;
  transition:
    transform 0.55s ease-in-out,
    opacity 0.55s ease-in-out !important;
}

html body main.courses-page .courses-pricing-card > * {
  position: relative !important;
  z-index: 2 !important;
  transform: translate3d(0, 0, 30px) !important;
}

html body main.courses-page .courses-pricing-card:hover,
html body main.courses-page .courses-pricing-card:focus-within {
  transform: rotate3d(1, 1, 0, 12deg) translateY(-8px) !important;
  border-color: rgba(255, 210, 31, 0.86) !important;
  box-shadow:
    rgba(8, 3, 28, 0.34) 30px 50px 25px -40px,
    rgba(0, 0, 0, 0.28) 0 28px 34px 0,
    0 0 42px rgba(82, 145, 255, 0.28) !important;
}

html body main.courses-page .courses-pricing-card:hover::before,
html body main.courses-page .courses-pricing-card:focus-within::before {
  inset: 10px !important;
  border-top-right-radius: 70% !important;
}

html body main.courses-page .courses-pricing-card:hover::after,
html body main.courses-page .courses-pricing-card:focus-within::after {
  transform: translate3d(-6px, 6px, 90px) scale(1.04) !important;
}

html body main.courses-page .courses-pricing-card h4,
html body main.courses-page .courses-pricing-card .text-headline-lg,
html body main.courses-page .courses-pricing-card strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main.courses-page .courses-pricing-card :is(span, li) {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

html body main.courses-page .courses-pricing-card .text-headline-lg {
  display: inline-block !important;
  color: #ffd21f !important;
  -webkit-text-fill-color: #ffd21f !important;
}

html body main.courses-page .courses-pricing-icon {
  color: #ffd21f !important;
  stroke: #ffd21f !important;
}

html body main.courses-page .courses-pricing-icon-muted {
  color: rgba(255, 255, 255, 0.42) !important;
  stroke: rgba(255, 255, 255, 0.42) !important;
}

html body main.courses-page .courses-pricing-badge {
  z-index: 5 !important;
  border-radius: 999px !important;
  background: #ffd21f !important;
  color: #17083f !important;
  -webkit-text-fill-color: #17083f !important;
  box-shadow: 0 12px 30px rgba(255, 210, 31, 0.22) !important;
}

html body main.courses-page .courses-pricing-button,
html body main.courses-page .courses-pricing-button:link,
html body main.courses-page .courses-pricing-button:visited {
  position: relative !important;
  z-index: 6 !important;
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid #ffd21f !important;
  border-radius: 999px !important;
  background: #ffd21f !important;
  color: #17083f !important;
  -webkit-text-fill-color: #17083f !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.14) !important;
  transform: translate3d(0, 0, 44px) !important;
}

html body main.courses-page .courses-pricing-button:hover,
html body main.courses-page .courses-pricing-button:focus-visible {
  border-radius: 12px !important;
  background: transparent !important;
  color: #ffd21f !important;
  -webkit-text-fill-color: #ffd21f !important;
  transform: translate3d(0, -2px, 58px) !important;
}

@media (max-width: 900px) {
  html body main.courses-page .courses-pricing-card:hover,
  html body main.courses-page .courses-pricing-card:focus-within {
    transform: translateY(-7px) !important;
  }
}

@media (max-width: 640px) {
  html body main.courses-page .courses-pricing-card {
    min-height: 390px !important;
    border-radius: 30px !important;
  }

  html body main.courses-page .courses-pricing-card::before {
    border-radius: 32px !important;
    border-top-right-radius: 82% !important;
  }

  html body main.courses-page .courses-pricing-card::after {
    width: 138px !important;
  }
}

/* Student Proof Desk: same 3D glass card language as the pricing cards. */
html body main.front-page #stories.success-proof-desk-section,
html body .front-page #stories.success-proof-desk-section {
  overflow: hidden !important;
}

html body main.front-page #stories .success-proof-panels,
html body .front-page #stories .success-proof-panels,
html body main.front-page #stories .success-proof-selectors,
html body .front-page #stories .success-proof-selectors {
  perspective: 1200px !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button),
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  transform-style: preserve-3d !important;
  background:
    linear-gradient(135deg, #2d1268 0%, #17063c 58%, #0c0328 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow:
    rgba(8, 3, 28, 0) 40px 50px 25px -40px,
    rgba(0, 0, 0, 0.28) 0 25px 25px -5px,
    0 0 28px rgba(82, 145, 255, 0.14) !important;
  transition:
    transform 0.55s ease-in-out,
    box-shadow 0.55s ease-in-out,
    border-color 0.55s ease-in-out,
    background-color 0.55s ease-in-out !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface),
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface) {
  border-radius: 42px !important;
}

html body main.front-page #stories :is(.proof-object, .proof-selector-button),
html body .front-page #stories :is(.proof-object, .proof-selector-button) {
  border-radius: 24px !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button)::before,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button)::before {
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  z-index: 1 !important;
  border-radius: inherit !important;
  border-top-right-radius: 100% !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.065) 100%) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24) !important;
  transform: translate3d(0, 0, 25px) !important;
  transition: all 0.55s ease-in-out !important;
  pointer-events: none !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button)::after,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button)::after {
  content: "" !important;
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: -1 !important;
  width: clamp(92px, 11vw, 178px) !important;
  aspect-ratio: 1 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 210, 31, 0.95) 0 14%, transparent 14.5%),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.14) 0 31%, transparent 31.5%),
    radial-gradient(circle at 50% 50%, rgba(255, 210, 31, 0.18) 0 49%, transparent 49.5%),
    radial-gradient(circle at 50% 50%, rgba(123, 151, 255, 0.16) 0 66%, transparent 66.5%),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.08) 0 84%, transparent 84.5%) !important;
  filter: drop-shadow(-12px 14px 24px rgba(0, 0, 0, 0.22)) !important;
  opacity: 0.92 !important;
  transform: translate3d(0, 0, 45px) !important;
  transition:
    transform 0.55s ease-in-out,
    opacity 0.55s ease-in-out !important;
  pointer-events: none !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button) > *,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button) > * {
  position: relative !important;
  z-index: 2 !important;
  transform: translate3d(0, 0, 30px) !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface):hover,
html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface):focus-within,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface):hover,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface):focus-within {
  transform: rotate3d(1, 1, 0, 8deg) translateY(-8px) !important;
  border-color: rgba(255, 210, 31, 0.84) !important;
  box-shadow:
    rgba(8, 3, 28, 0.34) 30px 50px 25px -40px,
    rgba(0, 0, 0, 0.28) 0 28px 34px 0,
    0 0 42px rgba(82, 145, 255, 0.28) !important;
}

html body main.front-page #stories :is(.proof-object, .proof-selector-button):hover,
html body main.front-page #stories :is(.proof-object, .proof-selector-button):focus-visible,
html body main.front-page #stories .proof-selector-button.is-active,
html body .front-page #stories :is(.proof-object, .proof-selector-button):hover,
html body .front-page #stories :is(.proof-object, .proof-selector-button):focus-visible,
html body .front-page #stories .proof-selector-button.is-active {
  transform: rotate3d(1, 1, 0, 5deg) translateY(-5px) !important;
  border-color: rgba(255, 210, 31, 0.78) !important;
  box-shadow:
    rgba(8, 3, 28, 0.3) 22px 36px 20px -34px,
    rgba(0, 0, 0, 0.25) 0 20px 28px 0,
    0 0 32px rgba(82, 145, 255, 0.26) !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):hover::before,
html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):focus-within::before,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):hover::before,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):focus-within::before {
  inset: 10px !important;
  border-top-right-radius: 70% !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):hover::after,
html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):focus-within::after,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):hover::after,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):focus-within::after {
  transform: translate3d(-6px, 6px, 90px) scale(1.04) !important;
}

html body main.front-page #stories :is(.success-proof-profile h3, .proof-object strong, .proof-selector-button strong),
html body .front-page #stories :is(.success-proof-profile h3, .proof-object strong, .proof-selector-button strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main.front-page #stories :is(.success-proof-profile p, .success-proof-profile blockquote, .proof-object p, .proof-selector-button span),
html body .front-page #stories :is(.success-proof-profile p, .success-proof-profile blockquote, .proof-object p, .proof-selector-button span) {
  color: rgba(255, 255, 255, 0.8) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.8) !important;
}

html body main.front-page #stories :is(.success-proof-profile-top span, .proof-object span, .success-proof-profile-meta strong, .proof-selector-button.is-active strong),
html body .front-page #stories :is(.success-proof-profile-top span, .proof-object span, .success-proof-profile-meta strong, .proof-selector-button.is-active strong) {
  color: #ffd21f !important;
  -webkit-text-fill-color: #ffd21f !important;
}

html body main.front-page #stories .proof-project-window,
html body .front-page #stories .proof-project-window {
  position: relative !important;
  z-index: 2 !important;
  background: rgba(13, 3, 39, 0.78) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 210, 31, 0.08) !important;
}

/* Student Proof Desk: remove the yellow sun/ring decoration from cards. */
html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button)::after,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button)::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 900px) {
  html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):hover,
  html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):focus-within,
  html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):hover,
  html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):focus-within {
    transform: translateY(-6px) !important;
  }
}

@media (max-width: 640px) {
  html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface),
  html body .front-page #stories :is(.success-proof-profile, .success-proof-surface) {
    border-radius: 30px !important;
  }

  html body main.front-page #stories :is(.proof-object, .proof-selector-button),
  html body .front-page #stories :is(.proof-object, .proof-selector-button) {
    border-radius: 20px !important;
  }

  html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button)::after,
  html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button)::after {
    width: 118px !important;
  }
}

/* Absolute final Student Proof Desk 3D reset: old flat styles must not win. */
html body main.front-page #stories .success-proof-panels,
html body .front-page #stories .success-proof-panels,
html body main.front-page #stories .success-proof-selectors,
html body .front-page #stories .success-proof-selectors {
  perspective: 1200px !important;
  transform-style: preserve-3d !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button),
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button) {
  isolation: isolate !important;
  overflow: hidden !important;
  transform-style: preserve-3d !important;
  background:
    linear-gradient(135deg, #30136c 0%, #1b0748 58%, #0d032a 100%) !important;
  background-color: #1b0748 !important;
  background-image: linear-gradient(135deg, #30136c 0%, #1b0748 58%, #0d032a 100%) !important;
  border: 1px solid rgba(124, 163, 255, 0.34) !important;
  box-shadow:
    rgba(8, 3, 28, 0) 40px 50px 25px -40px,
    rgba(0, 0, 0, 0.3) 0 25px 25px -5px,
    0 0 34px rgba(82, 145, 255, 0.2) !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface),
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface) {
  border-radius: 42px !important;
}

html body main.front-page #stories :is(.proof-object, .proof-selector-button),
html body .front-page #stories :is(.proof-object, .proof-selector-button) {
  border-radius: 24px !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button)::before,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button)::before {
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  left: 8px !important;
  top: 8px !important;
  right: 8px !important;
  bottom: 8px !important;
  width: auto !important;
  height: auto !important;
  z-index: 1 !important;
  display: block !important;
  border-radius: inherit !important;
  border-top-right-radius: 100% !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.065) 100%) !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: translate3d(0, 0, 25px) !important;
  transition: all 0.55s ease-in-out !important;
  pointer-events: none !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button)::after,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button)::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button) > *,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button) > * {
  position: relative !important;
  z-index: 2 !important;
  transform: translate3d(0, 0, 30px) !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface):hover,
html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface):focus-within,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface):hover,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface):focus-within {
  background:
    linear-gradient(135deg, #35147a 0%, #1e0851 58%, #10032f 100%) !important;
  border-color: rgba(255, 210, 31, 0.78) !important;
  transform: rotate3d(1, 1, 0, 8deg) translateY(-8px) !important;
  box-shadow:
    rgba(8, 3, 28, 0.34) 30px 50px 25px -40px,
    rgba(0, 0, 0, 0.3) 0 28px 34px 0,
    0 0 42px rgba(82, 145, 255, 0.3) !important;
}

html body main.front-page #stories :is(.proof-object, .proof-selector-button):hover,
html body main.front-page #stories :is(.proof-object, .proof-selector-button):focus-visible,
html body main.front-page #stories .proof-selector-button.is-active,
html body .front-page #stories :is(.proof-object, .proof-selector-button):hover,
html body .front-page #stories :is(.proof-object, .proof-selector-button):focus-visible,
html body .front-page #stories .proof-selector-button.is-active {
  background:
    linear-gradient(135deg, #35147a 0%, #1e0851 58%, #10032f 100%) !important;
  border-color: rgba(255, 210, 31, 0.76) !important;
  box-shadow:
    rgba(8, 3, 28, 0.3) 22px 36px 20px -34px,
    rgba(0, 0, 0, 0.25) 0 20px 28px 0,
    0 0 32px rgba(82, 145, 255, 0.28) !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):hover::before,
html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):focus-within::before,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):hover::before,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button):focus-within::before {
  inset: 10px !important;
  left: 10px !important;
  top: 10px !important;
  right: 10px !important;
  bottom: 10px !important;
  border-top-right-radius: 70% !important;
}

html body main.front-page #stories .success-proof-profile-meta span,
html body main.front-page #stories .success-proof-profile-meta strong,
html body .front-page #stories .success-proof-profile-meta span,
html body .front-page #stories .success-proof-profile-meta strong {
  background: rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;
}

html body main.front-page #stories .success-proof-profile-meta strong,
html body .front-page #stories .success-proof-profile-meta strong {
  border-color: rgba(255, 210, 31, 0.44) !important;
  background: rgba(255, 210, 31, 0.12) !important;
  color: #ffd21f !important;
  -webkit-text-fill-color: #ffd21f !important;
}

html body main.front-page #stories .proof-project-window,
html body .front-page #stories .proof-project-window {
  background: rgba(13, 3, 39, 0.78) !important;
  background-color: rgba(13, 3, 39, 0.78) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 210, 31, 0.08) !important;
}

@media (max-width: 900px) {
  html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface):hover,
  html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface):focus-within,
  html body main.front-page #stories :is(.proof-object, .proof-selector-button):hover,
  html body main.front-page #stories :is(.proof-object, .proof-selector-button):focus-visible,
  html body .front-page #stories :is(.success-proof-profile, .success-proof-surface):hover,
  html body .front-page #stories :is(.success-proof-profile, .success-proof-surface):focus-within,
  html body .front-page #stories :is(.proof-object, .proof-selector-button):hover,
  html body .front-page #stories :is(.proof-object, .proof-selector-button):focus-visible {
    transform: translateY(-6px) !important;
  }
}

/* Courses page cards: soft raised neumorphic style inspired by the reference card. */
html body main.courses-page #courses-grid {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 210, 31, 0.08), transparent 24rem),
    linear-gradient(180deg, #18063f 0%, #220c55 48%, #160436 100%) !important;
}

html body main.courses-page #courses-grid .academy-courses-clean-grid {
  gap: clamp(1.5rem, 2.4vw, 2.35rem) !important;
}

html body main.courses-page #courses-grid .academy-course-card {
  height: auto !important;
  min-height: clamp(34rem, 48vw, 41rem) !important;
  padding: clamp(1rem, 1.5vw, 1.25rem) !important;
  border-radius: 30px !important;
  background: #241052 !important;
  background-color: #241052 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow:
    18px 18px 36px rgba(5, 1, 20, 0.58),
    -14px -14px 30px rgba(92, 50, 169, 0.22) !important;
  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease,
    border-color 0.45s ease,
    background-color 0.45s ease !important;
}

html body main.courses-page #courses-grid .academy-course-card::before,
html body main.courses-page #courses-grid .academy-course-card::after {
  content: none !important;
  display: none !important;
}

html body main.courses-page #courses-grid .academy-course-card:hover,
html body main.courses-page #courses-grid .academy-course-card:focus-within {
  transform: translateY(-8px) !important;
  background: #28125c !important;
  background-color: #28125c !important;
  border-color: rgba(255, 210, 31, 0.32) !important;
  box-shadow:
    22px 22px 42px rgba(5, 1, 20, 0.64),
    -16px -16px 34px rgba(99, 55, 178, 0.28) !important;
}

html body main.courses-page #courses-grid .academy-course-image,
html body main.courses-page #courses-grid .academy-course-image[class*="h-48"],
html body main.courses-page #courses-grid .academy-course-image[class*="min-h"],
html body main.courses-page #courses-grid .academy-course-image[class*="md:w-"] {
  border-radius: 24px !important;
  margin-bottom: 1.15rem !important;
  background: #1b073f !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow:
    inset 8px 8px 16px rgba(5, 1, 20, 0.44),
    inset -8px -8px 16px rgba(82, 45, 150, 0.2) !important;
}

html body main.courses-page #courses-grid .academy-course-image img {
  border-radius: inherit !important;
}

html body main.courses-page #courses-grid .academy-course-card h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main.courses-page #courses-grid .academy-course-card :is(p, li, span, div) {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

html body main.courses-page #courses-grid .academy-course-card .material-symbols-outlined,
html body main.courses-page #courses-grid .academy-course-badge {
  color: #ffd21f !important;
  -webkit-text-fill-color: #ffd21f !important;
}

html body main.courses-page #courses-grid .academy-course-card .border-t {
  border-color: rgba(255, 255, 255, 0.18) !important;
}

@media (max-width: 900px) {
  html body main.courses-page #courses-grid .academy-course-card {
    min-height: auto !important;
  }
}

@media (max-width: 640px) {
  html body main.courses-page #courses-grid .academy-course-card {
    border-radius: 24px !important;
    box-shadow:
      12px 12px 24px rgba(5, 1, 20, 0.56),
      -10px -10px 22px rgba(92, 50, 169, 0.2) !important;
  }

  html body main.courses-page #courses-grid .academy-course-image {
    border-radius: 18px !important;
  }
}

/* Homepage Featured Courses cards: same soft raised neumorphic style. */
html body main.front-page #courses.homepage-course-section,
html body .front-page #courses.homepage-course-section {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 210, 31, 0.08), transparent 24rem),
    linear-gradient(180deg, #18063f 0%, #220c55 48%, #160436 100%) !important;
}

html body main.front-page #courses .homepage-course-viewport,
html body .front-page #courses .homepage-course-viewport {
  gap: clamp(1.5rem, 2.4vw, 2.35rem) !important;
  padding: clamp(1rem, 2vw, 1.5rem) clamp(0.75rem, 1.5vw, 1rem) clamp(1.4rem, 2vw, 1.9rem) !important;
}

html body main.front-page #courses .homepage-course-card,
html body main.front-page #courses .homepage-course-card.is-featured,
html body .front-page #courses .homepage-course-card,
html body .front-page #courses .homepage-course-card.is-featured {
  height: auto !important;
  min-height: clamp(34rem, 48vw, 41rem) !important;
  padding: clamp(1rem, 1.5vw, 1.25rem) !important;
  border-radius: 30px !important;
  background: #241052 !important;
  background-color: #241052 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow:
    18px 18px 36px rgba(5, 1, 20, 0.58),
    -14px -14px 30px rgba(92, 50, 169, 0.22) !important;
  transform: none !important;
  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease,
    border-color 0.45s ease,
    background-color 0.45s ease !important;
}

html body main.front-page #courses .homepage-course-card::before,
html body main.front-page #courses .homepage-course-card::after,
html body main.front-page #courses .homepage-course-card.is-featured::before,
html body main.front-page #courses .homepage-course-card.is-featured::after,
html body .front-page #courses .homepage-course-card::before,
html body .front-page #courses .homepage-course-card::after,
html body .front-page #courses .homepage-course-card.is-featured::before,
html body .front-page #courses .homepage-course-card.is-featured::after {
  content: none !important;
  display: none !important;
}

html body main.front-page #courses .homepage-course-card:hover,
html body main.front-page #courses .homepage-course-card:focus-within,
html body main.front-page #courses .homepage-course-card.is-featured:hover,
html body main.front-page #courses .homepage-course-card.is-featured:focus-within,
html body .front-page #courses .homepage-course-card:hover,
html body .front-page #courses .homepage-course-card:focus-within,
html body .front-page #courses .homepage-course-card.is-featured:hover,
html body .front-page #courses .homepage-course-card.is-featured:focus-within {
  transform: translateY(-8px) !important;
  background: #28125c !important;
  background-color: #28125c !important;
  background-image: none !important;
  border-color: rgba(255, 210, 31, 0.32) !important;
  box-shadow:
    22px 22px 42px rgba(5, 1, 20, 0.64),
    -16px -16px 34px rgba(99, 55, 178, 0.28) !important;
}

html body main.front-page #courses .homepage-course-media,
html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-media,
html body .front-page #courses .homepage-course-media,
html body .front-page #courses .homepage-course-card.is-featured .homepage-course-media {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 24px !important;
  margin: 0 0 1.15rem !important;
  background: #1b073f !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow:
    inset 8px 8px 16px rgba(5, 1, 20, 0.44),
    inset -8px -8px 16px rgba(82, 45, 150, 0.2) !important;
}

html body main.front-page #courses .homepage-course-media::after,
html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-media::after,
html body .front-page #courses .homepage-course-media::after,
html body .front-page #courses .homepage-course-card.is-featured .homepage-course-media::after {
  content: none !important;
  display: none !important;
}

html body main.front-page #courses .homepage-course-media img,
html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-media img,
html body .front-page #courses .homepage-course-media img,
html body .front-page #courses .homepage-course-card.is-featured .homepage-course-media img {
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  object-fit: cover !important;
}

html body main.front-page #courses .homepage-course-media img[src*="-course.svg"],
html body .front-page #courses .homepage-course-media img[src*="-course.svg"] {
  object-fit: contain !important;
  background: #17083f !important;
}

html body main.front-page #courses .homepage-course-content,
html body main.front-page #courses .homepage-course-card.is-featured .homepage-course-content,
html body .front-page #courses .homepage-course-content,
html body .front-page #courses .homepage-course-card.is-featured .homepage-course-content {
  width: 100% !important;
  padding: 0 !important;
}

html body main.front-page #courses .homepage-course-card h3,
html body main.front-page #courses .homepage-course-card.is-featured h3,
html body .front-page #courses .homepage-course-card h3,
html body .front-page #courses .homepage-course-card.is-featured h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main.front-page #courses .homepage-course-card :is(p, li, span, div),
html body main.front-page #courses .homepage-course-card.is-featured :is(p, li, span, div),
html body .front-page #courses .homepage-course-card :is(p, li, span, div),
html body .front-page #courses .homepage-course-card.is-featured :is(p, li, span, div) {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

html body main.front-page #courses :is(.homepage-course-kicker, .homepage-course-badge, .homepage-course-featured-pill, .homepage-course-learnings li::before),
html body .front-page #courses :is(.homepage-course-kicker, .homepage-course-badge, .homepage-course-featured-pill, .homepage-course-learnings li::before) {
  color: #ffd21f !important;
  -webkit-text-fill-color: #ffd21f !important;
}

@media (max-width: 900px) {
  html body main.front-page #courses .homepage-course-card,
  html body main.front-page #courses .homepage-course-card.is-featured,
  html body .front-page #courses .homepage-course-card,
  html body .front-page #courses .homepage-course-card.is-featured {
    min-height: auto !important;
  }
}

@media (max-width: 640px) {
  html body main.front-page #courses .homepage-course-card,
  html body main.front-page #courses .homepage-course-card.is-featured,
  html body .front-page #courses .homepage-course-card,
  html body .front-page #courses .homepage-course-card.is-featured {
    border-radius: 24px !important;
    box-shadow:
      12px 12px 24px rgba(5, 1, 20, 0.56),
      -10px -10px 22px rgba(92, 50, 169, 0.2) !important;
  }

  html body main.front-page #courses .homepage-course-media,
  html body .front-page #courses .homepage-course-media {
    border-radius: 18px !important;
  }
}

/* Final logo asset: cleaned SVG, no white box, dark purple mark in nav and footer. */
html body :is(header.site-header.hero-header, .site-header.hero-header) .site-logo-chip,
html body :is(.site-footer, .footer-brand) :is(.site-logo-chip, .footer-logo-chip) {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body :is(header.site-header.hero-header, .site-header.hero-header) .site-logo-image {
  width: clamp(2.25rem, 3vw, 2.85rem) !important;
  height: auto !important;
  max-height: 2.85rem !important;
  object-fit: contain !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body :is(.site-footer, .footer-brand) :is(.site-logo-image, .footer-logo-image) {
  width: clamp(8.5rem, 14vw, 12rem) !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background: transparent !important;
}

html body header.site-header.hero-header .site-logo-link,
html body header.site-header.hero-header .site-logo-link :is(.global-nav-brand-name, .global-nav-brand-subtitle) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

/* Absolute final real wordmark logo: use the supplied full SVG, not the old icon slot. */
html body :is(header.site-header.hero-header, .site-header.hero-header) .site-logo-link {
  width: clamp(10rem, 15vw, 14rem) !important;
  min-width: clamp(10rem, 15vw, 14rem) !important;
  max-width: clamp(10rem, 15vw, 14rem) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
}

html body :is(header.site-header.hero-header, .site-header.hero-header) .site-logo-chip {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

html body :is(header.site-header.hero-header, .site-header.hero-header) .site-logo-image {
  width: 100% !important;
  height: auto !important;
  max-height: 3.8rem !important;
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: none !important;
  background: transparent !important;
}

html body :is(header.site-header.hero-header, .site-header.hero-header) .global-nav-brand-text {
  display: none !important;
}

html body .site-footer .footer-brand {
  align-items: flex-start !important;
}

html body .site-footer .footer-logo-link {
  width: clamp(12rem, 18vw, 16rem) !important;
  max-width: 100% !important;
  display: inline-flex !important;
}

html body .site-footer .footer-logo-image {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: none !important;
  background: transparent !important;
}

@media (max-width: 640px) {
  html body :is(header.site-header.hero-header, .site-header.hero-header) .site-logo-link {
    width: 9.25rem !important;
    min-width: 9.25rem !important;
    max-width: 9.25rem !important;
  }

  html body .site-footer .footer-logo-link {
    width: 12rem !important;
  }
}

/* Absolute final logo correction: visible kite icon plus brand text. */
html body :is(header.site-header.hero-header, .site-header.hero-header) .site-logo-link {
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
}

html body :is(header.site-header.hero-header, .site-header.hero-header) .site-logo-chip {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body :is(header.site-header.hero-header, .site-header.hero-header) .site-logo-image {
  width: 44px !important;
  height: 44px !important;
  max-height: 44px !important;
  display: block !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body :is(header.site-header.hero-header, .site-header.hero-header) .global-nav-brand-text {
  display: block !important;
  line-height: 1 !important;
}

html body :is(header.site-header.hero-header, .site-header.hero-header) .global-nav-brand-name {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  font-size: clamp(1.35rem, 1.9vw, 1.8rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

html body :is(header.site-header.hero-header, .site-header.hero-header) .global-nav-brand-subtitle {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  display: block !important;
  margin-top: 0.18rem !important;
  font-size: 0.58rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.24em !important;
}

html body .site-footer .footer-brand {
  display: flex !important;
  align-items: center !important;
  gap: 0.8rem !important;
}

html body .site-footer .footer-logo-link {
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
}

html body .site-footer .footer-logo-image {
  width: 54px !important;
  height: 54px !important;
  display: block !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body .site-footer .footer-brand strong,
html body .site-footer .footer-brand span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 640px) {
  html body :is(header.site-header.hero-header, .site-header.hero-header) .site-logo-chip,
  html body :is(header.site-header.hero-header, .site-header.hero-header) .site-logo-image {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    max-height: 38px !important;
  }

  html body :is(header.site-header.hero-header, .site-header.hero-header) .global-nav-brand-name {
    font-size: 1.35rem !important;
  }
}

/* Absolute final supplied logo: full SVG wordmark, white background removed. */
html body :is(header.site-header.hero-header, .site-header.hero-header) .site-logo-link {
  width: clamp(10.5rem, 15vw, 14rem) !important;
  min-width: clamp(10.5rem, 15vw, 14rem) !important;
  max-width: clamp(10.5rem, 15vw, 14rem) !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

html body :is(header.site-header.hero-header, .site-header.hero-header) .site-logo-chip {
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  display: block !important;
}

html body :is(header.site-header.hero-header, .site-header.hero-header) .site-logo-image {
  width: 100% !important;
  height: auto !important;
  max-height: 3.5rem !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
}

html body :is(header.site-header.hero-header, .site-header.hero-header) .global-nav-brand-text {
  display: none !important;
}

html body .site-footer .footer-brand {
  display: flex !important;
  align-items: flex-start !important;
}

html body .site-footer .footer-logo-link {
  width: clamp(12rem, 18vw, 16rem) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: inline-flex !important;
}

html body .site-footer .footer-logo-image {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
}

@media (max-width: 640px) {
  html body :is(header.site-header.hero-header, .site-header.hero-header) .site-logo-link {
    width: 9.75rem !important;
    min-width: 9.75rem !important;
    max-width: 9.75rem !important;
  }

  html body .site-footer .footer-logo-link {
    width: 12rem !important;
  }
}

/* Logo visibility lock: supplied SVG, transparent background, no competing old logo boxes. */
html body header.site-header.hero-header .site-logo-link,
html body .site-header.hero-header .site-logo-link {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 9999 !important;
  transform: translate(-50%, -50%) !important;
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body header.site-header.hero-header .site-logo-chip,
html body .site-header.hero-header .site-logo-chip {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body header.site-header.hero-header .site-logo-image,
html body .site-header.hero-header .site-logo-image {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  background: transparent !important;
}

html body .site-footer .footer-logo-link {
  width: 260px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .site-footer .footer-logo-image {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  background: transparent !important;
}

@media (max-width: 640px) {
  html body header.site-header.hero-header .site-logo-link,
  html body .site-header.hero-header .site-logo-link {
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }

  html body .site-footer .footer-logo-link {
    width: 220px !important;
  }
}

/* Final white navbar: no square, purple artwork on white. */
html body header.site-header.hero-header,
html body .site-header.hero-header {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(38, 8, 95, 0.16) !important;
  color: #26085f !important;
}

html body header.site-header.hero-header .site-navigation a.nav-link-with-icon,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body header.site-header.hero-header .site-navigation a.nav-link-with-icon:hover,
html body header.site-header.hero-header .site-navigation a.nav-link-with-icon:focus-visible,
html body header.site-header.hero-header .site-navigation a.nav-link-with-icon.is-active,
html body header.site-header.hero-header .site-navigation a.nav-link-with-icon[aria-current="page"],
html body .site-header.hero-header .site-navigation a.nav-link-with-icon:hover,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon:focus-visible,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon.is-active,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon[aria-current="page"] {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body header.site-header.hero-header .site-logo-link,
html body .site-header.hero-header .site-logo-link,
html body header.site-header.hero-header .site-logo-chip,
html body .site-header.hero-header .site-logo-chip {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html body header.site-header.hero-header .site-logo-image,
html body .site-header.hero-header .site-logo-image,
html body .site-footer .footer-logo-image {
  filter: none !important;
}

/* Contact page tone-down: deeper academy purple, softer glow. */
html body .contact-split-page {
  background:
    radial-gradient(circle at 18% 8%, rgba(58, 24, 118, 0.16), transparent 32%),
    linear-gradient(180deg, #070017 0%, #0b021f 48%, #050011 100%) !important;
}

html body .contact-split-page .contact-split-card {
  background: #0a021d !important;
  border-color: rgba(96, 70, 150, 0.22) !important;
  box-shadow: 0 22px 70px rgba(5, 0, 20, 0.42) !important;
}

html body .contact-split-page .contact-form-panel {
  background:
    radial-gradient(circle at 92% 10%, rgba(62, 29, 124, 0.12), transparent 28%),
    linear-gradient(135deg, #10002b 0%, #140035 54%, #090018 100%) !important;
}

html body .contact-split-page .contact-visual-overlay {
  background:
    linear-gradient(180deg, rgba(7, 0, 23, 0.42), rgba(7, 0, 23, 0.86)),
    linear-gradient(90deg, rgba(8, 0, 27, 0.7), rgba(14, 0, 38, 0.9)) !important;
}

html body .contact-split-page .contact-visual-panel img {
  filter: grayscale(0.24) saturate(0.72) contrast(1.02) brightness(0.58) !important;
}

html body .contact-split-page .contact-form-heading p,
html body .contact-split-page .contact-form-heading div,
html body .contact-split-page .contact-visual-copy,
html body .contact-split-page .contact-visual-copy p {
  color: rgba(255, 255, 255, 0.78) !important;
}

html body .contact-split-page .contact-split-form input,
html body .contact-split-page .contact-split-form textarea {
  border-color: rgba(255, 255, 255, 0.28) !important;
  background: rgba(7, 0, 23, 0.16) !important;
}

html body .contact-split-page .contact-split-form input:focus,
html body .contact-split-page .contact-split-form textarea:focus {
  border-color: rgba(255, 210, 26, 0.82) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  box-shadow: 0 0 0 4px rgba(255, 210, 26, 0.1) !important;
}

html body .contact-split-page .contact-split-form .contact-input-group :is(input:focus, input:not(:placeholder-shown), textarea:focus, textarea:not(:placeholder-shown)) + span {
  background: #10002b !important;
}

/* Mark-only logo: no square or wordmark box. */
html body header.site-header.hero-header .site-logo-link,
html body .site-header.hero-header .site-logo-link {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body header.site-header.hero-header .site-logo-chip,
html body .site-header.hero-header .site-logo-chip {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body header.site-header.hero-header .site-logo-image,
html body .site-header.hero-header .site-logo-image {
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .site-footer .footer-logo-link {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .site-footer .footer-logo-image {
  width: 76px !important;
  height: 76px !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Navbar logo removed: no centered square/mark. */
html body header.site-header.hero-header .site-logo-link,
html body header.site-header.hero-header .site-logo-chip,
html body header.site-header.hero-header .site-logo-image {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Footer logo removed. */
html body .site-footer .footer-logo-link,
html body .site-footer .footer-logo-image,
html body .site-footer .footer-brand {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Restored supplied logo copies: purple in nav, white in footer, transparent backgrounds. */
html body header.site-header.hero-header .site-logo-link,
html body header.site-header.hero-header .site-logo-chip,
html body header.site-header.hero-header .site-logo-image,
html body .site-footer .footer-brand,
html body .site-footer .footer-logo-link,
html body .site-footer .footer-logo-image {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body header.site-header.hero-header .site-logo-link {
  width: 360px !important;
  min-width: 360px !important;
  max-width: 360px !important;
  height: 94px !important;
  min-height: 94px !important;
  max-height: 94px !important;
}

html body header.site-header.hero-header .site-logo-chip,
html body header.site-header.hero-header .site-logo-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

html body .site-footer .footer-brand {
  align-items: flex-start !important;
  margin-bottom: 1rem !important;
}

html body .site-footer .footer-logo-link {
  width: 250px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
}

html body .site-footer .footer-logo-image {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
}

@media (max-width: 640px) {
  html body header.site-header.hero-header .site-logo-link {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: 66px !important;
  }

  html body .site-footer .footer-logo-link {
    width: 210px !important;
  }
}

/* Final navbar alignment: logo left, links centered, action right. */
@media (min-width: 1280px) {
  html body header.site-header.hero-header > div,
  html body .site-header.hero-header > div {
    display: grid !important;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr) minmax(220px, 360px) !important;
    align-items: center !important;
    column-gap: clamp(1rem, 2.5vw, 2rem) !important;
  }

  html body header.site-header.hero-header .site-logo-link,
  html body .site-header.hero-header .site-logo-link {
    position: static !important;
    grid-column: 1 !important;
    justify-self: start !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
  }

  html body header.site-header.hero-header .site-navigation,
  html body .site-header.hero-header .site-navigation {
    grid-column: 2 !important;
    justify-self: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.site-header.hero-header > div > .hidden.items-center,
  html body .site-header.hero-header > div > .hidden.items-center {
    grid-column: 3 !important;
    justify-self: end !important;
  }
}

@media (max-width: 1279px) {
  html body header.site-header.hero-header > div,
  html body .site-header.hero-header > div {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  html body header.site-header.hero-header .site-logo-link,
  html body .site-header.hero-header .site-logo-link {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 auto 0 0 !important;
  }

  html body header.site-header.hero-header .menu-toggle,
  html body .site-header.hero-header .menu-toggle {
    position: static !important;
    transform: none !important;
    margin-left: auto !important;
  }
}

/* Absolute final footer text color. */
html body footer.site-footer,
html body footer.site-footer *,
html body footer.site-footer :is(a, a:link, a:visited, a:hover, a:focus-visible),
html body .site-footer,
html body .site-footer *,
html body .site-footer :is(a, a:link, a:visited, a:hover, a:focus-visible) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body footer.site-footer :is(svg, svg path),
html body .site-footer :is(svg, svg path) {
  fill: #26085f !important;
  color: #26085f !important;
}

/* Absolute final footer contact color. */
html body footer.site-footer .footer-contact,
html body footer.site-footer .footer-contact *,
html body footer.site-footer .footer-contact-simple,
html body footer.site-footer .footer-contact-simple *,
html body footer.site-footer .footer-contact-simple :is(a, a:link, a:visited, a:hover, a:focus-visible),
html body .site-footer .footer-contact,
html body .site-footer .footer-contact *,
html body .site-footer .footer-contact-simple,
html body .site-footer .footer-contact-simple *,
html body .site-footer .footer-contact-simple :is(a, a:link, a:visited, a:hover, a:focus-visible) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}
/* Absolute final footer navigation color. */
html body footer.site-footer .footer-links,
html body footer.site-footer .footer-links *,
html body footer.site-footer .footer-links :is(a, a:link, a:visited, a:hover, a:focus-visible),
html body .site-footer .footer-links,
html body .site-footer .footer-links *,
html body .site-footer .footer-links :is(a, a:link, a:visited, a:hover, a:focus-visible) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

/* Absolute final About page canvas: remove purple side gutters. */
html:has(body .page-about),
html body:has(.page-about),
html body:has(.page-about)::before,
html body:has(.page-about)::after,
html body .page-about,
html body main.page-about,
html body .page-about::before,
html body .page-about::after {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

html body .page-about,
html body main.page-about {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}

html body .page-about :is(.about-section, .about-story-section, .about-difference-section, .about-cta-section) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 0 0 100vmax #ffffff !important;
  clip-path: inset(0 -100vmax) !important;
}

/* Absolute final About hero heading color. */
html body .page-about .about-hero h1,
html body .page-about .about-hero h1 * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Absolute final About CTA: no card, dark purple section. */
html body .page-about .about-cta-section {
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
  box-shadow: 0 0 0 100vmax #0a021d !important;
  clip-path: inset(0 -100vmax) !important;
}

html body .page-about .about-cta-section > div {
  max-width: 980px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html body .page-about .about-cta-section :is(h2, p) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Absolute final About purpose heading balance. */
html body .page-about .about-mission-section .about-section-header {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .page-about .about-mission-section .about-section-header h2 {
  max-width: 1160px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(3rem, 5.6vw, 5.4rem) !important;
  line-height: 0.98 !important;
  text-wrap: balance !important;
}

html body .page-about .about-mission-section .about-section-header p {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(1.05rem, 1.45vw, 1.28rem) !important;
  line-height: 1.6 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

/* Absolute final About CTA button outline fix. */
html body .page-about .about-cta-section .button {
  position: relative !important;
  overflow: visible !important;
  border: 2px solid #ffd21a !important;
  border-radius: 999px !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

html body .page-about .about-cta-section .button::before,
html body .page-about .about-cta-section .button::after {
  content: none !important;
  display: none !important;
}

/* Absolute final global section dividers. */
html body main > section,
html body .front-page > section,
html body .page-main > section,
html body .courses-page > section,
html body .demo-editorial > section {
  position: relative !important;
}

html body main > section + section::before,
html body .front-page > section + section::before,
html body .page-main > section + section::before,
html body .courses-page > section + section::before,
html body .demo-editorial > section + section::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: clamp(1rem, 5vw, 4rem) !important;
  right: clamp(1rem, 5vw, 4rem) !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(38, 8, 95, 0.24), transparent) !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: 10 !important;
}

html body main > section:is(
  .hero-header,
  .hero-gradient,
  .home-dynamic-bg-section,
  .demo-hero,
  .demo-info-section,
  .home-final-cta-section,
  .about-cta-section,
  .courses-hero,
  .careers-hero,
  .page-hero,
  .page-hero-alt
) + section::before,
html body main > section + section:is(
  .hero-header,
  .hero-gradient,
  .home-dynamic-bg-section,
  .demo-hero,
  .demo-info-section,
  .home-final-cta-section,
  .about-cta-section,
  .courses-hero,
  .careers-hero,
  .page-hero,
  .page-hero-alt
)::before {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent) !important;
}

/* Absolute final careers apply UI cleanup. */
html body .page-careers #apply-now.apply-section,
html body main.page-careers #apply-now.apply-section {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(4.5rem, 8vw, 6.5rem) clamp(1.25rem, 5vw, 4rem) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: 0 0 0 100vmax #ffffff !important;
  clip-path: inset(0 -100vmax) !important;
}

html body .page-careers #apply-now .careers-section-header {
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  margin: 0 auto clamp(2.25rem, 4vw, 3.25rem) !important;
  text-align: center !important;
}

html body .page-careers #apply-now .careers-kicker {
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
}

html body .page-careers #apply-now .careers-section-header h2 {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  font-size: clamp(2.75rem, 5.8vw, 5rem) !important;
  line-height: 1.02 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body .page-careers #apply-now .apply-grid {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .page-careers #apply-now .contact-form {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: clamp(1.75rem, 4vw, 3rem) !important;
  row-gap: clamp(1.65rem, 3vw, 2.25rem) !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .page-careers #apply-now .contact-form .career-input-group {
  position: relative !important;
  min-height: 66px !important;
}

html body .page-careers #apply-now .contact-form :is(input, textarea) {
  width: 100% !important;
  min-height: 66px !important;
  padding: 1rem 1.2rem !important;
  border: 2px solid rgba(38, 8, 95, 0.34) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

html body .page-careers #apply-now .contact-form .career-input-group span:not(.career-upload-card) {
  position: absolute !important;
  top: 0 !important;
  left: 1rem !important;
  z-index: 2 !important;
  padding: 0 0.45rem !important;
  background: #ffffff !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  font-size: 0.88rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  transform: translateY(-50%) !important;
}

html body .page-careers #apply-now .contact-form .career-input-file,
html body .page-careers #apply-now .contact-form .career-input-textarea,
html body .page-careers #apply-now .contact-form button,
html body .page-careers #apply-now .contact-form .form-error,
html body .page-careers #apply-now .contact-form .form-success {
  grid-column: 1 / -1 !important;
}

html body .page-careers #apply-now .contact-form textarea {
  min-height: 170px !important;
  resize: vertical !important;
}

html body .page-careers #apply-now .contact-form .career-input-file {
  min-height: 170px !important;
}

html body .page-careers #apply-now .contact-form .career-upload-card {
  min-height: 170px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px dashed rgba(38, 8, 95, 0.32) !important;
  border-radius: 22px !important;
  background: rgba(38, 8, 95, 0.04) !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: none !important;
}

html body .page-careers #apply-now .contact-form .career-upload-card * {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  stroke: currentColor !important;
}

html body .page-careers #apply-now .contact-form button {
  width: 100% !important;
  min-height: 62px !important;
  margin-top: clamp(0.35rem, 1.5vw, 0.8rem) !important;
}

@media (max-width: 760px) {
  html body .page-careers #apply-now .contact-form {
    grid-template-columns: 1fr !important;
  }
}

/* Absolute final courses cards: same information pattern on every card. */
html body main.courses-page #courses-grid .academy-course-card {
  min-height: 100% !important;
}

html body main.courses-page #courses-grid .academy-course-card > div:not(.academy-course-image):not(.absolute) {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

html body main.courses-page #courses-grid .academy-course-card h3 {
  margin-bottom: 0.55rem !important;
}

html body main.courses-page #courses-grid .academy-course-card h3 + p {
  min-height: 3.25rem !important;
  margin-bottom: 1.1rem !important;
}

html body main.courses-page #courses-grid .academy-course-detail-label {
  display: block !important;
  margin: 0 0 0.7rem !important;
  color: #ffd21f !important;
  -webkit-text-fill-color: #ffd21f !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body main.courses-page #courses-grid .academy-course-card .mb-6.flex-grow {
  flex: 1 1 auto !important;
  margin-bottom: 1.4rem !important;
}

html body main.courses-page #courses-grid .academy-course-card ul {
  display: grid !important;
  gap: 0.62rem !important;
}

html body main.courses-page #courses-grid .academy-course-feature {
  align-items: flex-start !important;
}

html body main.courses-page #courses-grid .academy-course-feature > span {
  display: block !important;
  line-height: 1.45 !important;
}

html body main.courses-page #courses-grid .academy-course-card div:has(> .academy-course-cta) {
  margin-top: auto !important;
}

/* Absolute final About CTA button: stop the pill outline from being clipped. */
html body .page-about .about-cta-section .button,
html body .page-about .about-cta-section .button:link,
html body .page-about .about-cta-section .button:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 280px !important;
  min-height: 72px !important;
  padding: 0 3rem !important;
  margin: 0 auto !important;
  border: 3px solid #ffd21a !important;
  border-radius: 999px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  line-height: 1 !important;
  overflow: visible !important;
  clip-path: none !important;
  box-shadow: none !important;
}

html body .page-about .about-cta-section .button::before,
html body .page-about .about-cta-section .button::after {
  content: none !important;
  display: none !important;
}

html body .page-about .about-cta-section .button:hover,
html body .page-about .about-cta-section .button:focus-visible {
  transform: translateY(-3px) !important;
  background: #ffd21a !important;
  background-color: #ffd21a !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: 0 18px 42px rgba(255, 210, 26, 0.18) !important;
}

/* Last override: courses page uniform cards and single enroll action. */
html body main.courses-page #courses-grid .academy-courses-clean-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(1.5rem, 2.5vw, 2.35rem) !important;
  align-items: stretch !important;
}

html body main.courses-page #courses-grid .academy-course-card {
  grid-column: auto !important;
  min-height: clamp(32rem, 42vw, 38rem) !important;
  display: flex !important;
  flex-direction: column !important;
  padding: clamp(1rem, 1.5vw, 1.25rem) !important;
}

html body main.courses-page #courses-grid .academy-course-card[class*="grid"],
html body main.courses-page #courses-grid .academy-course-card[class*="flex"] {
  display: flex !important;
  flex-direction: column !important;
}

html body main.courses-page #courses-grid .academy-course-image,
html body main.courses-page #courses-grid .academy-course-image[class*="h-48"],
html body main.courses-page #courses-grid .academy-course-image[class*="min-h"],
html body main.courses-page #courses-grid .academy-course-image[class*="md:w-"] {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 0 1.15rem !important;
  flex: 0 0 auto !important;
}

html body main.courses-page #courses-grid .academy-course-card > div:not(.academy-course-image):not(.absolute) {
  width: 100% !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
}

html body main.courses-page #courses-grid .academy-course-card .academy-course-cta + .academy-course-cta {
  display: none !important;
}

html body main.courses-page #courses-grid .academy-course-card .academy-course-cta,
html body main.courses-page #courses-grid .academy-course-card .academy-course-cta:link,
html body main.courses-page #courses-grid .academy-course-card .academy-course-cta:visited {
  width: 100% !important;
  min-height: 48px !important;
  margin-top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.78rem 1.25rem !important;
  border-radius: 999px !important;
  background: #ffd21f !important;
  border: 2px solid #ffd21f !important;
  color: #17083f !important;
  -webkit-text-fill-color: #17083f !important;
  font-weight: 900 !important;
  text-align: center !important;
  box-shadow: none !important;
  transition:
    transform 0.28s ease,
    background-color 0.28s ease,
    color 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease !important;
}

html body main.courses-page #courses-grid .academy-course-card .academy-course-cta:hover,
html body main.courses-page #courses-grid .academy-course-card .academy-course-cta:focus-visible {
  transform: translateY(-3px) !important;
  background: transparent !important;
  background-color: transparent !important;
  border-color: #ffd21f !important;
  color: #ffd21f !important;
  -webkit-text-fill-color: #ffd21f !important;
  box-shadow: 0 18px 36px rgba(255, 210, 31, 0.16) !important;
}

html body main.courses-page #courses-grid .academy-course-card .academy-course-cta:hover *,
html body main.courses-page #courses-grid .academy-course-card .academy-course-cta:focus-visible * {
  color: #ffd21f !important;
  -webkit-text-fill-color: #ffd21f !important;
}

html body main.courses-page #courses-grid .academy-course-card .border-t,
html body main.courses-page #courses-grid .academy-course-card div:has(> .academy-course-cta) {
  width: 100% !important;
  margin-top: auto !important;
  padding-top: 1rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
}

@media (max-width: 900px) {
  html body main.courses-page #courses-grid .academy-courses-clean-grid {
    grid-template-columns: 1fr !important;
  }

  html body main.courses-page #courses-grid .academy-course-card {
    min-height: auto !important;
  }
}

/* Absolute final careers application: full white section, no form card. */
html body .page-careers .apply-section {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: 0 0 0 100vmax #ffffff !important;
  clip-path: inset(0 -100vmax) !important;
}

html body .page-careers .apply-section :is(.careers-section-header h2, .careers-section-header p) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body .page-careers .apply-section .apply-grid {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin: clamp(2rem, 4vw, 3rem) auto 0 !important;
  display: block !important;
}

html body .page-careers .apply-section .contact-form {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: clamp(1.75rem, 4vw, 3rem) !important;
  row-gap: clamp(1.65rem, 3.2vw, 2.35rem) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html body .page-careers .apply-section .contact-form .career-input-group {
  min-height: 66px !important;
}

html body .page-careers .apply-section .contact-form :is(input, textarea) {
  min-height: 66px !important;
  border: 2px solid rgba(38, 8, 95, 0.42) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  font-weight: 500 !important;
}

html body .page-careers .apply-section .contact-form .career-input-group span:not(.career-upload-card) {
  background: #ffffff !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body .page-careers .apply-section .contact-form .career-input-file,
html body .page-careers .apply-section .contact-form .career-input-textarea,
html body .page-careers .apply-section .contact-form button,
html body .page-careers .apply-section .contact-form .form-error,
html body .page-careers .apply-section .contact-form .form-success {
  grid-column: 1 / -1 !important;
}

html body .page-careers .apply-section .contact-form textarea {
  min-height: 170px !important;
}

html body .page-careers .apply-section .contact-form .career-upload-card {
  min-height: 160px !important;
  border: 2px dashed rgba(38, 8, 95, 0.35) !important;
  border-radius: 22px !important;
  background: rgba(38, 8, 95, 0.04) !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: none !important;
}

html body .page-careers .apply-section .contact-form .career-upload-card * {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  stroke: currentColor !important;
}

html body .page-careers .apply-section .contact-form button {
  width: 100% !important;
  min-height: 62px !important;
  margin-top: clamp(0.5rem, 2vw, 1rem) !important;
}

@media (max-width: 760px) {
  html body .page-careers .apply-section .contact-form {
    grid-template-columns: 1fr !important;
  }
}

/* Absolute final careers apply UI cleanup. */
html body .page-careers #apply-now.apply-section,
html body main.page-careers #apply-now.apply-section {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(4.5rem, 8vw, 6.5rem) clamp(1.25rem, 5vw, 4rem) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: 0 0 0 100vmax #ffffff !important;
  clip-path: inset(0 -100vmax) !important;
}

html body .page-careers #apply-now .careers-section-header {
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  margin: 0 auto clamp(2.25rem, 4vw, 3.25rem) !important;
  text-align: center !important;
}

html body .page-careers #apply-now .careers-kicker {
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
}

html body .page-careers #apply-now .careers-section-header h2 {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  font-size: clamp(2.75rem, 5.8vw, 5rem) !important;
  line-height: 1.02 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body .page-careers #apply-now .apply-grid {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .page-careers #apply-now .contact-form {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: clamp(1.75rem, 4vw, 3rem) !important;
  row-gap: clamp(1.65rem, 3vw, 2.25rem) !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .page-careers #apply-now .contact-form .career-input-group {
  position: relative !important;
  min-height: 66px !important;
}

html body .page-careers #apply-now .contact-form :is(input, textarea) {
  width: 100% !important;
  min-height: 66px !important;
  padding: 1rem 1.2rem !important;
  border: 2px solid rgba(38, 8, 95, 0.34) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

html body .page-careers #apply-now .contact-form .career-input-group span:not(.career-upload-card) {
  position: absolute !important;
  top: 0 !important;
  left: 1rem !important;
  z-index: 2 !important;
  padding: 0 0.45rem !important;
  background: #ffffff !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  font-size: 0.88rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  transform: translateY(-50%) !important;
}

html body .page-careers #apply-now .contact-form .career-input-file,
html body .page-careers #apply-now .contact-form .career-input-textarea,
html body .page-careers #apply-now .contact-form button,
html body .page-careers #apply-now .contact-form .form-error,
html body .page-careers #apply-now .contact-form .form-success {
  grid-column: 1 / -1 !important;
}

html body .page-careers #apply-now .contact-form textarea {
  min-height: 170px !important;
  resize: vertical !important;
}

html body .page-careers #apply-now .contact-form .career-input-file {
  min-height: 170px !important;
}

html body .page-careers #apply-now .contact-form .career-upload-card {
  min-height: 170px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px dashed rgba(38, 8, 95, 0.32) !important;
  border-radius: 22px !important;
  background: rgba(38, 8, 95, 0.04) !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: none !important;
}

html body .page-careers #apply-now .contact-form .career-upload-card * {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  stroke: currentColor !important;
}

html body .page-careers #apply-now .contact-form button {
  width: 100% !important;
  min-height: 62px !important;
  margin-top: clamp(0.35rem, 1.5vw, 0.8rem) !important;
}

@media (max-width: 760px) {
  html body .page-careers #apply-now .contact-form {
    grid-template-columns: 1fr !important;
  }
}

/* Absolute final careers overview text alignment. */
html body .page-careers .career-overview-section .careers-section-header {
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body .page-careers .career-overview-section .careers-section-header h2 {
  max-width: 1050px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(3rem, 5.8vw, 5.65rem) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body .page-careers .career-overview-section .careers-section-header p {
  max-width: 940px !important;
  margin: 1.65rem auto 0 !important;
  font-size: clamp(1.02rem, 1.35vw, 1.22rem) !important;
  line-height: 1.65 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

/* Careers page section dividers. */
html body .page-careers > section {
  position: relative !important;
}

html body .page-careers > section + section::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: clamp(1.25rem, 6vw, 5rem) !important;
  right: clamp(1.25rem, 6vw, 5rem) !important;
  display: block !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.24), transparent) !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

html body .page-careers > section:is(.apply-section, .open-positions-section)::before {
  background: linear-gradient(90deg, transparent, rgba(38, 8, 95, 0.22), transparent) !important;
}

/* Careers application: full white section, no form card. */
html body .page-careers .apply-section {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: 0 0 0 100vmax #ffffff !important;
  clip-path: inset(0 -100vmax) !important;
}

html body .page-careers .apply-section :is(.careers-section-header h2, .careers-section-header p) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body .page-careers .apply-section .apply-grid {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin: clamp(2rem, 4vw, 3rem) auto 0 !important;
  display: block !important;
}

html body .page-careers .apply-section .contact-form {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: clamp(1.75rem, 4vw, 3rem) !important;
  row-gap: clamp(1.65rem, 3.2vw, 2.35rem) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html body .page-careers .apply-section .contact-form .career-input-group {
  min-height: 66px !important;
}

html body .page-careers .apply-section .contact-form :is(input, textarea) {
  min-height: 66px !important;
  border: 2px solid rgba(38, 8, 95, 0.42) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  font-weight: 500 !important;
}

html body .page-careers .apply-section .contact-form .career-input-group span:not(.career-upload-card) {
  background: #ffffff !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body .page-careers .apply-section .contact-form .career-input-file,
html body .page-careers .apply-section .contact-form .career-input-textarea,
html body .page-careers .apply-section .contact-form button,
html body .page-careers .apply-section .contact-form .form-error,
html body .page-careers .apply-section .contact-form .form-success {
  grid-column: 1 / -1 !important;
}

html body .page-careers .apply-section .contact-form textarea {
  min-height: 170px !important;
}

html body .page-careers .apply-section .contact-form .career-upload-card {
  min-height: 160px !important;
  border: 2px dashed rgba(38, 8, 95, 0.35) !important;
  border-radius: 22px !important;
  background: rgba(38, 8, 95, 0.04) !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: none !important;
}

html body .page-careers .apply-section .contact-form .career-upload-card * {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  stroke: currentColor !important;
}

html body .page-careers .apply-section .contact-form button {
  width: 100% !important;
  min-height: 62px !important;
  margin-top: clamp(0.5rem, 2vw, 1rem) !important;
}

@media (max-width: 760px) {
  html body .page-careers .apply-section .contact-form {
    grid-template-columns: 1fr !important;
  }
}

/* Absolute final contact form spacious layout. */
html body .contact-split-page .contact-form-panel {
  padding: clamp(3rem, 6vw, 5rem) !important;
}

html body .contact-split-page .contact-form-heading {
  margin-bottom: clamp(2rem, 4vw, 3rem) !important;
}

html body .contact-split-page .contact-split-form {
  display: grid !important;
  gap: clamp(1.65rem, 3.2vw, 2.35rem) !important;
}

html body .contact-split-page .contact-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: clamp(1.75rem, 4vw, 3rem) !important;
  row-gap: clamp(1.65rem, 3.2vw, 2.35rem) !important;
}

html body .contact-split-page .contact-input-group {
  min-height: 66px !important;
}

html body .contact-split-page .contact-split-form :is(input, textarea) {
  min-height: 66px !important;
  border-radius: 22px !important;
  padding-left: 1.2rem !important;
  padding-right: 1.2rem !important;
}

html body .contact-split-page .contact-split-form textarea {
  min-height: 170px !important;
  padding-top: 1.2rem !important;
}

html body .contact-split-page .contact-submit-button {
  width: 100% !important;
  min-height: 62px !important;
  margin-top: clamp(0.5rem, 2vw, 1rem) !important;
}

@media (max-width: 760px) {
  html body .contact-split-page .contact-form-panel {
    padding: clamp(2rem, 8vw, 3rem) !important;
  }

  html body .contact-split-page .contact-form-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Absolute final careers overview text alignment. */
html body .page-careers .career-overview-section .careers-section-header {
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body .page-careers .career-overview-section .careers-section-header h2 {
  max-width: 1050px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(3rem, 5.8vw, 5.65rem) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body .page-careers .career-overview-section .careers-section-header p {
  max-width: 940px !important;
  margin: 1.65rem auto 0 !important;
  font-size: clamp(1.02rem, 1.35vw, 1.22rem) !important;
  line-height: 1.65 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

/* Absolute final contact form spacious layout. */
html body .contact-split-page .contact-form-panel {
  padding: clamp(3rem, 6vw, 5rem) !important;
}

html body .contact-split-page .contact-form-heading {
  margin-bottom: clamp(2rem, 4vw, 3rem) !important;
}

html body .contact-split-page .contact-split-form {
  display: grid !important;
  gap: clamp(1.65rem, 3.2vw, 2.35rem) !important;
}

html body .contact-split-page .contact-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: clamp(1.75rem, 4vw, 3rem) !important;
  row-gap: clamp(1.65rem, 3.2vw, 2.35rem) !important;
}

html body .contact-split-page .contact-input-group {
  min-height: 66px !important;
}

html body .contact-split-page .contact-split-form :is(input, textarea) {
  min-height: 66px !important;
  border-radius: 22px !important;
  padding-left: 1.2rem !important;
  padding-right: 1.2rem !important;
}

html body .contact-split-page .contact-split-form textarea {
  min-height: 170px !important;
  padding-top: 1.2rem !important;
}

html body .contact-split-page .contact-submit-button {
  width: 100% !important;
  min-height: 62px !important;
  margin-top: clamp(0.5rem, 2vw, 1rem) !important;
}

@media (max-width: 760px) {
  html body .contact-split-page .contact-form-panel {
    padding: clamp(2rem, 8vw, 3rem) !important;
  }

  html body .contact-split-page .contact-form-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Absolute final About mission cards: hide numbers. */
html body .page-about .about-mission-section .about-info-card > span {
  display: none !important;
}

/* Absolute final About CTA button outline fix. */
html body .page-about .about-cta-section .button {
  position: relative !important;
  overflow: visible !important;
  border: 2px solid #ffd21a !important;
  border-radius: 999px !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

html body .page-about .about-cta-section .button::before,
html body .page-about .about-cta-section .button::after {
  content: none !important;
  display: none !important;
}

html body .page-about .about-hero h1,
html body .page-about .about-hero h1 * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* About page difference section: full dark purple surface. */
html body .page-about .about-difference-section {
  position: relative !important;
  z-index: 1 !important;
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
  box-shadow: 0 0 0 100vmax #0a021d !important;
  clip-path: inset(0 -100vmax) !important;
}

html body .page-about .about-difference-grid article {
  background: #1b073f !important;
  background-color: #1b073f !important;
  background-image: none !important;
}

/* About page final white background reset. */
html body .page-about,
html body .page-about :is(.about-section, .about-story-section, .about-difference-section, .about-cta-section) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: none !important;
}

html body .page-about :is(h1, h2, h3, p, span, li, strong),
html body .page-about :is(.about-section-header p, .about-story-content p, .about-cta-section p, .about-info-card p, .about-difference-grid p) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body .page-about .about-kicker,
html body .page-about .about-proof-row span,
html body .page-about .about-info-card > span {
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
}

html body .page-about .about-info-card,
html body .page-about .about-difference-grid article,
html body .page-about .about-cta-section > div {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: rgba(38, 8, 95, 0.16) !important;
  box-shadow: 0 18px 45px rgba(38, 8, 95, 0.08) !important;
}

html body .page-about .about-story-media {
  border-color: rgba(38, 8, 95, 0.14) !important;
  box-shadow: 0 18px 45px rgba(38, 8, 95, 0.1) !important;
}

/* Absolute final footer navigation color. */
html body footer.site-footer .footer-links,
html body footer.site-footer .footer-links *,
html body footer.site-footer .footer-links :is(a, a:link, a:visited, a:hover, a:focus-visible),
html body .site-footer .footer-links,
html body .site-footer .footer-links *,
html body .site-footer .footer-links :is(a, a:link, a:visited, a:hover, a:focus-visible) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

/* Absolute final footer navigation color. */
html body footer.site-footer .footer-links,
html body footer.site-footer .footer-links *,
html body footer.site-footer .footer-links :is(a, a:link, a:visited, a:hover, a:focus-visible),
html body .site-footer .footer-links,
html body .site-footer .footer-links *,
html body .site-footer .footer-links :is(a, a:link, a:visited, a:hover, a:focus-visible) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

/* Absolute final footer navigation color. */
html body footer.site-footer .footer-links,
html body footer.site-footer .footer-links *,
html body footer.site-footer .footer-links :is(a, a:link, a:visited, a:hover, a:focus-visible),
html body .site-footer .footer-links,
html body .site-footer .footer-links *,
html body .site-footer .footer-links :is(a, a:link, a:visited, a:hover, a:focus-visible) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

/* Absolute final footer navigation color. */
html body footer.site-footer .footer-links,
html body footer.site-footer .footer-links *,
html body footer.site-footer .footer-links :is(a, a:link, a:visited, a:hover, a:focus-visible),
html body .site-footer .footer-links,
html body .site-footer .footer-links *,
html body .site-footer .footer-links :is(a, a:link, a:visited, a:hover, a:focus-visible) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

/* Final CTA headline: prevent the emphasized words from clipping. */
html body main.front-page #final-cta .home-final-cta-inner,
html body .front-page #final-cta .home-final-cta-inner {
  width: min(1120px, calc(100vw - 2rem)) !important;
  max-width: min(1120px, calc(100vw - 2rem)) !important;
  overflow: visible !important;
}

html body main.front-page #final-cta .home-final-cta-headline,
html body .front-page #final-cta .home-final-cta-headline {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  font-size: clamp(2.8rem, 7.2vw, 5.25rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
}

html body main.front-page #final-cta .home-final-cta-headline em,
html body .front-page #final-cta .home-final-cta-headline em {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

@media (max-width: 640px) {
  html body main.front-page #final-cta .home-final-cta-headline,
  html body .front-page #final-cta .home-final-cta-headline {
    font-size: clamp(2.35rem, 11vw, 3.35rem) !important;
  }
}

/* Final CTA headline: prevent the emphasized words from clipping. */
html body main.front-page #final-cta .home-final-cta-inner,
html body .front-page #final-cta .home-final-cta-inner {
  width: min(1120px, calc(100vw - 2rem)) !important;
  max-width: min(1120px, calc(100vw - 2rem)) !important;
  overflow: visible !important;
}

html body main.front-page #final-cta .home-final-cta-headline,
html body .front-page #final-cta .home-final-cta-headline {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  font-size: clamp(2.8rem, 7.2vw, 5.25rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
}

html body main.front-page #final-cta .home-final-cta-headline em,
html body .front-page #final-cta .home-final-cta-headline em {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

@media (max-width: 640px) {
  html body main.front-page #final-cta .home-final-cta-headline,
  html body .front-page #final-cta .home-final-cta-headline {
    font-size: clamp(2.35rem, 11vw, 3.35rem) !important;
  }
}

/* Courses hero image: remove purple shadow/cast from the background image. */
html body main.courses-page section.courses-hero,
html body .courses-page .courses-hero {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.42) 48%, rgba(0, 0, 0, 0.16) 100%),
    url("https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=2200&q=88") center center / cover no-repeat !important;
  background-color: #111111 !important;
  box-shadow: none !important;
}


/* Absolute final footer color pass: white footer with dark purple text. */
html body footer.site-footer,
html body .site-footer,
html body footer.site-footer .footer-shell,
html body .site-footer .footer-shell,
html body footer.site-footer .footer-top,
html body .site-footer .footer-top,
html body footer.site-footer .footer-bottom,
html body .site-footer .footer-bottom,
html body footer.site-footer .footer-column {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  border-color: rgba(38, 8, 95, 0.14) !important;
  box-shadow: none !important;
}

html body footer.site-footer :is(h1, h2, h3, h4, h5, h6, strong, p, span, li, small, div),
html body .site-footer :is(h1, h2, h3, h4, h5, h6, strong, p, span, li, small, div),
html body footer.site-footer :is(a, a:link, a:visited),
html body .site-footer :is(a, a:link, a:visited) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body footer.site-footer :is(.footer-info p, .footer-note, .footer-bottom p, .footer-contact-simple p),
html body .site-footer :is(.footer-info p, .footer-note, .footer-bottom p, .footer-contact-simple p) {
  color: rgba(38, 8, 95, 0.78) !important;
  -webkit-text-fill-color: rgba(38, 8, 95, 0.78) !important;
}

html body footer.site-footer :is(.footer-links a, .footer-legal a, .footer-contact-simple a):hover,
html body footer.site-footer :is(.footer-links a, .footer-legal a, .footer-contact-simple a):focus-visible,
html body .site-footer :is(.footer-links a, .footer-legal a, .footer-contact-simple a):hover,
html body .site-footer :is(.footer-links a, .footer-legal a, .footer-contact-simple a):focus-visible {
  color: #4b25bb !important;
  -webkit-text-fill-color: #4b25bb !important;
}

html body footer.site-footer .footer-demo-link,
html body footer.site-footer .footer-demo-link:link,
html body footer.site-footer .footer-demo-link:visited,
html body .site-footer .footer-demo-link,
html body .site-footer .footer-demo-link:link,
html body .site-footer .footer-demo-link:visited {
  background: rgba(38, 8, 95, 0.06) !important;
  background-color: rgba(38, 8, 95, 0.06) !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  border-color: rgba(38, 8, 95, 0.22) !important;
}

html body footer.site-footer .footer-demo-link:hover,
html body footer.site-footer .footer-demo-link:focus-visible,
html body .site-footer .footer-demo-link:hover,
html body .site-footer .footer-demo-link:focus-visible {
  background: #26085f !important;
  background-color: #26085f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #26085f !important;
}

html body footer.site-footer .footer-demo-link:hover *,
html body footer.site-footer .footer-demo-link:focus-visible *,
html body .site-footer .footer-demo-link:hover *,
html body .site-footer .footer-demo-link:focus-visible * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body footer.site-footer .social-icon,
html body footer.site-footer .social-icon:link,
html body footer.site-footer .social-icon:visited,
html body .site-footer .social-icon,
html body .site-footer .social-icon:link,
html body .site-footer .social-icon:visited {
  background: rgba(38, 8, 95, 0.06) !important;
  background-color: rgba(38, 8, 95, 0.06) !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  border-color: rgba(38, 8, 95, 0.18) !important;
}

html body footer.site-footer .social-icon svg,
html body .site-footer .social-icon svg {
  fill: #26085f !important;
  color: #26085f !important;
}

html body footer.site-footer .social-icon:hover,
html body footer.site-footer .social-icon:focus-visible,
html body .site-footer .social-icon:hover,
html body .site-footer .social-icon:focus-visible {
  background: #26085f !important;
  background-color: #26085f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body footer.site-footer .social-icon:hover svg,
html body footer.site-footer .social-icon:focus-visible svg,
html body .site-footer .social-icon:hover svg,
html body .site-footer .social-icon:focus-visible svg {
  fill: #ffffff !important;
  color: #ffffff !important;
}

html body footer.site-footer .footer-logo-image,
html body .site-footer .footer-logo-image {
  filter: none !important;
}

/* Contact page: white right-side form panel with purple text and outlines. */
html body .contact-split-page .contact-form-panel {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body .contact-split-page .contact-form-heading h2,
html body .contact-split-page .contact-form-heading div,
html body .contact-split-page .contact-form-heading p,
html body .contact-split-page .contact-split-form label,
html body .contact-split-page .contact-split-form label span {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body .contact-split-page .contact-form-heading div,
html body .contact-split-page .contact-form-heading p {
  color: rgba(38, 8, 95, 0.78) !important;
  -webkit-text-fill-color: rgba(38, 8, 95, 0.78) !important;
}

html body .contact-split-page .contact-split-form input,
html body .contact-split-page .contact-split-form textarea {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 2px solid rgba(38, 8, 95, 0.42) !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: none !important;
}

html body .contact-split-page .contact-split-form input:focus,
html body .contact-split-page .contact-split-form textarea:focus {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #26085f !important;
  box-shadow: 0 0 0 4px rgba(38, 8, 95, 0.12) !important;
}

html body .contact-split-page .contact-split-form .contact-input-group span,
html body .contact-split-page .contact-split-form .contact-input-group :is(input:focus, input:not(:placeholder-shown), textarea:focus, textarea:not(:placeholder-shown)) + span {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body .contact-split-page .contact-submit-button {
  background: #26085f !important;
  background-color: #26085f !important;
  border-color: #26085f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 16px 32px rgba(38, 8, 95, 0.18) !important;
}

html body .contact-split-page .contact-submit-button span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .contact-split-page .contact-submit-button:hover,
html body .contact-split-page .contact-submit-button:focus-visible {
  background: #4b25bb !important;
  background-color: #4b25bb !important;
  border-color: #4b25bb !important;
}

html body .contact-split-page .contact-success-message {
  background: rgba(38, 8, 95, 0.06) !important;
  background-color: rgba(38, 8, 95, 0.06) !important;
  border-color: rgba(38, 8, 95, 0.22) !important;
  border-left-color: #26085f !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: none !important;
}

/* Footer logo must be artwork only: remove the old framed tile completely. */
html body footer.site-footer .footer-brand,
html body footer.site-footer .footer-logo-link,
html body footer.site-footer .footer-logo-image,
html body .site-footer .footer-brand,
html body .site-footer .footer-logo-link,
html body .site-footer .footer-logo-image {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  outline-color: transparent !important;
  padding: 0 !important;
}

html body footer.site-footer .footer-logo-link::before,
html body footer.site-footer .footer-logo-link::after,
html body footer.site-footer .footer-brand::before,
html body footer.site-footer .footer-brand::after,
html body .site-footer .footer-logo-link::before,
html body .site-footer .footer-logo-link::after,
html body .site-footer .footer-brand::before,
html body .site-footer .footer-brand::after {
  content: none !important;
  display: none !important;
}

html body footer.site-footer .footer-logo-link,
html body .site-footer .footer-logo-link {
  width: 250px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}

html body footer.site-footer .footer-logo-image,
html body .site-footer .footer-logo-image {
  width: 250px !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
}

/* Careers hero: removed mission card, let copy breathe. */
html body .page-careers .careers-hero-inner {
  grid-template-columns: minmax(0, 0.78fr) !important;
  justify-content: start !important;
}

html body .page-careers .careers-hero-copy {
  max-width: 760px !important;
}

html body .page-careers .careers-hero-card {
  display: none !important;
}

/* Careers apply section: removed instruction card. */
html body .page-careers .apply-grid {
  grid-template-columns: minmax(0, 760px) !important;
  justify-content: center !important;
}

html body .page-careers .apply-copy {
  display: none !important;
}

/* Careers overview: match the course card surface. */
html body .page-careers .career-overview-section {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 210, 31, 0.08), transparent 24rem),
    linear-gradient(180deg, #18063f 0%, #220c55 48%, #160436 100%) !important;
}

html body .page-careers .career-overview-section .careers-section-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  max-width: min(1120px, 100%) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

html body .page-careers .career-overview-section .careers-section-header h2 {
  max-width: 1050px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  font-size: clamp(2.55rem, 4.25vw, 4.35rem) !important;
  line-height: 1.03 !important;
  text-wrap: balance !important;
}

html body .page-careers .career-overview-section .careers-section-header p {
  max-width: 980px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  line-height: 1.6 !important;
  text-wrap: pretty !important;
}

html body .page-careers .career-overview-grid {
  gap: clamp(1.5rem, 2.4vw, 2.35rem) !important;
}

html body .page-careers .career-overview-card {
  min-height: 340px !important;
  justify-content: space-between !important;
  padding: clamp(1.5rem, 2.4vw, 2.25rem) !important;
  border-radius: 30px !important;
  background: #241052 !important;
  background-color: #241052 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow:
    18px 18px 36px rgba(5, 1, 20, 0.58),
    -14px -14px 30px rgba(92, 50, 169, 0.22) !important;
  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease,
    border-color 0.45s ease,
    background-color 0.45s ease !important;
}

html body .page-careers .career-overview-card:hover,
html body .page-careers .career-overview-card:focus-within {
  transform: translateY(-8px) !important;
  background: #28125c !important;
  background-color: #28125c !important;
  border-color: rgba(255, 210, 31, 0.32) !important;
  box-shadow:
    22px 22px 42px rgba(5, 1, 20, 0.64),
    -16px -16px 34px rgba(99, 55, 178, 0.28) !important;
}

html body .page-careers .career-overview-card > span {
  width: fit-content !important;
  border-radius: 999px !important;
  padding: 0.42rem 0.7rem !important;
  background: #ffd21f !important;
  color: #17083f !important;
  -webkit-text-fill-color: #17083f !important;
  font-weight: 900 !important;
}

html body .page-careers .career-overview-card h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .page-careers .career-overview-card p {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

@media (max-width: 640px) {
  html body .page-careers .career-overview-card {
    min-height: 280px !important;
    border-radius: 24px !important;
    box-shadow:
      12px 12px 24px rgba(5, 1, 20, 0.56),
      -10px -10px 22px rgba(92, 50, 169, 0.2) !important;
  }
}

/* Careers open positions: use the same course-card treatment. */
html body .page-careers .open-positions-section {
  background:
    radial-gradient(circle at 88% 8%, rgba(255, 210, 31, 0.07), transparent 22rem),
    linear-gradient(180deg, #160436 0%, #200a50 54%, #14032f 100%) !important;
}

html body .page-careers .positions-grid {
  gap: clamp(1.5rem, 2.4vw, 2.35rem) !important;
}

html body .page-careers .position-card {
  min-height: 340px !important;
  justify-content: space-between !important;
  padding: clamp(1.5rem, 2.4vw, 2.25rem) !important;
  border-radius: 30px !important;
  background: #241052 !important;
  background-color: #241052 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow:
    18px 18px 36px rgba(5, 1, 20, 0.58),
    -14px -14px 30px rgba(92, 50, 169, 0.22) !important;
  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease,
    border-color 0.45s ease,
    background-color 0.45s ease !important;
}

html body .page-careers .position-card:hover,
html body .page-careers .position-card:focus-within {
  transform: translateY(-8px) !important;
  background: #28125c !important;
  background-color: #28125c !important;
  border-color: rgba(255, 210, 31, 0.32) !important;
  box-shadow:
    22px 22px 42px rgba(5, 1, 20, 0.64),
    -16px -16px 34px rgba(99, 55, 178, 0.28) !important;
}

html body .page-careers .position-card .position-type {
  width: fit-content !important;
  border-radius: 999px !important;
  padding: 0.42rem 0.72rem !important;
  background: #ffd21f !important;
  color: #17083f !important;
  -webkit-text-fill-color: #17083f !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
}

html body .page-careers .position-card h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .page-careers .position-card p {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

html body .page-careers .position-card .button {
  width: 100% !important;
  max-width: none !important;
}

@media (max-width: 640px) {
  html body .page-careers .position-card {
    min-height: 280px !important;
    border-radius: 24px !important;
    box-shadow:
      12px 12px 24px rgba(5, 1, 20, 0.56),
      -10px -10px 22px rgba(92, 50, 169, 0.2) !important;
  }
}

/* Careers final color pass: keep the whole page in the dark-purple theme. */
html body .page-careers {
  background: #12042f !important;
  background-color: #12042f !important;
  background-image:
    radial-gradient(circle at 12% 0%, rgba(94, 55, 166, 0.18), transparent 26rem),
    radial-gradient(circle at 88% 42%, rgba(45, 16, 92, 0.34), transparent 30rem),
    linear-gradient(180deg, #0b021f 0%, #160436 34%, #1b0744 68%, #0d0225 100%) !important;
}

html body .page-careers .careers-hero::before {
  background:
    linear-gradient(90deg, rgba(10, 2, 30, 0.94) 0%, rgba(18, 4, 47, 0.84) 46%, rgba(18, 4, 47, 0.7) 100%),
    rgba(10, 2, 30, 0.62) !important;
}

html body .page-careers .career-overview-section,
html body .page-careers .open-positions-section,
html body .page-careers .careers-story-section,
html body .page-careers .apply-section {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body .page-careers .careers-story-media {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow:
    18px 18px 38px rgba(5, 1, 20, 0.55),
    -12px -12px 28px rgba(76, 39, 148, 0.16) !important;
}

html body .page-careers .contact-form {
  background: #241052 !important;
  background-color: #241052 !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow:
    18px 18px 36px rgba(5, 1, 20, 0.58),
    -14px -14px 30px rgba(92, 50, 169, 0.18) !important;
}

/* Careers CV upload field. */
html body .page-careers .contact-form .career-input-file {
  min-height: 220px !important;
  cursor: pointer !important;
}

html body .page-careers .contact-form .career-input-file input[type="file"] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

html body .page-careers .contact-form .career-input-file .career-upload-card {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  min-height: 220px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
  padding: 1.35rem !important;
  border: 2px dashed rgba(255, 255, 255, 0.34) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: #ffd21f !important;
  -webkit-text-fill-color: currentColor !important;
  text-align: center !important;
  pointer-events: none !important;
  transition:
    border-color 0.26s ease,
    background-color 0.26s ease,
    box-shadow 0.26s ease !important;
}

html body .page-careers .contact-form .career-input-file:hover .career-upload-card,
html body .page-careers .contact-form .career-input-file:focus-within .career-upload-card {
  border-color: rgba(255, 210, 31, 0.9) !important;
  background: rgba(255, 210, 31, 0.08) !important;
  box-shadow: 0 0 0 4px rgba(255, 210, 31, 0.11) !important;
}

html body .page-careers .contact-form .career-upload-icon {
  width: 88px !important;
  height: 88px !important;
  color: #ffffff !important;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.18)) !important;
}

html body .page-careers .contact-form .career-upload-card strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: 1.08rem !important;
  font-weight: 900 !important;
}

html body .page-careers .contact-form .career-upload-card b {
  color: #ffd21f !important;
  -webkit-text-fill-color: #ffd21f !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
}

html body .page-careers .contact-form .career-upload-card small {
  color: rgba(255, 255, 255, 0.68) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
}

/* Careers hard background reset: no bright page backgrounds. */
html body:has(.page-careers),
html body:has(.page-careers) #page,
html body:has(.page-careers) .site,
html body:has(.page-careers) .site-main,
html body:has(.page-careers) main,
html body .page-main.page-careers,
html body main.page-careers {
  background: #100329 !important;
  background-color: #100329 !important;
  background-image: none !important;
}

html body .page-careers .careers-hero,
html body .page-careers .careers-section,
html body .page-careers .careers-story-section,
html body .page-careers .apply-section {
  background: #100329 !important;
  background-color: #100329 !important;
  background-image: none !important;
}

html body .page-careers .careers-hero-bg img,
html body .page-careers .careers-story-media img {
  filter: saturate(0.55) brightness(0.58) hue-rotate(245deg) !important;
}

html body .page-careers .careers-hero::before {
  background: rgba(16, 3, 41, 0.88) !important;
}

/* Courses feature icons: use inline SVG so icon names never render as text. */
html body main.courses-page #courses-grid .academy-course-feature {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.55rem !important;
}

html body main.courses-page #courses-grid .academy-course-feature-icon {
  width: 1.05rem !important;
  height: 1.05rem !important;
  flex: 0 0 1.05rem !important;
  margin-top: 0.1rem !important;
  color: #ffd21f !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body main.courses-page #courses-grid .academy-course-feature > span {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

/* Student proof desk: keep floating tiles inside the proof surface. */
html body main.front-page #stories .success-proof-surface,
html body .front-page #stories .success-proof-surface {
  position: relative !important;
  min-height: clamp(500px, 52vw, 620px) !important;
  overflow: hidden !important;
}

html body main.front-page #stories .success-proof-surface .proof-object,
html body .front-page #stories .success-proof-surface .proof-object {
  position: absolute !important;
  z-index: 2 !important;
  max-width: calc(100% - 2rem) !important;
}

html body main.front-page #stories .success-proof-surface .proof-object-course,
html body .front-page #stories .success-proof-surface .proof-object-course {
  left: 5% !important;
  top: 7% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(38%, 360px) !important;
}

html body main.front-page #stories .success-proof-surface .proof-object-chat,
html body .front-page #stories .success-proof-surface .proof-object-chat {
  right: 5% !important;
  top: 8% !important;
  left: auto !important;
  bottom: auto !important;
  width: min(42%, 390px) !important;
}

html body main.front-page #stories .success-proof-surface .proof-object-project,
html body .front-page #stories .success-proof-surface .proof-object-project {
  left: 7% !important;
  top: 34% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(43%, 410px) !important;
}

html body main.front-page #stories .success-proof-surface .proof-object-milestone,
html body .front-page #stories .success-proof-surface .proof-object-milestone {
  left: 41% !important;
  right: auto !important;
  bottom: 9% !important;
  top: auto !important;
  width: min(37%, 360px) !important;
}

html body main.front-page #stories .success-proof-surface .proof-object-result,
html body .front-page #stories .success-proof-surface .proof-object-result {
  right: 6% !important;
  left: auto !important;
  bottom: 15% !important;
  top: auto !important;
  width: min(25%, 230px) !important;
}

/* Student proof desk: smooth crossfade between selected stories. */
html body main.front-page #stories .success-proof-panels,
html body .front-page #stories .success-proof-panels {
  display: grid !important;
  grid-template-areas: "proof-panel" !important;
  align-items: stretch !important;
}

html body main.front-page #stories .success-proof-panel,
html body .front-page #stories .success-proof-panel {
  grid-area: proof-panel !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(0, 18px, 0) scale(0.985) !important;
  filter: blur(3px) !important;
  transition:
    opacity 460ms ease,
    transform 620ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 460ms ease,
    visibility 0s linear 460ms !important;
  will-change: opacity, transform, filter !important;
}

html body main.front-page #stories .success-proof-panel.is-active,
html body .front-page #stories .success-proof-panel.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  filter: blur(0) !important;
  transition:
    opacity 520ms ease 80ms,
    transform 700ms cubic-bezier(0.16, 1, 0.3, 1) 80ms,
    filter 520ms ease 80ms,
    visibility 0s linear 0s !important;
}

html body main.front-page #stories .proof-selector-button,
html body .front-page #stories .proof-selector-button {
  transition:
    transform 420ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 420ms ease,
    box-shadow 420ms ease,
    background-color 420ms ease,
    opacity 420ms ease !important;
}

@media (max-width: 980px) {
  html body main.front-page #stories .success-proof-surface,
  html body .front-page #stories .success-proof-surface {
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  html body main.front-page #stories .success-proof-surface .proof-object,
  html body .front-page #stories .success-proof-surface .proof-object {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
  }
}

/* Careers application form layout fix. */
html body .page-careers .apply-section .contact-form {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 1.15rem !important;
  overflow: visible !important;
}

html body .page-careers .apply-section .contact-form .career-input-group {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 58px !important;
  margin: 0 !important;
  grid-column: 1 / -1 !important;
  clear: both !important;
}

html body .page-careers .apply-section .contact-form .career-input-group:not(.career-input-file) {
  z-index: 2 !important;
}

html body .page-careers .apply-section .contact-form .career-input-file {
  z-index: 1 !important;
  min-height: 220px !important;
  margin: 0.15rem 0 !important;
}

html body .page-careers .apply-section .contact-form .career-input-file .career-upload-card {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 1 !important;
  transform: none !important;
}

html body .page-careers .apply-section .contact-form .career-input-file input[type="file"] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
}

html body .page-careers .apply-section .contact-form .career-input-file + .career-input-textarea {
  margin-top: 0 !important;
}

/* About hero: highlight card removed. */
html body .page-about .about-hero-inner {
  grid-template-columns: minmax(0, 760px) !important;
  justify-content: start !important;
}

html body .page-about .about-hero-card {
  display: none !important;
}

/* Student proof meta chips: match surrounding soft card effect. */
html body main.front-page #stories .success-proof-profile-meta,
html body .front-page #stories .success-proof-profile-meta {
  gap: 0.8rem !important;
}

html body main.front-page #stories .success-proof-profile-meta span,
html body main.front-page #stories .success-proof-profile-meta strong,
html body .front-page #stories .success-proof-profile-meta span,
html body .front-page #stories .success-proof-profile-meta strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0.62rem 1rem !important;
  border-radius: 12px !important;
  background: #241052 !important;
  background-color: #241052 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow:
    10px 10px 22px rgba(5, 1, 20, 0.42),
    -8px -8px 18px rgba(92, 50, 169, 0.18) !important;
  color: rgba(255, 255, 255, 0.88) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.88) !important;
  transition:
    transform 0.32s ease,
    border-color 0.32s ease,
    box-shadow 0.32s ease,
    background-color 0.32s ease !important;
}

html body main.front-page #stories .success-proof-profile-meta strong,
html body .front-page #stories .success-proof-profile-meta strong {
  background: #2a145c !important;
  background-color: #2a145c !important;
  border-color: rgba(255, 210, 31, 0.38) !important;
  color: #ffd21f !important;
  -webkit-text-fill-color: #ffd21f !important;
  box-shadow:
    10px 10px 22px rgba(5, 1, 20, 0.42),
    -8px -8px 18px rgba(92, 50, 169, 0.18),
    inset 0 0 0 1px rgba(255, 210, 31, 0.08) !important;
}

html body main.front-page #stories .success-proof-profile-meta span:hover,
html body main.front-page #stories .success-proof-profile-meta strong:hover,
html body .front-page #stories .success-proof-profile-meta span:hover,
html body .front-page #stories .success-proof-profile-meta strong:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(255, 210, 31, 0.36) !important;
  box-shadow:
    14px 14px 28px rgba(5, 1, 20, 0.5),
    -10px -10px 22px rgba(99, 55, 178, 0.22) !important;
}

/* Final responsive safety layer. */
html,
body {
  max-width: 100% !important;
  overflow-x: clip !important;
}

body * {
  box-sizing: border-box;
}

img,
video,
canvas,
svg {
  max-width: 100%;
}

main,
section,
.page-main,
.front-page,
.courses-page,
.page-about,
.page-careers,
.page-contact,
.page-demo {
  max-width: 100% !important;
}

@media (max-width: 1024px) {
  html body :is(
    .front-page .hero-inner,
    .front-page #impact .impact-dashboard,
    .front-page #experience .story-deck-layout,
    .front-page #stories .success-proof-panel,
    .page-about .about-story-section,
    .page-careers .careers-story-section,
    .page-contact .contact-split-page,
    .page-contact .contact-shell,
    .demo-editorial .demo-booking-inner
  ) {
    grid-template-columns: 1fr !important;
  }

  html body main.courses-page #courses-grid,
  html body main.courses-page .courses-pricing-grid,
  html body .page-about .about-card-grid,
  html body .page-careers .career-overview-grid,
  html body .page-careers .positions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body :is(.page-about .about-hero-inner, .page-careers .careers-hero-inner) {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-content: stretch !important;
  }

  html body :is(.page-about .about-hero-copy, .page-careers .careers-hero-copy) {
    max-width: 780px !important;
  }
}

@media (max-width: 768px) {
  html body :is(
    .front-page,
    .page-main,
    .courses-page,
    .page-about,
    .page-careers,
    .page-contact,
    .page-demo
  ) :is(section, .section, .careers-section, .about-section, .demo-booking, .courses-grid-section, .courses-pricing-section) {
    padding-left: clamp(1rem, 5vw, 1.4rem) !important;
    padding-right: clamp(1rem, 5vw, 1.4rem) !important;
  }

  html body :is(
    .hero-title,
    .courses-page h1,
    .page-about .about-hero h1,
    .page-careers .careers-hero h1,
    .demo-editorial .demo-hero h1,
    .contact-form-heading h2
  ) {
    max-width: 100% !important;
    font-size: clamp(2.35rem, 12vw, 4rem) !important;
    line-height: 0.98 !important;
    overflow-wrap: anywhere !important;
  }

  html body :is(
    .section-title,
    .courses-section-title,
    .page-about .about-section-header h2,
    .page-careers .careers-section-header h2,
    .page-careers .careers-story-content h2,
    .demo-editorial .demo-benefits h2,
    .demo-editorial .demo-form-heading h2
  ) {
    font-size: clamp(2rem, 10vw, 3rem) !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
  }

  html body main.courses-page #courses-grid,
  html body main.courses-page .courses-pricing-grid,
  html body .page-about .about-card-grid,
  html body .page-careers .career-overview-grid,
  html body .page-careers .positions-grid,
  html body .demo-editorial .contact-form,
  html body .contact-form-grid,
  html body .front-page #impact .impact-grid,
  html body .front-page #stories .success-proof-selectors {
    grid-template-columns: 1fr !important;
  }

  html body main.courses-page #courses-grid .academy-course-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: auto !important;
  }

  html body main.courses-page #courses-grid .academy-course-image {
    width: 100% !important;
    min-height: 190px !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
  }

html body :is(input, select, textarea, button, .button, .demo-pill, .academy-course-cta) {
    max-width: 100% !important;
  }

  html body :is(.contact-form, .contact-form-large, .page-careers .contact-form, .demo-editorial .contact-form) {
    width: 100% !important;
  }

  html body :is(.contact-form input, .contact-form select, .contact-form textarea, .contact-form-large input, .contact-form-large select, .contact-form-large textarea) {
    font-size: 16px !important;
  }
}

@media (max-width: 560px) {
  html body header.site-header.hero-header {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body header.site-header.hero-header > div {
    display: flex !important;
    justify-content: space-between !important;
  }

  html body header.site-header.hero-header .site-logo-link {
    position: static !important;
    transform: none !important;
    margin-inline: auto !important;
  }

  html body header.site-header.hero-header .menu-toggle {
    position: absolute !important;
    left: 0.85rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10001 !important;
  }

  html body header.site-header.hero-header .site-navigation {
    left: 0.75rem !important;
    right: 0.75rem !important;
  }

  html body :is(.hero-actions, .demo-hero-actions, .careers-hero-actions, .about-hero-actions) {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  html body :is(.button, .hero-button, .demo-pill, .academy-course-cta, button[type="submit"]) {
    width: 100% !important;
    min-height: 48px !important;
  }

  html body :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button, .academy-course-card, .courses-pricing-card, .career-overview-card, .position-card, .demo-benefits, .demo-form-panel) {
    border-radius: 22px !important;
  }

  html body .front-page #stories .success-proof-profile-top {
    grid-template-columns: 3.75rem minmax(0, 1fr) !important;
  }

  html body .front-page #stories .success-proof-profile-meta {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 390px) {
  html body :is(
    .hero-title,
    .courses-page h1,
    .page-about .about-hero h1,
    .page-careers .careers-hero h1,
    .demo-editorial .demo-hero h1
  ) {
    font-size: clamp(2rem, 13vw, 3rem) !important;
  }

  html body :is(.academy-course-card, .courses-pricing-card, .career-overview-card, .position-card, .demo-benefits, .demo-form-panel, .contact-form, .contact-form-large) {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* Absolute final footer logo reset: no tile, border, glow, or shadow. */
html body footer.site-footer .footer-brand,
html body footer.site-footer .footer-logo-link,
html body footer.site-footer .footer-logo-link:link,
html body footer.site-footer .footer-logo-link:visited,
html body footer.site-footer .footer-logo-image,
html body .site-footer .footer-brand,
html body .site-footer .footer-logo-link,
html body .site-footer .footer-logo-link:link,
html body .site-footer .footer-logo-link:visited,
html body .site-footer .footer-logo-image {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
  padding: 0 !important;
}

html body footer.site-footer .footer-logo-link::before,
html body footer.site-footer .footer-logo-link::after,
html body footer.site-footer .footer-brand::before,
html body footer.site-footer .footer-brand::after,
html body .site-footer .footer-logo-link::before,
html body .site-footer .footer-logo-link::after,
html body .site-footer .footer-brand::before,
html body .site-footer .footer-brand::after {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
}

html body footer.site-footer .footer-logo-link,
html body .site-footer .footer-logo-link {
  width: 420px !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin-bottom: 1rem !important;
}

html body footer.site-footer .footer-logo-image,
html body .site-footer .footer-logo-image {
  width: 420px !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
}

/* Absolute final footer text color. */
html body footer.site-footer,
html body footer.site-footer *,
html body footer.site-footer :is(a, a:link, a:visited, a:hover, a:focus-visible),
html body .site-footer,
html body .site-footer *,
html body .site-footer :is(a, a:link, a:visited, a:hover, a:focus-visible) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body footer.site-footer :is(svg, svg path),
html body .site-footer :is(svg, svg path) {
  fill: #26085f !important;
  color: #26085f !important;
}

/* Absolute final footer contact and navigation color. */
html body footer.site-footer .footer-contact,
html body footer.site-footer .footer-contact *,
html body footer.site-footer .footer-contact-simple,
html body footer.site-footer .footer-contact-simple *,
html body footer.site-footer .footer-contact-simple :is(a, a:link, a:visited, a:hover, a:focus-visible),
html body footer.site-footer .footer-links,
html body footer.site-footer .footer-links *,
html body footer.site-footer .footer-links :is(a, a:link, a:visited, a:hover, a:focus-visible),
html body .site-footer .footer-contact,
html body .site-footer .footer-contact *,
html body .site-footer .footer-contact-simple,
html body .site-footer .footer-contact-simple *,
html body .site-footer .footer-contact-simple :is(a, a:link, a:visited, a:hover, a:focus-visible),
html body .site-footer .footer-links,
html body .site-footer .footer-links *,
html body .site-footer .footer-links :is(a, a:link, a:visited, a:hover, a:focus-visible) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

/* Absolute final About page canvas: remove purple side gutters. */
html:has(body .page-about),
html body:has(.page-about),
html body:has(.page-about)::before,
html body:has(.page-about)::after,
html body .page-about,
html body main.page-about,
html body .page-about::before,
html body .page-about::after {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

html body .page-about,
html body main.page-about {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}

html body .page-about :is(.about-section, .about-story-section, .about-difference-section, .about-cta-section) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 0 0 100vmax #ffffff !important;
  clip-path: inset(0 -100vmax) !important;
}

/* Absolute final About hero heading color. */
html body .page-about .about-hero h1,
html body .page-about .about-hero h1 * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Absolute final About CTA: no card, dark purple section. */
html body .page-about .about-cta-section {
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
  box-shadow: 0 0 0 100vmax #0a021d !important;
  clip-path: inset(0 -100vmax) !important;
}

html body .page-about .about-cta-section > div {
  max-width: 980px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html body .page-about .about-cta-section :is(h2, p) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Absolute final About purpose heading balance. */
html body .page-about .about-mission-section .about-section-header {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .page-about .about-mission-section .about-section-header h2 {
  max-width: 1160px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(3rem, 5.6vw, 5.4rem) !important;
  line-height: 0.98 !important;
  text-wrap: balance !important;
}

html body .page-about .about-mission-section .about-section-header p {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(1.05rem, 1.45vw, 1.28rem) !important;
  line-height: 1.6 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

/* Absolute final About CTA button outline fix. */
html body .page-about .about-cta-section .button {
  position: relative !important;
  overflow: visible !important;
  border: 2px solid #ffd21a !important;
  border-radius: 999px !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

html body .page-about .about-cta-section .button::before,
html body .page-about .about-cta-section .button::after {
  content: none !important;
  display: none !important;
}

/* Absolute final global section dividers. */
html body main > section,
html body .front-page > section,
html body .page-main > section,
html body .courses-page > section,
html body .demo-editorial > section {
  position: relative !important;
}

html body main > section + section::before,
html body .front-page > section + section::before,
html body .page-main > section + section::before,
html body .courses-page > section + section::before,
html body .demo-editorial > section + section::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: clamp(1rem, 5vw, 4rem) !important;
  right: clamp(1rem, 5vw, 4rem) !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(38, 8, 95, 0.24), transparent) !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: 10 !important;
}

html body main > section:is(
  .hero-header,
  .hero-gradient,
  .home-dynamic-bg-section,
  .demo-hero,
  .demo-info-section,
  .home-final-cta-section,
  .about-cta-section,
  .courses-hero,
  .careers-hero,
  .page-hero,
  .page-hero-alt
) + section::before,
html body main > section + section:is(
  .hero-header,
  .hero-gradient,
  .home-dynamic-bg-section,
  .demo-hero,
  .demo-info-section,
  .home-final-cta-section,
  .about-cta-section,
  .courses-hero,
  .careers-hero,
  .page-hero,
  .page-hero-alt
)::before {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent) !important;
}

/* Last override: careers apply section white, readable, and unboxed. */
html body .page-careers #apply-now.apply-section {
  width: 100% !important;
  max-width: none !important;
  padding: clamp(4.5rem, 8vw, 6.5rem) clamp(1.25rem, 5vw, 4rem) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: 0 0 0 100vmax #ffffff !important;
  clip-path: inset(0 -100vmax) !important;
}

html body .page-careers #apply-now :is(.careers-section-header h2, .careers-section-header p) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body .page-careers #apply-now .careers-section-header {
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  margin: 0 auto clamp(2.25rem, 4vw, 3.25rem) !important;
  text-align: center !important;
}

html body .page-careers #apply-now .careers-section-header h2 {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(2.75rem, 5.2vw, 4.8rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body .page-careers #apply-now .apply-grid {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin: clamp(2rem, 4vw, 3rem) auto 0 !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .page-careers #apply-now .contact-form {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(1.65rem, 3vw, 2.25rem) clamp(1.75rem, 4vw, 3rem) !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .page-careers #apply-now .contact-form .career-input-file,
html body .page-careers #apply-now .contact-form .career-input-textarea,
html body .page-careers #apply-now .contact-form button {
  grid-column: 1 / -1 !important;
}

html body .page-careers #apply-now .contact-form :is(input, textarea) {
  min-height: 66px !important;
  border: 2px solid rgba(38, 8, 95, 0.34) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body .page-careers #apply-now .contact-form .career-upload-card {
  min-height: 170px !important;
  border: 2px dashed rgba(38, 8, 95, 0.32) !important;
  border-radius: 22px !important;
  background: rgba(38, 8, 95, 0.04) !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: none !important;
}

html body .page-careers #apply-now .contact-form .career-upload-card * {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  stroke: currentColor !important;
}

@media (max-width: 760px) {
  html body .page-careers #apply-now .contact-form {
    grid-template-columns: 1fr !important;
  }
}

/* Absolute final courses card pattern override. */
html body main.courses-page #courses-grid .academy-course-card {
  min-height: 100% !important;
}

html body main.courses-page #courses-grid .academy-course-card > div:not(.academy-course-image):not(.absolute) {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

html body main.courses-page #courses-grid .academy-course-card h3 {
  margin-bottom: 0.55rem !important;
}

html body main.courses-page #courses-grid .academy-course-card h3 + p {
  min-height: 3.25rem !important;
  margin-bottom: 1.1rem !important;
}

html body main.courses-page #courses-grid .academy-course-detail-label {
  display: block !important;
  margin: 0 0 0.7rem !important;
  color: #ffd21f !important;
  -webkit-text-fill-color: #ffd21f !important;
  font-family: var(--academy-font-ui, Helvetica, Arial, sans-serif) !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body main.courses-page #courses-grid .academy-course-card .mb-6.flex-grow {
  flex: 1 1 auto !important;
  margin-bottom: 1.4rem !important;
}

html body main.courses-page #courses-grid .academy-course-card ul {
  display: grid !important;
  gap: 0.62rem !important;
}

html body main.courses-page #courses-grid .academy-course-feature {
  align-items: flex-start !important;
}

html body main.courses-page #courses-grid .academy-course-feature > span {
  display: block !important;
  line-height: 1.45 !important;
}

html body main.courses-page #courses-grid .academy-course-card div:has(> .academy-course-cta) {
  margin-top: auto !important;
}

/* True final About CTA button: keep the full rounded border visible. */
html body .page-about .about-cta-section .button,
html body .page-about .about-cta-section .button:link,
html body .page-about .about-cta-section .button:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 280px !important;
  min-height: 72px !important;
  padding: 0 3rem !important;
  border: 3px solid #ffd21a !important;
  border-radius: 999px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  line-height: 1 !important;
  overflow: visible !important;
  clip-path: none !important;
  box-shadow: none !important;
}

html body .page-about .about-cta-section .button::before,
html body .page-about .about-cta-section .button::after {
  content: none !important;
  display: none !important;
}

html body .page-about .about-cta-section .button:hover,
html body .page-about .about-cta-section .button:focus-visible {
  transform: translateY(-3px) !important;
  background: #ffd21a !important;
  background-color: #ffd21a !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: 0 18px 42px rgba(255, 210, 26, 0.18) !important;
}

/* True final Courses buttons: no partial fill, full rectangular yellow hover. */
html body main.courses-page #courses-grid .academy-course-card .academy-course-cta,
html body main.courses-page #courses-grid .academy-course-card .academy-course-cta:link,
html body main.courses-page #courses-grid .academy-course-card .academy-course-cta:visited {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  width: 100% !important;
  min-height: 54px !important;
  padding: 0.9rem 1.4rem !important;
  border: 2px solid #ffd21a !important;
  border-radius: 14px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  overflow: visible !important;
  clip-path: none !important;
  box-shadow: none !important;
  transition: transform 0.24s ease, background-color 0.24s ease, color 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease !important;
}

html body main.courses-page #courses-grid .academy-course-card .academy-course-cta::before,
html body main.courses-page #courses-grid .academy-course-card .academy-course-cta::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  background: none !important;
}

html body main.courses-page #courses-grid .academy-course-card .academy-course-cta *,
html body main.courses-page #courses-grid .academy-course-card .academy-course-cta:link *,
html body main.courses-page #courses-grid .academy-course-card .academy-course-cta:visited * {
  position: relative !important;
  z-index: 2 !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
}

html body main.courses-page #courses-grid .academy-course-card .academy-course-cta:hover,
html body main.courses-page #courses-grid .academy-course-card .academy-course-cta:focus-visible,
html body main.courses-page #courses-grid .academy-course-card:hover .academy-course-cta {
  transform: translateY(-3px) !important;
  border-color: #ffd21a !important;
  border-radius: 14px !important;
  background: #ffd21a !important;
  background-color: #ffd21a !important;
  background-image: none !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: 0 18px 38px rgba(255, 210, 26, 0.2) !important;
}

html body main.courses-page #courses-grid .academy-course-card .academy-course-cta:hover *,
html body main.courses-page #courses-grid .academy-course-card .academy-course-cta:focus-visible *,
html body main.courses-page #courses-grid .academy-course-card:hover .academy-course-cta * {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

/* True final Courses page sections and dividers. */
html body main.courses-page {
  background: #ffffff !important;
  background-color: #ffffff !important;
  overflow: hidden !important;
}

html body main.courses-page > section {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-top: clamp(5rem, 8vw, 7rem) !important;
  padding-bottom: clamp(5rem, 8vw, 7rem) !important;
  border: 0 !important;
}

html body main.courses-page > section > :is(.max-w-7xl, .max-w-4xl) {
  position: relative !important;
  z-index: 2 !important;
}

html body main.courses-page > section + section::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: clamp(1.25rem, 6vw, 5rem) !important;
  right: clamp(1.25rem, 6vw, 5rem) !important;
  display: block !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 210, 26, 0.8), rgba(255, 255, 255, 0.26), rgba(255, 210, 26, 0.8), transparent) !important;
  border: 0 !important;
  box-shadow: 0 0 24px rgba(255, 210, 26, 0.22) !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

html body main.courses-page > section + section::after {
  content: "" !important;
  position: absolute !important;
  top: -5px !important;
  left: 50% !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: #ffd21a !important;
  box-shadow: 0 0 0 8px rgba(255, 210, 26, 0.1), 0 0 28px rgba(255, 210, 26, 0.42) !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  z-index: 6 !important;
}

html body main.courses-page .courses-hero {
  min-height: clamp(460px, 70vh, 700px) !important;
  display: flex !important;
  align-items: center !important;
}

html body main.courses-page #courses-grid.courses-grid-section {
  background:
    radial-gradient(circle at 14% 8%, rgba(255, 210, 26, 0.1), transparent 23rem),
    linear-gradient(180deg, #0a021d 0%, #140431 100%) !important;
  box-shadow: 0 0 0 100vmax #0a021d !important;
  clip-path: inset(0 -100vmax) !important;
}

html body main.courses-page .courses-pricing-section {
  background:
    radial-gradient(circle at 84% 0%, rgba(255, 210, 26, 0.09), transparent 24rem),
    linear-gradient(180deg, #140431 0%, #0a021d 100%) !important;
  box-shadow: 0 0 0 100vmax #140431 !important;
  clip-path: inset(0 -100vmax) !important;
}

html body main.courses-page .courses-final-cta {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 0 0 100vmax #ffffff !important;
  clip-path: inset(0 -100vmax) !important;
}

html body main.courses-page #courses-grid .text-center,
html body main.courses-page .courses-pricing-section .text-center,
html body main.courses-page .courses-final-cta .text-center {
  padding-bottom: clamp(0.5rem, 1vw, 1rem) !important;
}

html body main.courses-page #courses-grid h2,
html body main.courses-page .courses-pricing-section h2,
html body main.courses-page .courses-final-cta h2 {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body main.courses-page #courses-grid .text-center p,
html body main.courses-page .courses-pricing-section .text-center p,
html body main.courses-page .courses-final-cta p {
  color: rgba(38, 8, 95, 0.72) !important;
  -webkit-text-fill-color: rgba(38, 8, 95, 0.72) !important;
}

@media (max-width: 760px) {
  html body main.courses-page > section {
    padding-top: clamp(4rem, 14vw, 5rem) !important;
    padding-bottom: clamp(4rem, 14vw, 5rem) !important;
  }

  html body main.courses-page > section + section::before {
    left: 1rem !important;
    right: 1rem !important;
  }
}

/* True final Courses CTA white section button contrast. */
html body main.courses-page .courses-final-cta .courses-final-cta-primary,
html body main.courses-page .courses-final-cta .courses-final-cta-primary:link,
html body main.courses-page .courses-final-cta .courses-final-cta-primary:visited {
  border: 2px solid #ffd21a !important;
  background: #ffd21a !important;
  background-color: #ffd21a !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 34px rgba(255, 210, 26, 0.16) !important;
}

html body main.courses-page .courses-final-cta .courses-final-cta-secondary,
html body main.courses-page .courses-final-cta .courses-final-cta-secondary:link,
html body main.courses-page .courses-final-cta .courses-final-cta-secondary:visited {
  border: 2px solid #26085f !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

html body main.courses-page .courses-final-cta :is(.courses-final-cta-primary, .courses-final-cta-secondary) *,
html body main.courses-page .courses-final-cta :is(.courses-final-cta-primary, .courses-final-cta-secondary)::after {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body main.courses-page .courses-final-cta :is(.courses-final-cta-primary, .courses-final-cta-secondary):hover,
html body main.courses-page .courses-final-cta :is(.courses-final-cta-primary, .courses-final-cta-secondary):focus-visible {
  transform: translateY(-3px) !important;
  border-color: #26085f !important;
  background: #26085f !important;
  background-color: #26085f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 18px 38px rgba(38, 8, 95, 0.16) !important;
}

/* True final footer dividers on all pages. */
html body footer.site-footer,
html body .site-footer {
  position: relative !important;
  border-top: 0 !important;
  overflow: hidden !important;
}

html body footer.site-footer::before,
html body .site-footer::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: clamp(1.25rem, 6vw, 5rem) !important;
  right: clamp(1.25rem, 6vw, 5rem) !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(38, 8, 95, 0.18), rgba(255, 210, 26, 0.8), rgba(38, 8, 95, 0.18), transparent) !important;
  border: 0 !important;
  box-shadow: 0 0 24px rgba(255, 210, 26, 0.2) !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

html body footer.site-footer .footer-top,
html body .site-footer .footer-top {
  position: relative !important;
  border-bottom: 1px solid rgba(38, 8, 95, 0.14) !important;
}

html body footer.site-footer .footer-bottom,
html body .site-footer .footer-bottom {
  border-top: 0 !important;
}

@media (min-width: 900px) {
  html body footer.site-footer .footer-column,
  html body .site-footer .footer-column {
    position: relative !important;
  }

  html body footer.site-footer .footer-column + .footer-column::before,
  html body .site-footer .footer-column + .footer-column::before {
    content: "" !important;
    position: absolute !important;
    top: 0.25rem !important;
    bottom: 0.25rem !important;
    left: clamp(-1.25rem, -2vw, -0.75rem) !important;
    width: 1px !important;
    background: linear-gradient(180deg, transparent, rgba(38, 8, 95, 0.16), transparent) !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }
}

@media (max-width: 899px) {
  html body footer.site-footer .footer-column + .footer-column,
  html body .site-footer .footer-column + .footer-column {
    border-top: 1px solid rgba(38, 8, 95, 0.12) !important;
    padding-top: 1.5rem !important;
  }
}

/* True final homepage academy intro: white section, no middle divider. */
html body main.front-page #experience.about-story-deck-section,
html body .front-page #experience.about-story-deck-section,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section {
  position: relative !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: 0 0 0 100vmax #ffffff !important;
  clip-path: inset(0 -100vmax) !important;
  overflow: visible !important;
}

html body main.front-page #experience.about-story-deck-section {
  padding-bottom: clamp(2rem, 4vw, 3rem) !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section {
  padding-top: clamp(1rem, 2vw, 1.5rem) !important;
  padding-bottom: clamp(5rem, 8vw, 7rem) !important;
}

html body main.front-page #experience.about-story-deck-section::before,
html body main.front-page #experience.about-story-deck-section::after,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section::before,
html body .front-page #experience.about-story-deck-section::before,
html body .front-page #experience.about-story-deck-section::after,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section::before {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body main.front-page #experience.about-story-deck-section .home-section-bg-slideshow,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-section-bg-slideshow,
html body main.front-page #experience.about-story-deck-section .home-section-bg-slideshow::before,
html body main.front-page #experience.about-story-deck-section .home-section-bg-slideshow::after,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-section-bg-slideshow::before,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-section-bg-slideshow::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
}

html body main.front-page #experience.about-story-deck-section .story-deck-section-header,
html body .front-page #experience.about-story-deck-section .story-deck-section-header {
  max-width: 1120px !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body main.front-page #experience.about-story-deck-section :is(.story-deck-kicker, h2, p, span, div),
html body .front-page #experience.about-story-deck-section :is(.story-deck-kicker, h2, p, span, div) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  text-shadow: none !important;
}

html body main.front-page #experience.about-story-deck-section .story-deck-intro,
html body .front-page #experience.about-story-deck-section .story-deck-intro {
  color: rgba(38, 8, 95, 0.72) !important;
  -webkit-text-fill-color: rgba(38, 8, 95, 0.72) !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card.feature-card--media,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card.feature-card--media {
  min-height: 260px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(38, 8, 95, 0.18) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: 0 22px 54px rgba(38, 8, 95, 0.08) !important;
  overflow: hidden !important;
  transform: none !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card.feature-card--media::before,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card.feature-card--media::after,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card.feature-card--media::before,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card.feature-card--media::after {
  content: none !important;
  display: none !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-media,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-media {
  display: none !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-body,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-body {
  position: static !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: clamp(2rem, 4vw, 3rem) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  text-align: center !important;
  transform: none !important;
  opacity: 1 !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-body :is(h3, p, a, span, div),
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-body :is(h3, p, a, span, div) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-body .mt-8,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-body .mt-8 {
  display: none !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section::after,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: clamp(1.25rem, 6vw, 5rem) !important;
  right: clamp(1.25rem, 6vw, 5rem) !important;
  bottom: 0 !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(38, 8, 95, 0.18), rgba(255, 210, 26, 0.72), rgba(38, 8, 95, 0.18), transparent) !important;
  border: 0 !important;
  box-shadow: 0 0 24px rgba(255, 210, 26, 0.16) !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

/* True final homepage Impact section: restore clean spacing and readable cards. */
html body main.front-page .home-editorial-cards-section,
html body .front-page .home-editorial-cards-section {
  margin-bottom: 0 !important;
}

html body main.front-page #impact.impact-dashboard-section,
html body .front-page #impact.impact-dashboard-section {
  position: relative !important;
  margin-top: 0 !important;
  padding-top: clamp(5.5rem, 8vw, 7rem) !important;
  padding-bottom: clamp(5.5rem, 8vw, 7rem) !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(255, 210, 26, 0.09), transparent 22rem),
    linear-gradient(180deg, #0a021d 0%, #16053a 52%, #0a021d 100%) !important;
  background-color: #0a021d !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 0 0 100vmax #0a021d !important;
  clip-path: inset(0 -100vmax) !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

html body main.front-page #impact.impact-dashboard-section::before,
html body .front-page #impact.impact-dashboard-section::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: clamp(1.25rem, 6vw, 5rem) !important;
  right: clamp(1.25rem, 6vw, 5rem) !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 210, 26, 0.75), rgba(255, 255, 255, 0.18), rgba(255, 210, 26, 0.75), transparent) !important;
  box-shadow: 0 0 24px rgba(255, 210, 26, 0.18) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

html body main.front-page #impact.impact-dashboard-section::after,
html body .front-page #impact.impact-dashboard-section::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background: linear-gradient(180deg, rgba(10, 2, 29, 0.92), rgba(10, 2, 29, 0.86)) !important;
  pointer-events: none !important;
}

html body main.front-page #impact .home-section-bg-slideshow,
html body .front-page #impact .home-section-bg-slideshow {
  opacity: 0.22 !important;
}

html body main.front-page #impact > .mx-auto,
html body .front-page #impact > .mx-auto {
  position: relative !important;
  z-index: 2 !important;
}

html body main.front-page #impact .impact-dashboard-header,
html body .front-page #impact .impact-dashboard-header {
  max-width: 980px !important;
  margin: 0 auto clamp(3rem, 5vw, 4.25rem) !important;
  text-align: center !important;
}

html body main.front-page #impact .impact-dashboard-kicker,
html body .front-page #impact .impact-dashboard-kicker {
  margin-bottom: 0.85rem !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
}

html body main.front-page #impact .impact-dashboard-header h2,
html body .front-page #impact .impact-dashboard-header h2 {
  max-width: 980px !important;
  margin: 0 auto 1.25rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(3rem, 6.6vw, 6rem) !important;
  line-height: 0.96 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
  text-shadow: none !important;
}

html body main.front-page #impact .impact-dashboard-header > p:not(.impact-dashboard-kicker),
html body .front-page #impact .impact-dashboard-header > p:not(.impact-dashboard-kicker) {
  max-width: 760px !important;
  margin: 0 auto !important;
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  font-size: clamp(1rem, 1.45vw, 1.18rem) !important;
  line-height: 1.65 !important;
}

html body main.front-page #impact .impact-dashboard,
html body .front-page #impact .impact-dashboard {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.35fr) !important;
  gap: clamp(1.25rem, 2vw, 1.75rem) !important;
  align-items: stretch !important;
}

html body main.front-page #impact .impact-support-grid,
html body .front-page #impact .impact-support-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(1.25rem, 2vw, 1.75rem) !important;
}

html body main.front-page #impact .impact-card,
html body .front-page #impact .impact-card {
  min-height: 220px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: clamp(1.5rem, 2.5vw, 2.25rem) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.22) !important;
  backdrop-filter: blur(16px) !important;
  overflow: hidden !important;
}

html body main.front-page #impact .impact-card-featured,
html body .front-page #impact .impact-card-featured {
  min-height: 100% !important;
}

html body main.front-page #impact .impact-card::before,
html body main.front-page #impact .impact-card::after,
html body .front-page #impact .impact-card::before,
html body .front-page #impact .impact-card::after {
  content: none !important;
  display: none !important;
}

html body main.front-page #impact .impact-card :is(.stats-glow, h3, span, p),
html body .front-page #impact .impact-card :is(.stats-glow, h3, span, p) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

html body main.front-page #impact .impact-card .stats-glow,
html body .front-page #impact .impact-card .stats-glow {
  margin: 0 0 0.35rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(2.8rem, 5.2vw, 5rem) !important;
  line-height: 0.9 !important;
}

html body main.front-page #impact .impact-support-grid .stats-glow,
html body .front-page #impact .impact-support-grid .stats-glow {
  font-size: clamp(2.4rem, 4vw, 4rem) !important;
}

html body main.front-page #impact .impact-card h3,
html body .front-page #impact .impact-card h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.15rem, 1.7vw, 1.55rem) !important;
  line-height: 1.1 !important;
}

html body main.front-page #impact .impact-card-proof,
html body .front-page #impact .impact-card-proof {
  margin-top: 0.9rem !important;
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
  opacity: 1 !important;
}

@media (max-width: 900px) {
  html body main.front-page #impact .impact-dashboard,
  html body .front-page #impact .impact-dashboard {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  html body main.front-page #impact .impact-support-grid,
  html body .front-page #impact .impact-support-grid {
    grid-template-columns: 1fr !important;
  }
}

/* True final homepage Featured Courses background: dark purple edge to edge. */
html body main.front-page #courses.homepage-course-section,
html body .front-page #courses.homepage-course-section {
  position: relative !important;
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 0 0 100vmax #0a021d !important;
  clip-path: inset(0 -100vmax) !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

html body main.front-page #courses.homepage-course-section::before,
html body main.front-page #courses.homepage-course-section::after,
html body .front-page #courses.homepage-course-section::before,
html body .front-page #courses.homepage-course-section::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

html body main.front-page #courses .home-section-bg-slideshow,
html body main.front-page #courses .home-section-bg-slideshow::before,
html body main.front-page #courses .home-section-bg-slideshow::after,
html body .front-page #courses .home-section-bg-slideshow,
html body .front-page #courses .home-section-bg-slideshow::before,
html body .front-page #courses .home-section-bg-slideshow::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
}

html body main.front-page #courses > .max-w-7xl,
html body .front-page #courses > .max-w-7xl {
  position: relative !important;
  z-index: 2 !important;
}

/* Absolute final Featured Courses band: force dark purple across the whole viewport. */
html body main.front-page #courses,
html body main.front-page section#courses.homepage-course-section,
html body .front-page #courses,
html body .front-page section#courses.homepage-course-section {
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
  box-shadow: 0 0 0 100vmax #0a021d !important;
  clip-path: inset(0 -100vmax) !important;
}

html body main.front-page #courses *,
html body .front-page #courses * {
  text-shadow: none !important;
}

html body main.front-page #courses .homepage-course-carousel,
html body main.front-page #courses .homepage-course-viewport,
html body .front-page #courses .homepage-course-carousel,
html body .front-page #courses .homepage-course-viewport {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Absolute final: separate Impact and Featured Courses with a divider. */
html body main.front-page #impact.impact-dashboard-section,
html body .front-page #impact.impact-dashboard-section {
  padding-bottom: clamp(5.5rem, 8vw, 7rem) !important;
}

html body main.front-page #courses.homepage-course-section,
html body .front-page #courses.homepage-course-section {
  margin-top: 0 !important;
  padding-top: clamp(5.5rem, 8vw, 7rem) !important;
  border-top: 0 !important;
}

html body main.front-page #courses.homepage-course-section::before,
html body .front-page #courses.homepage-course-section::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: clamp(1.25rem, 6vw, 5rem) !important;
  right: clamp(1.25rem, 6vw, 5rem) !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 210, 26, 0.8), rgba(255, 255, 255, 0.22), rgba(255, 210, 26, 0.8), transparent) !important;
  box-shadow: 0 0 24px rgba(255, 210, 26, 0.2) !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

/* Absolute final: reduce white gap before Impact section. */
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section {
  padding-bottom: clamp(2rem, 4vw, 3rem) !important;
  margin-bottom: 0 !important;
}

html body main.front-page #impact.impact-dashboard-section,
html body .front-page #impact.impact-dashboard-section {
  padding-top: clamp(4rem, 6vw, 5rem) !important;
}

/* Absolute final academy cards icons. */
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon {
  width: 4.25rem !important;
  height: 4.25rem !important;
  margin: 0 auto 1.25rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 18px !important;
  background: #26085f !important;
  border: 1px solid #26085f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 14px 32px rgba(38, 8, 95, 0.08) !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon svg,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon svg {
  width: 2.15rem !important;
  height: 2.15rem !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon-expertise,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon-expertise {
  background: #ffffff !important;
  border-color: rgba(38, 8, 95, 0.22) !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

/* True final background image removal for Courses hero and Student Proof Desk. */
html body main.courses-page section.courses-hero,
html body .courses-page .courses-hero {
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
}

html body main.front-page #stories.success-proof-desk-section,
html body main.front-page #stories.success-proof-desk-section::before,
html body main.front-page #stories.success-proof-desk-section::after,
html body .front-page #stories.success-proof-desk-section,
html body .front-page #stories.success-proof-desk-section::before,
html body .front-page #stories.success-proof-desk-section::after {
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
}

html body main.front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide, .home-section-bg-slide img),
html body main.front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide)::before,
html body main.front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide)::after,
html body .front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide, .home-section-bg-slide img),
html body .front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide)::before,
html body .front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide)::after {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
}

/* True final background image removal for Careers hero. */
html body .page-careers .careers-hero,
html body .page-careers .careers-hero::before,
html body .page-careers .careers-hero::after {
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
}

html body .page-careers .careers-hero-bg,
html body .page-careers .careers-hero-bg img {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
}

/* True final Careers section dividers. */
html body .page-careers > section {
  position: relative !important;
}

html body .page-careers > section + section::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: clamp(1.25rem, 7vw, 6rem) !important;
  right: clamp(1.25rem, 7vw, 6rem) !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(38, 8, 95, 0.2), rgba(255, 210, 26, 0.85), rgba(38, 8, 95, 0.2), transparent) !important;
  box-shadow: 0 0 24px rgba(255, 210, 26, 0.18) !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

html body .page-careers > section:is(.careers-hero, .careers-section, .careers-story-section, .apply-section) {
  border-top: 0 !important;
}

/* True final Careers story section: no image, horizontal centered text. */
html body .page-careers .careers-story-section {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  padding-inline: clamp(1.5rem, 7vw, 6rem) !important;
  text-align: center !important;
}

html body .page-careers .careers-story-media,
html body .page-careers .careers-story-media img {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

html body .page-careers .careers-story-content {
  width: min(100%, 72rem) !important;
  max-width: 72rem !important;
  margin-inline: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

html body .page-careers .careers-story-content h2 {
  max-width: 68rem !important;
  margin-inline: auto !important;
  text-align: center !important;
  font-size: clamp(3rem, 6.4vw, 6rem) !important;
  line-height: 0.96 !important;
}

html body .page-careers .careers-story-content p {
  max-width: 58rem !important;
  margin: 1.25rem auto 0 !important;
  text-align: center !important;
  font-size: clamp(1.05rem, 1.35vw, 1.3rem) !important;
  line-height: 1.75 !important;
}

html body .page-careers .careers-proof-row {
  justify-content: center !important;
  margin-top: clamp(1.5rem, 3vw, 2.25rem) !important;
}

/* True final Careers apply heading-to-form spacing. */
html body .page-careers #apply-now .careers-section-header {
  margin-bottom: clamp(4rem, 7vw, 6rem) !important;
}

html body .page-careers #apply-now .apply-grid {
  margin-top: 0 !important;
}

/* True final background image removal for Careers hero. */
html body .page-careers .careers-hero,
html body .page-careers .careers-hero::before,
html body .page-careers .careers-hero::after {
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
}

html body .page-careers .careers-hero-bg,
html body .page-careers .careers-hero-bg img {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
}

/* True final background image removal for Courses hero and Student Proof Desk. */
html body main.courses-page section.courses-hero,
html body .courses-page .courses-hero {
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
}

html body main.front-page #stories.success-proof-desk-section,
html body main.front-page #stories.success-proof-desk-section::before,
html body main.front-page #stories.success-proof-desk-section::after,
html body .front-page #stories.success-proof-desk-section,
html body .front-page #stories.success-proof-desk-section::before,
html body .front-page #stories.success-proof-desk-section::after {
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
}

html body main.front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide, .home-section-bg-slide img),
html body main.front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide)::before,
html body main.front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide)::after,
html body .front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide, .home-section-bg-slide img),
html body .front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide)::before,
html body .front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide)::after {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
}

/* Absolute final: remove homepage hero images. */
html body main.front-page #home.hero-cinematic .academy-hero-slideshow,
html body main.front-page #home.hero-cinematic .academy-hero-slideshow::before,
html body main.front-page #home.hero-cinematic .academy-hero-slideshow::after,
html body main.front-page #home.hero-cinematic .academy-hero-slide,
html body main.front-page #home.hero-cinematic .academy-hero-slide img,
html body main.front-page #home.hero-cinematic .hero-slide-progress,
html body .front-page #home.hero-cinematic .academy-hero-slideshow,
html body .front-page #home.hero-cinematic .academy-hero-slideshow::before,
html body .front-page #home.hero-cinematic .academy-hero-slideshow::after,
html body .front-page #home.hero-cinematic .academy-hero-slide,
html body .front-page #home.hero-cinematic .academy-hero-slide img,
html body .front-page #home.hero-cinematic .hero-slide-progress {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
}

html body main.front-page #home.hero-cinematic,
html body .front-page #home.hero-cinematic {
  background: #0a021d !important;
  background-image: none !important;
}

/* Absolute final: remove About hero background image. */
html body .page-about .about-hero-bg,
html body .page-about .about-hero-bg img {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

html body .page-about .about-hero {
  background: #0a021d !important;
  background-image: none !important;
}

/* Absolute final: remove Courses hero and Student Proof Desk background images. */
html body main.courses-page section.courses-hero,
html body .courses-page .courses-hero {
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
}

html body main.front-page #stories.success-proof-desk-section,
html body .front-page #stories.success-proof-desk-section {
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
}

html body main.front-page #stories.success-proof-desk-section .home-section-bg-slideshow,
html body main.front-page #stories.success-proof-desk-section .home-section-bg-slideshow::before,
html body main.front-page #stories.success-proof-desk-section .home-section-bg-slideshow::after,
html body main.front-page #stories.success-proof-desk-section .home-section-bg-slide,
html body main.front-page #stories.success-proof-desk-section .home-section-bg-slide img,
html body .front-page #stories.success-proof-desk-section .home-section-bg-slideshow,
html body .front-page #stories.success-proof-desk-section .home-section-bg-slideshow::before,
html body .front-page #stories.success-proof-desk-section .home-section-bg-slideshow::after,
html body .front-page #stories.success-proof-desk-section .home-section-bg-slide,
html body .front-page #stories.success-proof-desk-section .home-section-bg-slide img {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon-approach,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon-approach {
  background: #26085f !important;
  border-color: #26085f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Absolute final homepage hero English highlight. */
html body main.front-page #home.hero-cinematic .hero-heading-highlight,
html body .front-page #home.hero-cinematic .hero-heading-highlight {
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  display: inline !important;
}

html body main.front-page #home.hero-cinematic .hero-heading-highlight::before,
html body main.front-page #home.hero-cinematic .hero-heading-highlight::after,
html body .front-page #home.hero-cinematic .hero-heading-highlight::before,
html body .front-page #home.hero-cinematic .hero-heading-highlight::after {
  content: none !important;
  display: none !important;
}

/* Absolute final academy icon color fix: purple and white only. */
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon {
  background: #26085f !important;
  border-color: #26085f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon svg,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon svg *,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon svg,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon svg * {
  fill: none !important;
  stroke: currentColor !important;
  color: inherit !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon-expertise,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon-expertise {
  background: #ffffff !important;
  border-color: rgba(38, 8, 95, 0.22) !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

/* True final background image removal for Courses hero and Student Proof Desk. */
html body main.courses-page section.courses-hero,
html body .courses-page .courses-hero {
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
}

html body main.front-page #stories.success-proof-desk-section,
html body main.front-page #stories.success-proof-desk-section::before,
html body main.front-page #stories.success-proof-desk-section::after,
html body .front-page #stories.success-proof-desk-section,
html body .front-page #stories.success-proof-desk-section::before,
html body .front-page #stories.success-proof-desk-section::after {
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
}

html body main.front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide, .home-section-bg-slide img),
html body main.front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide)::before,
html body main.front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide)::after,
html body .front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide, .home-section-bg-slide img),
html body .front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide)::before,
html body .front-page #stories.success-proof-desk-section :is(.home-section-bg-slideshow, .home-section-bg-slide)::after {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
}
/* True final background image removal for Careers hero. */
html body .page-careers .careers-hero,
html body .page-careers .careers-hero::before,
html body .page-careers .careers-hero::after {
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
}

html body .page-careers .careers-hero-bg,
html body .page-careers .careers-hero-bg img {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
}
/* True final Careers section dividers. */
html body .page-careers > section {
  position: relative !important;
}

html body .page-careers > section + section::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: clamp(1.25rem, 7vw, 6rem) !important;
  right: clamp(1.25rem, 7vw, 6rem) !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(38, 8, 95, 0.2), rgba(255, 210, 26, 0.85), rgba(38, 8, 95, 0.2), transparent) !important;
  box-shadow: 0 0 24px rgba(255, 210, 26, 0.18) !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

html body .page-careers > section:is(.careers-hero, .careers-section, .careers-story-section, .apply-section) {
  border-top: 0 !important;
}
/* True final Careers story section: no image, horizontal centered text. */
html body .page-careers .careers-story-section {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  padding-inline: clamp(1.5rem, 7vw, 6rem) !important;
  text-align: center !important;
}

html body .page-careers .careers-story-media,
html body .page-careers .careers-story-media img {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

html body .page-careers .careers-story-content {
  width: min(100%, 72rem) !important;
  max-width: 72rem !important;
  margin-inline: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

html body .page-careers .careers-story-content h2 {
  max-width: 68rem !important;
  margin-inline: auto !important;
  text-align: center !important;
  font-size: clamp(3rem, 6.4vw, 6rem) !important;
  line-height: 0.96 !important;
}

html body .page-careers .careers-story-content p {
  max-width: 58rem !important;
  margin: 1.25rem auto 0 !important;
  text-align: center !important;
  font-size: clamp(1.05rem, 1.35vw, 1.3rem) !important;
  line-height: 1.75 !important;
}

html body .page-careers .careers-proof-row {
  justify-content: center !important;
  margin-top: clamp(1.5rem, 3vw, 2.25rem) !important;
}
/* True final Careers apply heading-to-form spacing. */
html body .page-careers #apply-now .careers-section-header {
  margin-bottom: clamp(4rem, 7vw, 6rem) !important;
}

html body .page-careers #apply-now .apply-grid {
  margin-top: 0 !important;
}
/* True final academy cards icon theme: white box, purple line icon. */
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon-mission,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon-mission,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon-expertise,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon-expertise,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon-approach,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon-approach {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(38, 8, 95, 0.22) !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: 0 14px 32px rgba(38, 8, 95, 0.08) !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon svg,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon svg *,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon svg,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .feature-card-icon svg * {
  fill: none !important;
  stroke: #26085f !important;
  color: #26085f !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* Hide WordPress admin-bar search on the public front end to prevent header overlap. */
html body #wpadminbar #wp-admin-bar-search,
html body #wpadminbar #wp-admin-bar-search *,
html body #wpadminbar .ab-top-menu > #wp-admin-bar-search {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
}

/* True final homepage final CTA spacing. */
html body main.front-page #final-cta .home-final-cta-actions,
html body .front-page #final-cta .home-final-cta-actions {
  margin-top: clamp(3.5rem, 6vw, 5rem) !important;
}

/* Divider between Student Proof Desk and final CTA. */
html body main.front-page #final-cta,
html body .front-page #final-cta {
  position: relative !important;
}

html body main.front-page #final-cta::before,
html body .front-page #final-cta::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: clamp(1.25rem, 8vw, 7rem) !important;
  right: clamp(1.25rem, 8vw, 7rem) !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 210, 26, 0.85), rgba(255, 255, 255, 0.28), rgba(255, 210, 26, 0.85), transparent) !important;
  box-shadow: 0 0 26px rgba(255, 210, 26, 0.2) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* Absolute final footer logo size: 2x larger. */
html body footer.site-footer .footer-logo-link,
html body .site-footer .footer-logo-link {
  width: clamp(180px, 18vw, 260px) !important;
  max-width: 260px !important;
  height: auto !important;
  min-height: 72px !important;
}

html body footer.site-footer .footer-logo-image,
html body .site-footer .footer-logo-image {
  width: 100% !important;
  max-width: 260px !important;
  height: auto !important;
  min-height: 72px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

@media (max-width: 640px) {
  html body footer.site-footer .footer-logo-link,
  html body .site-footer .footer-logo-link {
    width: min(72vw, 230px) !important;
    max-width: 230px !important;
  }

  html body footer.site-footer .footer-logo-image,
  html body .site-footer .footer-logo-image {
    max-width: 230px !important;
  }
}

html body main.front-page #final-cta .home-final-cta-subtext,
html body .front-page #final-cta .home-final-cta-subtext {
  margin-bottom: 0 !important;
  text-decoration: none !important;
}

/* True final Courses page premium academies heading colors. */
html body main.courses-page #courses-grid .text-center h2,
html body .courses-page #courses-grid .text-center h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main.courses-page #courses-grid .text-center p,
html body .courses-page #courses-grid .text-center p {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

/* Absolute final footer social icons: keep glyphs visible on hover. */
html body footer.site-footer .social-icons,
html body .site-footer .social-icons {
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
}

html body footer.site-footer .social-icon,
html body footer.site-footer .social-icon:link,
html body footer.site-footer .social-icon:visited,
html body .site-footer .social-icon,
html body .site-footer .social-icon:link,
html body .site-footer .social-icon:visited {
  width: 3.25rem !important;
  height: 3.25rem !important;
  min-width: 3.25rem !important;
  min-height: 3.25rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(38, 8, 95, 0.22) !important;
  box-shadow: 0 10px 24px rgba(38, 8, 95, 0.08) !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  transform: none !important;
}

html body footer.site-footer .social-icon::before,
html body footer.site-footer .social-icon::after,
html body .site-footer .social-icon::before,
html body .site-footer .social-icon::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

html body footer.site-footer .social-icon svg,
html body .site-footer .social-icon svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  display: block !important;
  flex: 0 0 auto !important;
  color: #26085f !important;
  fill: #26085f !important;
  stroke: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body footer.site-footer .social-icon svg *,
html body footer.site-footer .social-icon svg path,
html body .site-footer .social-icon svg *,
html body .site-footer .social-icon svg path {
  color: #26085f !important;
  fill: #26085f !important;
  stroke: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body footer.site-footer .social-icon:hover,
html body footer.site-footer .social-icon:focus-visible,
html body .site-footer .social-icon:hover,
html body .site-footer .social-icon:focus-visible {
  background: #f7f3ff !important;
  background-color: #f7f3ff !important;
  background-image: none !important;
  border-color: #26085f !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: 0 14px 30px rgba(38, 8, 95, 0.14) !important;
  transform: translateY(-2px) !important;
}

html body footer.site-footer .social-icon:hover svg,
html body footer.site-footer .social-icon:focus-visible svg,
html body footer.site-footer .social-icon:hover svg *,
html body footer.site-footer .social-icon:focus-visible svg *,
html body .site-footer .social-icon:hover svg,
html body .site-footer .social-icon:focus-visible svg,
html body .site-footer .social-icon:hover svg *,
html body .site-footer .social-icon:focus-visible svg * {
  color: #26085f !important;
  fill: #26085f !important;
  stroke: none !important;
}

/* Absolute final nav/footer typography polish. */
html body header.site-header.hero-header .site-navigation a.nav-link-with-icon,
html body header.site-header.hero-header .site-navigation a.nav-link-with-icon span {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

html body footer.site-footer .footer-column h3,
html body .site-footer .footer-column h3 {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  font-size: clamp(0.9rem, 0.95vw, 1rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  margin-bottom: 1.75rem !important;
}

html body footer.site-footer .footer-links h3,
html body footer.site-footer .footer-contact h3,
html body .site-footer .footer-links h3,
html body .site-footer .footer-contact h3 {
  margin-bottom: 2rem !important;
}

html body footer.site-footer .footer-links a,
html body footer.site-footer .footer-contact-simple a,
html body footer.site-footer .footer-contact-simple strong,
html body .site-footer .footer-links a,
html body .site-footer .footer-contact-simple a,
html body .site-footer .footer-contact-simple strong {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
}

html body footer.site-footer .footer-links a,
html body .site-footer .footer-links a {
  font-size: clamp(1rem, 1.1vw, 1.15rem) !important;
  font-weight: 700 !important;
}

html body footer.site-footer .footer-contact-simple strong,
html body .site-footer .footer-contact-simple strong {
  display: block !important;
  margin-bottom: 0.28rem !important;
  font-size: clamp(0.92rem, 0.98vw, 1rem) !important;
  font-weight: 800 !important;
}

html body footer.site-footer .footer-contact-simple a,
html body .site-footer .footer-contact-simple a {
  font-size: clamp(0.95rem, 1.02vw, 1.05rem) !important;
  font-weight: 500 !important;
}

html body footer.site-footer .footer-info p,
html body footer.site-footer .footer-note,
html body .site-footer .footer-info p,
html body .site-footer .footer-note {
  color: #5d3f91 !important;
  -webkit-text-fill-color: #5d3f91 !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}

html body footer.site-footer .footer-links li + li,
html body .site-footer .footer-links li + li {
  margin-top: 0.75rem !important;
}

html body footer.site-footer .footer-contact-simple p,
html body .site-footer .footer-contact-simple p {
  margin: 0 0 1.1rem !important;
}

/* Contact form heading: keep "Send us a Message" on one line where space allows. */
html body .contact-split-page .contact-form-heading h2 {
  white-space: nowrap !important;
  max-width: none !important;
  width: max-content !important;
  font-size: clamp(2.35rem, 3.6vw, 4.4rem) !important;
  line-height: 1 !important;
}

@media (max-width: 760px) {
  html body .contact-split-page .contact-form-heading h2 {
    white-space: normal !important;
    width: auto !important;
    text-wrap: balance !important;
  }
}

/* Courses pricing heading contrast on dark section. */
html body main.courses-page .courses-pricing-section h2,
html body main.courses-page .courses-pricing-section .text-center h2,
html body .courses-page .courses-pricing-section h2,
html body .courses-page .courses-pricing-section .text-center h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main.courses-page .courses-pricing-section .text-center p,
html body .courses-page .courses-pricing-section .text-center p {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

/* Student proof avatars: icon-only, no profile photos. */
html body main.front-page #stories :is(.success-proof-avatar, .proof-selector-avatar),
html body .front-page #stories :is(.success-proof-avatar, .proof-selector-avatar) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(255, 210, 26, 0.38) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18) !important;
  color: #26085f !important;
}

html body main.front-page #stories .success-proof-avatar,
html body .front-page #stories .success-proof-avatar {
  width: 72px !important;
  height: 72px !important;
}

html body main.front-page #stories .proof-selector-avatar,
html body .front-page #stories .proof-selector-avatar {
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
}

html body main.front-page #stories :is(.success-proof-avatar, .proof-selector-avatar) svg,
html body .front-page #stories :is(.success-proof-avatar, .proof-selector-avatar) svg {
  width: 72% !important;
  height: 72% !important;
  display: block !important;
}

html body main.front-page #stories :is(.success-proof-avatar, .proof-selector-avatar) svg circle:first-child,
html body .front-page #stories :is(.success-proof-avatar, .proof-selector-avatar) svg circle:first-child {
  fill: #f7f3ff !important;
  stroke: none !important;
}

html body main.front-page #stories :is(.success-proof-avatar, .proof-selector-avatar) svg :is(path, circle:not(:first-child)),
html body .front-page #stories :is(.success-proof-avatar, .proof-selector-avatar) svg :is(path, circle:not(:first-child)) {
  fill: none !important;
  stroke: #26085f !important;
  stroke-width: 3.4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body main.front-page #stories .success-proof-avatar-female,
html body .front-page #stories .success-proof-avatar-female {
  background: #ffffff !important;
}

html body main.front-page #stories .success-proof-avatar-male,
html body .front-page #stories .success-proof-avatar-male {
  background: #f7f3ff !important;
}

html body main.front-page #stories .success-proof-profile-top > img,
html body main.front-page #stories .proof-selector-button > img,
html body .front-page #stories .success-proof-profile-top > img,
html body .front-page #stories .proof-selector-button > img {
  display: none !important;
}

/* Modern footer bottom layout cleanup. */
html body footer.site-footer,
html body .site-footer {
  padding-bottom: 0 !important;
}

html body footer.site-footer .footer-shell,
html body .site-footer .footer-shell {
  width: min(100%, 1440px) !important;
  margin-inline: auto !important;
}

html body footer.site-footer .footer-bottom,
html body .site-footer .footer-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
  width: 100% !important;
  margin-top: clamp(2rem, 4vw, 3rem) !important;
  padding: 1.35rem 0 1.5rem !important;
  border-top: 1px solid rgba(38, 8, 95, 0.12) !important;
  background: transparent !important;
}

html body footer.site-footer .footer-bottom p,
html body .site-footer .footer-bottom p {
  margin: 0 !important;
  color: #5d3f91 !important;
  -webkit-text-fill-color: #5d3f91 !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

html body footer.site-footer .footer-legal,
html body .site-footer .footer-legal {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(1rem, 2vw, 1.75rem) !important;
  flex-wrap: wrap !important;
}

html body footer.site-footer .footer-legal a,
html body footer.site-footer .footer-legal a:link,
html body footer.site-footer .footer-legal a:visited,
html body .site-footer .footer-legal a,
html body .site-footer .footer-legal a:link,
html body .site-footer .footer-legal a:visited {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

html body footer.site-footer .footer-legal .divider,
html body .site-footer .footer-legal .divider {
  display: none !important;
}

@media (max-width: 760px) {
  html body footer.site-footer .footer-bottom,
  html body .site-footer .footer-bottom {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 0.85rem !important;
    margin-top: 2rem !important;
  }

  html body footer.site-footer .footer-legal,
  html body .site-footer .footer-legal {
    justify-content: flex-start !important;
  }
}

/* Aesthetic homepage course carousel arrows. */
html body main.front-page #courses .homepage-course-controls,
html body .front-page #courses .homepage-course-controls {
  gap: 0.75rem !important;
}

html body main.front-page #courses .homepage-course-arrow,
html body main.front-page #courses .homepage-course-arrow:link,
html body main.front-page #courses .homepage-course-arrow:visited,
html body .front-page #courses .homepage-course-arrow,
html body .front-page #courses .homepage-course-arrow:link,
html body .front-page #courses .homepage-course-arrow:visited {
  position: relative !important;
  width: 3.25rem !important;
  height: 3.25rem !important;
  min-width: 3.25rem !important;
  min-height: 3.25rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 210, 26, 0.5) !important;
  background: rgba(255, 210, 26, 0.12) !important;
  background-image: none !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 16px 34px rgba(0, 0, 0, 0.18) !important;
  backdrop-filter: blur(10px) !important;
  transform: translateY(0) !important;
  transition: transform 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, color 0.22s ease !important;
}

html body main.front-page #courses .homepage-course-arrow::before,
html body main.front-page #courses .homepage-course-arrow::after,
html body .front-page #courses .homepage-course-arrow::before,
html body .front-page #courses .homepage-course-arrow::after {
  display: none !important;
  content: none !important;
}

html body main.front-page #courses .homepage-course-arrow svg,
html body .front-page #courses .homepage-course-arrow svg {
  width: 1.1rem !important;
  height: 1.1rem !important;
  color: currentColor !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.6 !important;
  transform: none !important;
}

html body main.front-page #courses .homepage-course-arrow svg *,
html body .front-page #courses .homepage-course-arrow svg * {
  stroke: currentColor !important;
}

html body main.front-page #courses .homepage-course-arrow-next,
html body .front-page #courses .homepage-course-arrow-next {
  background: #ffd21a !important;
  border-color: #ffd21a !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  box-shadow: 0 18px 38px rgba(255, 210, 26, 0.24) !important;
}

html body main.front-page #courses .homepage-course-arrow:hover,
html body main.front-page #courses .homepage-course-arrow:focus-visible,
html body .front-page #courses .homepage-course-arrow:hover,
html body .front-page #courses .homepage-course-arrow:focus-visible {
  transform: translateY(-3px) !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  box-shadow: 0 20px 42px rgba(255, 255, 255, 0.16) !important;
}

html body main.front-page #courses .homepage-course-arrow-next:hover,
html body main.front-page #courses .homepage-course-arrow-next:focus-visible,
html body .front-page #courses .homepage-course-arrow-next:hover,
html body .front-page #courses .homepage-course-arrow-next:focus-visible {
  background: #ffe45c !important;
  border-color: #ffe45c !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  box-shadow: 0 20px 42px rgba(255, 210, 26, 0.34) !important;
}

html body main.front-page #courses .homepage-course-arrow:active,
html body .front-page #courses .homepage-course-arrow:active {
  transform: translateY(-1px) scale(0.98) !important;
}

html body main.front-page #courses .homepage-course-arrow:disabled,
html body .front-page #courses .homepage-course-arrow:disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Keep About hero title on one line on desktop. */
html body .page-about .about-hero h1,
html body .page-about .about-hero h1 * {
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  max-width: none !important;
  width: max-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  html body .page-about .about-hero h1,
  html body .page-about .about-hero h1 * {
    white-space: normal !important;
    width: auto !important;
    text-wrap: balance !important;
  }
}

/* Center the homepage Featured Courses section heading. */
html body main.front-page #courses .section-heading,
html body .front-page #courses .section-heading,
html body main.front-page #courses .homepage-course-heading,
html body .front-page #courses .homepage-course-heading {
  width: min(100%, 920px) !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  align-items: center !important;
}

html body main.front-page #courses .section-heading :is(span, h2, p),
html body .front-page #courses .section-heading :is(span, h2, p),
html body main.front-page #courses .homepage-course-heading :is(span, h2, p),
html body .front-page #courses .homepage-course-heading :is(span, h2, p) {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body main.front-page #courses .homepage-course-subtext,
html body .front-page #courses .homepage-course-subtext {
  max-width: 760px !important;
}
/* Tighten space after Vision / Mission / Core Values cards. */
html body main.front-page .home-editorial-cards-section,
html body .front-page .home-editorial-cards-section {
  padding-bottom: clamp(2rem, 4vw, 3.5rem) !important;
}

html body main.front-page .home-editorial-cards-section + #impact,
html body .front-page .home-editorial-cards-section + #impact {
  margin-top: 0 !important;
}

/* Absolute final footer logo scale: visible full wordmark, no tiny render. */
html body footer.site-footer .footer-brand,
html body .site-footer .footer-brand {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  margin-bottom: clamp(1rem, 2vw, 1.5rem) !important;
}

html body footer.site-footer .footer-logo-link,
html body footer.site-footer .footer-logo-link:link,
html body footer.site-footer .footer-logo-link:visited,
html body .site-footer .footer-logo-link,
html body .site-footer .footer-logo-link:link,
html body .site-footer .footer-logo-link:visited {
  display: block !important;
  width: clamp(320px, 32vw, 520px) !important;
  min-width: clamp(320px, 32vw, 520px) !important;
  max-width: min(100%, 520px) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body footer.site-footer .footer-logo-image,
html body .site-footer .footer-logo-image {
  display: block !important;
  width: clamp(320px, 32vw, 520px) !important;
  min-width: clamp(320px, 32vw, 520px) !important;
  max-width: min(100%, 520px) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

@media (max-width: 760px) {
  html body footer.site-footer .footer-logo-link,
  html body footer.site-footer .footer-logo-image,
  html body .site-footer .footer-logo-link,
  html body .site-footer .footer-logo-image {
    width: min(86vw, 360px) !important;
    min-width: 0 !important;
    max-width: min(86vw, 360px) !important;
  }
}

/* Footer brand alignment: logo and intro copy centered as one block. */
html body footer.site-footer .footer-info,
html body .site-footer .footer-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

html body footer.site-footer .footer-info .footer-brand,
html body .site-footer .footer-info .footer-brand {
  justify-content: center !important;
  align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: clamp(1rem, 2vw, 1.5rem) !important;
}

html body footer.site-footer .footer-info .footer-logo-link,
html body .site-footer .footer-info .footer-logo-link,
html body footer.site-footer .footer-info .footer-logo-image,
html body .site-footer .footer-info .footer-logo-image {
  margin-left: auto !important;
  margin-right: auto !important;
  object-position: center center !important;
}

html body footer.site-footer .footer-info p,
html body .site-footer .footer-info p {
  max-width: 520px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Tighten the space after the Vision / Mission / Core Values cards. */
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section,
html body main.front-page .home-editorial-cards-section,
html body .front-page .home-editorial-cards-section {
  padding-bottom: clamp(2.25rem, 4vw, 3.5rem) !important;
  margin-bottom: 0 !important;
  min-height: auto !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-cards,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-cards,
html body main.front-page .home-editorial-cards-section .home-expand-cards,
html body .front-page .home-editorial-cards-section .home-expand-cards {
  margin-bottom: 0 !important;
}

html body main.front-page .home-editorial-cards-section + #impact,
html body .front-page .home-editorial-cards-section + #impact,
html body main.front-page #impact.impact-dashboard-section,
html body .front-page #impact.impact-dashboard-section {
  margin-top: 0 !important;
  padding-top: clamp(4rem, 6vw, 5.5rem) !important;
}

/* Keep Vision / Mission / Core Values content centered and fully readable on hover. */
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card.feature-card--media,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card.feature-card--media {
  height: clamp(340px, 25vw, 390px) !important;
  min-height: clamp(340px, 25vw, 390px) !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card .feature-card-body,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card .feature-card-body,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card:hover .feature-card-body,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card:hover .feature-card-body,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body {
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card .feature-card-body h3,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card .feature-card-body h3,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card:hover .feature-card-body h3,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body h3,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card:hover .feature-card-body h3,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body h3 {
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card:hover .feature-card-body p,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body p,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card:hover .feature-card-body p,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section .home-expand-card:focus-within .feature-card-body p {
  max-width: 34ch !important;
  max-height: none !important;
  margin: 1.15rem auto 0 !important;
  overflow: visible !important;
  text-align: center !important;
  line-height: 1.55 !important;
}

/* Accessible polished navbar: larger logo, clearer links, and centered slow underline. */
@media (min-width: 1280px) {
  html body header.site-header.hero-header > div,
  html body .site-header.hero-header > div {
    min-height: 98px !important;
    grid-template-columns: minmax(300px, 430px) minmax(0, 1fr) minmax(260px, 360px) !important;
    column-gap: clamp(1.5rem, 3vw, 3rem) !important;
    padding-top: 0.7rem !important;
    padding-bottom: 0.7rem !important;
  }

  html body header.site-header.hero-header .site-logo-link,
  html body .site-header.hero-header .site-logo-link {
    width: 420px !important;
    min-width: 420px !important;
    max-width: 420px !important;
    height: 104px !important;
    min-height: 104px !important;
  }

  html body header.site-header.hero-header .site-navigation,
  html body .site-header.hero-header .site-navigation {
    gap: clamp(2.1rem, 3vw, 3.25rem) !important;
  }
}

html body header.site-header.hero-header .site-navigation a.nav-link-with-icon,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon {
  position: relative !important;
  min-height: 48px !important;
  padding: 0.75rem 0.12rem 0.85rem !important;
  font-size: clamp(1rem, 0.9vw, 1.16rem) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body header.site-header.hero-header .site-navigation a.nav-link-with-icon span,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon span {
  font: inherit !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  white-space: nowrap !important;
}

html body header.site-header.hero-header .site-navigation a.nav-link-with-icon::after,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0.34rem !important;
  width: calc(100% - 0.1rem) !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #26085f !important;
  opacity: 1 !important;
  transform: translateX(-50%) scaleX(0) !important;
  transform-origin: center center !important;
  transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html body header.site-header.hero-header .site-navigation a.nav-link-with-icon:hover::after,
html body header.site-header.hero-header .site-navigation a.nav-link-with-icon:focus-visible::after,
html body header.site-header.hero-header .site-navigation a.nav-link-with-icon.is-active::after,
html body header.site-header.hero-header .site-navigation a.nav-link-with-icon[aria-current="page"]::after,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon:hover::after,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon:focus-visible::after,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon.is-active::after,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon[aria-current="page"]::after {
  transform: translateX(-50%) scaleX(1) !important;
}

html body header.site-header.hero-header .site-navigation a.nav-link-with-icon::before,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 1279px) and (min-width: 641px) {
  html body header.site-header.hero-header .site-logo-link,
  html body .site-header.hero-header .site-logo-link {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    height: 82px !important;
  }
}

/* Clean final CTA rebuild: isolate from old global button effects. */
html body main.front-page #final-cta.home-final-cta-section,
html body .front-page #final-cta.home-final-cta-section {
  position: relative !important;
  min-height: auto !important;
  padding: clamp(5rem, 8vw, 7rem) 1.5rem clamp(5.5rem, 8vw, 7.5rem) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: #09011c !important;
  background-color: #09011c !important;
  background-image: none !important;
  color: #ffffff !important;
}

html body main.front-page #final-cta.home-final-cta-section::before,
html body main.front-page #final-cta.home-final-cta-section::after,
html body .front-page #final-cta.home-final-cta-section::before,
html body .front-page #final-cta.home-final-cta-section::after,
html body main.front-page #final-cta .home-final-cta-grid,
html body .front-page #final-cta .home-final-cta-grid {
  content: none !important;
  display: none !important;
}

html body main.front-page #final-cta .home-final-cta-inner,
html body .front-page #final-cta .home-final-cta-inner {
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

html body main.front-page #final-cta .home-final-cta-inner::before,
html body main.front-page #final-cta .home-final-cta-inner::after,
html body .front-page #final-cta .home-final-cta-inner::before,
html body .front-page #final-cta .home-final-cta-inner::after {
  content: none !important;
  display: none !important;
}

html body main.front-page #final-cta .home-final-cta-headline,
html body .front-page #final-cta .home-final-cta-headline {
  max-width: 840px !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(3rem, 6.2vw, 6rem) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body main.front-page #final-cta .home-final-cta-subtext,
html body .front-page #final-cta .home-final-cta-subtext {
  max-width: 860px !important;
  margin: clamp(1.35rem, 2vw, 1.85rem) auto 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 0.95 !important;
  font-size: clamp(1.05rem, 1.45vw, 1.45rem) !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  text-align: center !important;
  text-decoration: none !important;
  border: 0 !important;
}

html body main.front-page #final-cta .home-final-cta-actions,
html body .front-page #final-cta .home-final-cta-actions {
  width: 100% !important;
  margin: clamp(2.1rem, 3.2vw, 3rem) 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  overflow: visible !important;
}

html body main.front-page #final-cta .home-final-cta-demo,
html body main.front-page #final-cta .home-final-cta-demo:link,
html body main.front-page #final-cta .home-final-cta-demo:visited,
html body .front-page #final-cta .home-final-cta-demo,
html body .front-page #final-cta .home-final-cta-demo:link,
html body .front-page #final-cta .home-final-cta-demo:visited {
  all: unset !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.95rem !important;
  width: auto !important;
  min-width: 252px !important;
  max-width: 100% !important;
  height: 62px !important;
  min-height: 62px !important;
  padding: 0 2.2rem !important;
  border: 2px solid #ffd21a !important;
  border-radius: 999px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  box-shadow: none !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transform: none !important;
  text-decoration: none !important;
  transition: background-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important;
}

html body main.front-page #final-cta .home-final-cta-demo::before,
html body main.front-page #final-cta .home-final-cta-demo::after,
html body .front-page #final-cta .home-final-cta-demo::before,
html body .front-page #final-cta .home-final-cta-demo::after {
  content: none !important;
  display: none !important;
}

html body main.front-page #final-cta .home-final-cta-demo-text,
html body .front-page #final-cta .home-final-cta-demo-text,
html body main.front-page #final-cta .home-final-cta-demo-icon,
html body .front-page #final-cta .home-final-cta-demo-icon,
html body main.front-page #final-cta .home-final-cta-demo-icon path,
html body .front-page #final-cta .home-final-cta-demo-icon path {
  position: static !important;
  z-index: 3 !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  stroke: #ffd21a !important;
  fill: none !important;
}

html body main.front-page #final-cta .home-final-cta-demo-text,
html body .front-page #final-cta .home-final-cta-demo-text {
  display: inline-block !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html body main.front-page #final-cta .home-final-cta-demo-icon,
html body .front-page #final-cta .home-final-cta-demo-icon {
  display: block !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  min-width: 1.2rem !important;
  margin: 0 !important;
  transform: none !important;
  transition: transform 0.28s ease !important;
}

html body main.front-page #final-cta .home-final-cta-demo:hover,
html body main.front-page #final-cta .home-final-cta-demo:focus-visible,
html body .front-page #final-cta .home-final-cta-demo:hover,
html body .front-page #final-cta .home-final-cta-demo:focus-visible {
  background: #ffd21a !important;
  background-color: #ffd21a !important;
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  box-shadow: 0 18px 40px rgba(255, 210, 26, 0.18) !important;
  transform: translateY(-2px) !important;
}

html body main.front-page #final-cta .home-final-cta-demo:hover :is(.home-final-cta-demo-text, .home-final-cta-demo-icon, .home-final-cta-demo-icon path),
html body main.front-page #final-cta .home-final-cta-demo:focus-visible :is(.home-final-cta-demo-text, .home-final-cta-demo-icon, .home-final-cta-demo-icon path),
html body .front-page #final-cta .home-final-cta-demo:hover :is(.home-final-cta-demo-text, .home-final-cta-demo-icon, .home-final-cta-demo-icon path),
html body .front-page #final-cta .home-final-cta-demo:focus-visible :is(.home-final-cta-demo-text, .home-final-cta-demo-icon, .home-final-cta-demo-icon path) {
  color: #1b0648 !important;
  -webkit-text-fill-color: #1b0648 !important;
  stroke: #1b0648 !important;
}

html body main.front-page #final-cta .home-final-cta-demo:hover .home-final-cta-demo-icon,
html body main.front-page #final-cta .home-final-cta-demo:focus-visible .home-final-cta-demo-icon,
html body .front-page #final-cta .home-final-cta-demo:hover .home-final-cta-demo-icon,
html body .front-page #final-cta .home-final-cta-demo:focus-visible .home-final-cta-demo-icon {
  transform: translateX(4px) !important;
}

@media (max-width: 640px) {
  html body main.front-page #final-cta.home-final-cta-section,
  html body .front-page #final-cta.home-final-cta-section {
    padding: 4.25rem 1.2rem 4.75rem !important;
  }

  html body main.front-page #final-cta .home-final-cta-headline,
  html body .front-page #final-cta .home-final-cta-headline {
    font-size: clamp(2.55rem, 12vw, 4rem) !important;
  }

html body main.front-page #final-cta .home-final-cta-demo,
html body .front-page #final-cta .home-final-cta-demo {
    min-width: min(100%, 248px) !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 1.55rem !important;
  }
}

/* Footer brand spacing: keep logo and intro copy closer together. */
html body footer.site-footer .footer-info .footer-brand,
html body .site-footer .footer-info .footer-brand {
  margin-bottom: clamp(0.35rem, 1vw, 0.75rem) !important;
}

html body footer.site-footer .footer-info .footer-logo-link,
html body .site-footer .footer-info .footer-logo-link {
  margin-bottom: 0 !important;
}

html body footer.site-footer .footer-info p,
html body .site-footer .footer-info p {
  margin-top: 0 !important;
}

/* Final courses hero heading: keep "Learn. Build. Grow." in one line. */
html body main.courses-page .courses-hero h1 {
  width: max-content !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
}

@media (max-width: 640px) {
  html body main.courses-page .courses-hero h1 {
    font-size: clamp(2.35rem, 11vw, 3.45rem) !important;
  }
}

/* Home: reduce the gap between the values cards and impact section. */
html body main.front-page .home-editorial-cards-section,
html body .front-page .home-editorial-cards-section,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section {
  padding-bottom: clamp(0.75rem, 1.5vw, 1.25rem) !important;
}

html body main.front-page .home-editorial-cards-section + #impact,
html body .front-page .home-editorial-cards-section + #impact,
html body main.front-page #impact.impact-dashboard-section,
html body .front-page #impact.impact-dashboard-section {
  padding-top: clamp(1.25rem, 2.5vw, 2rem) !important;
}

/* Home final CTA: make it read as a separate section with top dividers. */
html body main.front-page section#final-cta.home-final-cta-section,
html body .front-page section#final-cta.home-final-cta-section {
  margin-top: 0 !important;
  border-top: 1px solid rgba(255, 210, 26, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 10px 0 rgba(255, 210, 26, 0.06) !important;
  background: #080019 !important;
  background-color: #080019 !important;
}

html body main.front-page section#final-cta.home-final-cta-section {
  scroll-margin-top: 96px !important;
}

/* Courses hero: keep the short main heading on one line. */
html body main.courses-page .courses-hero h1 {
  width: max-content !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}

@media (max-width: 640px) {
  html body main.courses-page .courses-hero h1 {
    font-size: clamp(2.35rem, 11vw, 3.45rem) !important;
  }
}

/* Footer: remove the remaining brand intro text and collapse that column. */
html body footer.site-footer .footer-info,
html body .site-footer .footer-info,
html body footer.site-footer .footer-info p,
html body .site-footer .footer-info p,
html body footer.site-footer .footer-note,
html body .site-footer .footer-note {
  display: none !important;
}

/* Final CTA cleanup: no hidden decorative layers or old pseudo button effects. */
html body main.front-page section#final-cta.home-final-cta-section,
html body .front-page section#final-cta.home-final-cta-section {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: clamp(520px, 58vh, 680px) !important;
  padding: clamp(5rem, 8vw, 7rem) clamp(1.25rem, 5vw, 4rem) !important;
  background: #0a021d !important;
  background-image: none !important;
  overflow: hidden !important;
}

html body main.front-page section#final-cta.home-final-cta-section::before,
html body main.front-page section#final-cta.home-final-cta-section::after,
html body .front-page section#final-cta.home-final-cta-section::before,
html body .front-page section#final-cta.home-final-cta-section::after,
html body main.front-page section#final-cta .home-final-cta-grid,
html body main.front-page section#final-cta .home-section-bg-slideshow,
html body main.front-page section#final-cta .home-section-bg-slide,
html body .front-page section#final-cta .home-final-cta-grid,
html body .front-page section#final-cta .home-section-bg-slideshow,
html body .front-page section#final-cta .home-section-bg-slide {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

html body main.front-page section#final-cta .home-final-cta-inner,
html body .front-page section#final-cta .home-final-cta-inner {
  position: relative !important;
  z-index: 1 !important;
  width: min(100%, 980px) !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body main.front-page section#final-cta .home-final-cta-inner::before,
html body main.front-page section#final-cta .home-final-cta-inner::after,
html body .front-page section#final-cta .home-final-cta-inner::before,
html body .front-page section#final-cta .home-final-cta-inner::after {
  content: none !important;
  display: none !important;
}

html body main.front-page section#final-cta .home-final-cta-demo,
html body main.front-page section#final-cta .home-final-cta-demo:link,
html body main.front-page section#final-cta .home-final-cta-demo:visited,
html body .front-page section#final-cta .home-final-cta-demo,
html body .front-page section#final-cta .home-final-cta-demo:link,
html body .front-page section#final-cta .home-final-cta-demo:visited {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1.05rem !important;
  width: auto !important;
  min-width: 245px !important;
  min-height: 64px !important;
  padding: 0 2.1rem !important;
  border: 2px solid #ffd21a !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body main.front-page section#final-cta .home-final-cta-demo::before,
html body main.front-page section#final-cta .home-final-cta-demo::after,
html body .front-page section#final-cta .home-final-cta-demo::before,
html body .front-page section#final-cta .home-final-cta-demo::after {
  content: none !important;
  display: none !important;
}

html body main.front-page section#final-cta .home-final-cta-demo:hover,
html body main.front-page section#final-cta .home-final-cta-demo:focus-visible,
html body .front-page section#final-cta .home-final-cta-demo:hover,
html body .front-page section#final-cta .home-final-cta-demo:focus-visible {
  background: #ffd21a !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
  transform: none !important;
}

html body main.front-page section#final-cta .home-final-cta-demo:hover *,
html body main.front-page section#final-cta .home-final-cta-demo:focus-visible *,
html body .front-page section#final-cta .home-final-cta-demo:hover *,
html body .front-page section#final-cta .home-final-cta-demo:focus-visible * {
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
}

/* Courses final CTA: purple section with white copy. */
html body main.courses-page section.courses-final-cta,
html body .courses-page section.courses-final-cta,
html body main.courses-page .courses-final-cta,
html body .courses-page .courses-final-cta {
  background: #0a021d !important;
  background-color: #0a021d !important;
  background-image: none !important;
  color: #ffffff !important;
  border-top: 1px solid rgba(255, 210, 26, 0.28) !important;
  border-bottom: 1px solid rgba(255, 210, 26, 0.28) !important;
}

html body main.courses-page section.courses-final-cta :is(h1, h2, h3, p, span, div),
html body .courses-page section.courses-final-cta :is(h1, h2, h3, p, span, div) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main.courses-page section.courses-final-cta :is(.courses-final-cta-primary, .courses-final-cta-secondary),
html body .courses-page section.courses-final-cta :is(.courses-final-cta-primary, .courses-final-cta-secondary) {
  border-color: #ffd21a !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
  background: transparent !important;
}

html body main.courses-page section.courses-final-cta :is(.courses-final-cta-primary, .courses-final-cta-secondary):hover,
html body main.courses-page section.courses-final-cta :is(.courses-final-cta-primary, .courses-final-cta-secondary):focus-visible,
html body .courses-page section.courses-final-cta :is(.courses-final-cta-primary, .courses-final-cta-secondary):hover,
html body .courses-page section.courses-final-cta :is(.courses-final-cta-primary, .courses-final-cta-secondary):focus-visible {
  background: #ffd21a !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
}

/* Desktop navbar logo sizing: smaller on wide screens, leave mobile rules intact. */
@media (min-width: 1280px) {
  html body header.site-header.hero-header > div,
  html body .site-header.hero-header > div {
    min-height: 104px !important;
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) minmax(220px, 300px) !important;
  }

  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo,
  html body header.site-header.hero-header .site-logo-link,
  html body .site-header.hero-header .site-logo-link {
    width: clamp(230px, 18vw, 300px) !important;
    min-width: clamp(230px, 18vw, 300px) !important;
    max-width: 300px !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
  }

  html body header.site-header.hero-header .site-logo-chip,
  html body .site-header.hero-header .site-logo-chip,
  html body header.site-header.hero-header .site-logo-image,
  html body .site-header.hero-header .site-logo-image {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }
}

/* Navbar hover polish: underline follows the text cleanly. */
html body header.site-header.hero-header .site-navigation a.nav-link-with-icon,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon {
  position: relative !important;
  overflow: visible !important;
  padding-bottom: 1rem !important;
}

html body header.site-header.hero-header .site-navigation a.nav-link-with-icon::after,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon::after {
  content: none !important;
  display: none !important;
}

html body header.site-header.hero-header .site-navigation a.nav-link-with-icon span,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon span {
  position: relative !important;
  display: inline-block !important;
  padding-bottom: 0.55rem !important;
}

html body header.site-header.hero-header .site-navigation a.nav-link-with-icon span::after,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon span::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #26085f !important;
  transform: translateX(-50%) scaleX(0) !important;
  transform-origin: center center !important;
  transition: transform 0.48s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html body header.site-header.hero-header .site-navigation a.nav-link-with-icon:hover span::after,
html body header.site-header.hero-header .site-navigation a.nav-link-with-icon:focus-visible span::after,
html body header.site-header.hero-header .site-navigation a.nav-link-with-icon.is-active span::after,
html body header.site-header.hero-header .site-navigation a.nav-link-with-icon[aria-current="page"] span::after,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon:hover span::after,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon:focus-visible span::after,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon.is-active span::after,
html body .site-header.hero-header .site-navigation a.nav-link-with-icon[aria-current="page"] span::after {
  transform: translateX(-50%) scaleX(1) !important;
}

/* Book demo Benefits section: white background with purple content. */
html body main.demo-editorial .demo-benefits-section,
html body .demo-editorial .demo-benefits-section {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

html body main.demo-editorial .demo-benefits-section :is(.demo-section-name, h2, p, li, span, div),
html body .demo-editorial .demo-benefits-section :is(.demo-section-name, h2, p, li, span, div) {
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
  text-shadow: none !important;
}

html body main.demo-editorial .demo-benefits-section .demo-section-name,
html body .demo-editorial .demo-benefits-section .demo-section-name {
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
}

html body main.demo-editorial .demo-benefits-section ul li::before,
html body .demo-editorial .demo-benefits-section ul li::before {
  background: #26085f !important;
  border-color: #26085f !important;
  box-shadow: none !important;
}

/* Footer desktop balance: spread Useful Links, Contact Us, and Follow Us wider. */
@media (min-width: 1024px) {
  html body footer.site-footer .footer-top,
  html body .site-footer .footer-top {
    grid-template-columns: minmax(360px, 1.18fr) minmax(170px, 0.72fr) minmax(280px, 1fr) minmax(270px, 0.9fr) !important;
    column-gap: clamp(3rem, 6vw, 7rem) !important;
    align-items: start !important;
  }

  html body footer.site-footer .footer-follow,
  html body .site-footer .footer-follow {
    justify-self: end !important;
    width: min(100%, 320px) !important;
  }

  html body footer.site-footer .footer-contact,
  html body .site-footer .footer-contact {
    justify-self: center !important;
    width: min(100%, 340px) !important;
  }

  html body footer.site-footer .footer-links,
  html body .site-footer .footer-links {
    justify-self: center !important;
    width: min(100%, 220px) !important;
  }
}

/* Wider desktop navbar link spacing. */
@media (min-width: 1280px) {
  html body header.site-header.hero-header .site-navigation,
  html body .site-header.hero-header .site-navigation {
    gap: clamp(3.25rem, 4.8vw, 5.5rem) !important;
  }
}

@media (min-width: 1536px) {
  html body header.site-header.hero-header .site-navigation,
  html body .site-header.hero-header .site-navigation {
    gap: clamp(4rem, 5.8vw, 6.75rem) !important;
  }
}

/* Global responsive hardening layer. */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html body :is(img, video, canvas, svg) {
  max-width: 100%;
}

html body :is(main, section, header, footer, .footer-shell, .mx-auto, .container, [class*="max-w-"]) {
  max-width: 100%;
}

html body :is(h1, h2, h3, h4, h5, h6, p, a, span, li, label, input, textarea, select, button) {
  overflow-wrap: anywhere;
}

html body :is(a, button, input, textarea, select) {
  min-height: 44px;
}

@media (max-width: 1023px) {
  html body :is(
    .home-expand-cards,
    .homepage-course-track,
    .courses-card-grid,
    .courses-grid,
    .pricing-grid,
    .impact-dashboard,
    .success-proof-layout,
    .demo-booking-inner,
    .contact-split-shell,
    .career-apply-layout,
    .footer-top
  ) {
    grid-template-columns: 1fr !important;
  }

  html body :is(.footer-top, .footer-bottom) {
    text-align: center !important;
  }

  html body footer.site-footer :is(.footer-column, .footer-info, .footer-links, .footer-contact, .footer-follow),
  html body .site-footer :is(.footer-column, .footer-info, .footer-links, .footer-contact, .footer-follow) {
    width: 100% !important;
    max-width: 620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-self: center !important;
    align-items: center !important;
  }

  html body footer.site-footer :is(.footer-links ul, .footer-contact-simple, .social-icons),
  html body .site-footer :is(.footer-links ul, .footer-contact-simple, .social-icons) {
    justify-content: center !important;
    align-items: center !important;
  }
}

@media (max-width: 768px) {
  html body :is(section, .home-final-cta-section, .demo-info-section, .demo-booking-section, .courses-grid-section, .courses-pricing-section, .apply-section) {
    padding-left: clamp(1rem, 5vw, 1.5rem) !important;
    padding-right: clamp(1rem, 5vw, 1.5rem) !important;
  }

  html body :is(h1, .hero-title, .courses-hero-title, .page-hero-title) {
    font-size: clamp(2.6rem, 13vw, 4.4rem) !important;
    line-height: 0.98 !important;
  }

  html body :is(h2, .section-title, .home-final-cta-headline, .impact-dashboard-title) {
    font-size: clamp(2.25rem, 11vw, 3.7rem) !important;
    line-height: 1.02 !important;
  }

  html body :is(.contact-form, .contact-split-form, .career-application-form, .demo-form, .booking-form) {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  html body :is(.contact-input-group, .career-input-group, .demo-input-group, .form-field, .form-row, textarea, button[type="submit"]) {
    grid-column: 1 / -1 !important;
  }

  html body :is(a[class*="button"], .button, .hero-button, .home-final-cta-demo, .academy-course-cta, .courses-final-cta-primary, .courses-final-cta-secondary, .demo-pill, button[type="submit"]) {
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  html body header.site-header.hero-header .site-logo-link,
  html body .site-header.hero-header .site-logo-link {
    width: min(62vw, 210px) !important;
    min-width: 0 !important;
    max-width: min(62vw, 210px) !important;
  }

  html body :is(.site-logo-image, .footer-logo-image) {
    max-width: 100% !important;
  }

  html body :is(h1, h2, h3, p, li) {
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  html body :is(.social-icons, .home-final-cta-actions, .hero-actions, .courses-final-cta .flex) {
    flex-wrap: wrap !important;
  }
}

/* Mobile navbar logo artifact fix: show the real logo only on the left. */
@media (max-width: 1279px) {
  html body header.site-header.hero-header,
  html body .site-header.hero-header {
    overflow: visible !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
  }

  html body header.site-header.hero-header > div,
  html body .site-header.hero-header > div {
    display: flex !important;
    min-height: 78px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    padding: 0.65rem 1rem !important;
  }

  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo {
    display: flex !important;
    flex: 0 1 auto !important;
    width: clamp(170px, 52vw, 240px) !important;
    min-width: 0 !important;
    max-width: clamp(170px, 52vw, 240px) !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo::before,
  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo::after,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo::before,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo::after,
  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-chip::before,
  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-chip::after,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-chip::before,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-chip::after {
    content: none !important;
    display: none !important;
  }

  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-chip,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-chip {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-image,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-image {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
  }

  html body header.site-header.hero-header .menu-toggle.burger,
  html body .site-header.hero-header .menu-toggle.burger {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body header.site-header.hero-header .site-navigation,
  html body .site-header.hero-header .site-navigation,
  html body header.site-header.hero-header .site-navigation.hidden,
  html body .site-header.hero-header .site-navigation.hidden {
    display: none !important;
  }

  html body header.site-header.hero-header .site-navigation.toggled-on,
  html body .site-header.hero-header .site-navigation.toggled-on {
    position: fixed !important;
    top: 84px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9998 !important;
    display: flex !important;
    width: 100vw !important;
    height: calc(100vh - 84px) !important;
    min-height: calc(100vh - 84px) !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    padding: 2rem 1.35rem 2.5rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #0a021d !important;
    background-color: #0a021d !important;
    box-shadow: none !important;
    overflow-y: auto !important;
  }

  html body header.site-header.hero-header .site-navigation.toggled-on .mobile-menu-logo-link,
  html body .site-header.hero-header .site-navigation.toggled-on .mobile-menu-logo-link {
    display: none !important;
  }

  html body header.site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon,
  html body .site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon {
    display: flex !important;
    width: 100% !important;
    min-height: 46px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 0.55rem 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
  }

  html body header.site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:hover,
  html body header.site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:focus-visible,
  html body header.site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon.is-active,
  html body header.site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon[aria-current="page"],
  html body .site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:hover,
  html body .site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:focus-visible,
  html body .site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon.is-active,
  html body .site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon[aria-current="page"] {
    background: rgba(255, 210, 26, 0.1) !important;
    color: #ffd21a !important;
    -webkit-text-fill-color: #ffd21a !important;
    text-decoration: underline !important;
    text-underline-offset: 0.28em !important;
  }

  html body header.site-header.hero-header .site-navigation.toggled-on .nav-link-icon,
  html body .site-header.hero-header .site-navigation.toggled-on .nav-link-icon {
    display: none !important;
  }

  html body header.site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:first-of-type .nav-link-icon,
  html body .site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:first-of-type .nav-link-icon {
    display: block !important;
    width: 1.15rem !important;
    height: 1.15rem !important;
    margin: 0 0 0.65rem !important;
    color: #ffffff !important;
    stroke: #ffffff !important;
  }

  html body header.site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:first-of-type,
  html body .site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:first-of-type {
    display: block !important;
    min-height: 42px !important;
    padding: 0 0 0.75rem !important;
  }

  html body header.site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:first-of-type span,
  html body .site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:first-of-type span {
    display: none !important;
  }

  html body header.site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon span::after,
  html body .site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon span::after {
    content: none !important;
    display: none !important;
  }
}

@media (max-width: 420px) {
  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo {
    width: clamp(150px, 58vw, 205px) !important;
    max-width: clamp(150px, 58vw, 205px) !important;
    height: 52px !important;
    min-height: 52px !important;
  }
}

/* Contact mobile hero: keep "Accelerate Your" visible instead of clipped. */
@media (max-width: 640px) {
  html body .contact-split-page .contact-visual-panel {
    min-height: auto !important;
    padding: 1.25rem 1rem 1.45rem !important;
    overflow: hidden !important;
  }

  html body .contact-split-page .contact-visual-content {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .contact-split-page .contact-visual-content h1,
  html body .contact-split-page #contact-page-title {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 1rem !important;
    font-size: clamp(2rem, 9.2vw, 2.55rem) !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
    text-wrap: normal !important;
    overflow: visible !important;
  }

  html body .contact-split-page #contact-page-title .nowrap-phrase,
  html body .contact-split-page #contact-page-title .nowrap-phrase * {
    max-width: 100% !important;
    white-space: nowrap !important;
  }

  html body .contact-split-page .contact-form-heading h2 {
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    font-size: clamp(2rem, 9vw, 2.45rem) !important;
    line-height: 1.04 !important;
  }
}

@media (max-width: 380px) {
  html body .contact-split-page .contact-visual-content h1,
  html body .contact-split-page #contact-page-title {
    font-size: clamp(1.85rem, 8.7vw, 2.08rem) !important;
  }

  html body .contact-split-page .contact-form-heading h2 {
    font-size: clamp(1.8rem, 8.3vw, 2.05rem) !important;
  }
}

/* Mobile nav logo crop: compensate for the exported SVG's large empty canvas. */
@media (max-width: 640px) {
  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-chip,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-chip {
    overflow: hidden !important;
  }

  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-image,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-image {
    width: 220% !important;
    min-width: 220% !important;
    max-width: none !important;
    height: 220% !important;
    min-height: 220% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left center !important;
    transform: translateX(-20%) !important;
  }
}

/* Mobile contact hero: flat dark purple only, no bright overlay/image glow. */
@media (max-width: 640px) {
  html body .contact-split-page .contact-visual-panel {
    background: #0a021d !important;
    background-color: #0a021d !important;
    background-image: none !important;
  }

  html body .contact-split-page .contact-visual-panel img,
  html body .contact-split-page .contact-visual-overlay {
    display: none !important;
  }
}

/* Home mobile: remove bright purple strip/glow, keep only dark purple. */
@media (max-width: 640px) {
  html body.home header.site-header.hero-header::after,
  html body.front-page header.site-header.hero-header::after,
  html body:has(main.front-page) header.site-header.hero-header::after {
    background: #080018 !important;
    background-color: #080018 !important;
  }

  html body main.front-page,
  html body .front-page,
  html body main.front-page > section,
  html body main.front-page section.hero-cinematic,
  html body main.front-page #home.hero-cinematic {
    background-color: #080018 !important;
    background-image: none !important;
  }

  html body main.front-page > section::before,
  html body main.front-page > section::after,
  html body main.front-page #home.hero-cinematic::before,
  html body main.front-page #home.hero-cinematic::after {
    background-image: none !important;
    box-shadow: none !important;
  }
}

/* Final mobile navbar rebuild: logo left, hamburger right, no desktop CTA. */
@media (max-width: 1279px) {
  html body header.site-header.hero-header,
  html body .site-header.hero-header {
    min-height: 84px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  html body header.site-header.hero-header > div,
  html body .site-header.hero-header > div {
    display: flex !important;
    width: 100% !important;
    min-height: 84px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    padding: 0.75rem 1.25rem !important;
  }

  html body header.site-header.hero-header > div > .hidden.items-center,
  html body .site-header.hero-header > div > .hidden.items-center {
    display: none !important;
  }

  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo {
    flex: 0 0 176px !important;
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-chip,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-chip {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    justify-content: flex-start !important;
  }

  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-image,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-image {
    width: 310% !important;
    min-width: 310% !important;
    max-width: none !important;
    height: 310% !important;
    min-height: 310% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left center !important;
    transform: translate(-24%, -1%) !important;
  }

  html body header.site-header.hero-header .menu-toggle.burger,
  html body .site-header.hero-header .menu-toggle.burger {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(38, 8, 95, 0.12) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  html body header.site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text),
  html body .site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text) {
    left: 11px !important;
    width: 22px !important;
    height: 2px !important;
    background: #26085f !important;
    border-radius: 999px !important;
  }

  html body header.site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text):nth-of-type(1),
  html body .site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text):nth-of-type(1) {
    top: 14px !important;
  }

  html body header.site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text):nth-of-type(2),
  html body .site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text):nth-of-type(2) {
    top: 21px !important;
  }

  html body header.site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text):nth-of-type(3),
  html body .site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text):nth-of-type(3) {
    top: 28px !important;
  }
}

@media (max-width: 420px) {
  html body header.site-header.hero-header > div,
  html body .site-header.hero-header > div {
    min-height: 82px !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo {
    flex-basis: 150px !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 48px !important;
    min-height: 48px !important;
  }
}

/* Contact page mobile UI: clean stacked hero and form. */
@media (max-width: 760px) {
  html body .contact-split-page,
  html body main.page-contact.contact-split-page {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
  }

  html body .contact-split-page .contact-split-section {
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    background-image: none !important;
  }

  html body .contact-split-page .contact-split-shell,
  html body .contact-split-page .contact-split-card {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body .contact-split-page .contact-visual-panel {
    display: block !important;
    min-height: 0 !important;
    padding: clamp(2rem, 8vw, 3rem) 1.25rem 2.25rem !important;
    background: #0a021d !important;
    background-color: #0a021d !important;
    background-image: none !important;
    color: #ffffff !important;
  }

  html body .contact-split-page .contact-visual-panel img,
  html body .contact-split-page .contact-visual-overlay {
    display: none !important;
  }

  html body .contact-split-page .contact-visual-content {
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
  }

  html body .contact-split-page .contact-kicker {
    margin-bottom: 0.9rem !important;
    color: #ffd21a !important;
    -webkit-text-fill-color: #ffd21a !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.16em !important;
  }

  html body .contact-split-page .contact-visual-content h1,
  html body .contact-split-page #contact-page-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1rem !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: clamp(2.35rem, 11.4vw, 3.15rem) !important;
    line-height: 0.98 !important;
    letter-spacing: 0 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-wrap: balance !important;
    overflow: visible !important;
  }

  html body .contact-split-page #contact-page-title .nowrap-phrase,
  html body .contact-split-page #contact-page-title .nowrap-phrase * {
    display: inline !important;
    white-space: normal !important;
  }

  html body .contact-split-page .contact-visual-copy,
  html body .contact-split-page .contact-visual-copy p {
    max-width: 100% !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.82) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
    font-size: 0.98rem !important;
    line-height: 1.65 !important;
  }

  html body .contact-split-page .contact-visual-cta {
    width: fit-content !important;
    min-width: 168px !important;
    min-height: 52px !important;
    margin-top: 1.45rem !important;
    padding: 0.85rem 3.4rem 0.85rem 1.55rem !important;
    border-radius: 999px !important;
  }

  html body .contact-split-page .contact-form-panel {
    display: block !important;
    min-height: 0 !important;
    padding: 2rem 1.25rem 2.5rem !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #26085f !important;
  }

  html body .contact-split-page .contact-form-heading {
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto 1.65rem !important;
  }

  html body .contact-split-page .contact-form-heading h2 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 0.75rem !important;
    color: #26085f !important;
    -webkit-text-fill-color: #26085f !important;
    font-size: clamp(2rem, 9vw, 2.45rem) !important;
    line-height: 1.04 !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  html body .contact-split-page .contact-form-heading p,
  html body .contact-split-page .contact-form-heading div {
    color: rgba(38, 8, 95, 0.72) !important;
    -webkit-text-fill-color: rgba(38, 8, 95, 0.72) !important;
    font-size: 0.98rem !important;
    line-height: 1.55 !important;
  }

  html body .contact-split-page .contact-split-form {
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
    gap: 1.25rem !important;
  }

  html body .contact-split-page .contact-form-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }

  html body .contact-split-page .contact-input-group {
    width: 100% !important;
    min-height: 62px !important;
  }

  html body .contact-split-page .contact-input-group input,
  html body .contact-split-page .contact-input-group textarea {
    width: 100% !important;
    min-width: 0 !important;
    border: 2px solid rgba(38, 8, 95, 0.28) !important;
    background: #ffffff !important;
    color: #26085f !important;
    -webkit-text-fill-color: #26085f !important;
    box-shadow: none !important;
  }

  html body .contact-split-page .contact-input-group span {
    color: #26085f !important;
    -webkit-text-fill-color: #26085f !important;
    background: #ffffff !important;
  }

  html body .contact-split-page .contact-submit-button {
    width: 100% !important;
    min-height: 58px !important;
    margin-top: 0.35rem !important;
    border-radius: 999px !important;
  }
}

@media (max-width: 380px) {
  html body .contact-split-page .contact-visual-content h1,
  html body .contact-split-page #contact-page-title {
    font-size: clamp(2.05rem, 10.4vw, 2.45rem) !important;
  }
}

/* Mobile navbar final alignment: full logo visible, hamburger centered right. */
@media (max-width: 1279px) {
  html body header.site-header.hero-header > div,
  html body .site-header.hero-header > div {
    min-height: 84px !important;
    padding: 0.75rem 1rem !important;
    align-items: center !important;
  }

  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo {
    flex: 0 1 min(68vw, 235px) !important;
    width: min(68vw, 235px) !important;
    min-width: 0 !important;
    max-width: min(68vw, 235px) !important;
    height: 58px !important;
    min-height: 58px !important;
    overflow: hidden !important;
  }

  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-image,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-image {
    width: 192% !important;
    min-width: 192% !important;
    max-width: none !important;
    height: 192% !important;
    min-height: 192% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left center !important;
    transform: translateX(-21%) !important;
  }

  html body header.site-header.hero-header .menu-toggle.burger,
  html body .site-header.hero-header .menu-toggle.burger {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin-left: auto !important;
    align-self: center !important;
  }
}

@media (max-width: 380px) {
  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo {
    flex-basis: min(66vw, 210px) !important;
    width: min(66vw, 210px) !important;
    max-width: min(66vw, 210px) !important;
  }
}

/* Mobile navbar asset-crop fix: normal logo sizing, centered hamburger. */
@media (max-width: 1279px) {
  html body header.site-header.hero-header > div,
  html body .site-header.hero-header > div {
    min-height: 86px !important;
    padding: 0.75rem 1.05rem !important;
  }

  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo {
    flex: 0 1 min(70vw, 238px) !important;
    width: min(70vw, 238px) !important;
    min-width: 0 !important;
    max-width: min(70vw, 238px) !important;
    height: 58px !important;
    min-height: 58px !important;
    overflow: visible !important;
  }

  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-chip,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-chip {
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
  }

  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-image,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo .site-logo-image {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    transform: none !important;
  }

  html body header.site-header.hero-header .menu-toggle.burger,
  html body .site-header.hero-header .menu-toggle.burger {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transform: translateY(0) !important;
  }
}

@media (max-width: 420px) {
  html body header.site-header.hero-header > div > a.site-logo-link.global-nav-logo,
  html body .site-header.hero-header > div > a.site-logo-link.global-nav-logo {
    flex-basis: min(67vw, 218px) !important;
    width: min(67vw, 218px) !important;
    max-width: min(67vw, 218px) !important;
    height: 56px !important;
    min-height: 56px !important;
  }
}

/* Courses mobile cards: prevent description and "What You'll Learn" overlap. */
@media (max-width: 767px) {
  html body main.courses-page #courses-grid .academy-course-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 1.15rem !important;
  }

  html body main.courses-page #courses-grid .academy-course-card[class*="grid"],
  html body main.courses-page #courses-grid .academy-course-card[class*="flex"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
  }

  html body main.courses-page #courses-grid .academy-course-card > div:not(.academy-course-image):not(.absolute) {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0.2rem 0 0 !important;
  }

  html body main.courses-page #courses-grid .academy-course-card h3 {
    margin: 0 0 0.55rem !important;
    font-size: clamp(1.55rem, 8vw, 2.1rem) !important;
    line-height: 1.02 !important;
  }

  html body main.courses-page #courses-grid .academy-course-card h3 + p,
  html body main.courses-page #courses-grid .academy-course-card p.font-body-md,
  html body main.courses-page #courses-grid .academy-course-card p.text-on-surface-variant {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 1.35rem !important;
    font-size: 0.96rem !important;
    line-height: 1.62 !important;
    overflow: visible !important;
  }

  html body main.courses-page #courses-grid .academy-course-card .mb-6.flex-grow,
  html body main.courses-page #courses-grid .academy-course-card .mb-4 {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    margin-bottom: 1.4rem !important;
  }

  html body main.courses-page #courses-grid .academy-course-detail-label,
  html body main.courses-page #courses-grid .academy-course-card span.font-label-sm {
    display: block !important;
    clear: both !important;
    margin: 0 0 0.85rem !important;
    line-height: 1.25 !important;
  }

  html body main.courses-page #courses-grid .academy-course-card ul {
    display: grid !important;
    gap: 0.8rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body main.courses-page #courses-grid .academy-course-feature {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 0.58rem !important;
    min-height: 0 !important;
  }

  html body main.courses-page #courses-grid .academy-course-feature > span {
    min-width: 0 !important;
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
    overflow: visible !important;
  }
}

/* Student Proof Desk: simple flat cards, no 3D effects on any viewport. */
html body main.front-page #stories .success-proof-panels,
html body .front-page #stories .success-proof-panels,
html body main.front-page #stories .success-proof-selectors,
html body .front-page #stories .success-proof-selectors {
  perspective: none !important;
  transform-style: flat !important;
}

html body main.front-page #stories .success-proof-panel,
html body .front-page #stories .success-proof-panel {
  display: none !important;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) !important;
  gap: clamp(1rem, 2vw, 1.5rem) !important;
  align-items: stretch !important;
  opacity: 1 !important;
  transform: none !important;
}

html body main.front-page #stories .success-proof-panel.is-active,
html body .front-page #stories .success-proof-panel.is-active {
  display: grid !important;
  transform: none !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button),
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button) {
  isolation: auto !important;
  overflow: hidden !important;
  transform: none !important;
  transform-style: flat !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: #211044 !important;
  background-color: #211044 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface)::before,
html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface)::after,
html body main.front-page #stories :is(.proof-object, .proof-selector-button)::before,
html body main.front-page #stories :is(.proof-object, .proof-selector-button)::after,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface)::before,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface)::after,
html body .front-page #stories :is(.proof-object, .proof-selector-button)::before,
html body .front-page #stories :is(.proof-object, .proof-selector-button)::after {
  content: none !important;
  display: none !important;
}

html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button) > *,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface, .proof-object, .proof-selector-button) > * {
  position: relative !important;
  z-index: 1 !important;
  transform: none !important;
}

html body main.front-page #stories .success-proof-profile,
html body .front-page #stories .success-proof-profile,
html body main.front-page #stories .success-proof-surface,
html body .front-page #stories .success-proof-surface {
  border-radius: 22px !important;
  padding: clamp(1.25rem, 2.5vw, 2rem) !important;
}

html body main.front-page #stories .success-proof-surface,
html body .front-page #stories .success-proof-surface {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  min-height: auto !important;
}

html body main.front-page #stories .proof-object,
html body .front-page #stories .proof-object {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 138px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  border-radius: 16px !important;
  padding: 1.1rem !important;
}

html body main.front-page #stories .proof-object:hover,
html body main.front-page #stories .proof-object:focus-visible,
html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface):hover,
html body main.front-page #stories :is(.success-proof-profile, .success-proof-surface):focus-within,
html body .front-page #stories .proof-object:hover,
html body .front-page #stories .proof-object:focus-visible,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface):hover,
html body .front-page #stories :is(.success-proof-profile, .success-proof-surface):focus-within {
  transform: none !important;
  background: #26124f !important;
  background-color: #26124f !important;
  background-image: none !important;
  border-color: rgba(255, 210, 26, 0.36) !important;
  box-shadow: none !important;
}

html body main.front-page #stories .proof-selector-button,
html body .front-page #stories .proof-selector-button {
  transform: none !important;
  border-radius: 16px !important;
}

html body main.front-page #stories .proof-selector-button.is-active,
html body main.front-page #stories .proof-selector-button:hover,
html body main.front-page #stories .proof-selector-button:focus-visible,
html body .front-page #stories .proof-selector-button.is-active,
html body .front-page #stories .proof-selector-button:hover,
html body .front-page #stories .proof-selector-button:focus-visible {
  transform: none !important;
  background: #26124f !important;
  background-color: #26124f !important;
  background-image: none !important;
  border-color: rgba(255, 210, 26, 0.5) !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  html body main.front-page #stories .success-proof-panel,
  html body .front-page #stories .success-proof-panel,
  html body main.front-page #stories .success-proof-panel.is-active,
  html body .front-page #stories .success-proof-panel.is-active {
    grid-template-columns: 1fr !important;
  }

  html body main.front-page #stories .success-proof-surface,
  html body .front-page #stories .success-proof-surface {
    grid-template-columns: 1fr !important;
  }

  html body main.front-page #stories .proof-object,
  html body .front-page #stories .proof-object {
    min-height: 0 !important;
  }
}

/* Student Proof Desk: exactly three static review cards, no shifting UI. */
html body main.front-page #stories .success-review-grid,
html body .front-page #stories .success-review-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2vw, 1.5rem) !important;
  margin-top: clamp(2rem, 4vw, 3rem) !important;
}

html body main.front-page #stories .success-review-card,
html body .front-page #stories .success-review-card {
  display: flex !important;
  min-height: 100% !important;
  flex-direction: column !important;
  gap: 1.35rem !important;
  padding: clamp(1.35rem, 2.5vw, 2rem) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 22px !important;
  background: #211044 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
}

html body main.front-page #stories .success-review-card:hover,
html body .front-page #stories .success-review-card:hover {
  transform: none !important;
  border-color: rgba(255, 210, 26, 0.36) !important;
  background: #26124f !important;
}

html body main.front-page #stories .success-review-card blockquote,
html body .front-page #stories .success-review-card blockquote {
  flex: 1 1 auto !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: clamp(1rem, 1.25vw, 1.12rem) !important;
  line-height: 1.65 !important;
}

html body main.front-page #stories .success-review-card .success-proof-profile-top,
html body .front-page #stories .success-review-card .success-proof-profile-top {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
}

html body main.front-page #stories .success-review-card h3,
html body .front-page #stories .success-review-card h3 {
  margin: 0 0 0.2rem !important;
  color: #ffffff !important;
  font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
  line-height: 1.05 !important;
}

html body main.front-page #stories .success-review-card p,
html body .front-page #stories .success-review-card p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  line-height: 1.45 !important;
}

html body main.front-page #stories .success-review-card .success-proof-profile-meta,
html body .front-page #stories .success-review-card .success-proof-profile-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
  margin-top: auto !important;
}

html body main.front-page #stories .success-review-card .success-proof-profile-meta span,
html body main.front-page #stories .success-review-card .success-proof-profile-meta strong,
html body .front-page #stories .success-review-card .success-proof-profile-meta span,
html body .front-page #stories .success-review-card .success-proof-profile-meta strong {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 0.55rem 0.85rem !important;
  border-radius: 999px !important;
  font-size: 0.8rem !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

html body main.front-page #stories .success-review-card .success-proof-profile-meta span,
html body .front-page #stories .success-review-card .success-proof-profile-meta span {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

html body main.front-page #stories .success-review-card .success-proof-profile-meta strong,
html body .front-page #stories .success-review-card .success-proof-profile-meta strong {
  border: 1px solid rgba(255, 210, 26, 0.4) !important;
  background: rgba(255, 210, 26, 0.12) !important;
  color: #ffd21a !important;
}

@media (max-width: 900px) {
  html body main.front-page #stories .success-review-grid,
  html body .front-page #stories .success-review-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Mobile hamburger: clean centered three-line icon. */
@media (max-width: 1279px) {
  html body header.site-header.hero-header .menu-toggle.burger,
  html body .site-header.hero-header .menu-toggle.burger {
    position: relative !important;
    overflow: hidden !important;
  }

  html body header.site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text),
  html body .site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text) {
    position: absolute !important;
    left: 50% !important;
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #26085f !important;
    opacity: 1 !important;
    transform: translateX(-50%) !important;
    transform-origin: center center !important;
    transition: transform 0.25s ease, opacity 0.2s ease, top 0.25s ease !important;
  }

  html body header.site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text):nth-of-type(1),
  html body .site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text):nth-of-type(1) {
    top: 15px !important;
  }

  html body header.site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text):nth-of-type(2),
  html body .site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text):nth-of-type(2) {
    top: 21px !important;
  }

  html body header.site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text):nth-of-type(3),
  html body .site-header.hero-header .menu-toggle.burger > span:not(.screen-reader-text):nth-of-type(3) {
    top: 27px !important;
  }

  html body header.site-header.hero-header .menu-toggle.burger[aria-expanded="true"] > span:not(.screen-reader-text):nth-of-type(1),
  html body .site-header.hero-header .menu-toggle.burger[aria-expanded="true"] > span:not(.screen-reader-text):nth-of-type(1) {
    top: 21px !important;
    transform: translateX(-50%) rotate(45deg) !important;
  }

  html body header.site-header.hero-header .menu-toggle.burger[aria-expanded="true"] > span:not(.screen-reader-text):nth-of-type(2),
  html body .site-header.hero-header .menu-toggle.burger[aria-expanded="true"] > span:not(.screen-reader-text):nth-of-type(2) {
    opacity: 0 !important;
    transform: translateX(-50%) scaleX(0) !important;
  }

  html body header.site-header.hero-header .menu-toggle.burger[aria-expanded="true"] > span:not(.screen-reader-text):nth-of-type(3),
  html body .site-header.hero-header .menu-toggle.burger[aria-expanded="true"] > span:not(.screen-reader-text):nth-of-type(3) {
    top: 21px !important;
    transform: translateX(-50%) rotate(-45deg) !important;
  }
}

/* Home mobile hero: dark purple background, no black fallback. */
@media (max-width: 767px) {
  html body main.front-page #home.hero-cinematic,
  html body main.front-page section#home.hero-cinematic,
  html body .front-page #home.hero-cinematic,
  html body .front-page section#home.hero-cinematic {
    background: #0a021d !important;
    background-color: #0a021d !important;
    background-image: none !important;
  }

  html body main.front-page #home.hero-cinematic::before,
  html body main.front-page #home.hero-cinematic::after,
  html body .front-page #home.hero-cinematic::before,
  html body .front-page #home.hero-cinematic::after,
  html body main.front-page #home.hero-cinematic > .absolute,
  html body .front-page #home.hero-cinematic > .absolute {
    display: none !important;
    background: none !important;
    box-shadow: none !important;
  }

  html body main.front-page,
  html body .front-page {
    background-color: #0a021d !important;
  }
}

/* Footer mobile brand alignment. */
@media (max-width: 767px) {
  html body footer.site-footer .footer-info,
  html body .site-footer .footer-info,
  html body footer.site-footer .footer-brand,
  html body .site-footer .footer-brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  html body footer.site-footer .footer-brand,
  html body .site-footer .footer-brand {
    width: 100% !important;
    margin: 0 auto 0.9rem !important;
  }

  html body footer.site-footer .footer-logo-image,
  html body .site-footer .footer-logo-image {
    width: min(82vw, 285px) !important;
    max-width: min(82vw, 285px) !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  html body footer.site-footer .footer-info p,
  html body .site-footer .footer-info p {
    width: min(100%, 300px) !important;
    max-width: 300px !important;
    margin: 0.2rem auto 0 !important;
    text-align: center !important;
    font-size: 0.95rem !important;
    line-height: 1.55 !important;
  }
}

/* Footer mobile final polish: balanced logo lockup and intro spacing. */
@media (max-width: 767px) {
  html body footer.site-footer .footer-info,
  html body .site-footer .footer-info {
    width: 100% !important;
    max-width: 340px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    gap: 0.55rem !important;
  }

  html body footer.site-footer .footer-brand,
  html body .site-footer .footer-brand {
    width: 100% !important;
    margin: 0 auto 0.25rem !important;
    padding: 0 !important;
  }

  html body footer.site-footer .footer-logo-link,
  html body .site-footer .footer-logo-link {
    width: min(76vw, 255px) !important;
    max-width: 255px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body footer.site-footer .footer-logo-image,
  html body .site-footer .footer-logo-image {
    width: 100% !important;
    max-width: 255px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  html body footer.site-footer .footer-info p,
  html body .site-footer .footer-info p {
    max-width: 305px !important;
    margin: 0 auto !important;
    font-size: clamp(0.9rem, 3.8vw, 0.98rem) !important;
    line-height: 1.58 !important;
    text-align: center !important;
  }
}

@media (max-width: 380px) {
  html body footer.site-footer .footer-logo-link,
  html body .site-footer .footer-logo-link,
  html body footer.site-footer .footer-logo-image,
  html body .site-footer .footer-logo-image {
    max-width: 235px !important;
  }

  html body footer.site-footer .footer-info p,
  html body .site-footer .footer-info p {
    max-width: 280px !important;
  }
}

/* Header logo cleanup: prevent the mobile drawer logo from appearing on desktop. */
html body header.site-header.hero-header .site-navigation > .mobile-menu-logo-link,
html body .site-header.hero-header .site-navigation > .mobile-menu-logo-link {
  display: none !important;
}

@media (max-width: 1279px) {
  html body header.site-header.hero-header .site-navigation.toggled-on > .mobile-menu-logo-link,
  html body .site-header.hero-header .site-navigation.toggled-on > .mobile-menu-logo-link {
    display: flex !important;
  }
}

/* Student Proof Desk final desktop layout: three simple contained review cards. */
html body main.front-page section#stories.success-proof-desk-section,
html body .front-page section#stories.success-proof-desk-section {
  background: #0a021d !important;
  background-image: none !important;
  color: #ffffff !important;
}

html body main.front-page section#stories .success-review-grid,
html body .front-page section#stories .success-review-grid {
  width: min(100%, 1280px) !important;
  margin: clamp(2.4rem, 4vw, 3.5rem) auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1.15rem, 2vw, 1.65rem) !important;
  align-items: stretch !important;
}

html body main.front-page section#stories .success-review-card,
html body .front-page section#stories .success-review-card {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 100% !important;
  padding: clamp(1.45rem, 2.2vw, 2rem) !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 22px !important;
  background: #201041 !important;
  background-image: none !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18) !important;
  transform: none !important;
  overflow: hidden !important;
}

html body main.front-page section#stories .success-review-card::before,
html body main.front-page section#stories .success-review-card::after,
html body .front-page section#stories .success-review-card::before,
html body .front-page section#stories .success-review-card::after {
  content: none !important;
  display: none !important;
}

html body main.front-page section#stories .success-review-card:hover,
html body main.front-page section#stories .success-review-card:focus-within,
html body .front-page section#stories .success-review-card:hover,
html body .front-page section#stories .success-review-card:focus-within {
  border-color: rgba(255, 210, 26, 0.34) !important;
  background: #241149 !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.22) !important;
  transform: none !important;
}

html body main.front-page section#stories .success-review-card .success-proof-profile-top,
html body .front-page section#stories .success-review-card .success-proof-profile-top {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 1rem !important;
  margin: 0 0 1.25rem !important;
}

html body main.front-page section#stories .success-review-card .success-proof-avatar,
html body .front-page section#stories .success-review-card .success-proof-avatar {
  width: 68px !important;
  height: 68px !important;
  flex: 0 0 68px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(255, 210, 26, 0.28) !important;
}

html body main.front-page section#stories .success-review-card h3,
html body .front-page section#stories .success-review-card h3 {
  margin: 0 0 0.25rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.5rem, 1.7vw, 1.9rem) !important;
  line-height: 1.05 !important;
}

html body main.front-page section#stories .success-review-card p,
html body .front-page section#stories .success-review-card p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
  font-size: 0.98rem !important;
  line-height: 1.45 !important;
}

html body main.front-page section#stories .success-review-card blockquote,
html body .front-page section#stories .success-review-card blockquote {
  flex: 1 1 auto !important;
  margin: 0 0 1.5rem !important;
  color: rgba(255, 255, 255, 0.9) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
  font-size: clamp(1rem, 1.15vw, 1.08rem) !important;
  line-height: 1.7 !important;
}

html body main.front-page section#stories .success-review-card .success-proof-profile-meta,
html body .front-page section#stories .success-review-card .success-proof-profile-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
  margin-top: auto !important;
}

html body main.front-page section#stories .success-review-card .success-proof-profile-meta span,
html body main.front-page section#stories .success-review-card .success-proof-profile-meta strong,
html body .front-page section#stories .success-review-card .success-proof-profile-meta span,
html body .front-page section#stories .success-review-card .success-proof-profile-meta strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 38px !important;
  padding: 0.6rem 0.9rem !important;
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

html body main.front-page section#stories .success-review-card .success-proof-profile-meta span,
html body .front-page section#stories .success-review-card .success-proof-profile-meta span {
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body main.front-page section#stories .success-review-card .success-proof-profile-meta strong,
html body .front-page section#stories .success-review-card .success-proof-profile-meta strong {
  border: 1px solid rgba(255, 210, 26, 0.42) !important;
  background: rgba(255, 210, 26, 0.1) !important;
  color: #ffd21a !important;
  -webkit-text-fill-color: #ffd21a !important;
}

@media (max-width: 1024px) {
  html body main.front-page section#stories .success-review-grid,
  html body .front-page section#stories .success-review-grid {
    grid-template-columns: 1fr !important;
    max-width: 680px !important;
  }
}

/* Courses hero final polish: centered section, consistent with the rest of the site. */
html body main.courses-page section.courses-hero,
html body .courses-page section.courses-hero,
html body .courses-page .courses-hero {
  min-height: clamp(500px, 56vh, 660px) !important;
  display: flex !important;
  align-items: center !important;
  padding: clamp(5rem, 8vw, 7rem) clamp(1.25rem, 5vw, 4rem) !important;
  background: #0a021d !important;
  background-image: none !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(255, 210, 26, 0.35) !important;
}

html body main.courses-page section.courses-hero > .max-w-7xl,
html body .courses-page section.courses-hero > .max-w-7xl {
  width: min(100%, 1280px) !important;
  margin-inline: auto !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
}

html body main.courses-page section.courses-hero .z-10,
html body .courses-page section.courses-hero .z-10 {
  width: min(100%, 1120px) !important;
  margin-inline: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

html body main.courses-page section.courses-hero h1,
html body .courses-page section.courses-hero h1 {
  max-width: 1050px !important;
  margin: 0 auto 1.25rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(3rem, 6.3vw, 6.15rem) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body main.courses-page section.courses-hero p,
html body .courses-page section.courses-hero p {
  max-width: 980px !important;
  margin: 0 auto clamp(2rem, 3vw, 2.75rem) !important;
  color: rgba(255, 255, 255, 0.86) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.86) !important;
  font-size: clamp(1rem, 1.35vw, 1.25rem) !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

html body main.courses-page section.courses-hero .flex.flex-wrap,
html body .courses-page section.courses-hero .flex.flex-wrap {
  justify-content: center !important;
  gap: 1rem !important;
}

html body main.courses-page section.courses-hero a,
html body .courses-page section.courses-hero a {
  min-width: 210px !important;
  min-height: 54px !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 0.98rem !important;
  line-height: 1 !important;
}

html body main.courses-page section.courses-hero a[href="#courses-grid"],
html body .courses-page section.courses-hero a[href="#courses-grid"] {
  background: #ffd21a !important;
  border: 1px solid #ffd21a !important;
  color: #171000 !important;
  -webkit-text-fill-color: #171000 !important;
}

html body main.courses-page section.courses-hero a[href*="contact"],
html body .courses-page section.courses-hero a[href*="contact"] {
  background: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.92) !important;
  color: #26085f !important;
  -webkit-text-fill-color: #26085f !important;
}

@media (max-width: 767px) {
  html body main.courses-page section.courses-hero,
  html body .courses-page section.courses-hero {
    min-height: auto !important;
    padding: 4.5rem 1.35rem 4rem !important;
  }

  html body main.courses-page section.courses-hero h1,
  html body .courses-page section.courses-hero h1 {
    font-size: clamp(2.45rem, 13vw, 3.75rem) !important;
    line-height: 1.02 !important;
  }

  html body main.courses-page section.courses-hero p,
  html body .courses-page section.courses-hero p {
    font-size: 1rem !important;
    line-height: 1.62 !important;
  }

  html body main.courses-page section.courses-hero a,
  html body .courses-page section.courses-hero a {
    width: 100% !important;
    max-width: 320px !important;
  }
}

/* Contact hero final word wrapping: never split "Accelerate" letter-by-letter. */
html body .contact-split-page #contact-page-title,
html body .contact-split-page #contact-page-title *,
html body .contact-split-page .contact-visual-content h1,
html body .contact-split-page .contact-visual-content h1 * {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

html body .contact-split-page #contact-page-title .nowrap-phrase {
  display: inline-block !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  html body .contact-split-page .contact-visual-content {
    max-width: min(100%, 560px) !important;
  }

  html body .contact-split-page #contact-page-title,
  html body .contact-split-page .contact-visual-content h1 {
    max-width: 100% !important;
    font-size: clamp(2.15rem, 10.8vw, 3.65rem) !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
  }
}

@media (max-width: 380px) {
  html body .contact-split-page #contact-page-title,
  html body .contact-split-page .contact-visual-content h1 {
    font-size: clamp(2rem, 10vw, 2.35rem) !important;
  }
}

/* Mobile drawer logo: use the white logo clearly on the dark purple menu. */
@media (max-width: 1279px) {
  html body header.site-header.hero-header .site-navigation.toggled-on > .mobile-menu-logo-link,
  html body .site-header.hero-header .site-navigation.toggled-on > .mobile-menu-logo-link {
    width: min(74vw, 265px) !important;
    max-width: 265px !important;
    margin: 0 0 1.35rem !important;
    opacity: 1 !important;
  }

  html body header.site-header.hero-header .site-navigation.toggled-on .mobile-menu-logo-image,
  html body .site-header.hero-header .site-navigation.toggled-on .mobile-menu-logo-image {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    opacity: 1 !important;
    filter: none !important;
  }
}

/* Footer: remove logo while keeping the intro text aligned. */
html body footer.site-footer .footer-brand,
html body .site-footer .footer-brand,
html body footer.site-footer .footer-logo-link,
html body .site-footer .footer-logo-link,
html body footer.site-footer .footer-logo-image,
html body .site-footer .footer-logo-image {
  display: none !important;
}

/* Mobile drawer: keep the extra logo removed from the opened hamburger menu. */
@media (max-width: 1279px) {
  html body header.site-header.hero-header .site-navigation.toggled-on > .mobile-menu-logo-link,
  html body .site-header.hero-header .site-navigation.toggled-on > .mobile-menu-logo-link,
  html body header.site-header.hero-header .site-navigation.toggled-on .mobile-menu-logo-image,
  html body .site-header.hero-header .site-navigation.toggled-on .mobile-menu-logo-image {
    display: none !important;
  }

  html body header.site-header.hero-header .site-navigation.toggled-on,
  html body .site-header.hero-header .site-navigation.toggled-on {
    align-content: flex-start !important;
    justify-content: flex-start !important;
    place-content: flex-start !important;
    padding-top: 0.85rem !important;
  }

  html body header.site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon,
  html body .site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  html body header.site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:first-of-type,
  html body .site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:first-of-type {
    display: flex !important;
    min-height: 46px !important;
    padding: 0.55rem 0 !important;
  }

  html body header.site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:first-of-type .nav-link-icon,
  html body .site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:first-of-type .nav-link-icon {
    display: none !important;
    margin: 0 !important;
  }

  html body header.site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:first-of-type span,
  html body .site-header.hero-header .site-navigation.toggled-on a.nav-link-with-icon:first-of-type span {
    display: inline !important;
  }
}

html body footer.site-footer .footer-info,
html body .site-footer .footer-info {
  justify-content: center !important;
}

html body footer.site-footer .footer-info p,
html body .site-footer .footer-info p {
  margin-top: 0 !important;
}

/* Final courses hero heading: keep "Learn. Build. Grow." in one line. */
html body main.courses-page .courses-hero h1 {
  width: max-content !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
}

@media (max-width: 640px) {
  html body main.courses-page .courses-hero h1 {
    font-size: clamp(2.35rem, 11vw, 3.45rem) !important;
  }
}

/* Final home spacing: reduce the gap between values cards and impact. */
html body main.front-page .home-editorial-cards-section,
html body .front-page .home-editorial-cards-section,
html body main.front-page #experience.about-story-deck-section + .home-editorial-cards-section,
html body .front-page #experience.about-story-deck-section + .home-editorial-cards-section {
  padding-bottom: clamp(0.75rem, 1.5vw, 1.25rem) !important;
}

html body main.front-page .home-editorial-cards-section + #impact,
html body .front-page .home-editorial-cards-section + #impact,
html body main.front-page #impact.impact-dashboard-section,
html body .front-page #impact.impact-dashboard-section {
  padding-top: clamp(1.25rem, 2.5vw, 2rem) !important;
}

/* Final home CTA divider: separate the closing CTA from the prior section. */
html body main.front-page section#final-cta.home-final-cta-section,
html body .front-page section#final-cta.home-final-cta-section {
  border-top: 1px solid rgba(255, 210, 26, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 10px 0 rgba(255, 210, 26, 0.06) !important;
  background: #080019 !important;
  background-color: #080019 !important;
}