:root {
   --navy: #dbeafe;
   --navy-deep: #2e62b5;
   --gold: #FFD900;
   --gold-light: #ffe540;
   --gold-pale: #fffbe0;
   --bg: #F8F9FB;
   --white: #ffffff;
   --text: #1A1A1A;
   --text-muted: #5a6070;
   --border: rgba(255, 217, 0, 0.3);
 }

 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }

 html {
   scroll-behavior: smooth;
   overflow-x: hidden;
 }

 body {
   font-family: 'Poppins', sans-serif;
   background: var(--bg);
   color: var(--text);
   overflow-x: hidden;
 }

 /* ─── NAV ─── */
 nav {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 1000;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 60px;
   height: 76px;
   background-color: #112d6b;
   /* backdrop-filter: blur(12px); */
   border-bottom: 1px solid rgba(255, 217, 0, 0.15);
   transition: all 0.3s;
 }

 .nav-logo {
   font-family: 'Poppins', sans-serif;
   font-size: 22px;
   font-weight: 700;
   color: var(--white);
   letter-spacing: 0.5px;
   text-decoration: none;
 }

 .nav-logo span {
   color: var(--gold);
 }

 .nav-logo img {
   height: 40px;
   width: auto;
   display: block;
 }

 .nav-links {
   display: flex;
   align-items: center;
   gap: 30px;
   list-style: none;
   margin-bottom: 0px;
 }

 .nav-links a {
   color: var(--white);
   text-decoration: none;
   font-size: 13.5px;
   font-weight: 500;
   letter-spacing: 0.4px;
   transition: color 0.2s;
 }

 .nav-links a:hover {
   color: var(--gold);
 }

 /* Dropdown */
 .has-dropdown {
   position: relative;
 }

 .dropdown-arrow {
   font-size: 9px;
   margin-left: 5px;
   vertical-align: middle;
   transition: transform 0.2s;
   display: inline-block;
 }

 .has-dropdown:hover .dropdown-arrow {
   transform: rotate(180deg);
 }

 .dropdown {
   position: absolute;
   top: 100%;
   left: 0;
   background: rgba(219, 234, 254);
   backdrop-filter: blur(12px);
   min-width: 180px;
   list-style: none;
   padding: 10px 0;
   border-radius: 4px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
   border: 1px solid rgba(255, 217, 0, 0.15);
   opacity: 0;
   visibility: hidden;
   transform: translateY(10px);
   transition: all 0.3s;
   z-index: 1000;
 }

 .has-dropdown:hover .dropdown {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
 }

 .dropdown li {
   width: 100%;
 }

 .dropdown a {
   display: block;
   padding: 10px 20px !important;
   color: var(--text) !important;

   font-size: 13.5px !important;
 }

 .dropdown a:hover {
   background: rgba(174, 198, 207, 0.15);
   color: var(--navy-deep) !important;
 }

 .nav-cta {
   background: var(--gold);
   color: var(--text) !important;
   padding: 11px 22px;
   border-radius: 4px;
   font-weight: 600 !important;
   font-size: 13px !important;
   letter-spacing: 0.6px !important;
   transition: all 0.25s !important;
   white-space: nowrap;
 }

 .nav-cta:hover {
   background: #8CA0A8 !important;
   transform: translateY(-1px);
   box-shadow: 0 6px 20px rgba(174, 198, 207, 0.35);
   color: var(--white) !important;
 }

 /* ─── HAMBURGER BUTTON ─── */
 .nav-hamburger {
   display: none;
   flex-direction: column;
   justify-content: center;
   gap: 5px;
   background: none;
   border: none;
   cursor: pointer;
   padding: 8px;
   z-index: 1001;
 }

 .nav-hamburger span {
   display: block;
   width: 24px;
   height: 2px;
   background: var(--white);
   border-radius: 2px;
   transition: all 0.3s;
 }

 /* ─── tablet NAV ─── */
 @media (min-width: 769px) and (max-width: 1024px) {
   nav {
     padding: 0 20px;
   }

   .nav-hamburger {
     display: flex;
   }
 }

 /* ─── MOBILE NAV ─── */
 @media (max-width: 768px) {
   nav {
     padding: 0 20px;
   }

   .nav-hamburger {
     display: flex;
   }

   .nav-links {
     display: none;
     flex-direction: column;
     position: fixed;
     top: 76px;
     left: 0;
     right: 0;
     background: rgba(255, 255, 255, 0.98);
     backdrop-filter: blur(12px);
     padding: 20px 0;
     gap: 0;
     border-bottom: 2px solid var(--navy);
     box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
     max-height: calc(100vh - 76px);
     overflow-y: auto;
   }

   .nav-links.open {
     display: flex;
   }

   .nav-links li {
     width: 100%;
   }

   .nav-links a {
     display: block;
     padding: 14px 24px;
     font-size: 15px;
     color: var(--text);
     border-bottom: 1px solid rgba(0, 0, 0, 0.06);
   }

   .nav-links a:hover {
     background: rgba(255, 217, 0, 0.08);
   }

   .dropdown {
     position: static;
     box-shadow: none;
     background: rgba(174, 198, 207, 0.1);
     opacity: 1;
     visibility: visible;
     transform: none;
     border: none;
     padding: 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.06);
   }

   .dropdown a {
     padding-left: 45px !important;
     border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
   }

   .dropdown a:last-child {
     border-bottom: none !important;
   }

   .has-dropdown>a {
     border-bottom: none !important;
   }

   .nav-cta {
     margin: 16px 24px;
     text-align: center;
     display: block !important;
     border-radius: 4px;
   }
 }

 /* ─── HERO ─── */
 .hero {
   min-height: 80vh;
   position: relative;
   display: flex;
   align-items: center;
   overflow: hidden;
   background:
     linear-gradient(135deg, rgba(48, 47, 47, 0.48) 0%, rgba(31, 30, 30, 0.46) 50%, rgba(43, 43, 43, 0.52) 100%),
     url('../images/hero-bg-unibridges.jpg') center center / cover no-repeat;
 }

 .hero-bg-grid {
   position: absolute;
   inset: 0;
   background-image:
     linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
     linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
   background-size: 60px 60px;
 }

 .hero-glow {
   position: absolute;
   top: -200px;
   right: -200px;
   width: 700px;
   height: 700px;
   background: radial-gradient(circle, rgba(255, 217, 0, 0.18) 0%, transparent 65%);
   pointer-events: none;
 }

 .hero-glow-2 {
   position: absolute;
   bottom: -100px;
   left: -100px;
   width: 500px;
   height: 500px;
   background: radial-gradient(circle, rgba(174, 198, 207, 0.6) 0%, transparent 70%);
   pointer-events: none;
 }

 .hero-inner {
   max-width: 1200px;
   margin: 0 auto;
   padding: 140px 60px 80px;
   position: relative;
   z-index: 2;
   /* display: grid; */
   grid-template-columns: 1fr 420px;
   gap: 80px;
   align-items: center;
 }

 .hero-eyebrow {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 28px;
   padding: 8px 18px;
   border: 1px solid rgba(255, 217, 0, 0.35);
   border-radius: 2px;
   background: rgba(255, 217, 0, 0.07);
 }

 .hero-eyebrow-dot {
   width: 6px;
   height: 6px;
   background: var(--gold);
   border-radius: 50%;
 }

 .hero-eyebrow span {
   font-size: 11.5px;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: var(--gold);
   font-weight: 600;
 }

 .hero-headline {
   font-family: 'Poppins', sans-serif;
   font-size: clamp(42px, 5.5vw, 56px);
   font-weight: 800;
   line-height: 1.25;
   color: var(--white);
   margin-bottom: 22px;
 }




 .hero-headline em {
   font-style: italic;
   color: var(--gold);
 }

 .hero-headline .line-2 {
   display: block;
   color: rgba(255, 255, 255, 0.55);
   font-weight: 400;
   font-size: 0.5em;
   margin-top: 20px;
 }

 .hero-sub {
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
   line-height: 1.75;
   color: rgba(255, 255, 255, 0.62);
   max-width: 520px;
   margin-bottom: 44px;
   font-weight: 300;
 }

 .hero-sub strong {
   color: var(--gold-light);
   font-weight: 500;
 }

 .hero-actions {
   display: flex;
   align-items: center;
   gap: 24px;
   flex-wrap: wrap;
 }

 .btn-primary {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   background: var(--gold);
   color: var(--navy-deep);
   padding: 16px 32px;
   border-radius: 4px;
   font-weight: 700;
   font-size: 14px;
   letter-spacing: 0.5px;
   text-decoration: none;
   transition: all 0.25s;
 }

 .btn-primary:hover {
   background: var(--gold-light);
   transform: translateY(-2px);
   box-shadow: 0 12px 32px rgba(255, 217, 0, 0.4);
 }

 .btn-primary .arrow {
   font-size: 18px;
   transition: transform 0.2s;
 }

 .btn-primary:hover .arrow {
   transform: translateX(4px);
 }

 .btn-ghost {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   color: rgba(255, 255, 255, 0.7);
   font-size: 14px;
   font-weight: 500;
   text-decoration: none;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
   padding-bottom: 2px;
   transition: all 0.2s;
 }

 .btn-ghost:hover {
   color: var(--gold);
   border-color: var(--gold);
 }

 .hero-trust {
   margin-top: 56px;
   display: flex;
   align-items: center;
   gap: 16px;
   padding-top: 32px;
   border-top: 1px solid rgba(255, 255, 255, 0.08);
 }

 .hero-trust-avatar {
   width: 44px;
   height: 44px;
   border-radius: 50%;
   background: linear-gradient(135deg, var(--gold) 0%, #c9a800 100%);
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: 'Poppins', sans-serif;
   font-size: 18px;
   color: var(--navy-deep);
   font-weight: 700;
   flex-shrink: 0;
 }

 .hero-trust-text {
   font-size: 16px;
   color: rgba(255, 255, 255, 0.45);
   line-height: 1.5;
 }

 .hero-trust-text strong {
   color: rgba(255, 255, 255, 0.8);
   font-weight: 500;
   display: block;
 }

 /* Hero Right Card */
 .hero-card {
   background: rgba(255, 255, 255, 0.04);
   border: 1px solid rgba(255, 217, 0, 0.2);
   border-radius: 8px;
   padding: 36px;
   position: relative;
 }

 .hero-card::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 3px;
   background: linear-gradient(90deg, var(--gold), transparent);
   border-radius: 8px 8px 0 0;
 }

 .hero-card-label {
   font-size: 13px;
   letter-spacing: 2.5px;
   text-transform: uppercase;
   color: var(--gold);
   font-weight: 600;
   margin-bottom: 20px;
 }

 .hero-stats {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 24px;
   margin-bottom: 28px;
 }

 .hero-stat {
   padding: 20px;
   background: rgba(255, 255, 255, 0.03);
   border: 1px solid rgba(255, 217, 0, 0.12);
   border-radius: 6px;
   text-align: center;
 }

 .hero-stat-num {
   font-family: 'Poppins', sans-serif;
   font-size: 32px;
   font-weight: 700;
   color: var(--gold);
   line-height: 1;
   margin-bottom: 6px;
 }

 .hero-stat-label {
   font-size: 11px;
   color: rgba(255, 255, 255, 0.9);
   letter-spacing: 0.5px;
   line-height: 1.4;
 }

 .hero-unis {
   padding-top: 20px;
   border-top: 1px solid rgba(255, 255, 255, 0.07);
 }

 .hero-unis-label {
   font-size: 12.5px;
   color: rgba(255, 255, 255, 0.9);
   letter-spacing: 1.5px;
   text-transform: uppercase;
   margin-bottom: 14px;
 }

 .hero-uni-chips {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
 }

 .hero-uni-chip {
   background: rgba(255, 217, 0, 0.1);
   border: 1px solid rgba(255, 217, 0, 0.2);
   color: var(--gold-light);
   padding: 5px 12px;
   border-radius: 2px;
   font-size: 11.5px;
   font-weight: 500;
   letter-spacing: 0.3px;
 }

 /* ─── MARQUEE ─── */
 .marquee-section {
   background: var(--gold);
   padding: 14px 0;
   overflow: hidden;
 }

 .marquee-track {
   display: flex;
   gap: 0;
   animation: marquee 30s linear infinite;
   white-space: nowrap;
 }

 .marquee-item {
   display: inline-flex;
   align-items: center;
   gap: 16px;
   padding: 0 40px;
   font-size: 12px;
   font-weight: 700;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: #444;
 }

 .marquee-item::after {
   content: '◆';
   font-size: 8px;
   opacity: 0.5;
 }

 @keyframes marquee {
   from {
     transform: translateX(0);
   }

   to {
     transform: translateX(-50%);
   }
 }

 /* ─── SECTION BASE ─── */
 section {
   width: 100%;
 }

 .container {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 60px;
 }

 .section-pad {
   padding: 110px 0;
 }

 .section-eyebrow {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 20px;
 }

 .section-eyebrow span {
   font-size: 11px;
   letter-spacing: 2.5px;
   text-transform: uppercase;
   color: #2563eb;
   font-weight: 700;
 }

 .section-eyebrow-line {
   width: 32px;
   height: 1px;
   background: #2563eb;
 }

 .section-title {
   font-family: 'Poppins', sans-serif;
   font-size: clamp(34px, 4vw, 54px);
   font-weight: 700;
   line-height: 1.1;
   color: var(--navy-deep);
   margin-bottom: 18px;
 }

 .section-title em {
   font-style: italic;
   color: var(--gold);
 }

 .section-sub {
   font-size: 16px;
   line-height: 1.75;
   color: var(--text-muted);
   /* max-width: 560px; */
   font-weight: 300;
 }

 /* ─── PROBLEM SECTION ─── */
 .problem-section {
   background: var(--white);
   padding: 110px 0;
   position: relative;
   overflow: hidden;
 }

 .problem-section::before {
   content: '';
   position: absolute;
   inset: 0;
   background-image:
     linear-gradient(rgba(220, 38, 38, 0.03) 1px, transparent 1px),
     linear-gradient(90deg, rgba(220, 38, 38, 0.03) 1px, transparent 1px);
   background-size: 60px 60px;
   pointer-events: none;
 }

 .problem-inner {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 80px;
   align-items: center;
 }

 .problem-left .section-title {
   color: var(--navy-deep);
 }

 .problem-left .section-sub {
   color: var(--text-muted);
 }

 .problem-closing {
   margin-top: 36px;
   padding: 24px 28px;
   border-left: 3px solid var(--navy);
   background: rgba(174, 198, 207, 0.05);
   border-radius: 0 6px 6px 0;
 }

 .problem-closing p {
   font-family: 'Cormorant Garamond', serif;
   font-size: 20px;
   font-style: italic;
   color: var(--navy-deep);
   line-height: 1.5;
 }

 .problem-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: 1fr 1fr;
   gap: 2px;
   width: 100%;
   max-width: 800px;
   margin: 0 auto;
   aspect-ratio: 1;
   border-radius: 50%;
   position: relative;
   overflow: hidden;
   background: rgba(220, 38, 38, 0.15);
   border: 8px solid #fff;
   box-shadow: 0 10px 40px rgba(220, 38, 38, 0.1);
 }

 .problem-card {
   background: #fff5f5;
   padding: 40px;
   position: relative;
   transition: all 0.3s;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
 }

 .problem-card:hover {
   background: #fff1f1;
 }

 .problem-center-badge {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #fff;
   border: 3px solid #dc2626;
   color: #dc2626;
   width: 110px;
   height: 110px;
   border-radius: 50%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   text-transform: uppercase;
   font-weight: 800;
   font-size: 12px;
   line-height: 1.3;
   box-shadow: 0 4px 15px rgba(220, 38, 38, 0.15);
   z-index: 10;
 }

 .problem-center-img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 440px;
   height: 440px;
   object-fit: contain;
   background: #fff;
   padding: 8px;
   border-radius: 50%;
   box-shadow: 0 8px 24px rgba(220, 38, 38, 0.2);
   z-index: 10;
   border: 4px solid #fef2f2;
   transition: transform 0.3s ease;
 }

 .problem-grid:hover .problem-center-img {
   transform: translate(-50%, -50%) scale(1.05);
 }

 .problem-card-badge {
   display: inline-flex;
   align-items: center;
   gap: 5px;
   font-size: 10px;
   font-weight: 700;
   letter-spacing: 1.2px;
   text-transform: uppercase;
   color: #dc2626;
   background: rgba(220, 38, 38, 0.08);
   border: 1px solid rgba(220, 38, 38, 0.2);
   border-radius: 100px;
   padding: 4px 10px;
   margin-bottom: 14px;
 }

 .problem-card-icon {
   font-size: 26px;
   margin-bottom: 12px;
 }

 .problem-card h4 {
   font-size: 15px;
   font-weight: 700;
   color: var(--navy-deep);
   margin-bottom: 8px;
 }

 .problem-card p {
   font-size: 13px;
   color: var(--text-muted);
   line-height: 1.65;
 }

 /* ─── LIFEMAP SECTION ─── */
 .lifemap-section {
   background: var(--bg);
   padding: 110px 0;
 }


 .lifemap-inner {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 80px;
   align-items: center;
   margin-top: 40px;
 }

 @media (max-width: 991px) {
   .lifemap-inner {
     grid-template-columns: 1fr;
     gap: 40px;
   }
 }

 .lifemap-visual {
   position: relative;
 }

 .lifemap-center {
   /* width: 280px;
   height: 280px;
   border-radius: 50%; */
   background: linear-gradient(135deg, var(--navy-deep) 0%, #4a7fd4 100%);
   border: 2px solid var(--border);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   text-align: center;
   margin: 6px auto;
   position: relative;
   box-shadow: 0 0 80px rgba(255, 217, 0, 0.1);
 }

 .lifemap-center-text {
   font-family: 'Poppins', sans-serif;
   font-size: 22px;
   font-weight: 700;
   color: var(--gold);
   line-height: 1.2;
 }

 .lifemap-center-sub {
   font-size: 11px;
   color: rgba(255, 255, 255, 0.4);
   margin-top: 6px;
   letter-spacing: 1.5px;
   text-transform: uppercase;
 }

 .lifemap-orbit {
   position: absolute;
   inset: 0;
   pointer-events: none;
 }

 .lifemap-node {
   position: absolute;
   background: var(--white);
   border: 1px solid var(--border);
   border-radius: 100px;
   padding: 10px 18px;
   font-size: 12.5px;
   font-weight: 600;
   color: var(--navy-deep);
   white-space: nowrap;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
 }

 .cta-360 {
   display: flex;
   flex-direction: column;
   /* max-width: 600px; */
   gap: 20px;
   justify-content: center;
   align-items: center;
 }

 .lm-n1 {
   top: 10px;
   left: 50%;
   transform: translateX(-50%);
 }

 .lm-n2 {
   top: 50%;
   right: 0;
   transform: translateY(-50%);
 }

 .lm-n3 {
   bottom: 10px;
   left: 50%;
   transform: translateX(-50%);
 }

 .lm-n4 {
   top: 50%;
   left: 0;
   transform: translateY(-50%);
 }

 .lm-n5 {
   top: 18%;
   left: 5%;
 }

 .lifemap-tags {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-top: 28px;
 }

 .lifemap-tag {
   padding: 8px 18px;
   border: 1px solid var(--navy);
   border-radius: 2px;
   font-size: 13px;
   color: var(--navy-deep);
   background: var(--white);
   font-weight: 500;
 }

 .lifemap-outcome {
   margin-top: 36px;
   display: flex;
   align-items: center;
   gap: 16px;
   padding: 20px 24px;
   background: var(--gold-pale);
   border-left: 3px solid var(--gold);
   border-radius: 0 6px 6px 0;
 }

 .lifemap-outcome-icon {
   font-size: 24px;
 }

 .lifemap-outcome-text {
   font-family: 'Poppins', sans-serif;
   font-size: 18px;
   color: var(--navy-deep);
   font-weight: 600;
 }

 /* ─── HARVARD CALLOUT ─── */
 .harvard-callout {
   background: #fffaf9;
   border: 1px solid rgba(220, 38, 38, 0.1);
   border-radius: 12px;
   padding: 32px 24px;
   text-align: center;
   box-shadow: 0 12px 40px rgba(0, 0, 0, 0.04);
   margin-bottom: 4px;
   position: relative;
 }

 .harvard-callout::before {
   content: '';
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 80px;
   height: 4px;
   background: #dc2626;
   border-radius: 0 0 4px 4px;
 }

 .harvard-callout-top {
   font-family: 'Cormorant Garamond', serif;
   font-size: 20px;
   font-weight: 700;
   color: var(--navy-deep);
   margin-bottom: 20px;
 }

 .harvard-shield {
   margin-bottom: 20px;
   display: flex;
   justify-content: center;
 }

 .harvard-shield svg {
   height: 48px;
   width: auto;
 }

 .harvard-callout-main {
   font-family: 'Cormorant Garamond', serif;
   font-size: 34px;
   line-height: 1.2;
   margin-bottom: 20px;
 }

 .harvard-brand {
   color: var(--navy-deep);
   font-weight: 700;
 }

 .harvard-stat {
   color: #dc2626;
   font-weight: 700;
 }

 .harvard-callout-sub {
   font-family: 'Cormorant Garamond', serif;
   font-size: 24px;
   font-weight: 700;
   color: var(--navy-deep);
   margin-bottom: 24px;
   line-height: 1.3;
 }

 .harvard-callout-source {
   font-size: 11px;
   color: var(--text-muted);
   font-weight: 500;
   margin: 0;
 }

 /* ─── PROTOCOL SECTION ─── */
 .protocol-section {
   background: #AEC6CF;
   padding: 110px 0;
   position: relative;
   overflow: hidden;
 }

 .protocol-section::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-image: linear-gradient(rgba(255, 255, 255, 0.2) 1px, transparent 1px),
     linear-gradient(90deg, rgba(255, 255, 255, 0.2) 1px, transparent 1px);
   background-size: 80px 80px;
 }

 .protocol-inner {
   position: relative;
   z-index: 2;
 }

 .protocol-header {
   text-align: center;
   margin-bottom: 70px;
 }

 .protocol-header .section-title {
   color: var(--navy-deep);
 }

 .protocol-header .section-sub {
   color: var(--text-muted);
   margin: 0 auto;
 }

 .protocol-steps {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 2px;
   position: relative;
 }

 .protocol-step {
   background: rgba(255, 255, 255, 0.5);
   border: 1px solid rgba(0, 0, 0, 0.05);
   padding: 44px 36px;
   position: relative;
   transition: all 0.3s;
   cursor: default;
 }

 .protocol-step:hover {
   background: rgba(255, 255, 255, 0.9);
   border-color: rgba(0, 0, 0, 0.1);
   z-index: 1;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
 }

 .protocol-step-num {
   font-family: 'Poppins', sans-serif;
   font-size: 56px;
   font-weight: 900;
   color: rgba(0, 0, 0, 0.04);
   line-height: 1;
   position: absolute;
   top: 24px;
   right: 28px;
 }

 .protocol-step-icon {
   font-size: 28px;
   margin-bottom: 18px;
   display: block;
 }

 .protocol-step h3 {
   font-family: 'Poppins', sans-serif;
   font-size: 20px;
   font-weight: 700;
   color: var(--navy-deep);
   margin-bottom: 8px;
 }

 .protocol-step-sub {
   font-size: 11.5px;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   color: var(--text);
   margin-bottom: 14px;
   font-weight: 600;
 }

 .protocol-step p {
   font-size: 13.5px;
   color: var(--text-muted);
   line-height: 1.7;
 }

 .protocol-outcome-row {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 20px;
   margin-top: 50px;
   padding: 30px 40px;
   background: rgba(255, 255, 255, 0.5);
   border: 1px solid rgba(0, 0, 0, 0.05);
   border-radius: 6px;
   position: relative;
   z-index: 2;
 }

 .protocol-outcome-row span {
   font-family: 'Poppins', sans-serif;
   font-size: 22px;
   color: var(--text);
   font-weight: 700;
 }

 .built-outcomes-section {
   padding: 110px 0;
   background: var(--white);
 }

 .journey-section {
   padding: 110px 0;
   background: #f5f3ee;
 }

 .protocol-outcome-row p {
   font-size: 13.5px;
   color: rgba(1, 1, 1);
 }

 /* ─── OUTCOMES SECTION ─── */
 .outcomes-section {
   background: var(--bg);
   padding: 110px 0;
 }

 .outcomes-header {
   /* text-align: center; */
   margin-bottom: 60px;
 }

 .outcomes-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 24px;
 }

 .outcome-card {
   background: var(--white);
   border: 1px solid rgba(0, 0, 0, 0.07);
   border-radius: 8px;
   padding: 36px 28px;
   text-align: center;
   transition: all 0.3s;
   position: relative;
   overflow: hidden;
 }

 .outcome-card::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 3px;
   background: var(--gold);
   transform: scaleX(0);
   transition: transform 0.3s;
   transform-origin: left;
 }

 .outcome-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 20px 48px rgba(0, 0, 0, 0.09);
   border-color: transparent;
 }

 .outcome-card:hover::after {
   transform: scaleX(1);
 }

 .outcome-icon {
   width: 60px;
   height: 60px;
   background: var(--gold-pale);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 24px;
   margin: 0 auto 20px;
 }

 .outcome-card h3 {
   font-family: 'Poppins', sans-serif;
   font-size: 18px;
   font-weight: 700;
   color: var(--navy-deep);
   margin-bottom: 10px;
 }

 .outcome-card p {
   font-size: 13.5px;
   color: var(--text-muted);
   line-height: 1.65;
 }

 /* ─── SUMMER ACCELERATOR ─── */
 .summer-section {
   background: linear-gradient(135deg, #AEC6CF 0%, #AEC6CF 100%);
   padding: 110px 0;
   position: relative;
   overflow: hidden;
 }

 .summer-section::before {
   content: '';
   position: absolute;
   top: -50%;
   right: -10%;
   width: 600px;
   height: 600px;
   background: radial-gradient(circle, rgba(255, 217, 0, 0.08) 0%, transparent 65%);
 }

 .summer-inner {
   display: grid;
   grid-template-columns: 1fr 480px;
   gap: 80px;
   align-items: center;
   position: relative;
   z-index: 2;
 }

 .summer-left .section-title {
   color: var(--white);
 }

 .summer-left .section-sub {
   color: rgba(255, 255, 255, 0.55);
 }

 .summer-tag {
   display: inline-block;
   background: rgba(255, 217, 0, 0.15);
   border: 1px solid rgba(255, 217, 0, 0.3);
   color: var(--gold);
   padding: 6px 14px;
   border-radius: 2px;
   font-size: 11px;
   font-weight: 700;
   letter-spacing: 2px;
   text-transform: uppercase;
   margin-bottom: 22px;
 }

 .summer-features {
   display: flex;
   flex-direction: column;
   gap: 14px;
   margin-top: 32px;
 }

 .summer-feature {
   display: flex;
   align-items: flex-start;
   gap: 14px;
 }

 .summer-feature-dot {
   width: 20px;
   height: 20px;
   background: var(--gold);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   font-size: 10px;
   color: var(--navy-deep);
   font-weight: 700;
   margin-top: 2px;
 }

 .summer-feature p {
   font-size: 14.5px;
   color: rgba(255, 255, 255, 0.7);
   line-height: 1.5;
 }

 .summer-feature p strong {
   color: var(--white);
   font-weight: 600;
 }

 .summer-card {
   background: rgba(255, 255, 255, 0.05);
   border: 1px solid rgba(255, 217, 0, 0.2);
   border-radius: 10px;
   padding: 44px 38px;
   text-align: center;
 }

 .summer-card-headline {
   font-family: 'Poppins', sans-serif;
   font-size: 28px;
   font-weight: 700;
   color: var(--white);
   margin-bottom: 8px;
   line-height: 1.2;
 }

 .summer-card-sub {
   font-size: 13.5px;
   color: rgba(255, 255, 255, 0.45);
   margin-bottom: 32px;
   line-height: 1.6;
 }

 .summer-card-stat {
   padding: 18px;
   background: rgba(255, 217, 0, 0.1);
   border-radius: 6px;
   margin-bottom: 14px;
 }

 .summer-card-stat-num {
   font-family: 'Poppins', sans-serif;
   font-size: 36px;
   font-weight: 900;
   color: var(--gold);
   line-height: 1;
 }

 .summer-card-stat-label {
   font-size: 12px;
   color: rgba(255, 255, 255, 0.5);
   margin-top: 4px;
 }

 .summer-cta {
   display: block;
   background: var(--gold);
   color: var(--navy-deep);
   text-decoration: none;
   padding: 16px 28px;
   border-radius: 4px;
   font-weight: 700;
   font-size: 14px;
   letter-spacing: 0.5px;
   margin-top: 28px;
   transition: all 0.25s;
 }

 .summer-cta:hover {
   background: var(--gold-light);
   transform: translateY(-2px);
   box-shadow: 0 10px 28px rgba(255, 217, 0, 0.35);
 }

 /* ─── TESTIMONIALS ─── */
 .testimonials-section {
   background: var(--bg);
   padding: 110px 0;
 }

 .testimonials-header {
   text-align: center;
   margin-bottom: 60px;
 }

 .testimonials-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
 }

 .testimonial-card {
   background: var(--white);
   border: 1px solid rgba(0, 0, 0, 0.07);
   border-radius: 8px;
   padding: 36px;
   position: relative;
   transition: all 0.3s;
 }

 .testimonial-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 20px 48px rgba(0, 0, 0, 0.08);
 }

 .testimonial-card::before {
   content: '"';
   position: absolute;
   top: 24px;
   right: 28px;
   font-family: 'Poppins', sans-serif;
   font-size: 72px;
   color: var(--gold-pale);
   line-height: 1;
 }

 .testimonial-stars {
   display: flex;
   gap: 3px;
   margin-bottom: 18px;
 }

 .testimonial-stars span {
   color: var(--gold);
   font-size: 14px;
 }

 .testimonial-quote {
   font-size: 14.5px;
   line-height: 1.75;
   color: var(--text-muted);
   margin-bottom: 24px;
   font-style: italic;
 }

 .testimonial-badge {
   display: inline-block;
   padding: 4px 10px;
   background: var(--gold-pale);
   border-radius: 2px;
   font-size: 11px;
   font-weight: 600;
   color: #7a6000;
   margin-bottom: 16px;
 }

 .testimonial-author {
   display: flex;
   align-items: center;
   gap: 14px;
 }

 .testimonial-avatar {
   width: 44px;
   height: 44px;
   border-radius: 50%;
   background: linear-gradient(135deg, var(--navy), #AEC6CF);
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
   color: var(--gold);
   font-weight: 700;
   flex-shrink: 0;
 }

 .testimonial-name {
   font-weight: 600;
   font-size: 14px;
   color: var(--navy-deep);
 }

 .testimonial-role {
   font-size: 12px;
   color: var(--text-muted);
   margin-top: 2px;
 }

 /* ─── FOUNDER SECTION ─── */
 .founder-section {
   background: var(--bg);
   padding: 110px 0;
 }

 .founder-inner {
   display: grid;
   grid-template-columns: 420px 1fr;
   gap: 80px;
   align-items: center;
 }

 .founder-photo {
   position: relative;
 }

 .founder-photo-box {
   width: 360px;
   height: 420px;
   background: linear-gradient(135deg, #AEC6CF 0%, #AEC6CF 100%);
   border-radius: 8px;
   border: 1px solid rgba(255, 217, 0, 0.25);
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   overflow: hidden;
 }

 .founder-photo-box::before {
   content: '';
   position: absolute;
   inset: 0;
   background: url("../images/shveta-binay-prakash1.jpg");
 }

 .founder-photo-initial {
   font-family: 'Poppins', sans-serif;
   font-size: 96px;
   font-weight: 900;
   color: rgba(255, 217, 0, 0.2);
   z-index: 1;
 }

 .founder-photo-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 0;
 }

 .founder-photo-badge {
   position: absolute;
   bottom: 16px;
   right: 16px;
   background: var(--gold);
   color: var(--navy-deep);
   padding: 14px 22px;
   border-radius: 6px;
   font-family: 'Poppins', sans-serif;
   font-weight: 700;
   font-size: 13px;
   line-height: 1.3;
   box-shadow: 0 8px 24px rgba(255, 217, 0, 0.4);
   z-index: 2;
 }

 .founder-right .section-title {
   color: var(--text);
 }

 .founder-bio {
   font-size: 15px;
   line-height: 1.8;
   color: rgba(255, 255, 255, 0.6);
   margin-top: 20px;
   margin-bottom: 30px;
 }

 .founder-credentials {
   display: flex;
   flex-direction: column;
   gap: 7px;
   margin-bottom: 36px;
 }

 .founder-cred {
   display: flex;
   align-items: center;
   gap: 14px;
   padding: 7px 15px;
   background: rgba(255, 255, 255, 0.04);
   border: 1px solid rgba(255, 255, 255, 0.06);
   border-radius: 6px;
 }

 .founder-cred-icon {
   font-size: 20px;
 }

 .founder-cred-text {
   font-size: 13.5px;
   color: rgba(255, 255, 255, 0.7);
 }

 .founder-cred-text strong {
   color: var(--white);
   font-weight: 600;
 }

 /* ─── WHO WE WORK WITH ─── */
 .who-section {
   background: var(--white);
   padding: 110px 0;
 }

 .who-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
   margin-top: 60px;
 }

 .who-card {
   background: var(--white);
   border: 1px solid rgba(0, 0, 0, 0.07);
   border-radius: 8px;
   padding: 44px 36px;
   text-align: center;
   transition: all 0.3s;
 }

 .who-card:hover {
   border-color: var(--gold);
   transform: translateY(-4px);
   box-shadow: 0 20px 48px rgba(255, 217, 0, 0.12);
 }

 .who-icon {
   font-size: 36px;
   margin-bottom: 20px;
   display: block;
 }

 .who-card h3 {
   font-family: 'Poppins', sans-serif;
   font-size: 22px;
   font-weight: 700;
   color: var(--navy-deep);
   margin-bottom: 12px;
 }

 .who-card p {
   font-size: 14px;
   color: var(--text-muted);
   line-height: 1.65;
 }

 /* ─── FINAL CTA ─── */
 .final-cta-section {
   background: #AEC6CF;
   padding: 120px 0;
   text-align: center;
   position: relative;
   overflow: hidden;
 }

 .final-cta-section::before {
   content: '';
   background-color: #dbeafe;
   position: absolute;
   inset: 0;
   /* background-image: radial-gradient(ellipse at 50% 0%, rgba(255, 217, 0, 0.12) 0%, transparent 60%); */
 }

 .final-cta-inner {
   position: relative;
   z-index: 2;
 }

 .final-cta-pre {
   font-size: 12px;
   letter-spacing: 3px;
   text-transform: uppercase;
   color: var(--gold);
   font-weight: 700;
   margin-bottom: 24px;
 }

 .final-cta-headline {
   font-family: 'Poppins', sans-serif;
   font-size: clamp(36px, 5vw, 64px);
   font-weight: 900;
   color: var(--navy-deep);
   line-height: 1.1;
   margin-bottom: 20px;
 }

 .final-cta-headline em {
   font-style: italic;
   color: var(--gold);
 }

 .final-cta-sub {
   font-size: 16px;
   color: var(--text-muted);
   margin-bottom: 48px;
   max-width: 480px;
   margin-left: auto;
   margin-right: auto;
   line-height: 1.7;
 }

 .final-cta-btn {
   display: inline-flex;
   align-items: center;
   gap: 12px;
   background: var(--gold);
   color: var(--navy-deep);
   padding: 20px 44px;
   border-radius: 4px;
   font-size: 15px;
   font-weight: 700;
   text-decoration: none;
   letter-spacing: 0.5px;
   transition: all 0.25s;
 }

 .final-cta-btn:hover {
   background: var(--gold-light);
   transform: translateY(-3px);
   box-shadow: 0 16px 48px rgba(255, 217, 0, 0.4);
 }

 .final-cta-note {
   margin-top: 20px;
   font-size: 12.5px;
   color: var(--text-muted);
   letter-spacing: 0.3px;
 }

 /* ─── FOOTER ─── */
 footer {
   background: #112d6b;
   padding: 60px 0 32px;
   border-top: 1px solid rgba(255, 217, 0, 0.1);
 }

 .footer-inner {
   display: grid;
   grid-template-columns: 280px 1fr 1fr 1fr;
   gap: 60px;
   margin-bottom: 48px;
 }

 .footer-logo {
   font-family: 'Poppins', sans-serif;
   font-size: 26px;
   font-weight: 700;
   color: var(--white);
   text-decoration: none;
   margin-bottom: 16px;
   display: inline-block;
 }

 .footer-logo img {
   height: 48px;
   width: auto;
   display: block;
 }

 .footer-logo span {
   color: var(--gold);
 }

 .footer-tagline {
   font-size: 13px;
   color: rgba(255, 255, 255, 0.8);
   line-height: 1.65;
   margin-bottom: 24px;
 }

 .footer-credit {
   color: rgba(255, 255, 255, 0.45);
 }

 .footer-p {
   color: rgba(255, 255, 255, 0.8);
 }

 .footer-col h5 {
   font-size: 11px;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: var(--gold);
   font-weight: 700;
   margin-bottom: 18px;
 }

 .footer-col ul {
   list-style: none;
   display: flex;
   flex-direction: column;
   gap: 10px;
 }

 .footer-col ul li a {
   font-size: 13.5px;
   color: rgba(255, 255, 255, 0.8);
   text-decoration: none;
   transition: color 0.2s;
 }

 .footer-col ul li a:hover {
   color: var(--gold);
 }

 .footer-bottom {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-top: 28px;
   border-top: 1px solid rgba(255, 255, 255, 0.06);
 }

 .footer-copy {
   font-size: 12.5px;
   color: rgba(255, 255, 255, 0.25);
 }

 .footer-cambridge {
   font-size: 12px;
   color: rgba(255, 255, 255, 0.25);
 }

 /* ─── ANIMATIONS ─── */
 @keyframes fadeUp {
   from {
     opacity: 0;
     transform: translateY(30px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 .hero-content-left>* {
   animation: fadeUp 0.7s both;
 }

 .hero-eyebrow {
   animation-delay: 0.1s;
 }

 .hero-headline {
   animation-delay: 0.25s;
 }

 .hero-sub {
   animation-delay: 0.4s;
 }

 .hero-actions {
   animation-delay: 0.55s;
 }

 .hero-trust {
   animation-delay: 0.7s;
 }

 .hero-card {
   animation: fadeUp 0.7s 0.5s both;
 }

 /* ─── REFACTORED INLINE STYLES ─── */
 .lifemap-visual-wrapper {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .lifemap-outcome-label {
   font-size: 11px;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   color: var(--gold);
   margin-bottom: 4px;
   font-weight: 700;
 }

 .lifemap-features-list {
   display: flex;
   flex-direction: column;
   gap: 18px;
   margin-top: 36px;
 }

 .lifemap-feature-item {
   display: flex;
   gap: 16px;
   align-items: flex-start;
 }

 .lifemap-feature-icon {
   width: 36px;
   height: 36px;
   background: var(--gold-pale);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   flex-shrink: 0;
 }

 .lifemap-feature-title {
   font-weight: 600;
   font-size: 15px;
   color: var(--navy-deep);
   margin-bottom: 4px;
 }

 .lifemap-feature-desc {
   font-size: 13.5px;
   color: var(--text-muted);
   line-height: 1.6;
 }

 .lifemap-cta {
   display: inline-flex;
   margin-top: 15px;
 }

 .section-eyebrow--center {
   justify-content: center;
 }

 .section-title--white {
   color: var(--white);
 }

 .section-sub--light-center {
   color: rgba(255, 255, 255, 0.5);
   margin: 0 auto;
 }

 .section-sub--light {
   color: rgba(255, 255, 255, 0.55);
 }

 .section-sub--center {
   margin: 0 auto;
 }

 .btn-protocol {
   flex-shrink: 0;
   white-space: nowrap;
 }

 .outcomes-cta-wrapper {
   text-align: center;
   margin-top: 50px;
 }

 .section-eyebrow-line--light {
   background: rgba(255, 217, 0, 0.4);
 }

 .summer-stats-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 14px;
 }

 .summer-card-note {
   margin-top: 16px;
   font-size: 12px;
   color: rgba(255, 255, 255, 0.3);
 }

 .link-underline {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   color: var(--navy-deep);
   font-weight: 600;
   font-size: 14px;
   text-decoration: none;
   border-bottom: 1px solid var(--gold);
   padding-bottom: 2px;
 }

 .founder-actions {
   display: flex;
   gap: 20px;
   flex-wrap: wrap;
 }

 .btn-ghost--light {
   color: rgba(255, 255, 255, 0.6);
   border-color: rgba(255, 255, 255, 0.2);
 }

 .text-center {
   text-align: center;
 }

 /* ─── WHATSAPP PROOF GRID ─── */
 .proof-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
   margin-top: 40px;
 }

 .proof-item {
   background: var(--white);
   padding: 16px;
   border-radius: 8px;
   border: 1px solid rgba(0, 0, 0, 0.05);
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
 }

 .proof-item img {
   width: 100%;
   border-radius: 6px;
   display: block;
 }

 /* ─── RESPONSIVE ─── */
 @media (max-width: 1024px) {
   nav {
     padding: 0 32px;
   }

   .hero-headline {
     font-family: 'Poppins', sans-serif;
     font-size: clamp(30px, 4vw, 38px);
     font-weight: 800;
     line-height: 1.25;
     color: var(--white);
     margin-bottom: 22px;
   }

   .container {
     padding: 0 32px;
   }

   .hero-inner {
     grid-template-columns: 1fr;
     gap: 50px;
     padding: 120px 32px 60px;
   }

   .hero-card {
     max-width: 420px;
   }

   .problem-inner {
     grid-template-columns: 1fr;
   }

   .lifemap-inner {
     grid-template-columns: 1fr;
   }

   .protocol-steps {
     grid-template-columns: repeat(2, 1fr);
   }

   .outcomes-grid {
     grid-template-columns: repeat(2, 1fr);
   }

   .summer-inner {
     grid-template-columns: 1fr;
   }

   .testimonials-grid {
     grid-template-columns: 1fr;
     gap: 20px;
   }

   .founder-inner {
     grid-template-columns: 1fr;
   }

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

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

   .nav-links {
     display: none;
   }
 }

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

   .problem-grid {
     grid-template-columns: 1fr;
     grid-template-rows: auto;
     aspect-ratio: auto;
     border-radius: 20px;
     padding-top: 2px;
   }

   .problem-center-img {
     position: static;
     transform: none;
     margin: 0 auto;
     width: 300px;
     height: 300px;
   }

   .problem-grid:hover .problem-center-img {
     transform: scale(1.05);
   }

   .protocol-steps {
     grid-template-columns: 1fr;
   }

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

   .footer-inner {
     grid-template-columns: 1fr;
     gap: 32px;
   }

   .footer-bottom {
     flex-direction: column;
     gap: 10px;
     text-align: center;
   }
 }


 .inner-hero {
   padding: 150px 25px 60px;
   background:
     linear-gradient(135deg, rgba(40, 40, 41, 0.95), rgba(49, 50, 51, 0.85)),
     url('../images/breadcrumb-title.jpg') center center / cover no-repeat;
   position: relative;
   text-align: center;
   color: var(--white);
 }

 .inner-hero .section-title {
   color: var(--white);
   margin-bottom: 20px;
 }

 .inner-hero .section-sub {
   color: rgba(255, 255, 255, 0.7);
   margin: 0 auto;
   font-size: 18px;
 }

 .heroVideoContainer {
   display: block;
   position: relative;
   width: 60%;
   border-radius: 12px;
   overflow: hidden;
   border: 2px solid rgba(255, 255, 255, 0.2);
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
   transition: transform 0.3s;
   aspect-ratio: 16/9;
 }


 .founder-grid {
   display: grid;
   grid-template-columns: 450px 1fr;
   gap: 80px;
   align-items: center;
 }

 .founder-image {
   position: relative;
 }

 .founder-image img {
   width: 100%;
   border-radius: 8px;
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
 }

 .founder-badge {
   position: absolute;
   bottom: -20px;
   right: -20px;
   background: var(--gold);
   color: var(--navy-deep);
   padding: 20px;
   font-family: 'Poppins', sans-serif;
   font-weight: 700;
   font-size: 18px;
   text-align: center;
   border-radius: 4px;
   box-shadow: 0 10px 20px rgba(255, 217, 0, 0.3);
 }

 .philosophy-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 32px;
   margin-top: 50px;
 }

 .philosophy-card {
   background: rgba(255, 255, 255, 0.04);
   border: 1px solid var(--navy-deep);
   padding: 40px 30px;
   border-radius: 8px;
   text-align: center;
 }

 .philosophy-card h3 {
   font-family: 'Poppins', sans-serif;
   font-size: 24px;
   color: var(--navy-deep);
   margin-bottom: 16px;
   font-weight: 700;
 }

 .philosophy-card p {
   color: rgba(32, 32, 32, 0.9);
   line-height: 1.6;
   font-size: 14px;
 }

 .stats-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 40px;
   margin-top: 50px;
   text-align: center;
 }

 .stat-card h3 {
   font-family: 'Poppins', sans-serif;
   font-size: 48px;
   font-weight: 900;
   color: var(--gold);
   margin-bottom: 8px;
 }

 .stat-card p {
   color: var(--navy-deep);
   font-size: 16px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1px;
 }

 .services-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 24px;
   margin-top: 50px;
 }

 .service-card {
   background: var(--white);
   padding: 32px 24px;
   border-radius: 8px;
   text-align: center;
   border: 1px solid rgba(0, 0, 0, 0.05);
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
 }

 .service-card-icon {
   font-size: 32px;
   margin-bottom: 16px;
 }

 .service-card h4 {
   font-family: 'Poppins', sans-serif;
   font-size: 18px;
   color: var(--navy-deep);
   margin-bottom: 8px;
 }

 .faq-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 20px;
   margin-top: 50px;
 }

 .faq-item {
   background: var(--white);
   padding: 30px;
   border-radius: 8px;
   border: 1px solid rgba(0, 0, 0, 0.05);
 }

 .faq-item h4 {
   font-family: 'Poppins', sans-serif;
   font-size: 20px;
   color: var(--navy-deep);
   margin-bottom: 12px;
 }

 .faq-item p {
   color: var(--text-muted);
   font-size: 15px;
   line-height: 1.6;
   margin: 0;
 }

 .difference-list {
   list-style: none;
   padding: 0;
   margin-top: 30px;
 }

 .difference-list li {
   position: relative;
   padding-left: 32px;
   margin-bottom: 16px;
   font-size: 16px;
   color: var(--text-muted);
   line-height: 1.6;
 }

 .difference-list li::before {
   content: '✓';
   position: absolute;
   left: 0;
   color: var(--gold);
   font-size: 18px;
   font-weight: bold;
 }

 @media (max-width: 1024px) {
   .services-grid {
     grid-template-columns: repeat(2, 1fr);
   }
 }

 @media (max-width: 640px) {
   .founder-grid {
     grid-template-columns: 1fr;
     gap: 40px;
   }

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

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

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

 .stats-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 40px;
   margin-top: 80px;
   text-align: center;
 }

 .stat-card h3 {
   font-family: 'Poppins', sans-serif;
   font-size: 48px;
   font-weight: 900;
   color: var(--navy-deep);
   margin-bottom: 8px;
 }

 .stat-card p {
   color: var(--text);
   font-size: 16px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1px;
 }

 .services-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 24px;
   margin-top: 50px;
 }

 .service-card {
   background: var(--white);
   padding: 32px 24px;
   border-radius: 8px;
   text-align: center;
   border: 1px solid rgba(0, 0, 0, 0.05);
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
 }

 .service-card-icon {
   font-size: 32px;
   margin-bottom: 16px;
 }

 .service-card h4 {
   font-family: 'Poppins', sans-serif;
   font-size: 18px;
   color: var(--navy-deep);
   margin-bottom: 8px;
 }

 .faq-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 20px;
   margin-top: 50px;
 }

 .faq-item {
   background: var(--white);
   padding: 30px;
   border-radius: 8px;
   border: 1px solid rgba(0, 0, 0, 0.05);
 }

 .faq-item h4 {
   font-family: 'Poppins', sans-serif;
   font-size: 20px;
   color: var(--navy-deep);
   margin-bottom: 12px;
 }

 .faq-item p {
   color: var(--text-muted);
   font-size: 15px;
   line-height: 1.6;
   margin: 0;
 }

 .difference-list {
   list-style: none;
   padding: 0;
   margin-top: 30px;
 }

 .difference-list li {
   position: relative;
   padding-left: 32px;
   margin-bottom: 16px;
   font-size: 16px;
   color: var(--text-muted);
   line-height: 1.6;
 }

 .difference-list li::before {
   content: '✓';
   position: absolute;
   left: 0;
   color: var(--gold);
   font-size: 18px;
   font-weight: bold;
 }

 @media (max-width: 1024px) {
   .services-grid {
     grid-template-columns: repeat(2, 1fr);
   }
 }

 @media (max-width: 640px) {
   .founder-grid {
     grid-template-columns: 1fr;
     gap: 40px;
   }

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

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

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

 /* ─── STUDENT SUCCESS PAGE ─── */
 .hero-bg-ss {
   background:
     linear-gradient(135deg, rgba(40, 40, 41, 0.95), rgba(49, 50, 51, 0.85)),
     url('../images/breadcrumb-title.jpg') center center / cover no-repeat;
 }

 .success-section {
   padding: 110px 0;
 }

 .success-section:nth-child(even) {
   background: rgba(255, 217, 0, 0.03);
 }

 .case-study {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 60px;
   background: var(--white);
   border: 1px solid rgba(0, 0, 0, 0.05);
   border-radius: 8px;
   padding: 40px;
   margin-bottom: 40px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
 }

 .cs-timeline pre {
   font-family: inherit;
   font-size: 14px;
   color: var(--text-muted);
   line-height: 1.6;
   background: var(--bg);
   padding: 20px;
   border-radius: 6px;
   border-left: 3px solid var(--gold);
   white-space: pre-wrap;
 }

 .cs-header h3 {
   font-family: 'Poppins', sans-serif;
   font-size: 28px;
   color: var(--navy-deep);
   margin-bottom: 8px;
 }

 .cs-header p {
   color: var(--gold);
   font-weight: 600;
   font-size: 14px;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 20px;
 }

 @media (max-width: 768px) {
   .case-study {
     grid-template-columns: 1fr;
     gap: 30px;
     padding: 20px;
   }
 }

 /* ─── RESEARCH & VENTURES PAGE ─── */
 .hero-bg-rv {
   background:
     linear-gradient(135deg, rgba(40, 40, 41, 0.95), rgba(49, 50, 51, 0.85)),
     url('../images/breadcrumb-title.jpg') center center / cover no-repeat;
 }

 .rv-section {
   padding: 110px 0;
 }

 .rv-section:nth-child(even) {
   background: rgba(255, 217, 0, 0.03);
 }

 .rv-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 32px;
   margin-top: 50px;
 }

 .rv-card {
   background: var(--white);
   border: 1px solid rgba(0, 0, 0, 0.05);
   border-radius: 8px;
   padding: 32px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
   transition: all 0.3s;
 }

 .rv-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
   border-color: rgba(255, 217, 0, 0.3);
 }

 .rv-card-badge {
   display: inline-block;
   padding: 4px 12px;
   background: var(--gold-pale);
   color: var(--navy-deep);
   font-size: 11px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 1px;
   border-radius: 4px;
   margin: 0 auto 16px auto;
 }

 .rv-card h3 {
   font-family: 'Poppins', sans-serif;
   font-size: 22px;
   /* color: var(--navy-deep); */
   margin-bottom: 12px;
 }

 .rv-card p {
   font-size: 14px;
   /* color: var(--text-muted); */
   text-align: center;
   line-height: 1.6;
   margin-bottom: 16px;
 }

 .rv-meta {
   font-size: 13px;
   color: var(--text);
   font-weight: 500;
 }

 .rv-meta span {
   color: var(--gold);
   margin-right: 6px;
 }

 @media (max-width: 1024px) {
   .rv-grid {
     grid-template-columns: repeat(2, 1fr);
   }
 }

 @media (max-width: 640px) {
   .rv-grid {
     grid-template-columns: 1fr;
   }
 }

 /* ─── PROGRAMS PAGE ─── */
 .hero-bg-programs {
   background:
     linear-gradient(135deg, rgba(40, 40, 41, 0.95), rgba(49, 50, 51, 0.85)),
     url('../images/breadcrumb-title.jpg') center center / cover no-repeat;
 }

 .program-section {
   padding: 100px 0;
 }

 .program-section:nth-child(even) {
   background: rgba(255, 217, 0, 0.03);
 }

 .program-inner {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 60px;
   align-items: center;
 }

 .program-inner.reverse {
   direction: rtl;
 }

 .program-inner.reverse>* {
   direction: ltr;
 }

 .program-image {
   border-radius: 8px;
   overflow: hidden;
   position: relative;
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
 }

 .program-image img {
   width: 100%;
   display: block;
   aspect-ratio: 4/3;
   object-fit: cover;
 }

 .program-content ul {
   list-style: none;
   margin-top: 24px;
   margin-bottom: 32px;
   padding: 0;
 }

 .program-content li {
   position: relative;
   padding-left: 28px;
   margin-bottom: 12px;
   color: var(--text-muted);
   font-size: 15px;
 }

 .program-content li::before {
   content: '✓';
   position: absolute;
   left: 0;
   color: var(--gold);
   font-weight: bold;
 }

 @media (max-width: 768px) {
   .program-inner {
     grid-template-columns: 1fr;
     gap: 40px;
   }

   .program-inner.reverse {
     direction: ltr;
   }
 }

 /* ─── BOOKING PAGE ─── */
 .hero-bg-book {
   background:
     linear-gradient(135deg, rgba(40, 40, 41, 0.95), rgba(49, 50, 51, 0.85)),
     url('../images/breadcrumb-title.jpg') center center / cover no-repeat;
 }

 .booking-section {
   padding: 110px 0;
 }

 .booking-grid {
   display: grid;
   grid-template-columns: 400px 1fr;
   gap: 80px;
 }

 .booking-info {
   background: var(--navy-deep);
   color: var(--text);
   padding: 50px 40px;
   border-radius: 8px;
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
 }

 .booking-info h3 {
   font-family: 'Poppins', sans-serif;
   font-size: 28px;
   margin-bottom: 24px;

   color: var(--white);
 }

 .info-list {
   list-style: none;
   margin-bottom: 40px;
   padding: 0;
 }

 .info-list li {
   position: relative;
   padding-left: 32px;
   margin-bottom: 16px;
   font-size: 15px;
   color: rgba(255, 255, 255, 0.8);
   line-height: 1.5;
 }

 .info-list li::before {
   content: '✓';
   position: absolute;
   left: 0;
   color: var(--gold);
   font-size: 18px;
   font-weight: bold;
 }

 .calendar-wrapper {
   background: var(--white);
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-radius: 8px;
   padding: 40px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
 }

 .form-group {
   margin-bottom: 24px;
 }

 .form-group label {
   display: block;
   margin-bottom: 8px;
   font-weight: 600;
   font-size: 14px;
   color: var(--navy-deep);
   text-align: left;
 }

 .form-control {
   width: 100%;
   padding: 14px 16px;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 4px;
   font-family: 'Poppins', sans-serif;
   font-size: 15px;
   transition: all 0.2s;
 }

 .form-control:focus {
   outline: none;
   border-color: var(--navy-deep);
   box-shadow: 0 0 0 3px rgba(174, 198, 207, 0.1);
 }

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

 /* ─── BLOG PAGE ─── */
 .hero-bg-blog {
   background:
     linear-gradient(135deg, rgba(40, 40, 41, 0.95), rgba(49, 50, 51, 0.85)),
     url('../images/breadcrumb-title.jpg') center center / cover no-repeat;
 }

 .blog-section {
   padding: 110px 0;
 }

 .blog-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 40px;
   margin-top: 50px;
 }

 .blog-card {
   background: var(--white);
   border: 1px solid rgba(0, 0, 0, 0.05);
   border-radius: 8px;
   overflow: hidden;
   transition: all 0.3s;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
   display: flex;
   flex-direction: column;
 }

 .blog-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
 }

 .blog-image {
   width: 100%;
   aspect-ratio: 16/9;
   object-fit: cover;
 }

 .blog-content {
   padding: 24px;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   text-align: left;
 }

 .blog-category {
   color: var(--gold);
   font-size: 11px;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   margin-bottom: 12px;
 }

 .blog-card h3 {
   font-family: 'Poppins', sans-serif;
   font-size: 20px;
   color: var(--navy-deep);
   margin-bottom: 12px;
   line-height: 1.3;
 }

 .blog-card p {
   font-size: 14px;
   color: var(--text-muted);
   line-height: 1.6;
   margin-bottom: 20px;
   flex-grow: 1;
 }

 .blog-meta {
   font-size: 12px;
   color: var(--text-muted);
   border-top: 1px solid rgba(0, 0, 0, 0.05);
   padding-top: 16px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .blog-meta a {
   color: var(--navy-deep);
   text-decoration: none;
   font-weight: 600;
 }

 .blog-meta a:hover {
   color: var(--gold);
 }

 @media (max-width: 640px) {
   .blog-grid {
     grid-template-columns: 1fr;
   }
 }

 /* ─── SOCIAL MEDIA BADGES ─── */
 .social-badge {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   color: var(--white) !important;
   text-decoration: none;
   transition: all 0.3s ease;
 }

 .social-badge:hover {
   transform: translateY(-3px);
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
   opacity: 0.9;
 }

 .social-badge-sm {
   width: 36px;
   height: 36px;
   font-size: 16px;
 }

 .social-badge-lg {
   width: 50px;
   height: 50px;
   font-size: 24px;
 }

 .bg-instagram {
   background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
 }

 .bg-facebook {
   background: #1877F2;
 }

 .bg-linkedin {
   background: #0A66C2;
 }

 .bg-youtube {
   background: #FF0000;
 }

 /* ─── UNIVERSITY LOGOS SWIPER ─── */
 .university-logos-section .swiper {
   width: 100%;
   padding: 20px 50px;
   position: relative;
 }

 .university-logos-section .swiper-slide {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .uni-logo-img {
   height: 100px;
   width: auto;
   max-width: 100%;
   margin: 0;
   object-fit: contain;
   transition: all 0.4s ease;
 }

 .uni-logo-img:hover {
   transform: scale(1.05);
 }

 .university-logos-section .swiper-button-next,
 .university-logos-section .swiper-button-prev {
   color: var(--navy-deep);
   background: rgba(255, 255, 255, 0.9);
   border-radius: 50%;
   width: 44px;
   height: 44px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
 }

 .university-logos-section .swiper-button-next:after,
 .university-logos-section .swiper-button-prev:after {
   font-size: 18px;
   font-weight: 900;
 }

 .swiper-wrapper {
   transition-timing-function: linear !important;
 }

 /* ─── STUDY ABROAD DESTINATIONS SWIPER ─── */
 .destinations-section .swiper {
   width: 100%;
   padding: 20px 0;
   position: relative;
 }

 .destinations-section .swiper-slide {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }

 .country-flag-img {
   height: 90px;
   width: 90px;
   border-radius: 50%;
   object-fit: cover;
   margin-bottom: 16px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
   transition: all 0.4s ease;
   border: 3px solid var(--white);
 }

 .country-flag-img:hover {
   transform: scale(1.1);
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
 }

 .country-name {
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
   font-weight: 600;
   color: var(--navy-deep);
   margin: 0;
 }

 .rv-grid--ventures {
   grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
 }

 .rv-card--dark {
   background: rgba(255, 255, 255, 0.05);
   border-color: rgba(255, 255, 255, 0.1);
   text-align: center;
 }

 .rv-card-badge--gold {
   background: var(--gold);
   color: var(--navy-deep);
 }

 .rv-card-title--white {
   color: var(--white);
 }

 .rv-card-desc--muted {
   color: var(--text-muted);
 }

 .rv-founder {
   font-size: 12px;
   color: var(--text);
   margin-top: 12px;
 }

 /* Real logo box */
 .rv-logo-box {
   width: 172px;
   height: 172px;
   background: rgba(255, 255, 255, 0.08);
   border-radius: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 16px auto;
   overflow: hidden;
 }

 .rv-logo-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   padding: 6px;
 }

 /* Logo placeholder */
 .rv-logo-placeholder {
   width: 72px;
   height: 72px;
   border: 2px dashed rgba(255, 255, 255, 0.2);
   border-radius: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 16px;
   color: rgba(255, 255, 255, 0.25);
   font-size: 11px;
   font-weight: 600;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   transition: border-color 0.2s, color 0.2s;
 }

 .rv-logo-placeholder:hover {
   border-color: var(--gold);
   color: var(--gold);
 }

 /* ── COLLEGE OUTCOMES DIAGRAM ── */
 .outcomes-diagram-section {
   background: #f5f3ee;
   padding: 110px 0 90px;
   overflow: hidden;
 }

 .odg-header {
   /* text-align: center; */
   margin-bottom: 56px;
 }

 /* Diagram wrapper: 3-column (left labels | circles | right labels) */
 .odg-diagram-wrap {
   display: grid;
   grid-template-columns: 160px 1fr 160px;
   gap: 0 16px;
   align-items: center;
   max-width: 860px;
   margin: 0 auto;
 }

 /* Label columns */
 .odg-labels-left,
 .odg-labels-right {
   display: flex;
   flex-direction: column;
   gap: 20px;
   padding: 20px 0;
 }

 .odg-labels-left {
   text-align: right;
 }

 .odg-labels-right {
   text-align: left;
 }

 .odg-label {
   font-size: 12px;
   line-height: 1.5;
   color: #6b7280;
 }

 .odg-label em {
   font-style: italic;
   color: #9ca3af;
   font-size: 11px;
 }

 /* Circles column */
 .odg-circles {
   text-align: center;
 }

 .odg-zone-title-wrap {
   margin-bottom: 16px;
 }

 .odg-zone-title {
   font-size: 12px;
   font-weight: 800;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: #b91c1c;
 }

 .odg-zone-sub {
   font-size: 11.5px;
   color: #9ca3af;
   font-style: italic;
   margin-top: 3px;
 }

 /* Outer ring */
 .odg-ring-outer {
   border: 2px solid rgba(0, 0, 0, 0.1);
   border-radius: 50%;
   background: rgba(210, 215, 210, 0.18);
   padding: 24px;
   aspect-ratio: 1;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 /* Middle ring */
 .odg-ring-mid {
   border: 2px solid rgba(60, 100, 60, 0.2);
   border-radius: 50%;
   background: rgba(160, 200, 160, 0.15);
   padding: 20px;
   width: 100%;
   aspect-ratio: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
 }

 /* Mid ring labels (positioned in the band) */
 .odg-mid-label {
   position: absolute;
   font-size: 10px;
   color: #374151;
   text-align: center;
   line-height: 1.4;
   max-width: 90px;
   font-weight: 500;
 }

 .odg-mid-label em {
   font-style: italic;
   color: #6b7280;
 }

 .odg-ml-top {
   top: 5%;
   left: 50%;
   transform: translateX(-50%);
 }

 .odg-ml-right {
   top: 50%;
   right: -2%;
   transform: translateY(-50%);
 }

 .odg-ml-left {
   top: 50%;
   left: -2%;
   transform: translateY(-50%);
 }

 .odg-ml-bot {
   bottom: 5%;
   left: 50%;
   transform: translateX(-50%);
 }

 /* Inner circle — dark green */
 .odg-inner {
   background: linear-gradient(145deg, #1e3a2a 0%, #2d5040 55%, #3a6050 100%);
   border-radius: 50%;
   width: 66%;
   aspect-ratio: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   padding: 18px 14px;
   box-shadow: 0 10px 36px rgba(30, 58, 42, 0.3);
   position: relative;
   z-index: 2;
 }

 .odg-inner-zone {
   font-size: 8.5px;
   font-weight: 800;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: rgba(255, 255, 255, 0.65);
   margin-bottom: 3px;
 }

 .odg-inner-brand {
   font-size: 7.5px;
   font-weight: 800;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   color: var(--gold);
   margin-bottom: 10px;
 }

 .odg-inner-tagline {
   font-family: 'Poppins', sans-serif;
   font-size: 12.5px;
   font-weight: 700;
   color: #fff;
   line-height: 1.4;
   margin-bottom: 3px;
 }

 .odg-inner-sub {
   font-size: 9.5px;
   color: rgba(255, 255, 255, 0.5);
   font-style: italic;
   margin-bottom: 10px;
 }

 .odg-inner-divider {
   width: 60%;
   height: 1px;
   background: rgba(255, 255, 255, 0.15);
   margin: 0 auto 10px;
 }

 .odg-inner-bullets {
   display: flex;
   flex-direction: column;
   gap: 3px;
   width: 100%;
   padding: 0 35px;
 }

 .odg-inner-bullets div {
   font-size: 9px;
   color: rgba(255, 255, 255, 0.72);
   text-align: left;
   line-height: 1.5;
 }

 .odg-anxiety-note {
   font-size: 11.5px;
   color: #9ca3af;
   font-style: italic;
   margin-top: 16px;
 }

 /* Footer */
 .odg-footer {
   text-align: center;
   margin-top: 60px;
   padding-top: 40px;
   border-top: 1px solid rgba(0, 0, 0, 0.08);
 }

 .odg-footer p {
   font-size: 19px;
   color: var(--navy-deep);
   line-height: 1.75;
 }

 .odg-footer strong {
   font-weight: 700;
 }

 /* Responsive */
 @media (max-width: 860px) {
   .odg-diagram-wrap {
     grid-template-columns: 1fr;
   }

   .odg-labels-left,
   .odg-labels-right {
     display: none;
   }

   .odg-circles {
     max-width: 340px;
     margin: 0 auto;
   }

   .odg-footer p {
     font-size: 16px;
   }
 }

 /* Ebook Section Responsive */
 @media (max-width: 900px) {
   .ebook-inner {
     grid-template-columns: 1fr !important;
     gap: 40px !important;
   }

   .ebook-form-card {

     padding: 30px !important;

   }

 }



 /* Highlights Section */

 .highlights-section {

   background: var(--gold-pale);

   padding: 60px 0;

 }



 .highlights-grid {

   display: grid;

   grid-template-columns: repeat(3, 1fr);

   gap: 30px;

   text-align: center;

 }



 .highlight-card {

   background: var(--white);

   padding: 30px;

   border-radius: 8px;

   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);

   transition: all 0.3s;

 }



 .highlight-card:hover {

   transform: translateY(-5px);

   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);

 }



 .highlight-icon {

   font-size: 36px;

   color: var(--navy-deep);

   margin-bottom: 20px;

 }



 .highlight-card h3 {

   font-family: 'Poppins', sans-serif;

   font-size: 18px;

   font-weight: 600;

   color: var(--navy-deep);

 }



 @media (max-width: 768px) {

   .highlights-grid {

     grid-template-columns: 1fr;

     gap: 20px;

   }

 }


 /* Founder inline badges */
 .founder-badges-row {
   display: flex;
   align-items: center;
   gap: 24px;
   margin-bottom: 35px;
   flex-wrap: wrap;
 }

 .f-badge {
   display: inline-flex;
   align-items: center;
   gap: 10px;
 }

 .f-badge-icon {
   width: 38px;
   height: 38px;
   border-radius: 50%;
   background: rgba(16, 185, 129, 0.12);
   /* light green bg */
   color: #10b981;
   /* green icon */
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
 }

 .f-badge-text {
   font-size: 14px;
   font-weight: 600;
   color: var(--text-muted);
 }

 @media (max-width: 600px) {
   .founder-badges-row {
     flex-direction: column;
     align-items: flex-start;
     gap: 16px;
   }
 }

 .career-hero {
   min-height: 72vh;
   background:
     linear-gradient(135deg, rgba(10, 22, 60, 0.94) 0%, rgba(22, 22, 22, 0.82) 55%, rgba(42, 42, 43, 0.95) 100%),
     url('<?php echo base_url("assets/images/career-bg.jpg"); ?>') center/cover no-repeat;
   position: relative;
   display: flex;
   align-items: center;
   overflow: hidden;
 }

 .career-hero-grid {
   position: absolute;
   inset: 0;
   background-image:
     linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
     linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
   background-size: 60px 60px;
   pointer-events: none;
 }

 .career-hero-glow {
   position: absolute;
   top: -180px;
   right: -180px;
   width: 600px;
   height: 600px;
   background: radial-gradient(circle, rgba(255, 217, 0, 0.16) 0%, transparent 65%);
   pointer-events: none;
 }

 .career-hero-inner {
   max-width: 1200px;
   margin: 0 auto;
   padding: 140px 60px 80px;
   position: relative;
   z-index: 2;
   text-align: center;
 }

 .career-hero-inner .section-eyebrow {
   justify-content: center;
 }

 .career-hero-headline {
   font-family: 'Poppins', sans-serif;
   font-size: clamp(40px, 5.5vw, 70px);
   font-weight: 800;
   line-height: 1.08;
   color: var(--white);
   margin-bottom: 22px;
 }

 .career-hero-headline em {
   color: var(--gold);
   font-style: italic;
 }

 .career-hero-sub {
   font-size: 17px;
   line-height: 1.8;
   color: rgba(255, 255, 255, 0.62);
   max-width: 640px;
   margin: 0 auto 40px;
   font-weight: 300;
 }

 .career-stat-row {
   display: flex;
   justify-content: center;
   gap: 60px;
   margin-top: 56px;
   padding-top: 40px;
   border-top: 1px solid rgba(255, 217, 0, 0.15);
   flex-wrap: wrap;
 }

 .career-stat-item {
   text-align: center;
 }

 .career-stat-num {
   font-family: 'Poppins', sans-serif;
   font-size: 40px;
   font-weight: 800;
   color: var(--gold);
   line-height: 1;
   display: block;
 }

 .career-stat-label {
   font-size: 12px;
   color: rgba(255, 255, 255, 0.45);
   letter-spacing: 1px;
   text-transform: uppercase;
   margin-top: 6px;
   display: block;
 }

 /* ── WHY JOIN US ── */
 .why-section {
   background: var(--white);
   padding: 70px 0;
 }

 .why-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 28px;
   margin-top: 60px;
 }

 .why-card {
   background: var(--white);
   border: 1px solid rgba(174, 198, 207, 0.1);
   border-radius: 12px;
   padding: 40px 32px;
   position: relative;
   overflow: hidden;
   transition: all 0.3s;
 }

 .why-card::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 3px;
   background: linear-gradient(90deg, var(--gold), transparent);
   border-radius: 12px 12px 0 0;
   opacity: 0;
   transition: opacity 0.3s;
 }

 .why-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 20px 50px rgba(174, 198, 207, 0.12);
   border-color: rgba(174, 198, 207, 0.2);
 }

 .why-card:hover::before {
   opacity: 1;
 }

 .why-icon {
   font-size: 36px;
   margin-bottom: 20px;
   display: block;
 }

 .why-card h3 {
   font-family: 'Poppins', sans-serif;
   font-size: 19px;
   font-weight: 700;
   color: var(--navy-deep);
   margin-bottom: 12px;
 }

 .why-card p {
   font-size: 14px;
   line-height: 1.75;
   color: var(--text-muted);
 }

 /* ── CULTURE SECTION ── */
 .culture-section {
   background: var(--navy);
   padding: 110px 0;
 }

 .culture-inner {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 80px;
   align-items: center;
 }

 .culture-left .section-title {
   color: var(--text);
 }

 .culture-left .section-sub {
   color: rgba(255, 255, 255, 0.55);
 }

 .culture-quote {
   margin-top: 36px;
   padding: 24px 28px;
   border-left: 3px solid var(--gold);
   background: rgba(255, 217, 0, 0.07);
   border-radius: 0 8px 8px 0;
 }

 .culture-quote p {
   font-family: 'Cormorant Garamond', serif;
   font-size: 20px;
   font-style: italic;
   color: var(--gold-light);
   line-height: 1.6;
 }

 .culture-quote cite {
   display: block;
   margin-top: 10px;
   font-size: 12px;
   color: rgba(255, 255, 255, 0.4);
   letter-spacing: 1px;
   text-transform: uppercase;
   font-style: normal;
 }

 .culture-pills {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin-top: 32px;
 }

 .culture-pill {
   padding: 9px 20px;
   background: rgba(255, 255, 255, 0.06);
   border: 1px solid rgba(255, 217, 0, 0.2);
   border-radius: 100px;
   font-size: 13px;
   color: rgba(255, 255, 255, 0.75);
   font-weight: 500;
 }

 .culture-right {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
 }

 .culture-card {
   background: rgba(255, 255, 255, 0.04);
   border: 1px solid rgba(255, 255, 255, 0.08);
   border-radius: 10px;
   padding: 28px 22px;
   transition: all 0.3s;
 }

 .culture-card:hover {
   border-color: rgba(255, 217, 0, 0.3);
   background: rgba(255, 217, 0, 0.05);
 }

 .culture-card-emoji {
   font-size: 28px;
   margin-bottom: 14px;
 }

 .culture-card h4 {
   font-size: 15px;
   font-weight: 600;
   color: rgba(255, 255, 255, 0.85);
   margin-bottom: 8px;
 }

 .culture-card p {
   font-size: 13px;
   color: rgba(255, 255, 255, 0.42);
   line-height: 1.65;
 }

 /* ── OPEN ROLES ── */
 .roles-section {
   background: var(--bg);
   padding: 110px 0;
 }

 .roles-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
   margin-top: 60px;
 }

 .role-card {
   background: var(--white);
   border: 1px solid rgba(174, 198, 207, 0.1);
   border-radius: 10px;
   padding: 32px;
   display: flex;
   flex-direction: column;
   gap: 14px;
   transition: all 0.3s;
   cursor: default;
 }

 .role-card:hover {
   box-shadow: 0 12px 40px rgba(174, 198, 207, 0.1);
   border-color: rgba(174, 198, 207, 0.22);
 }

 .role-tags {
   display: flex;
   gap: 8px;
   flex-wrap: wrap;
 }

 .role-tag {
   padding: 4px 12px;
   border-radius: 100px;
   font-size: 11px;
   font-weight: 600;
   letter-spacing: 0.5px;
   text-transform: uppercase;
 }

 .tag-remote {
   background: rgba(76, 175, 80, 0.1);
   color: #388e3c;
   border: 1px solid rgba(76, 175, 80, 0.25);
 }

 .tag-hybrid {
   background: rgba(255, 152, 0, 0.1);
   color: #e65100;
   border: 1px solid rgba(255, 152, 0, 0.25);
 }

 .tag-fulltime {
   background: rgba(174, 198, 207, 0.1);
   color: var(--navy-deep);
   border: 1px solid rgba(174, 198, 207, 0.2);
 }

 .tag-parttime {
   background: rgba(156, 39, 176, 0.1);
   color: #7b1fa2;
   border: 1px solid rgba(156, 39, 176, 0.2);
 }

 .role-card h3 {
   font-family: 'Poppins', sans-serif;
   font-size: 20px;
   font-weight: 700;
   color: var(--navy-deep);
 }

 .role-card p {
   font-size: 14px;
   line-height: 1.7;
   color: var(--text-muted);
 }

 .role-apply-btn {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   font-size: 13px;
   font-weight: 600;
   color: var(--navy-deep);
   text-decoration: none;
   border-bottom: 1.5px solid var(--gold);
   padding-bottom: 2px;
   width: fit-content;
   transition: all 0.2s;
   cursor: pointer;
   background: none;
   border-left: none;
   border-right: none;
   border-top: none;
 }

 .role-apply-btn:hover {
   color: var(--gold);
 }

 /* ── STEPS SECTION ── */
 .steps-section {
   background: #AEC6CF;
   padding: 110px 0;
 }

 .steps-section .section-title {
   color: var(--white);
 }

 .steps-section .section-sub {
   color: rgba(255, 255, 255, 0.5);
 }

 .steps-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 2px;
   margin-top: 60px;
   position: relative;
 }

 .step-block {
   background: rgba(255, 255, 255, 0.03);
   border: 1px solid rgba(255, 255, 255, 0.07);
   padding: 40px 30px;
   position: relative;
   transition: all 0.3s;
   text-align: center;
 }

 .step-block:hover {
   background: rgba(255, 217, 0, 0.06);
   border-color: rgba(255, 217, 0, 0.22);
 }

 .step-num {
   font-family: 'Poppins', sans-serif;
   font-size: 54px;
   font-weight: 900;
   color: rgba(255, 217, 0, 0.1);
   line-height: 1;
   position: absolute;
   top: 20px;
   right: 24px;
 }

 .step-icon {
   font-size: 32px;
   margin-bottom: 16px;
   display: block;
 }

 .step-block h4 {
   font-size: 16px;
   font-weight: 700;
   color: var(--white);
   margin-bottom: 10px;
 }

 .step-block p {
   font-size: 13px;
   color: rgba(255, 255, 255, 0.45);
   line-height: 1.7;
 }

 /* ── APPLICATION FORM ── */
 .apply-section {
   background: var(--bg);
   padding: 110px 0;
   position: relative;
   overflow: hidden;
 }

 .apply-section::before {
   content: '';
   position: absolute;
   inset: 0;
   background-image:
     linear-gradient(rgba(174, 198, 207, 0.04) 1px, transparent 1px),
     linear-gradient(90deg, rgba(174, 198, 207, 0.04) 1px, transparent 1px);
   background-size: 70px 70px;
   pointer-events: none;
 }

 .apply-inner {
   max-width: 820px;
   margin: 0 auto;
   position: relative;
   z-index: 2;
 }

 .apply-header {
   text-align: center;
   margin-bottom: 56px;
 }

 .apply-header .section-title {
   color: var(--navy-deep);
 }

 .apply-header .section-sub {
   color: var(--text-muted);
   margin: 0 auto;
 }

 .apply-form-wrap {
   background: var(--white);
   border: 1px solid rgba(174, 198, 207, 0.12);
   border-radius: 16px;
   padding: 52px 52px;
   position: relative;
   overflow: hidden;
   box-shadow: 0 8px 40px rgba(174, 198, 207, 0.08);
 }

 .apply-form-wrap::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 3px;
   background: linear-gradient(90deg, var(--navy) 0%, var(--gold) 100%);
 }

 .apply-form-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 22px;
 }

 .apply-form-full {
   grid-column: 1 / -1;
 }

 .form-group {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }

 .form-group label {
   font-size: 12px;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: var(--text);
 }

 .form-group .form-control {
   background: #f4f6fb;
   border: 1px solid rgba(174, 198, 207, 0.18);
   border-radius: 6px;
   padding: 14px 18px;
   font-size: 14px;
   color: var(--text);
   font-family: 'Poppins', sans-serif;
   transition: all 0.25s;
   outline: none;
   appearance: none;
   -webkit-appearance: none;
 }

 .form-group .form-control::placeholder {
   color: rgba(90, 96, 112, 0.55);
 }

 .form-group .form-control:focus {
   border-color: var(--navy-deep);
   background: var(--white);
   box-shadow: 0 0 0 3px rgba(174, 198, 207, 0.1);
 }

 .form-group select.form-control option {
   background: #fff;
   color: var(--text);
 }

 .apply-submit-btn {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   background: var(--navy-deep);
   color: var(--white);
   padding: 18px 32px;
   border-radius: 6px;
   font-weight: 700;
   font-size: 15px;
   letter-spacing: 0.5px;
   border: none;
   cursor: pointer;
   font-family: 'Poppins', sans-serif;
   transition: all 0.25s;
   margin-top: 10px;
 }

 .apply-submit-btn:hover {
   background: var(--navy-deep);
   transform: translateY(-2px);
   box-shadow: 0 12px 30px rgba(174, 198, 207, 0.3);
 }

 .flash-success {
   background: #d4edda;
   color: #155724;
   padding: 16px 20px;
   border-radius: 8px;
   margin-bottom: 28px;
   border: 1px solid #c3e6cb;
   font-size: 14px;
   line-height: 1.6;
 }

 .flash-error {
   background: #f8d7da;
   color: #721c24;
   padding: 16px 20px;
   border-radius: 8px;
   margin-bottom: 28px;
   border: 1px solid #f5c6cb;
   font-size: 14px;
   line-height: 1.6;
 }

 .form-note {
   font-size: 12px;
   color: var(--text-muted);
   text-align: center;
   margin-top: 18px;
   line-height: 1.6;
 }

 /* ── RESPONSIVE ── */
 @media (max-width: 900px) {
   .why-grid {
     grid-template-columns: 1fr;
   }

   .culture-inner {
     grid-template-columns: 1fr;
     gap: 50px;
   }

   .culture-right {
     grid-template-columns: 1fr 1fr;
   }

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

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

   .apply-form-grid {
     grid-template-columns: 1fr;
   }

   .apply-form-wrap {
     padding: 32px 24px;
   }

   .career-hero-inner {
     padding: 120px 24px 60px;
   }

   .career-stat-row {
     gap: 32px;
   }
 }

 @media (max-width: 600px) {
   .culture-right {
     grid-template-columns: 1fr;
   }

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


 /* --- Fix text visibility over var(--navy) background (#AEC6CF) --- */
 .founder-section,
 .culture-section,
 .booking-info {
   color: var(--text);
 }

 .founder-section .section-title--white,
 .culture-section .section-title--white {
   color: var(--navy-deep) !important;
 }

 .founder-section .section-sub--light,
 .culture-section .section-sub--light {
   color: var(--text) !important;
 }

 .founder-bio,
 .culture-bio,
 .culture-description {
   color: var(--text) !important;
 }

 .founder-cred-text {
   color: var(--text) !important;
 }

 .founder-cred-text strong {
   color: var(--navy-deep) !important;
 }

 /* ─── STUDENT VENTURES SECTION ─── */
 .sv-list-wrapper {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }

 .sv-card {
   background: #f8f7f4;
   border-radius: 12px;
   padding: 24px;
 }

 .sv-card-flex {
   display: flex;
   align-items: center;
   gap: 24px;
 }

 .sv-card-content {
   flex-grow: 1;
 }

 .sv-card-header {
   display: flex;
   align-items: center;
   gap: 16px;
   margin-bottom: 12px;
 }

 .sv-card-logo {
   flex-shrink: 0;
   width: 56px;
   height: 56px;
   border-radius: 8px;
   overflow: hidden;
   border: 1px solid rgba(0, 0, 0, 0.08);
   background: #fff;
 }

 .sv-card-logo img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
 }

 .sv-card-title {
   font-size: 18px;
   font-weight: 700;
   color: #111827;
 }

 .sv-card-subtitle {
   font-size: 16px;
   font-weight: 400;
   color: #4b5563;
 }

 .sv-card-desc {
   font-size: 16px;
   line-height: 1.6;
   color: #374151;
   margin: 0 0 16px 0;
 }

 .sv-card-desc strong {
   color: #111827;
   font-weight: 600;
 }

 .sv-card-cta {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   font-size: 14px;
   font-weight: 600;
   color: #2563eb;
   text-decoration: none;
   border-bottom: 1px solid transparent;
   transition: all 0.2s;
 }

 .sv-card-cta:hover {
   color: #1d4ed8;
   border-bottom-color: #1d4ed8;
 }

 .sv-card-student {
   flex-shrink: 0;
   width: 150px;
   height: 150px;
   border-radius: 50%;
   overflow: visible;
   padding: 4px;
   background: linear-gradient(135deg, #fcd34d, #f97316);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   align-self: center;
 }

 .sv-card:hover .sv-card-student {
   transform: scale(1.05);
   box-shadow: 0 6px 20px rgba(245, 158, 11, 0.25);
 }

 .sv-card-student img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 50%;
   display: block;
 }

 @media (max-width: 768px) {
   .sv-card-flex {
     flex-direction: column;
     align-items: center;
     text-align: center;
   }

   .sv-card-student {
     width: 120px;
     height: 120px;
     margin-top: 10px;
   }

   .sv-card-header {
     margin-bottom: 12px;
   }

   .sv-card-subtitle {
     display: block;
     margin-top: 4px;
   }
 }

 .video-placeholder {
   position: absolute;
   inset: 0;
   cursor: pointer;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 14px;
 }

 .vp-bg {
   position: absolute;
   inset: 0;
   background: linear-gradient(160deg, #AEC6CF 0%, #0d1117 100%);
 }

 .vp-play {
   position: relative;
   z-index: 1;
   background: none;
   border: none;
   cursor: pointer;
   width: 64px;
   height: 64px;
   padding: 0;
   transition: transform 0.25s ease, opacity 0.25s;
 }

 .vp-play:hover {
   transform: scale(1.15);
   opacity: 0.9;
 }

 .vp-play svg {
   width: 100%;
   height: 100%;
   filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.4));
 }

 .vp-name {
   position: relative;
   z-index: 1;
   color: rgba(255, 255, 255, 0.85);
   font-size: 14px;
   font-weight: 600;
   text-align: center;
   padding: 0 12px;
   text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
 }

 .path-section {
   padding: 100px 0;
   background: var(--white);
 }

 .path-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
 }

 .path-card {
   background: var(--white);
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-radius: 12px;
   padding: 35px 24px;
   display: flex;
   flex-direction: column;
   position: relative;
   overflow: hidden;
 }

 .path-card.recommended {
   border: 1.5px solid #2563eb;
   padding-top: 60px;
 }

 .path-card.recommended::before {
   content: "WHERE MOST STUDENTS BEGIN";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   background: #2563eb;
   color: #fff;
   font-size: 10.5px;
   font-weight: 700;
   text-align: center;
   padding: 12px 0;
   letter-spacing: 0.5px;
 }

 .path-title {
   font-size: 20px;
   font-weight: 600;
   color: var(--navy-deep);
   margin-bottom: 12px;
 }

 .path-card.recommended .path-title {
   color: #2563eb;
 }

 .path-subtitle {
   font-size: 13px;
   color: #555;
   line-height: 1.5;
   margin-bottom: 30px;
   min-height: 48px;
 }

 .path-pills {
   display: flex;
   flex-direction: column;
   gap: 12px;
   flex-grow: 1;
   margin-bottom: 30px;
 }

 .path-pill {
   font-size: 11.5px;
   font-weight: 600;
   color: #4b5563;
   background: #f3f4f6;
   padding: 12px 14px;
   border-radius: 20px;
   text-align: center;
 }

 .path-card.recommended .path-pill {
   background: #fef3c7;
   color: #b45309;
 }

 .path-cta {
   display: block;
   text-align: center;
   padding: 16px 32px;
   background: var(--white);
   color: var(--navy-deep);
   font-weight: 600;
   font-size: 13px;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 6px;
   text-decoration: none;
   transition: all 0.25s;
 }

 .path-cta:hover {
   border-color: #666;
   background: #f9fafb;
 }

 .path-card.recommended .path-cta {
   border-color: #2563eb;
   color: #2563eb;
 }

 .path-card.recommended .path-cta:hover {
   background: #eff6ff;
 }

 /* Skills Grid */
 .skills-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
   /* max-width: 800px; */
   margin: 0 auto;
 }

 .skill-card {
   background: var(--white);
   border: 1px solid rgba(0, 0, 0, 0.06);
   border-radius: 12px;
   text-align: center;
   transition: all 0.3s;
   overflow: hidden;
   display: flex;
   flex-direction: column;
 }

 .skill-card-img {
   width: 100%;
   height: 240px;
   object-fit: cover;
 }

 .skill-card-inner {
   padding: 30px;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   align-items: center;
 }

 .skill-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
 }

 .skill-card h3 {
   font-size: 20px;
   font-weight: 700;
   color: var(--navy-deep);
   margin-bottom: 12px;
 }

 .skill-card p {
   font-size: 14px;
   color: var(--text-muted);
   margin-bottom: 24px;
 }

 .skill-cta {
   display: inline-block;
   padding: 10px 24px;
   color: var(--navy-deep);
   font-weight: 600;
   border-bottom: 2px solid var(--gold);
   text-decoration: none;
   font-size: 14px;
   transition: all 0.2s;
 }

 .skill-cta:hover {
   color: var(--gold);
   border-color: var(--navy-deep);
 }

 /* Bottom CTA Layout */
 .path-bottom-cta {
   background: #dbeafe;
   border-radius: 16px;
   padding: 60px 40px;
   text-align: center;
   margin-top: 80px;
   /* background-image: radial-gradient(circle at top right, rgba(255, 217, 0, 0.1), transparent 400px); */
 }

 .path-bottom-cta h2 {
   color: var(--white);
   font-size: 28px;
   font-weight: 700;
   margin-bottom: 16px;
 }

 .path-bottom-cta p {
   color: rgba(255, 255, 255, 0.7);
   font-size: 16px;
   margin-bottom: 35px;
 }

 .path-cta-group {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 20px;
   flex-wrap: wrap;
 }

 .path-cta-group a {
   display: inline-block;
   padding: 14px 32px;
   border-radius: 4px;
   font-weight: 600;
   text-decoration: none;
   transition: all 0.3s;
 }

 .path-btn-primary {
   background: var(--gold);
   color: var(--navy-deep);
 }

 .path-btn-primary:hover {
   background: var(--gold-light);
   transform: translateY(-2px);
 }

 .path-btn-outline {
   background: transparent;
   color: var(--nav);
   border: 1px solid rgba(11, 21, 107, 0.63);
 }

 .path-btn-outline:hover {
   background: var(--navy-deep);
   border-color: var(--navy-deep);
   color: #fff;
 }

 @media (max-width: 1024px) {
   .path-grid {
     grid-template-columns: repeat(2, 1fr);
   }
 }

 @media (max-width: 600px) {
   .path-grid {
     grid-template-columns: 1fr;
   }

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

 .testi-video-card {
   border-radius: 14px;
   overflow: hidden;
   background: #0d1b2a;
   box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
   transition: transform 0.35s ease, box-shadow 0.35s ease;
 }

 .testi-video-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
 }

 .testi-video-label {
   background: var(--navy);
   color: var(--white);
   font-size: 12px;
   font-weight: 600;
   text-align: center;
   padding: 8px 12px;
   letter-spacing: 0.03em;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .video-placeholder {
   position: absolute;
   inset: 0;
   cursor: pointer;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 14px;
 }

 .vp-bg {
   position: absolute;
   inset: 0;
   background: linear-gradient(160deg, #AEC6CF 0%, #0d1117 100%);
 }

 .vp-play {
   position: relative;
   z-index: 1;
   background: none;
   border: none;
   cursor: pointer;
   width: 64px;
   height: 64px;
   padding: 0;
   transition: transform 0.25s ease, opacity 0.25s;
 }

 .vp-play:hover {
   transform: scale(1.15);
   opacity: 0.9;
 }

 .vp-play svg {
   width: 100%;
   height: 100%;
   filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.4));
 }

 .vp-name {
   position: relative;
   z-index: 1;
   color: rgba(255, 255, 255, 0.85);
   font-size: 13px;
   font-weight: 600;
   text-align: center;
   padding: 0 12px;
   text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
 }

 /* Hidden state for extra videos */
 .video-item--hidden {
   display: none;
 }

 /* Show More button */
 .btn-show-more {
   background: var(--navy);
   color: var(--text);
   border: 2px solid var(--navy);
   border-radius: 50px;
   padding: 14px 36px;
   font-size: 15px;
   font-weight: 600;
   cursor: pointer;
   transition: background 0.25s, color 0.25s, transform 0.2s;
   letter-spacing: 0.02em;
 }

 .btn-show-more:hover {
   background: transparent;
   color: var(--navy-deep);
   transform: translateY(-2px);
 }

 .wa-proof-section {
   background: var(--white);
   padding: 110px 0;
   position: relative;
   overflow: hidden;
 }

 /* --- OUR PROGRAMMES V2 --- */
 .prog-container {
   /* max-width: 900px; */
   margin: 0 auto;
   padding: 80px 20px;
   background: var(--white);
 }

 .prog-page-title {
   text-align: center;
   font-size: 28px;
   font-weight: 700;
   color: var(--navy-deep);
   margin-bottom: 8px;
 }

 .prog-page-sub {
   text-align: center;
   font-size: 15px;
   color: var(--text-muted);
   margin-bottom: 60px;
 }

 .prog-card {
   background: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.06);
   border-radius: 12px;
   padding: 40px;
   margin-bottom: 40px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
 }

 .prog-eyebrow {
   display: inline-block;
   font-size: 10px;
   font-weight: 700;
   letter-spacing: 0.5px;
   padding: 6px 14px;
   border-radius: 20px;
   margin-bottom: 16px;
   text-transform: uppercase;
 }

 .prog-eyebrow-orange {
   background: #fef3c7;
   color: #d97706;
 }

 .prog-eyebrow-green {
   background: #dcfce7;
   color: #166534;
 }

 .prog-eyebrow-blue {
   background: #eff6ff;
   color: #2563eb;
 }

 .prog-eyebrow-indigo {
   background: #e0e7ff;
   color: #4f46e5;
 }

 .prog-eyebrow-teal {
   background: #e0f2fe;
   color: #0369a1;
 }

 .prog-title {
   font-size: 32px;
   font-weight: 700;
   color: var(--navy-deep);
   margin-bottom: 8px;
 }

 .prog-subtitle {
   font-size: 14px;
   font-weight: 600;
   color: #2563eb;
   margin-bottom: 20px;
 }

 .prog-quote {
   border-left: 3px solid var(--gold);
   padding-left: 16px;
   margin-bottom: 24px;
   font-size: 14px;
   color: #111827;
   font-style: italic;
   line-height: 1.6;
 }

 .prog-desc {
   font-size: 14.5px;
   color: #4b5563;
   line-height: 1.6;
   margin-bottom: 30px;
 }

 .prog-grid-2x2 {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
   margin-bottom: 20px;
 }

 .prog-box {
   background: #f9fafb;
   border-radius: 8px;
   padding: 20px;
 }

 .prog-box h4 {
   font-size: 14.5px;
   font-weight: 700;
   color: var(--navy-deep);
   margin-bottom: 6px;
 }

 .prog-box p {
   font-size: 13px;
   color: #4b5563;
   line-height: 1.5;
 }

 .prog-fyi {
   background: #f9fafb;
   border-radius: 8px;
   padding: 22px;
   margin-top: 10px;
   margin-bottom: 30px;
 }

 .prog-fyi h5 {
   font-size: 11px;
   font-weight: 700;
   color: #4f46e5;
   text-transform: uppercase;
   margin-bottom: 8px;
   letter-spacing: 0.5px;
 }

 .prog-fyi p {
   font-size: 14px;
   color: #374151;
   line-height: 1.6;
 }

 .prog-btn {
   display: inline-flex;
   align-items: center;
   border: 1px solid #d1d5db;
   background: var(--white);
   padding: 12px 24px;
   border-radius: 6px;
   font-size: 14px;
   font-weight: 600;
   color: var(--navy-deep);
   text-decoration: none;
   transition: all 0.2s;
 }

 .prog-btn:hover {
   background: #f9fafb;
   border-color: #9ca3af;
 }

 /* Timeline Layout */
 .prog-2col {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 40px;
   margin-top: 30px;
   margin-bottom: 30px;
 }

 .prog-col-header {
   font-size: 11px;
   font-weight: 700;
   color: #6b7280;
   text-transform: uppercase;
   letter-spacing: 1px;
   border-bottom: 1px solid #e5e7eb;
   padding-bottom: 8px;
   margin-bottom: 24px;
 }

 .prog-step {
   display: flex;
   margin-bottom: 28px;
   position: relative;
 }

 .prog-step-num {
   width: 24px;
   height: 24px;
   background: #2563eb;
   border-radius: 50%;
   color: #fff;
   font-size: 12px;
   font-weight: 700;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   margin-right: 16px;
   z-index: 2;
 }

 .prog-step::after {
   content: '';
   position: absolute;
   left: 11.5px;
   top: 24px;
   bottom: -28px;
   width: 1px;
   background: #e5e7eb;
   z-index: 1;
 }

 .prog-step:last-child::after {
   display: none;
 }

 .prog-step-content {
   flex-grow: 1;
   padding-top: 2px;
 }

 .prog-step-title {
   font-size: 14px;
   font-weight: 700;
   color: var(--navy-deep);
   margin-bottom: 4px;
 }

 .prog-step-desc {
   font-size: 12px;
   color: #6b7280;
   line-height: 1.4;
   margin-bottom: 10px;
 }

 .prog-pill-group {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
 }

 .prog-tag {
   font-size: 11px;
   font-weight: 600;
   padding: 4px 10px;
   border-radius: 20px;
   border: 1px solid;
   white-space: nowrap;
 }

 .prog-tag-orange {
   border-color: #fbd38d;
   color: #d97706;
   background: #fffbfa;
 }

 .prog-tag-green {
   border-color: #bbf7d0;
   color: #166534;
   background: #f0fdf4;
 }

 .prog-tag-blue {
   border-color: #bfdbfe;
   color: #1d4ed8;
   background: #eff6ff;
 }

 .prog-tag-gray {
   border-color: #e5e7eb;
   color: #4b5563;
   background: #f9fafb;
 }

 .prog-vault {
   border-top: 1px solid #e5e7eb;
   padding-top: 24px;
   margin-top: 20px;
   margin-bottom: 20px;
 }

 .prog-vault-title {
   font-size: 11px;
   font-weight: 700;
   color: #0ea5e9;
   text-transform: uppercase;
   margin-bottom: 16px;
   letter-spacing: 0.5px;
 }

 @media (max-width: 768px) {

   .prog-grid-2x2,
   .prog-2col {
     grid-template-columns: 1fr;
     gap: 20px;
   }
 }

 .text-testimonials-swiper .swiper-pagination-bullet {
   background: var(--white);
   opacity: 0.8;
 }

 .text-testimonials-swiper .swiper-pagination-bullet-active {
   background: var(--gold);
   opacity: 1;
 }

 .height-auto {
   height: auto !important;
 }

 .outcomes-photo-section {
   width: 100%;
   padding: 10px 0px;
 }

 .outcomes-photo-card img {
   width: 100%;
   border-radius: 10px;
 }

 .caption {
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .about-section {
   padding: 110px 0;
 }

 @media only screen and (max-width: 768px) {
   .heroVideoContainer {
     width: 100%;
   }

   .built-outcomes-section {
     padding: 50px 0;
   }


   .lifemap-section {
     padding: 60px 0;

   }

   .problem-section {
     padding: 60px 0;
   }

   .about-section {
     padding: 60px 0;
   }

   .journey-section {
     padding: 60px 0;
   }

   .outcomes-section {
     padding: 60px 0;
   }



   .proof-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 12px;
     margin-top: 20px;
   }

   .outcomes-diagram-section {

     padding: 60px;
   }

   .success-section {
     padding: 60px 0;
   }

   .who-section {
     padding: 60px 0;
   }
 }