/* Original inline styles, moved unchanged from index.html */
html { scroll-behavior: smooth; }
        .primary-orange { background-color: #f59e0b; }
        .text-primary-orange { color: #f59e0b; }
        .border-primary-orange { border-color: #f59e0b; }
        .trusted-section {
            background: linear-gradient(180deg, #fff7ed 0%, #f9fafb 100%);
            overflow: hidden;
        }
        .logo-marquee {
            overflow: hidden;
            position: relative;
            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
            -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
        }
        .logo-track {
            display: flex;
            width: max-content;
            gap: 1rem;
            animation: trusted-scroll 40s linear infinite;
        }
        .logo-marquee:hover .logo-track { animation-play-state: paused; }
        .logo-card {
            min-width: 170px;
            height: 82px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.75rem;
            background: white;
            border: 1px solid #fed7aa;
            border-radius: 1rem;
            box-shadow: 0 10px 25px rgba(15, 23, 42, 0.06);
            padding: 1rem;
        }
        .logo-card img {
            width: 34px;
            height: 34px;
            object-fit: contain;
        }
        .logo-card span {
            color: #374151;
            font-weight: 800;
            font-size: 0.95rem;
            white-space: nowrap;
        }
        @keyframes trusted-scroll {
            from { transform: translateX(-50%); }
            to { transform: translateX(0); }
        }
        .course-tile {
            transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;
        }
        .course-tile:hover {
            transform: translateY(-8px);
            border-color: #f59e0b;
            background: linear-gradient(180deg, #fff7ed 0%, #ffffff 72%);
            box-shadow: 0 22px 45px rgba(245, 158, 11, 0.18);
        }
        .course-tile:hover h3 { color: #f59e0b; }

        .audience-card, .why-card {
            transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;
        }
        .audience-card:hover, .why-card:hover {
            transform: translateY(-6px);
            border-color: #f59e0b;
            background: linear-gradient(180deg, #fff7ed 0%, #ffffff 78%);
            box-shadow: 0 20px 42px rgba(15, 23, 42, 0.08);
        }
        .icon-badge {
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 9999px;
            background: #ffedd5;
            color: #c2410c;
            font-weight: 900;
            margin-bottom: 1rem;
        }
        .soft-pattern {
            background:
                radial-gradient(circle at top left, rgba(245, 158, 11, 0.12), transparent 32%),
                radial-gradient(circle at bottom right, rgba(15, 23, 42, 0.08), transparent 28%),
                #ffffff;
        }
        .stat-card {
            background: white;
            border: 1px solid #fed7aa;
            border-radius: 1.25rem;
            padding: 1.5rem;
            box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
        }
        .hero-visual {
            background: linear-gradient(135deg, #111827 0%, #1f2937 52%, #f59e0b 100%);
            min-height: 430px;
        }
        .code-card {
            background: rgba(255,255,255,0.1);
            border: 1px solid rgba(255,255,255,0.18);
            backdrop-filter: blur(12px);
        }

        .nav-link { position: relative; padding: 0.45rem 0; transition: color .2s ease; }
        .nav-link::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #f59e0b; border-radius: 9999px; transition: width .25s ease; }
        .nav-link:hover, .nav-link.active { color: #111827; }
        .nav-link:hover::after, .nav-link.active::after { width: 100%; }
        .hero-ai-image { border-radius: 1.5rem; box-shadow: 0 30px 70px rgba(15, 23, 42, 0.25); border: 1px solid rgba(245, 158, 11, 0.20); width: 100%; height: auto; display: block; }
        .batch-shell { background: linear-gradient(135deg, #111827 0%, #1f2937 58%, #f59e0b 100%); }
        .batch-feature { background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.16); }
        .trainer-card { background: linear-gradient(180deg, #ffffff 0%, #fff7ed 100%); }
        .trainer-avatar { background: radial-gradient(circle at 30% 20%, #fed7aa, #f59e0b 45%, #111827 100%); }

    
        .site-logo { height: 48px; width: auto; object-fit: contain; display:block; }
        @media (max-width: 768px){ .site-logo { height: 38px; } }
        .hero-copy { min-height: 470px; display:flex; flex-direction:column; justify-content:center; }
        .hero-image-wrap { height: 470px; display:flex; align-items:stretch; }
        .hero-ai-image { width:100%; height:100%; object-fit:cover; object-position:center; }
        @media (max-width: 768px){ .hero-copy, .hero-image-wrap { min-height:auto; height:auto; } .hero-ai-image { height:auto; } }
        .logo-card { min-width: 150px; height: 74px; padding: .9rem 1.2rem; }
        .logo-card img { width: 120px; height: 42px; object-fit: contain; }
        .logo-card span { display:none; }
        .compact-batch-card { max-width: 980px; margin: 0 auto; background:#fff; border:1px solid #fed7aa; box-shadow:0 18px 45px rgba(15,23,42,.08); }
        .batch-date-box { background:linear-gradient(180deg,#fff7ed,#ffffff); border:1px solid #fed7aa; }

        /* Latest requested refinements */
        .site-logo { width: 190px; height: 56px; object-fit: contain; display:block; }
        .hero-copy, .hero-image-wrap { min-height: 500px; height: 500px; }
        .hero-image-wrap { background: #020617; border-radius: 1.5rem; overflow: hidden; padding: 0; }
        .hero-ai-image { width: 100%; height: 100%; object-fit: contain !important; object-position: center center; background:#020617; border-radius: 1.5rem; }
        .logo-card { min-width: 152px; height: 72px; padding: .7rem 1rem; }
        .logo-card img { width: 128px !important; height: 46px !important; object-fit: contain; display:block; }
        .logo-card span { display:none !important; }
        .compact-batch-card { max-width: 930px; margin: 0 auto; padding: 1.25rem 1.5rem !important; }
        .batch-date-box { width: 84px !important; height: 84px !important; }
        #upcoming-batches { padding-top: 3rem !important; padding-bottom: 3rem !important; }
        #upcoming-batches h2 { font-size: 1.8rem !important; }
        #trainer { padding-top: 3rem !important; padding-bottom: 3rem !important; }
        #trainer .trainer-card { border-radius: 1.25rem !important; }
        #trainer .trainer-card > div { padding: 1.5rem !important; gap: 1.5rem !important; }
        #trainer .trainer-avatar { width: 82px !important; height: 82px !important; border-radius: 1.25rem !important; font-size: 1.6rem !important; margin-bottom: 0.75rem !important; }
        #trainer h2 { font-size: 1.9rem !important; margin-bottom: .75rem !important; }
        #trainer p { font-size: .95rem !important; }
        #contact { padding-top: 3rem !important; padding-bottom: 3rem !important; }
        #contact .relative.overflow-hidden.bg-gray-900 { padding: 2rem !important; border-radius: 1.5rem !important; }
        #contact h2 { font-size: 2.2rem !important; margin-bottom: .75rem !important; }
        #contact p { font-size: .95rem; }
        #contact .bg-white.text-gray-900 { padding: 1.5rem !important; border-radius: 1.25rem !important; }
        #contact .w-14.h-14 { width: 2.75rem !important; height: 2.75rem !important; margin-bottom: 1rem !important; }
        @media (max-width: 768px){
            .site-logo { width: 155px; height: auto; }
            .hero-copy, .hero-image-wrap { min-height:auto; height:auto; }
            .hero-ai-image { height:auto; }
        }


        /* Compact section refinements requested */
        .brand-logo-card { min-width: 180px !important; height: 76px !important; padding: .75rem 1.2rem !important; }
        .brand-logo-card img { max-width: 138px !important; max-height: 48px !important; width: auto !important; height: auto !important; object-fit: contain !important; filter: grayscale(100%); opacity: .9; transition: filter .25s ease, opacity .25s ease, transform .25s ease; }
        .brand-logo-card:hover img { filter: grayscale(0%); opacity: 1; transform: scale(1.04); }
        .brand-logo-fallback { display:none; color:#111827; font-weight:900; font-size:.95rem; align-items:center; justify-content:center; }
        #curriculum, #pricing { padding-top: 3.25rem !important; padding-bottom: 3.25rem !important; }
        #who-is-this-for, #why-msr { padding-top: 3.25rem !important; padding-bottom: 3.25rem !important; }
        #curriculum .text-center, #pricing .text-center, #who-is-this-for .text-center, #why-msr .text-center { margin-bottom: 2rem !important; }
        #curriculum h2, #pricing h2, #who-is-this-for h2, #why-msr h2 { font-size: 2rem !important; line-height: 2.35rem !important; }
        #curriculum p, #pricing p, #who-is-this-for p, #why-msr p { font-size: .95rem !important; line-height: 1.55rem !important; }
        #curriculum .grid, #pricing .grid, #who-is-this-for .grid, #why-msr .grid { gap: 1rem !important; }
        .course-tile, .audience-card, .why-card, #pricing .grid > div { padding: 1.25rem !important; border-radius: 1rem !important; }
        .course-tile h3, .audience-card h3, .why-card h3 { font-size: 1.05rem !important; margin-bottom: .45rem !important; }
        .icon-badge { width: 34px !important; height: 34px !important; margin-bottom: .65rem !important; font-size: .78rem !important; }
        #pricing h3 { font-size: 1.35rem !important; margin-bottom: .45rem !important; }
        #pricing .text-4xl { font-size: 2rem !important; margin-bottom: 1rem !important; }
        #pricing ul { margin-bottom: 1.25rem !important; }
        #pricing li { font-size: .95rem !important; }
        #trainer { padding-top: 2.75rem !important; padding-bottom: 2.75rem !important; }
        #trainer .trainer-card > div { padding: 1.15rem !important; gap: 1rem !important; }
        #trainer h2 { font-size: 1.65rem !important; line-height: 2rem !important; }
        #trainer h3 { font-size: 1.55rem !important; margin-bottom: .5rem !important; }
        #trainer .grid.md\:grid-cols-2 { gap: .8rem !important; margin-bottom: 1rem !important; }
        #trainer .grid.md\:grid-cols-2 > div { padding: 1rem !important; border-radius: .9rem !important; }
        #trainer .flex.flex-wrap.gap-3 { gap: .45rem !important; }
        #trainer .flex.flex-wrap.gap-3 span { padding: .45rem .75rem !important; font-size: .78rem !important; }

    

        /* User requested final refinements */
        .hero-badge-clean {
            display: inline-flex !important;
            width: fit-content !important;
            max-width: 100% !important;
            align-items: center;
            line-height: 1.25rem;
            padding: .45rem .85rem !important;
            border-radius: 9999px;
            background: #ffedd5 !important;
            color: #c2410c !important;
            box-shadow: inset 0 0 0 1px rgba(251, 146, 60, .22);
            white-space: normal;
        }
        .brand-logo-card img {
            filter: none !important;
            opacity: 1 !important;
            mix-blend-mode: normal !important;
        }
        .brand-logo-card:hover img { filter: none !important; opacity: 1 !important; transform: scale(1.04); }
        .compact-batch-card.final-batch-card {
            max-width: 1040px !important;
            padding: 2rem 2.25rem !important;
            border-width: 2px !important;
        }
        .final-batch-card .batch-date-box {
            width: 112px !important;
            height: 112px !important;
            box-shadow: 0 14px 32px rgba(245, 158, 11, .16);
        }
        .batch-info-grid p {
            background: #fff7ed;
            border: 1px solid #fed7aa;
            border-radius: .9rem;
            padding: .8rem 1rem;
            font-size: 1rem !important;
            font-weight: 800;
            color: #1f2937;
        }
        .instructor-photo-box {
            width: 160px;
            height: 160px;
            border-radius: 1.5rem;
            overflow: hidden;
            border: 2px solid rgba(251, 146, 60, .55);
            background: linear-gradient(135deg, rgba(245,158,11,.25), rgba(255,255,255,.08));
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1rem;
            position: relative;
        }
        .instructor-photo-box img { width: 100%; height: 100%; object-fit: cover; display: none; }
        .instructor-photo-placeholder { text-align: center; padding: 1rem; color: #fed7aa; font-weight: 900; }
        .instructor-upload-label {
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: fit-content;
            background: rgba(245, 158, 11, .18);
            color: #fed7aa;
            border: 1px solid rgba(251, 146, 60, .45);
            padding: .55rem .9rem;
            border-radius: 9999px;
            font-size: .78rem;
            font-weight: 900;
            transition: all .2s ease;
        }
        .instructor-upload-label:hover { background: rgba(245, 158, 11, .30); color: #ffffff; }
        @media (max-width: 768px){
            .compact-batch-card.final-batch-card { padding: 1.35rem !important; }
            .batch-info-grid p { font-size: .92rem !important; }
            .instructor-photo-box { width: 132px; height: 132px; }
        }

        /* Footer and instructor social refinements */
        .linkedin-profile-link {
            display: inline-flex;
            align-items: center;
            gap: .55rem;
            width: fit-content;
            background: #0a66c2;
            color: #ffffff;
            border-radius: 9999px;
            padding: .65rem 1rem;
            font-weight: 900;
            font-size: .88rem;
            box-shadow: 0 12px 24px rgba(10, 102, 194, .22);
            transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
        }
        .linkedin-profile-link:hover { transform: translateY(-2px); background: #004182; box-shadow: 0 16px 30px rgba(10, 102, 194, .28); }
        .linkedin-profile-link svg { width: 18px; height: 18px; fill: currentColor; }
        .footer-logo { width: 180px; height: auto; object-fit: contain; display: block; background: #ffffff; border-radius: .9rem; padding: .45rem .65rem; }
        .footer-link { color: #cbd5e1; transition: color .2s ease, transform .2s ease; display: inline-block; }
        .footer-link:hover { color: #fbbf24; transform: translateX(3px); }
        .footer-contact-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10); border-radius: 1rem; padding: 1rem; }
        .footer-social-icon { width: 38px; height: 38px; display:inline-flex; align-items:center; justify-content:center; border-radius:9999px; background:rgba(255,255,255,.08); color:#fff; transition: all .2s ease; }
        .footer-social-icon:hover { background:#f59e0b; color:#111827; transform: translateY(-2px); }

    
        /* Professional trainer profile header update */
        .trainer-photo-panel { display:flex; flex-direction:column; align-items:center; text-align:center; gap:1rem; }
        .trainer-profile-image-wrap { width: 172px; height: 172px; border-radius: 9999px; padding: 5px; background: linear-gradient(135deg, #f59e0b, #ffffff 45%, #f59e0b); box-shadow: 0 24px 52px rgba(0,0,0,.28); }
        .trainer-profile-image-wrap img { width:100%; height:100%; object-fit:cover; border-radius:9999px; border: 4px solid #111827; display:block; }
        .trainer-heading-row { display:flex; align-items:center; gap:1.1rem; }
        .trainer-heading-photo { flex:0 0 auto; width:82px; height:82px; border-radius:9999px; padding:3px; background:linear-gradient(135deg,#f59e0b,#fff7ed); box-shadow:0 12px 28px rgba(245,158,11,.22); }
        .trainer-heading-photo img { width:100%; height:100%; object-fit:cover; border-radius:9999px; border:3px solid #ffffff; display:block; }
        .trainer-single-line-heading { font-size: clamp(1.35rem, 2.1vw, 2.1rem); line-height: 1.22; font-weight: 900; color:#111827; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:0; }
        .linkedin-url-text { display:block; width:fit-content; margin-top:.65rem; color:#2563eb; font-size:.88rem; font-weight:700; overflow-wrap:anywhere; }
        .linkedin-url-text:hover { color:#0a66c2; text-decoration: underline; }
        @media (max-width: 1024px){ .trainer-single-line-heading { white-space: normal; overflow: visible; text-overflow: clip; } }
        @media (max-width: 640px){ .trainer-heading-row { align-items:flex-start; } .trainer-heading-photo { width:64px; height:64px; } .trainer-profile-image-wrap { width:138px; height:138px; } }


        /* Final compact trainer profile refinements */
        #trainer { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; }
        #trainer .trainer-card { border-radius: 1rem !important; }
        #trainer .trainer-card > div { min-height: auto !important; }
        #trainer .lg\:col-span-2.p-8, #trainer .lg\:col-span-3.p-8 { padding: 1.4rem !important; }
        .trainer-photo-panel { gap: .65rem !important; }
        .trainer-profile-image-wrap { width: 126px !important; height: 126px !important; padding: 4px !important; box-shadow: 0 16px 34px rgba(0,0,0,.22) !important; }
        .trainer-photo-caption p:first-child { margin-bottom: .35rem !important; }
        .trainer-photo-caption .text-gray-300 { font-size: .82rem !important; line-height: 1.25rem !important; }
        .trainer-heading-row { gap: .8rem !important; margin-bottom: 1rem !important; align-items: center !important; }
        .trainer-heading-photo { width: 64px !important; height: 64px !important; padding: 2px !important; }
        .trainer-name-heading { font-size: clamp(1.35rem, 2vw, 1.85rem); line-height: 1.12; font-weight: 900; color:#111827; margin:0 0 .18rem 0; }
        .trainer-role-heading { font-size: clamp(.9rem, 1.2vw, 1.05rem) !important; line-height: 1.35 !important; color:#c2410c !important; font-weight: 800 !important; margin:0 0 .65rem 0 !important; }
        #trainer .linkedin-profile-link { margin-top: .15rem !important; padding: .48rem .82rem !important; font-size: .78rem !important; }
        #trainer .linkedin-profile-link svg { width: 15px !important; height: 15px !important; }
        #trainer .linkedin-url-text { margin-top: .42rem !important; font-size: .78rem !important; line-height: 1.15rem !important; }
        #trainer .text-gray-600.text-lg.mb-8 { margin-bottom: .9rem !important; font-size: .9rem !important; }
        #trainer .grid.md\:grid-cols-2 { gap: .7rem !important; margin-bottom: .85rem !important; }
        #trainer .grid.md\:grid-cols-2 > div { padding: .85rem !important; border-radius: .85rem !important; }
        #trainer .grid.md\:grid-cols-2 h4 { margin-bottom: .25rem !important; font-size: .95rem !important; }
        #trainer .grid.md\:grid-cols-2 p { font-size: .82rem !important; line-height: 1.35rem !important; }
        #trainer .flex.flex-wrap.gap-3 { gap: .38rem !important; }
        #trainer .flex.flex-wrap.gap-3 span { padding: .36rem .62rem !important; font-size: .72rem !important; }
        @media (max-width: 768px){
            #trainer .lg\:col-span-2.p-8, #trainer .lg\:col-span-3.p-8 { padding: 1.1rem !important; }
            .trainer-heading-row { align-items: flex-start !important; }
            .trainer-profile-image-wrap { width: 112px !important; height: 112px !important; }
            .trainer-heading-photo { width: 54px !important; height: 54px !important; }
        }



        /* Enhanced compact upcoming batch section */
        #upcoming-batches {
            background:
                radial-gradient(circle at 12% 18%, rgba(245, 158, 11, .14), transparent 28%),
                radial-gradient(circle at 86% 72%, rgba(17, 24, 39, .08), transparent 30%),
                linear-gradient(180deg, #f9fafb 0%, #fff7ed 100%) !important;
        }
        #upcoming-batches .text-center { margin-bottom: 1.75rem !important; }
        .batch-premium-card {
            max-width: 1030px !important;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            background: linear-gradient(135deg, #ffffff 0%, #fffaf4 58%, #ffffff 100%) !important;
            border: 1px solid #fed7aa !important;
            box-shadow: 0 22px 52px rgba(15, 23, 42, .10), inset 0 1px 0 rgba(255,255,255,.85) !important;
        }
        .batch-premium-card::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, #f59e0b 0%, #fb923c 42%, #111827 100%);
            height: 5px;
        }
        .batch-premium-glow {
            position: absolute;
            width: 210px;
            height: 210px;
            border-radius: 9999px;
            background: rgba(245, 158, 11, .12);
            right: -70px;
            top: -90px;
            pointer-events: none;
        }
        .batch-status-badge {
            display: inline-flex;
            align-items: center;
            gap: .45rem;
            background: #111827;
            color: #ffffff;
            border: 1px solid rgba(17, 24, 39, .08);
            border-radius: 9999px;
            padding: .48rem .95rem;
            font-size: 1rem;
            line-height: 1;
            font-weight: 950;
            letter-spacing: .02em;
            box-shadow: 0 10px 24px rgba(17, 24, 39, .16);
        }
        .batch-status-badge::before {
            content: '';
            width: .5rem;
            height: .5rem;
            border-radius: 9999px;
            background: #f59e0b;
            box-shadow: 0 0 0 4px rgba(245, 158, 11, .20);
        }
        .batch-premium-date {
            width: 104px !important;
            height: 104px !important;
            border-radius: 1.35rem !important;
            background: linear-gradient(180deg, #111827 0%, #1f2937 100%) !important;
            border: 1px solid rgba(245, 158, 11, .45) !important;
            box-shadow: 0 18px 36px rgba(17, 24, 39, .20) !important;
        }
        .batch-premium-date span:nth-child(1), .batch-premium-date span:nth-child(3) { color: #fed7aa !important; }
        .batch-premium-date span:nth-child(2) { color: #ffffff !important; }
        .batch-meta-pill {
            background: #ffffff !important;
            border: 1px solid #fed7aa !important;
            border-radius: .85rem !important;
            padding: .65rem .85rem !important;
            font-size: .92rem !important;
            font-weight: 850 !important;
            color: #1f2937 !important;
            box-shadow: 0 10px 20px rgba(245, 158, 11, .08);
        }
        .batch-feature-tiles {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: .55rem;
            margin-bottom: 1rem;
        }
        .batch-feature-tile {
            display: flex;
            align-items: center;
            gap: .45rem;
            background: #fff7ed;
            border: 1px solid #fed7aa;
            border-radius: .85rem;
            padding: .55rem .7rem;
            font-size: .78rem;
            font-weight: 850;
            color: #374151;
            white-space: nowrap;
        }
        .batch-feature-tile span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 1.35rem;
            height: 1.35rem;
            border-radius: 9999px;
            background: #ffffff;
            color: #c2410c;
            font-size: .75rem;
            flex: 0 0 auto;
        }
        @media (max-width: 768px){
            .batch-premium-card { padding: 1.35rem !important; }
            .batch-premium-date { width: 92px !important; height: 92px !important; }
            .batch-status-badge { font-size: .92rem; }
            .batch-feature-tiles { grid-template-columns: 1fr; }
            .batch-feature-tile { white-space: normal; }
        }