*, *::before, *::after { box-sizing: border-box; }
 html { scroll-behavior: smooth; }
 /* ── Premium polish ── */
 ::selection { background: rgba(230,58,36,0.32); color: #fff; }
 :focus-visible { outline: 2px solid rgba(230,58,36,0.85); outline-offset: 3px; }
 html { scrollbar-color: #E63A24 #0A0A0A; scrollbar-width: thin; }
 ::-webkit-scrollbar { width: 10px; height: 10px; }
 ::-webkit-scrollbar-track { background: #0A0A0A; }
 ::-webkit-scrollbar-thumb {
 background: linear-gradient(180deg, #E63A24, #C42E1A);
 border-radius: 999px;
 border: 2px solid #0A0A0A;
 }
 ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #ff4a31, #E63A24); }
 img { max-width: 100%; }
 /* Profit certificates are square (900x900) — let height follow width so the
 fixed height="900" attribute can't stretch them. aspect-ratio also reserves
 the square box before the lazy image loads (prevents layout shift). */
 .profits-desktop img, .profits-mobile img {
 height: auto; aspect-ratio: 1 / 1; object-fit: cover;
 }
 /* ── YouTube facade (click-to-load) ── */
 .yt-facade { overflow: hidden; cursor: pointer; background: #000; }
 .yt-facade img { transition: transform 0.5s cubic-bezier(0.4,0,0.2,1), filter 0.5s ease; }
 .yt-facade:hover img, .yt-facade:focus-visible img { transform: scale(1.04); filter: brightness(1.06); }
 .yt-facade::after {
 content: ''; position: absolute; inset: 0; pointer-events: none;
 background: linear-gradient(to top, rgba(0,0,0,0.5), transparent 55%);
 }
 .yt-play {
 position: absolute; top: 50%; left: 50%;
 transform: translate(-50%,-50%);
 width: 76px; height: 76px; border-radius: 50%;
 background: linear-gradient(135deg, #E63A24 0%, #C42E1A 100%);
 display: flex; align-items: center; justify-content: center; z-index: 2;
 box-shadow: 0 10px 36px rgba(230,58,36,0.5), inset 0 1px 0 rgba(255,255,255,0.28);
 transition: transform 0.28s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.28s ease, filter 0.28s ease;
 }
 .yt-play::before {
 content: ''; width: 0; height: 0; margin-left: 6px;
 border-left: 21px solid #fff;
 border-top: 13px solid transparent;
 border-bottom: 13px solid transparent;
 }
 .yt-facade:hover .yt-play, .yt-facade:focus-visible .yt-play {
 transform: translate(-50%,-50%) scale(1.1);
 box-shadow: 0 14px 48px rgba(230,58,36,0.68), inset 0 1px 0 rgba(255,255,255,0.34);
 filter: brightness(1.05);
 }
 @media (max-width: 640px) { .yt-play { width: 60px; height: 60px; } .yt-play::before { border-left-width: 17px; border-top-width: 10px; border-bottom-width: 10px; } }
 @media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto; }
 *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
 }
 /* ── Premium motion (pure CSS, no JS) — deliberate & choreographed ── */
 /* One clear light pass along each accent line, then a confident hold */
 .glow-line { position: relative; overflow: hidden; }
 .glow-line::after {
 content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 26%;
 background: linear-gradient(90deg, transparent, rgba(255,178,150,1) 50%, transparent);
 transform: translateX(-160%);
 animation: lineComet 7s cubic-bezier(0.7,0,0.3,1) infinite;
 will-change: transform; pointer-events: none;
 }
 @keyframes lineComet {
 0%, 8% { transform: translateX(-160%); }   /* settle before the pass */
 38% { transform: translateX(430%); }        /* single decisive sweep */
 100% { transform: translateX(430%); }       /* deliberate hold off-screen */
 }
 /* Buttons: one brighter, confident sheen pass with a long dwell between */
 .btn-liquid-primary, .modal-enroll-btn, .btn-nav { position: relative; overflow: hidden; }
 .btn-liquid-primary::after, .modal-enroll-btn::after, .btn-nav::after {
 content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 55%;
 background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,0.58) 50%, transparent 100%);
 transform: translateX(-220%) skewX(-18deg);
 animation: btnSheen 6s cubic-bezier(0.6,0,0.15,1) infinite;
 will-change: transform; pointer-events: none; z-index: 1;
 }
 @keyframes btnSheen {
 0%, 6% { transform: translateX(-220%) skewX(-18deg); }  /* poised */
 30% { transform: translateX(360%) skewX(-18deg); }       /* decisive pass */
 100% { transform: translateX(360%) skewX(-18deg); }      /* dwell off-screen */
 }
 /* Keep button label above the sheen */
 .btn-liquid-primary > *, .modal-enroll-btn { position: relative; z-index: 2; }
 /* Accent word: a defined highlight sweeps through once, then rests solid */
 .hero-h1 span[style*="color:#E63A24"], .hero-h1 .accent-flow {
 background: linear-gradient(100deg, #E63A24 0%, #E63A24 42%, #ffa184 50%, #E63A24 58%, #E63A24 100%);
 background-size: 300% 100%;
 -webkit-background-clip: text; background-clip: text;
 -webkit-text-fill-color: transparent;
 animation: accentSweep 7s cubic-bezier(0.5,0,0.15,1) infinite;
 }
 @keyframes accentSweep {
 0%, 12% { background-position: 0% 50%; }    /* rests as solid brand red */
 48% { background-position: 100% 50%; }        /* highlight glides through */
 100% { background-position: 100% 50%; }       /* holds, solid red */
 }
 body {
 margin: 0;
 background-color: #0A0A0A;
 color: #FFFFFF;
 font-family: 'Inter', sans-serif;
 overflow-x: hidden;
 }
 /* ── Grain overlay ── */
 body::before {
 content: '';
 position: fixed; inset: 0;
 pointer-events: none; z-index: 9999;
 opacity: 0.022;
 background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
 background-size: 200px 200px;
 }
 /* ── iOS Glass utilities ── */
 .glass {
 background: rgba(255,255,255,0.07);
 backdrop-filter: blur(28px) saturate(180%);
 -webkit-backdrop-filter: blur(28px) saturate(180%);
 border: 1px solid rgba(255,255,255,0.13);
 }
 .glass-dark {
 background: rgba(12,12,12,0.55);
 backdrop-filter: blur(24px) saturate(160%);
 -webkit-backdrop-filter: blur(24px) saturate(160%);
 border: 1px solid rgba(255,255,255,0.1);
 }
 .glass-red {
 background: rgba(230,58,36,0.13);
 backdrop-filter: blur(16px);
 -webkit-backdrop-filter: blur(16px);
 border: 1px solid rgba(230,58,36,0.32);
 }
 /* Inner highlight on glass cards, top edge lighter */
 .glass-highlight {
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.1),
 inset 0 -1px 0 rgba(0,0,0,0.25),
 0 8px 40px rgba(0,0,0,0.45);
 }
 /* ── Navigation ── */
 .navbar {
 position: fixed; top: 0; left: 0; right: 0; z-index: 100;
 background: rgba(10,10,10,0.75);
 backdrop-filter: blur(32px) saturate(200%);
 -webkit-backdrop-filter: blur(32px) saturate(200%);
 border-bottom: 1px solid rgba(255,255,255,0.055);
 }
 .nav-link {
 position: relative;
 color: rgba(255,255,255,0.45);
 font-size: 0.75rem; font-weight: 600;
 letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none;
 transition: color 0.2s;
 }
 .nav-link::after {
 content: ''; position: absolute; bottom: -2px; left: 0;
 width: 0; height: 1px; background: #E63A24;
 transition: width 0.25s cubic-bezier(0.4,0,0.2,1);
 }
 .nav-link:hover { color: #fff; }
 .nav-link:hover::after { width: 100%; }
 /* ── Liquid Glass Button (primary) ── */
 .btn-liquid-primary {
 position: relative;
 display: inline-flex; align-items: center; gap: 8px;
 padding: 15px 34px;
 border-radius: 999px;
 font-family: 'Montserrat', sans-serif;
 font-weight: 700; font-size: 0.8125rem; letter-spacing: 0.08em;
 text-transform: uppercase; text-decoration: none; color: #fff;
 background: linear-gradient(145deg, #E63A24 0%, #C42E1A 100%);
 border: 1px solid rgba(255,255,255,0.18);
 box-shadow:
 0 0 0 1px rgba(230,58,36,0.4),
 0 4px 24px rgba(230,58,36,0.35),
 inset 0 1px 0 rgba(255,255,255,0.22),
 inset 0 -1px 0 rgba(0,0,0,0.3);
 transition: transform 0.18s cubic-bezier(0.34,1.56,0.64,1),
 box-shadow 0.18s cubic-bezier(0.4,0,0.2,1),
 filter 0.18s;
 cursor: pointer;
 overflow: hidden;
 }
 .btn-liquid-primary::before {
 content: '';
 position: absolute; inset: 0; border-radius: 999px;
 background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, transparent 60%);
 pointer-events: none;
 }
 .btn-liquid-primary:hover {
 transform: translateY(-2px) scale(1.02);
 box-shadow:
 0 0 0 1px rgba(230,58,36,0.5),
 0 8px 40px rgba(230,58,36,0.45),
 inset 0 1px 0 rgba(255,255,255,0.28),
 inset 0 -1px 0 rgba(0,0,0,0.3);
 filter: brightness(1.08);
 }
 .btn-liquid-primary:active { transform: translateY(0) scale(0.98); }
 .btn-liquid-primary:focus-visible { outline: 2px solid #E63A24; outline-offset: 4px; }
 /* ── Liquid Glass Button (ghost) ── */
 .btn-liquid-ghost {
 position: relative;
 display: inline-flex; align-items: center; gap: 8px;
 padding: 14px 34px; border-radius: 999px;
 font-family: 'Montserrat', sans-serif;
 font-weight: 700; font-size: 0.8125rem; letter-spacing: 0.08em;
 text-transform: uppercase; text-decoration: none; color: rgba(255,255,255,0.85);
 background: rgba(255,255,255,0.04);
 backdrop-filter: blur(20px);
 -webkit-backdrop-filter: blur(20px);
 border: 1px solid rgba(255,255,255,0.12);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.1),
 inset 0 -1px 0 rgba(0,0,0,0.2),
 0 4px 16px rgba(0,0,0,0.3);
 transition: transform 0.18s cubic-bezier(0.34,1.56,0.64,1),
 border-color 0.2s, box-shadow 0.2s, color 0.2s;
 cursor: pointer; overflow: hidden;
 }
 .btn-liquid-ghost::before {
 content: '';
 position: absolute; inset: 0; border-radius: 999px;
 background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, transparent 60%);
 pointer-events: none;
 }
 .btn-liquid-ghost:hover {
 transform: translateY(-2px) scale(1.02);
 border-color: rgba(230,58,36,0.4);
 color: #fff;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.14),
 0 8px 28px rgba(0,0,0,0.4),
 0 0 20px rgba(230,58,36,0.1);
 }
 .btn-liquid-ghost:active { transform: translateY(0) scale(0.98); }
 /* ── Nav small CTA ── */
 .btn-nav {
 display: inline-flex; align-items: center;
 padding: 9px 20px; border-radius: 999px;
 font-family: 'Montserrat', sans-serif;
 font-weight: 700; font-size: 0.7rem; letter-spacing: 0.08em;
 text-transform: uppercase; text-decoration: none; color: #fff;
 background: #E63A24;
 border: 1px solid rgba(255,255,255,0.15);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 4px 16px rgba(230,58,36,0.3);
 transition: transform 0.15s, filter 0.15s, box-shadow 0.15s;
 }
 .btn-nav:hover { filter: brightness(1.1); transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 6px 24px rgba(230,58,36,0.4); }
 /* ── Glass day card ── */
 .day-card {
 background: rgba(255,255,255,0.06);
 backdrop-filter: blur(24px) saturate(150%);
 -webkit-backdrop-filter: blur(24px) saturate(150%);
 border: 1px solid rgba(255,255,255,0.07);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.08),
 0 16px 48px rgba(0,0,0,0.5);
 transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1),
 border-color 0.25s, box-shadow 0.3s;
 }
 .day-card:hover {
 transform: translateY(-6px);
 border-color: rgba(230,58,36,0.35);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.12),
 0 24px 64px rgba(0,0,0,0.6),
 0 0 40px rgba(230,58,36,0.12);
 }
 /* ── Value / info card ── */
 .value-card {
 background: rgba(255,255,255,0.06);
 backdrop-filter: blur(20px);
 -webkit-backdrop-filter: blur(20px);
 border: 1px solid rgba(255,255,255,0.07);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 8px 32px rgba(0,0,0,0.4);
 padding: 28px 32px;
 transition: transform 0.25s cubic-bezier(0.34,1.56,0.64,1), border-color 0.25s;
 }
 .value-card:hover {
 transform: translateY(-3px);
 border-color: rgba(255,255,255,0.12);
 }
 /* ── Topic bullet ── */
 .topic-item {
 display: flex; align-items: flex-start; gap: 12px;
 padding: 9px 0;
 border-bottom: 1px solid rgba(255,255,255,0.05);
 transition: color 0.2s;
 }
 .topic-item:last-child { border-bottom: none; }
 .topic-bullet {
 width: 5px; height: 5px;
 background: #E63A24; border-radius: 50%;
 margin-top: 8px; flex-shrink: 0;
 box-shadow: 0 0 6px rgba(230,58,36,0.6);
 }
 /* ── Date badge pill ── */
 .date-badge {
 display: inline-flex; align-items: center; gap: 8px;
 background: rgba(230,58,36,0.1);
 backdrop-filter: blur(12px);
 border: 1px solid rgba(230,58,36,0.28);
 border-radius: 999px;
 padding: 5px 14px;
 font-family: 'Montserrat', sans-serif;
 font-size: 0.7rem; font-weight: 700;
 letter-spacing: 0.14em; text-transform: uppercase; color: #E63A24;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
 }
 /* ── Stats ── */
 .stat-num {
 font-family: 'Montserrat', sans-serif;
 font-weight: 900;
 font-size: clamp(2.5rem,5vw,4rem);
 letter-spacing: -0.04em; color: #E63A24; line-height: 1;
 }
 /* ── Section label ── */
 .section-label {
 font-family: 'Montserrat', sans-serif; font-weight: 700;
 font-size: 0.6875rem; letter-spacing: 0.22em;
 text-transform: uppercase; color: #E63A24;
 }
 /* ── Glow line ── */
 .glow-line {
 height: 1px;
 background: linear-gradient(90deg, transparent 0%, rgba(230,58,36,0.5) 50%, transparent 100%);
 }
 @media (max-width: 640px) {
 nav .glow-line { display: none; }
 }
 /* ── Module ghost number ── */
 .module-num {
 font-family: 'Montserrat', sans-serif; font-weight: 900;
 font-size: 5rem; letter-spacing: -0.06em; line-height: 1;
 color: rgba(255,255,255,0.025);
 position: absolute; top: -8px; right: 16px;
 pointer-events: none; user-select: none;
 }
 /* ── Blockquote ── */
 blockquote {
 border-left: 2px solid #E63A24;
 padding-left: 20px;
 font-style: italic; color: rgba(255,255,255,0.5); line-height: 1.75;
 }
 /* ── Checklist item ── */
 .check-item {
 display: flex; align-items: center; gap: 14px;
 padding: 18px 24px;
 background: rgba(255,255,255,0.06);
 backdrop-filter: blur(16px);
 border: 1px solid rgba(255,255,255,0.07);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
 transition: transform 0.2s cubic-bezier(0.34,1.56,0.64,1), border-color 0.2s;
 }
 .check-item:hover { transform: translateX(4px); border-color: rgba(230,58,36,0.25); }
 /* ── Hero canvas container ── */
 #hero-canvas-wrap {
 position: absolute; inset: 0; width: 100%; height: 100%;
 overflow: hidden; z-index: 0;
 }
 #hero-shader-canvas {
 position: absolute; inset: 0;
 width: 100% !important; height: 100% !important;
 display: block;
 }
 /* Gradient overlays to blend shader into brand palette */
 .shader-overlay-radial {
 position: absolute; inset: 0; z-index: 1; pointer-events: none;
 background:
 radial-gradient(ellipse 70% 60% at 50% 50%, rgba(10,10,10,0) 0%, rgba(10,10,10,0.3) 55%, rgba(10,10,10,0.75) 100%);
 }
 .shader-overlay-bottom {
 position: absolute; bottom: 0; left: 0; right: 0; height: 35%; z-index: 1; pointer-events: none;
 background: linear-gradient(to bottom, rgba(10,10,10,0) 0%, rgba(10,10,10,0.98) 100%);
 }
 .shader-overlay-top {
 position: absolute; top: 0; left: 0; right: 0; height: 15%; z-index: 1; pointer-events: none;
 background: linear-gradient(to bottom, rgba(10,10,10,0.45) 0%, rgba(10,10,10,0) 100%);
 }
 /* ── Animations ── */
 @keyframes fadeUp {
 from { opacity: 0; transform: translateY(28px); }
 to { opacity: 1; transform: translateY(0); }
 }
 .fade-up { animation: fadeUp 0.75s cubic-bezier(0.22,1,0.36,1) both; }
 .delay-1 { animation-delay: 0.08s; }
 .delay-2 { animation-delay: 0.18s; }
 .delay-3 { animation-delay: 0.28s; }
 .delay-4 { animation-delay: 0.4s; }
 /* ── Ping dot ── */
 @keyframes ping { 75%,100% { transform:scale(1.8); opacity:0; } }
 .ping { animation: ping 1.4s cubic-bezier(0,0,0.2,1) infinite; }
 /* ── Hamburger nav ── */
 .nav-desktop { display: flex; align-items: center; gap: 36px; }
 .nav-hamburger {
 display: none; flex-direction: column; justify-content: center; gap: 5px;
 background: none; border: none; cursor: pointer; padding: 8px; margin: -8px;
 }
 .nav-hamburger span {
 display: block; width: 22px; height: 2px;
 background: rgba(255,255,255,0.75); border-radius: 999px;
 transition: transform 0.25s cubic-bezier(0.4,0,0.2,1), opacity 0.2s;
 }
 .nav-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
 .nav-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
 .nav-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
 .mobile-menu {
 display: none; flex-direction: column;
 padding: 12px 20px 24px; gap: 0;
 border-top: 1px solid rgba(255,255,255,0.06);
 background: #0D0D0D;
 }
 .mobile-menu.open { display: flex; }
 .mobile-menu a {
 padding: 14px 4px;
 font-family: 'Montserrat', sans-serif; font-weight: 700;
 font-size: 0.875rem; letter-spacing: 0.06em; text-transform: uppercase;
 color: rgba(255,255,255,0.55); text-decoration: none;
 border-bottom: 1px solid rgba(255,255,255,0.05);
 transition: color 0.2s;
 }
 .mobile-menu a:last-child { border-bottom: none; }
 .mobile-menu .btn-nav, .mobile-menu a.btn-nav:last-child { padding: 20px 24px !important; line-height: 1 !important; }
 .mobile-menu a:hover { color: #fff; }
 .mobile-menu .btn-nav {
 display: flex; align-items: center; justify-content: center;
 margin-top: 20px; width: 100%; box-sizing: border-box;
 padding: 20px 24px; font-size: 0.85rem; border-radius: 12px;
 font-weight: 900; color: #0D0D0D !important;
 background: #E63A24; min-height: 60px;
 border-radius: 999px;
 }
 /* ── Breakpoints ── */
 @media (max-width: 960px) {
 .philosophy-grid, .about-grid, .for-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
 #philosophy .philosophy-grid { grid-template-columns: 1fr !important; }
 .curriculum-grid { grid-template-columns: 1fr !important; }
 }
 @media (max-width: 768px) {
 /* Nav */
 .nav-desktop { display: none !important; }
 .nav-hamburger { display: flex; }
 /* Hero */
 .hero-section {
 padding-top: 88px !important;
 padding-bottom: 60px !important;
 min-height: 100svh !important;
 }
 .hero-inner { padding: 0 20px !important; }
 h1.hero-h1 { font-size: clamp(2.6rem,9vw,3.8rem) !important; }
 /* Date pills */
 .date-pills-wrap { flex-direction: column !important; gap: 8px !important; }
 .date-pill { width: 100% !important; justify-content: flex-start !important; }
 /* CTA buttons */
 .hero-ctas { flex-direction: column !important; gap: 10px !important; margin-bottom: 48px !important; }
 .hero-ctas .btn-liquid-primary,
 .hero-ctas .btn-liquid-ghost {
 width: 100% !important; justify-content: center !important;
 padding: 16px 24px !important;
 }
 /* Stats */
 .stats-bar {
 display: grid !important;
 grid-template-columns: 1fr 1fr !important;
 gap: 24px 16px !important;
 padding-top: 32px !important;
 }
 .stat-divider { display: none !important; }
 .stat-item { padding: 0 !important; }
 /* Sections */
 .sec { padding: 64px 0 !important; }
 .sec-inner { padding: 0 20px !important; }
 /* Philosophy */
 .philosophy-grid { gap: 32px !important; }
 .value-card { padding: 18px 20px !important; }
 /* Curriculum */
 .curriculum-grid { gap: 8px !important; }
 .day-card { border-radius: 16px !important; }
 /* Gap callout */
 .gap-callout { padding: 20px !important; border-radius: 14px !important; }
 /* For section */
 .for-grid { gap: 28px !important; }
 .check-item { padding: 14px 16px !important; }
 /* About */
 .about-grid { gap: 28px !important; }
 .about-img-wrap { aspect-ratio: 4/5 !important; max-height: 480px; }
 /* CTA section */
 .cta-glass { padding: 36px 24px !important; border-radius: 24px !important; }
 .cta-date-row { gap: 6px !important; flex-wrap: wrap !important; justify-content: center !important; }
 .cta-date-item { padding: 12px 14px !important; flex: 1 !important; min-width: 64px !important; }
 /* Tier cards pricing */
 .curriculum-grid { grid-template-columns: 1fr !important; gap: 0 !important; border-radius: 20px !important; }
 .curriculum-grid > div { border-radius: 0 !important; }
 .curriculum-grid > div:first-child { border-radius: 20px 20px 0 0 !important; }
 .curriculum-grid > div:last-child { border-radius: 0 0 20px 20px !important; }
 /* Hero h1 word break */
 .hero-h1 { word-break: break-word !important; }
 /* Stats bar 2x2 */
 .stats-bar { grid-template-columns: 1fr 1fr !important; }
 /* Student profits 2 col */
 .profits-row { grid-template-columns: repeat(2,1fr) !important; }
 /* Video lessons 2 col */
 .video-lessons-grid { grid-template-columns: repeat(2,1fr) !important; }
 /* CTA feature row stack */
 .cta-feat-row { flex-direction: column !important; gap: 12px !important; }
 /* About grid: image first, then text */
 .about-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
 .about-img-wrap { max-width: 320px !important; margin: 0 auto !important; }
 /* For grid 1 col */
 .for-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
 /* Philosophy + Mission grids */
 #philosophy [style*="grid-template-columns:repeat(3,1fr)"] { grid-template-columns: 1fr !important; }
 #mission .about-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
 /* Section headings */
 .sec h2 { font-size: clamp(1.6rem,6vw,2.2rem) !important; }
 /* Footer */
 .footer-row {
 flex-direction: column !important; align-items: flex-start !important;
 gap: 16px !important;
 }
 .footer-links { display: none !important; }
 }
 @media (max-width: 480px) {
 .stat-num { font-size: 1.875rem !important; }
 .module-num { font-size: 3rem; }
 .hero-inner { padding: 0 16px !important; }
 .sec-inner { padding: 0 16px !important; }
 .cta-glass { padding: 28px 18px !important; }
 .date-pill { flex-direction: row !important; }
 /* Profits single col */
 .profits-row { grid-template-columns: 1fr !important; }
 /* Video lessons single col */
 .video-lessons-grid { grid-template-columns: repeat(2,1fr) !important; }
 /* Tier price font shrink */
 .day-card [style*='2.4rem'] { font-size: 2rem !important; }
 /* Pill full width on small */
 .date-pills-wrap { flex-direction: column !important; }
 .date-pill { width: 100% !important; box-sizing: border-box !important; }
 }
 /* ── Tier Detail Modals ── */
 .tier-modal-overlay {
 position: fixed; inset: 0; z-index: 10000;
 background: rgba(5,5,5,0.88);
 backdrop-filter: blur(28px) saturate(160%);
 -webkit-backdrop-filter: blur(28px) saturate(160%);
 display: flex; align-items: center; justify-content: center;
 padding: 24px;
 opacity: 0; pointer-events: none;
 transition: opacity 0.32s cubic-bezier(0.4,0,0.2,1);
 }
 .tier-modal-overlay.active {
 opacity: 1; pointer-events: all;
 }
 .tier-modal-panel {
 position: relative;
 width: 100%; max-width: 680px;
 max-height: calc(100svh - 48px);
 overflow-y: auto;
 background: rgba(14,14,14,0.96);
 border: 1px solid rgba(255,255,255,0.09);
 border-radius: 28px;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.08),
 0 2px 4px rgba(0,0,0,0.3),
 0 24px 80px rgba(0,0,0,0.7),
 0 0 0 1px rgba(230,58,36,0.06);
 transform: translateY(24px) scale(0.97);
 transition: transform 0.36s cubic-bezier(0.34,1.4,0.64,1);
 scrollbar-width: thin;
 scrollbar-color: rgba(230,58,36,0.25) transparent;
 }
 .tier-modal-overlay.active .tier-modal-panel {
 transform: translateY(0) scale(1);
 }
 .tier-modal-panel::-webkit-scrollbar { width: 4px; }
 .tier-modal-panel::-webkit-scrollbar-track { background: transparent; }
 .tier-modal-panel::-webkit-scrollbar-thumb { background: rgba(230,58,36,0.3); border-radius: 99px; }
 .tier-modal-close {
 position: sticky; top: 16px; float: right; margin: 16px 16px 0 0;
 width: 36px; height: 36px;
 background: rgba(255,255,255,0.06);
 border: 1px solid rgba(255,255,255,0.1);
 border-radius: 50%; cursor: pointer;
 display: flex; align-items: center; justify-content: center;
 transition: background 0.2s, transform 0.2s;
 z-index: 2;
 }
 .tier-modal-close:hover { background: rgba(230,58,36,0.15); transform: rotate(90deg); }
 .tier-modal-close svg { pointer-events: none; }
 .modal-header {
 padding: 36px 40px 28px;
 border-bottom: 1px solid rgba(255,255,255,0.06);
 }
 .modal-body { padding: 32px 40px 40px; }
 .modal-feature-row {
 display: flex; align-items: flex-start; gap: 16px;
 padding: 16px 0;
 border-bottom: 1px solid rgba(255,255,255,0.045);
 }
 .modal-feature-row:last-child { border-bottom: none; }
 .modal-feature-icon {
 width: 36px; height: 36px; flex-shrink: 0;
 background: rgba(230,58,36,0.09);
 border: 1px solid rgba(230,58,36,0.2);
 border-radius: 10px;
 display: flex; align-items: center; justify-content: center;
 }
 .modal-section-label {
 font-family: 'Montserrat', sans-serif; font-weight: 700;
 font-size: 0.6rem; letter-spacing: 0.2em;
 text-transform: uppercase; color: #E63A24;
 margin-bottom: 16px; margin-top: 28px;
 }
 .modal-section-label:first-child { margin-top: 0; }
 .modal-enroll-btn {
 display: block; width: 100%;
 padding: 17px 24px;
 background: linear-gradient(135deg, #E63A24, #C42E1A);
 border-radius: 14px;
 text-align: center;
 font-family: 'Montserrat', sans-serif;
 font-weight: 800; font-size: 0.9rem;
 letter-spacing: 0.06em; color: #fff;
 text-decoration: none; text-transform: uppercase;
 box-shadow:
 0 4px 24px rgba(230,58,36,0.4),
 inset 0 1px 0 rgba(255,255,255,0.22),
 inset 0 -1px 0 rgba(0,0,0,0.2);
 transition: filter 0.18s, transform 0.18s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.18s;
 margin-top: 32px;
 }
 .modal-enroll-btn:hover {
 filter: brightness(1.1);
 transform: translateY(-2px);
 box-shadow: 0 8px 36px rgba(230,58,36,0.5), inset 0 1px 0 rgba(255,255,255,0.22);
 }
 .modal-enroll-btn:active { transform: translateY(0) scale(0.98); }
 /* More details button */
 .btn-more-details {
 display: block; width: 100%;
 padding: 13px 24px;
 background: rgba(255,255,255,0.04);
 border: 1px solid rgba(255,255,255,0.1);
 border-radius: 12px;
 text-align: center;
 font-family: 'Montserrat', sans-serif;
 font-weight: 700; font-size: 0.8rem;
 letter-spacing: 0.06em; color: rgba(255,255,255,0.6);
 text-transform: uppercase; cursor: pointer;
 transition: background 0.18s, border-color 0.18s, color 0.18s, transform 0.18s cubic-bezier(0.34,1.56,0.64,1);
 margin-top: 10px;
 }
 .btn-more-details:hover {
 background: rgba(255,255,255,0.07);
 border-color: rgba(255,255,255,0.18);
 color: rgba(255,255,255,0.9);
 transform: translateY(-1px);
 }
 .btn-more-details:active { transform: translateY(0); }
 @media (max-width: 640px) {
 .tier-modal-overlay { padding: 0; align-items: flex-end; }
 .tier-modal-panel { max-width: 100%; border-radius: 24px 24px 0 0; max-height: 92svh; }
 .modal-header { padding: 28px 24px 20px; }
 .modal-body { padding: 24px 24px 36px; }
 }
 


 @media(max-width:768px){#mobile-sticky-cta{display:block !important;}body{padding-bottom:72px;}}
 






 /* ════════════════════════════════════════════
 MOBILE REDESIGN — MINIMAL · SLEEK · PREMIUM
 All rules target ≤640px and override inline styles
 ════════════════════════════════════════════ */
 @media (max-width: 640px) {
 /* ── BASE ── */
 *, *::before, *::after { -webkit-font-smoothing: antialiased !important; }
 /* ── NAV ── */
 nav { padding: 0 20px !important; height: 52px !important; }
 /* ── HERO ── */
 .hero-section {
 min-height: auto !important;
 padding-top: 76px !important;
 padding-bottom: 52px !important;
 }
 .hero-inner { padding: 0 20px !important; }
 .hero-h1 {
 font-size: clamp(2.8rem, 13vw, 3.6rem) !important;
 line-height: 0.96 !important;
 letter-spacing: -0.055em !important;
 margin-bottom: 28px !important;
 }
 /* Hero stat pills — full-width rows, not 2-col */
 .date-pills-wrap {
 flex-direction: column !important;
 gap: 8px !important;
 margin-bottom: 28px !important;
 }
 .date-pill {
 width: 100% !important;
 border-radius: 10px !important;
 padding: 12px 16px !important;
 gap: 14px !important;
 }
 /* CTA buttons full-width stacked */
 .hero-ctas {
 flex-direction: column !important;
 gap: 8px !important;
 margin-bottom: 36px !important;
 }
 .btn-liquid-primary, .btn-liquid-ghost {
 width: 100% !important;
 justify-content: center !important;
 text-align: center !important;
 padding: 15px 24px !important;
 border-radius: 10px !important;
 font-size: 0.8rem !important;
 }
 /* YouTube embed — tighter radius */
 .hero-inner .fade-up > div[style*="border-radius:20px"] {
 border-radius: 12px !important;
 }
 /* ── STATS BAR — horizontal scroll strip ── */
 .stats-bar {
 flex-wrap: nowrap !important;
 overflow-x: auto !important;
 -webkit-overflow-scrolling: touch !important;
 scrollbar-width: none !important;
 padding: 28px 20px !important;
 gap: 0 !important;
 border-top: 1px solid rgba(255,255,255,0.07) !important;
 margin-top: 36px !important;
 justify-content: flex-start !important;
 }
 .stats-bar::-webkit-scrollbar { display: none !important; }
 .stat-item {
 flex: 0 0 auto !important;
 padding: 0 20px !important;
 min-width: auto !important;
 text-align: center !important;
 }
 .stat-item:first-child { padding-left: 0 !important; }
 .stat-divider {
 display: block !important;
 flex: 0 0 1px !important;
 width: 1px !important;
 height: 36px !important;
 background: rgba(255,255,255,0.09) !important;
 align-self: center !important;
 margin: 0 !important;
 }
 .stat-num { font-size: 1.6rem !important; }
 /* ── SECTIONS ── */
 .sec { padding: 60px 0 !important; }
 .sec-inner { padding: 0 20px !important; }
 /* Section heading sizing */
 .sec h2, section h2 {
 font-size: clamp(1.75rem, 8vw, 2.4rem) !important;
 letter-spacing: -0.04em !important;
 }
 /* Section eyebrow margin */
 .section-label { margin-bottom: 10px !important; }
 /* ── PROGRAMS — tier cards stack + separate ── */
 .curriculum-grid {
 grid-template-columns: 1fr !important;
 gap: 10px !important;
 background: transparent !important;
 border: none !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 overflow: visible !important;
 }
 .curriculum-grid > div {
 border-radius: 14px !important;
 border: 1px solid rgba(255,255,255,0.09) !important;
 padding: 24px 20px 20px !important;
 }
 /* Featured tier gets a red top accent retained */
 .curriculum-grid > div:nth-child(2) {
 border-color: rgba(230,58,36,0.22) !important;
 }
 /* Tier pricing — tighter */
 .curriculum-grid h3 {
 font-size: 1.3rem !important;
 margin-bottom: 14px !important;
 }
 /* Price number */
 .curriculum-grid span[style*="font-size:3rem"] {
 font-size: 2.6rem !important;
 }
 /* ── PHILOSOPHY — separate cards ── */
 .philosophy-grid {
 grid-template-columns: 1fr !important;
 gap: 10px !important;
 background: transparent !important;
 border: none !important;
 border-radius: 0 !important;
 overflow: visible !important;
 }
 .philosophy-grid > div {
 border-radius: 12px !important;
 border: 1px solid rgba(255,255,255,0.08) !important;
 padding: 24px 20px !important;
 }
 /* ── ABOUT / MENTOR ── */
 .about-grid {
 grid-template-columns: 1fr !important;
 gap: 28px !important;
 }
 /* ── WHO IS THIS FOR ── */
 .for-grid {
 grid-template-columns: 1fr !important;
 gap: 0 !important;
 }
 /* ── CONTACT section ── */
 /* Tab cards already stack */
 /* ── REDUCE SECTION INTRO TEXT ── */
 .sec-inner > div > p, section > div > div > p {
 font-size: 0.9rem !important;
 line-height: 1.7 !important;
 }
 /* ── STICKY CTA BAR ── */
 #mobile-sticky-cta { display: block !important; }
 body { padding-bottom: 68px !important; }
 /* ── MODALS ── */
 .tier-modal-overlay { padding: 0 !important; align-items: flex-end !important; }
 .tier-modal-panel {
 max-width: 100% !important;
 border-radius: 20px 20px 0 0 !important;
 max-height: 92svh !important;
 padding: 24px 20px !important;
 }
 /* ── TESTIMONIALS / PROFITS CAROUSELS ── */
 #tcarousel { max-width: 100% !important; }
 #tcarousel img { border-radius: 12px !important; }
 /* ── VIDEO LESSONS section label spacing ── */
 .video-lessons-section { padding: 56px 0 !important; }
 /* ── REMOVE HERO RED DIVIDER LINE only (cluttered on mobile) ── */
 .hero-section + div[style*="linear-gradient(90deg,transparent,#E63A24"] { display: none !important; }
 }
 /* ── PROFITS TOGGLE ── */
 .profits-mobile { display: none; }
 @media(max-width:640px){
 /* Compact video lessons section */
 .video-lessons-section { padding: 60px 0 !important; }
 .video-lessons-grid { gap: 10px !important; }
 /* Lesson card video thumb — keep reasonable height */
 .video-lessons-grid > div > div[style*='aspect-ratio:16/9'] { aspect-ratio: 16/9 !important; max-height: 220px !important; }
 /* Stats bar on mobile — 2x2 grid */
 .stats-bar { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; padding: 24px 20px !important; }
 /* Hero pills wrap */
 .hero-pills { flex-direction: column !important; gap: 10px !important; }
 }
 @media(max-width:640px){
 /* Lesson video cards — limit height on mobile */
 .lesson-card-video { max-height: 200px !important; }
 .video-lessons-grid { grid-template-columns: repeat(2,1fr) !important; gap: 12px !important; }
 .lesson-card iframe, .lesson-card .lesson-thumb { max-height: 200px !important; }
 }
 @media(max-width:640px){
 .profits-desktop { display:none !important; }
 .profits-mobile { display:block !important; }
 }
 /* ── GLOBAL MOBILE ── */
 @media(max-width:768px){
 /* Sections */
 .sec { padding: 72px 0 !important; }
 /* Hero */
 .hero-section { padding-top: 80px !important; }
 .hero-inner { padding: 0 20px !important; }
 /* Stats bar */
 .stats-bar { flex-wrap: wrap; gap: 20px !important; justify-content: center; padding: 24px 16px !important; }
 .stat-divider { display: none !important; }
 .stat-item { min-width: 90px; text-align: center; }
 /* Pill stack on hero */
 .date-pills-wrap { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; }
 /* Programs */
 .programs-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
 /* Video lessons grid → 2 col */
 .video-lessons-grid { grid-template-columns: repeat(2,1fr) !important; }
 /* Who is this for grid → 1 col */
 .for-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
 /* Philosophy grid → 1 col */
 .philosophy-grid { grid-template-columns: 1fr !important; }
 /* Mission / about grid → 1 col */
 .about-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
 /* Profits */
 .profits-row { grid-template-columns: 1fr !important; }
 /* Testimonials carousel centre */
 #tcarousel { max-width: 100% !important; }
 /* Section inner padding */
 .sec-inner { padding: 0 20px !important; }
 /* Sticky CTA */
 #mobile-sticky-cta { display: block !important; }
 body { padding-bottom: 72px; }
 /* Modals full-screen */
 .tier-modal-overlay { padding: 0; align-items: flex-end; }
 .tier-modal-panel { max-width: 100%; border-radius: 24px 24px 0 0; max-height: 92svh; }
 }
 @media(max-width:480px){
 .stat-num { font-size: 1.6rem !important; }
 .hero-inner { padding: 0 16px !important; }
 .sec-inner { padding: 0 16px !important; }
 .video-lessons-grid { grid-template-columns: repeat(2,1fr) !important; }
 /* Tier cards: reduce padding */
 .tier-card { padding: 28px 20px !important; }
 /* Font sizes */
 h2 { font-size: clamp(1.6rem, 6vw, 2.2rem) !important; }
 }
 


 @media (max-width: 640px) {
 /* ════ BASE ════ */
 *, *::before, *::after { -webkit-font-smoothing: antialiased !important; }
 body { padding-bottom: 68px !important; }
 /* ════ NAVBAR ════ */
 nav { height: 52px !important; }
 nav .glow-line { display: none !important; }
 /* ════ HERO ════ */
 .hero-section {
 min-height: auto !important;
 padding-top: 72px !important;
 padding-bottom: 44px !important;
 }
 .hero-inner { padding: 0 20px !important; }
 /* Badge */
 .date-badge {
 font-size: 0.6rem !important;
 padding: 5px 11px !important;
 letter-spacing: 0.16em !important;
 }
 /* Headline */
 .hero-h1 {
 font-size: clamp(2.7rem, 13vw, 3.4rem) !important;
 line-height: 0.93 !important;
 letter-spacing: -0.055em !important;
 margin-bottom: 22px !important;
 }
 /* Stat pills — stacked, full-width, ultra-clean */
 .date-pills-wrap {
 flex-direction: column !important;
 gap: 6px !important;
 margin-bottom: 22px !important;
 }
 .date-pill {
 width: 100% !important;
 border-radius: 8px !important;
 padding: 10px 14px !important;
 gap: 12px !important;
 box-sizing: border-box !important;
 }
 /* Big number inside pill */
 .date-pill > div:first-child > div:first-child {
 font-size: 1.1rem !important;
 letter-spacing: -0.04em !important;
 }
 /* Label under number */
 .date-pill > div:first-child > div:last-child {
 font-size: 0.55rem !important;
 letter-spacing: 0.14em !important;
 margin-top: 2px !important;
 }
 /* Right-side descriptor text */
 .date-pill > div:last-child {
 font-size: 0.68rem !important;
 line-height: 1.35 !important;
 white-space: nowrap !important;
 }
 /* CTA buttons */
 .hero-ctas {
 flex-direction: column !important;
 gap: 8px !important;
 margin-bottom: 28px !important;
 }
 .btn-liquid-primary, .btn-liquid-ghost {
 width: 100% !important;
 justify-content: center !important;
 text-align: center !important;
 box-sizing: border-box !important;
 padding: 14px 20px !important;
 font-size: 0.76rem !important;
 letter-spacing: 0.07em !important;
 border-radius: 8px !important;
 }
 /* ════ STATS STRIP ════ */
 .stats-bar {
 display: grid !important;
 grid-template-columns: repeat(6, 1fr) !important;
 overflow-x: visible !important;
 padding: 28px 20px 20px !important;
 gap: 24px 0 !important;
 border-top: 1px solid rgba(255,255,255,0.07) !important;
 margin-top: 28px !important;
 }
 .stats-bar .stat-divider { display: none !important; }
 /* Row 1: stats 1-3 each span 2 of 6 columns */
 .stat-item {
 grid-column: span 2 !important;
 padding: 0 !important;
 text-align: center !important;
 min-width: 0 !important;
 flex: none !important;
 }
 /* Row 2: stats 4 & 5 each take half the row (3 of 6 cols) */
 .stat-item:nth-child(7) { grid-column: 1 / 4 !important; }
 .stat-item:nth-child(9) { grid-column: 4 / 7 !important; }
 .stat-num { font-size: 1.5rem !important; line-height: 1 !important; }
 .stat-item > div:last-child {
 font-size: 0.52rem !important;
 letter-spacing: 0.09em !important;
 margin-top: 5px !important;
 white-space: nowrap !important;
 }
 .stat-divider {
 display: flex !important;
 flex: 0 0 1px !important;
 width: 1px !important;
 height: 28px !important;
 align-self: center !important;
 margin: 0 !important;
 background: rgba(255,255,255,0.08) !important;
 }
 /* ════ SECTIONS ════ */
 .sec { padding: 52px 0 !important; }
 .sec-inner { padding: 0 20px !important; }
 .section-label { font-size: 0.52rem !important; letter-spacing: 0.2em !important; margin-bottom: 8px !important; }
 /* All section h2s — controlled size */
 section h2, .sec h2 {
 font-size: clamp(1.6rem, 7.5vw, 2.1rem) !important;
 letter-spacing: -0.04em !important;
 line-height: 1.05 !important;
 }
 /* ════ PROGRAMS ════ */
 .curriculum-grid {
 display: grid !important;
 grid-template-columns: 1fr !important;
 gap: 8px !important;
 background: transparent !important;
 border: none !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 overflow: visible !important;
 }
 .curriculum-grid > div {
 border-radius: 12px !important;
 border: 1px solid rgba(255,255,255,0.08) !important;
 padding: 20px 18px 18px !important;
 }
 .curriculum-grid > div:nth-child(2) {
 border-color: rgba(230,58,36,0.22) !important;
 }
 .curriculum-grid h3 {
 font-size: 1.1rem !important;
 letter-spacing: -0.03em !important;
 margin-bottom: 14px !important;
 }
 /* Price number in tier cards */
 .curriculum-grid div[style*="font-size:3rem"] {
 font-size: 2.3rem !important;
 }
 /* ════ VIDEO LESSONS ════ */
 /* Section heading — compact enough to fit in 2 lines max */
 .video-lessons-section h2 {
 font-size: 1.2rem !important;
 line-height: 1.15 !important;
 letter-spacing: -0.02em !important;
 }
 .video-lessons-section > div > div[style*="margin-bottom:64px"] {
 margin-bottom: 32px !important;
 }
 .video-lessons-grid {
 grid-template-columns: repeat(2, 1fr) !important;
 gap: 8px !important;
 }
 /* Lone 5th card — full width */
 .video-lessons-grid > div:last-child:nth-child(odd) {
 grid-column: 1 / -1 !important;
 max-width: 100% !important;
 }
 /* ════ STUDENT PROFITS ════ */
 #tcarousel { max-width: 100% !important; }
 /* ════ STUDENT TESTIMONIALS ════ */
 /* carousel already full-width */
 /* ════ WHO IS THIS FOR ════ */
 /* Heading — long copy, keep it tight */
 .for-section h2 {
 font-size: 1.05rem !important;
 line-height: 1.15 !important;
 letter-spacing: -0.02em !important;
 }
 .for-grid {
 grid-template-columns: 1fr !important;
 gap: 0 !important;
 }
 /* ════ ABOUT / MENTOR ════ */
 .about-grid {
 display: grid !important;
 grid-template-columns: 1fr !important;
 gap: 24px !important;
 width: 100% !important;
 }
 /* Prevent grid items from overflowing (min-width: auto is the culprit) */
 .about-grid > div {
 min-width: 0 !important;
 max-width: 100% !important;
 overflow-wrap: break-word !important;
 word-break: break-word !important;
 }
 /* Body text — readable on mobile */
 .about-grid p {
 font-size: 0.875rem !important;
 line-height: 1.75 !important;
 margin-bottom: 12px !important;
 max-width: 100% !important;
 }
 /* ════ PHILOSOPHY ════ */
 .philosophy-grid {
 display: grid !important;
 grid-template-columns: 1fr !important;
 gap: 8px !important;
 background: transparent !important;
 border: none !important;
 overflow: visible !important;
 }
 .philosophy-grid > div {
 border-radius: 10px !important;
 border: 1px solid rgba(255,255,255,0.07) !important;
 border-left: 2px solid rgba(230,58,36,0.6) !important;
 padding: 18px 16px !important;
 background: rgba(255,255,255,0.015) !important;
 }
 /* ════ MODALS ════ */
 .tier-modal-overlay { padding: 0 !important; align-items: flex-end !important; }
 .tier-modal-panel {
 max-width: 100% !important;
 border-radius: 20px 20px 0 0 !important;
 max-height: 92svh !important;
 padding: 24px 20px !important;
 }
 /* ════ STICKY CTA ════ */
 #mobile-sticky-cta { display: block !important; }
 }