/* ============================================
   AI Lab Kits - Landing Page CSS
   Pixel-matched to the AI Kit UI design screens
   Shares the same design system as robotics-lab-kits.css
   ============================================ */

:root {
    --ai-pink:    #d41e81;
    --ai-pink-2:  #e91e8c;
    --ai-purple:  #6c2fb8;
    --ai-blue:    #26abe0;
    --ai-yellow:  #f5b800;
    --ai-navy:    #121b39;
    --ai-white:   #ffffff;
    --ai-green:   #17c974;
    --ai-electric:#8bc34a;
    --ai-gray-50: #f8fafb;
    --ai-gray-100:#f0f2f5;
    --ai-gray-200:#e5e7eb;
    --ai-gray-300:#d1d5db;
    --ai-gray-500:#6b7280;
    --ai-gray-700:#374151;
    --ai-grad: linear-gradient(to right, #26abe0, #d41e81);
    --ai-grad-hero: linear-gradient(115deg, #d41e81 0%, #6c2fb8 48%, #26abe0 100%);
}

.ai-landing {
    font-family: 'Roboto', 'Plus Jakarta Sans', system-ui, sans-serif;
    color: var(--ai-navy);
    background: var(--ai-white);
}
.ai-landing * { box-sizing: border-box; }
.ai-landing h1, .ai-landing h2, .ai-landing h3, .ai-landing h4 {
    font-family: 'Plus Jakarta Sans', 'Roboto', sans-serif;
    color: var(--ai-navy);
}
.ai-landing .container { max-width: 1140px; width: 100%; margin: 0 auto; padding: 0 24px; }

/* Scroll reveal */
.ai-impact-card, .ai-kit-card, .ai-kit-wide, .ai-learn-card, .ai-standards-card,
.ai-bundle-info, .ai-bundle-cta, .ai-action-card, .ai-school-card {
    opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease;
}
.ai-visible { opacity: 1 !important; transform: translateY(0) !important; }
/* Utility */
.ai-text-pink   { color: var(--ai-pink) !important; }
.ai-text-blue   { color: var(--ai-blue) !important; }
.ai-text-purple { color: var(--ai-purple); }
.ai-text-yellow { color: var(--ai-yellow); }
.ai-text-electric { color: var(--ai-electric); }
.ai-section-title {
    font-size: 2rem; font-weight: 800; text-align: center; margin: 0 0 10px; color: var(--ai-navy);
}
.ai-section-subtitle {
    text-align: center; color: var(--ai-gray-700); font-size: 0.98rem; margin: 0 auto 32px; line-height: 1.55;
}

/* Buttons (shared system) */
.ai-btn-primary {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    padding: 11px 20px; border-radius: 7px; font-weight: 700; font-size: 0.88rem;
    text-decoration: none; cursor: pointer; border: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.ai-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 5px 16px rgba(0,0,0,0.15); text-decoration: none; color: #fff; }
.ai-btn-pink { background: var(--ai-pink); color: #fff; }
.ai-btn-pink:hover { background: #b81a6e; color: #fff; }
.ai-btn-blue { background: var(--ai-blue); color: #fff; }
.ai-btn-blue:hover { background: #1a8ab8; color: #fff; }
.ai-btn-gradient { background: var(--ai-grad); color: #fff; }
.ai-btn-gradient:hover { box-shadow: 0 5px 20px rgba(212,30,129,0.38); color: #fff; text-decoration: none; }

.ai-btn-outline {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    padding: 11px 20px; border-radius: 7px; font-weight: 700; font-size: 0.88rem;
    text-decoration: none; cursor: pointer; border: 2px solid var(--ai-gray-300);
    color: var(--ai-navy); background: #fff;
    transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.ai-btn-outline:hover { border-color: var(--ai-blue); color: var(--ai-blue); text-decoration: none; transform: translateY(-2px); }

.ai-kit-buttons { display: flex; gap: 10px; margin-top: auto; }
.ai-kit-buttons .ai-btn-primary,
.ai-kit-buttons .ai-btn-outline { flex: 1; }

/* ============================================
   SCREEN 1: HERO
   ============================================ */
.ai-hero { position: relative; padding: 0; overflow: hidden; background: var(--ai-grad-hero); }
.ai-hero-bg-wrap { position: relative; width: 100%; }
.ai-hero-bg { width: 100%; height: auto; display: block; object-fit: cover; }
.ai-hero .container {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: flex-start;
}
.ai-hero-content { position: relative; z-index: 2; max-width: 560px; color: #fff; padding: 20px 0; text-align: left; }
.ai-hero-content h1 { color: #fff; font-size: 2.75rem; font-weight: 800; line-height: 1.1; margin: 0 0 4px; }
.ai-hero-content h1 .ai-hero-yellow { color: var(--ai-yellow); display: block; }
.ai-hero-sub { font-size: 1rem; line-height: 1.55; margin: 16px 0 20px; opacity: 0.96; max-width: 460px; }
.ai-hero-badge {
    display: inline-block; background: var(--ai-yellow); color: var(--ai-navy);
    font-weight: 800; font-size: 0.85rem; padding: 10px 22px; border-radius: 8px;
    letter-spacing: 0.2px;
}
.ai-hero-badge .top { display: block; margin-bottom: 2px; }
.ai-hero-badge .dot { color: var(--ai-pink); margin: 0 6px; }

/* ============================================
   SCREEN 1B: BUILT FOR REAL IMPACT
   ============================================ */
.ai-impact { padding: 50px 0 60px; background: var(--ai-white); }
.ai-impact h2 { text-align: center; font-size: 1.85rem; font-weight: 800; margin: 0 0 28px; }
.ai-impact-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.ai-impact-card {
    display: flex; align-items: center; gap: 14px; background: var(--ai-gray-50);
    border-radius: 10px; padding: 16px 16px; transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ai-impact-card:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(18,27,57,0.08); }
.ai-impact-icon { width: 52px; height: 52px; flex-shrink: 0; }
.ai-impact-icon img { width: 100%; height: 100%; object-fit: contain; }
.ai-impact-card p { margin: 0; font-size: 0.88rem; font-weight: 600; color: var(--ai-navy); line-height: 1.35; }

/* ============================================
   SCREEN 2: CHOOSE YOUR AI LAB KIT
   ============================================ */
.ai-choose-kit { padding: 60px 0 0; background: var(--ai-white); }
.ai-grade-pill {
    display: inline-block; background: var(--ai-yellow); color: var(--ai-navy);
    font-weight: 800; font-size: 0.78rem; letter-spacing: 0.5px;
    padding: 8px 22px; border-radius: 999px; text-transform: uppercase;
}
.ai-grade-pill-single { text-align: center; margin-bottom: 26px; }
.ai-grade-pill-single.ai-mt { margin-top: 26px; }

.ai-kit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }

.ai-kit-card {
    background: #fff; border-radius: 14px; overflow: hidden;
    box-shadow: 0 4px 20px rgba(18,27,57,0.09); border: 1px solid var(--ai-gray-200);
    display: flex; flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ai-kit-card:hover { transform: translateY(-4px); box-shadow: 0 12px 34px rgba(18,27,57,0.14); }

.ai-kit-media { position: relative; aspect-ratio: 16/10; overflow: hidden; background: #f2f2f2; }
.ai-kit-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ai-kit-price-tag {
    position: absolute; bottom: 12px; right: 12px; background: #d3f8e5; color: #0a8a4c;
    border-radius: 10px; padding: 6px 12px; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.18);
    line-height: 1.15;
}
.ai-kit-price-tag .from { display: block; font-size: 0.6rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; }
.ai-kit-price-tag .amount { display: block; font-size: 1.05rem; font-weight: 800; }
.ai-kit-price-tag .unit { display: block; font-size: 0.58rem; font-weight: 600; }

.ai-kit-body { padding: 20px 22px 22px; display: flex; flex-direction: column; flex: 1; }
.ai-kit-category { font-size: 0.72rem; font-weight: 800; letter-spacing: 0.6px; color: var(--ai-pink); margin-bottom: 8px; text-transform: uppercase; }
.ai-kit-logo { height: 32px; margin-bottom: 14px; object-fit: contain; object-position: left; }
.ai-kit-body h3 { font-size: 1.05rem; font-weight: 800; margin: 0 0 14px; }

.ai-kit-features { list-style: none; padding: 0; margin: 0 0 18px; }
.ai-kit-features li { display: flex; align-items: center; gap: 9px; font-size: 0.88rem; color: var(--ai-gray-700); margin-bottom: 9px; }
.ai-kit-features li img { width: 18px; height: 18px; flex-shrink: 0; }

/* Wide card (CV Pro, Grades 9-12 & College) */
.ai-kit-wide {
    background: #fff; border-radius: 16px; box-shadow: 0 6px 26px rgba(18,27,57,0.1);
    border: 1px solid var(--ai-gray-200); display: grid; grid-template-columns: 1fr 1fr;
    overflow: hidden; margin-bottom: 60px;
}
.ai-kit-wide-media { position: relative; }
.ai-kit-wide-media img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 260px; }
.ai-kit-wide-body { padding: 32px 40px; display: flex; flex-direction: column; justify-content: center; }
.ai-kit-wide-body .ai-kit-logo { height: 48px; }
.ai-kit-wide-body .ai-kit-tagline { font-size: 1.05rem; font-weight: 800; margin: 0 0 18px; }
.ai-kit-wide-body .ai-kit-tagline span { margin-right: 4px; }
.ai-kit-wide-body h3 { font-size: 1.2rem; padding-bottom: 1rem; }
.ai-kit-wide-body .ai-kit-buttons { margin-top: 8px; }

/* ============================================
   SCREEN 4A: WHAT STUDENTS LEARN
   ============================================ */
.ai-learn { padding: 60px 0 64px; background: var(--ai-gray-100); }
.ai-learn h2 { text-align: center; font-size: 1.9rem; font-weight: 800; margin: 0 0 12px; }
.ai-learn .ai-section-subtitle { max-width: 680px; }

.ai-learn-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 36px; }
.ai-learn-card {
    border-radius: 16px; border: 2px solid; padding: 26px 26px 30px; background: #fff;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ai-learn-card:hover { transform: translateY(-4px); box-shadow: 0 14px 32px rgba(18,27,57,0.12); }
.ai-learn-card h3 { font-size: 1.2rem; font-weight: 800; margin: 0 0 16px; }
.ai-learn-card ul { list-style: none; padding: 0; margin: 0; }
.ai-learn-card ul li { position: relative; padding-left: 18px; font-size: 0.92rem; color: var(--ai-gray-700); margin-bottom: 12px; line-height: 1.4; }
.ai-learn-card ul li::before { content: ""; position: absolute; left: 0; top: 7px; width: 7px; height: 7px; border-radius: 50%; }

.ai-learn-card.pink { background: #ffe0f0; border-color: var(--ai-pink); }
.ai-learn-card.pink h3 { color: var(--ai-pink); }
.ai-learn-card.pink ul li::before { background: var(--ai-pink); }

.ai-learn-card.cyan { background: #d5f3fe; border-color: var(--ai-blue); }
.ai-learn-card.cyan h3 { color: var(--ai-blue); }
.ai-learn-card.cyan ul li::before { background: var(--ai-blue); }

.ai-learn-card.purple { background: #eedaff; border-color: var(--ai-purple); }
.ai-learn-card.purple h3 { color: var(--ai-purple); }
.ai-learn-card.purple ul li::before { background: var(--ai-purple); }

/* ============================================
   SCREEN 4B: STANDARDS ALIGNMENT (dark navy)
   ============================================ */
.ai-standards { padding: 60px 0 64px; background: var(--ai-navy); }
.ai-standards h2 { color: var(--ai-yellow); font-size: 1.9rem; font-weight: 800; margin: 0 0 10px; text-align: left; }
.ai-standards p.ai-standards-sub { color: #cdd5e6; font-size: 0.95rem; margin: 0 0 32px; text-align: left; max-width: 640px; }

.ai-standards-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.ai-standards-card { background: #eef2f9; border-radius: 14px; padding: 22px 26px; }
.ai-standards-card-head { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }
.ai-standards-icon { width: 42px; height: 42px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.ai-standards-icon img { width: 100%; height: 100%; object-fit: contain; }
.ai-standards-card h4 { color: var(--ai-navy); font-size: 0.95rem; font-weight: 800; letter-spacing: 0.5px; margin: 0; }
.ai-standards-tags { display: flex; flex-wrap: wrap; gap: 10px; }
.ai-standards-tags span { font-size: 0.82rem; font-weight: 700; padding: 7px 16px; border-radius: 7px; }
.ai-standards-india .ai-standards-tags span { background: #dcf0fb; color: #0e6ea3; }
.ai-standards-intl .ai-standards-tags span { background: #fbdcee; color: var(--ai-pink); }

/* ============================================
   SCREEN 5A: CLASSROOM BUNDLE | 12 KITS
   ============================================ */
.ai-classroom-bundle { padding: 64px 0 60px; background: var(--ai-white); }
.ai-bundle-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.ai-bundle-info h2 { font-size: 1.9rem; font-weight: 800; margin: 0 0 24px; line-height: 1.2; }
.ai-bundle-info h3 { font-size: 1.05rem; font-weight: 800; margin: 0 0 14px; }
.ai-bundle-bars { list-style: none; padding: 0; margin: 0 0 26px; display: flex; flex-direction: column; gap: 10px; }
.ai-bundle-bars li {
    display: flex; align-items: center; gap: 10px; border-radius: 8px; padding: 13px 18px;
    font-size: 0.92rem; color: var(--ai-navy); font-weight: 500;
}
.ai-bundle-bars li::before { content: ""; width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.ai-bundle-bars.pink li { background: #fce4f1; }
.ai-bundle-bars.pink li::before { background: var(--ai-pink); }
.ai-bundle-bars.blue li { background: #e3f4fc; }
.ai-bundle-bars.blue li::before { background: var(--ai-blue); }

.ai-bundle-cta h3 { font-size: 1.15rem; font-weight: 800; line-height: 1.35; margin: 0 0 4px; }
.ai-bundle-cta h3.ai-text-blue { color: var(--ai-blue); margin-top: 14px; }
.ai-bundle-cta h3.ai-text-pink { color: var(--ai-pink); }
.ai-bundle-cta p { color: var(--ai-gray-700); font-size: 0.9rem; line-height: 1.6; margin: 14px 0 0; }
.ai-bundle-cta .ai-btn-gradient { margin-top: 22px; display: inline-flex; }

/* ============================================
   SCREEN 5B: WHY CHOOSE MERITUS / WHY TEACHERS LOVE IT
   ============================================ */
.ai-why-choose { padding: 40px 0 64px; background: var(--ai-white); }
.ai-why-grid { display: flex; align-items: center; justify-content: center; gap: 44px; max-width: 800px; margin: 0 auto; }
.ai-why-photo { position: relative; width: 280px; flex-shrink: 0; }
.ai-why-photo img { width: 100%; height: auto; display: block; object-fit: contain; }
.ai-why-content { max-width: 460px; }
.ai-why-content h2 { font-size: 1.7rem; font-weight: 800; margin: 0 0 6px; }
.ai-why-content h3 { font-size: 1.35rem; font-weight: 800; margin: 0 0 18px; color: var(--ai-navy); }
.ai-why-content ul { list-style: none; padding: 0; margin: 0; }
.ai-why-content ul li {
    display: flex; align-items: flex-start; gap: 10px; font-size: 0.94rem;
    color: var(--ai-gray-700); margin-bottom: 14px; line-height: 1.5;
}
.ai-why-content ul li img { width: 20px; height: 20px; object-fit: contain; flex-shrink: 0; margin-top: 2px; }
.ai-bundle-cta{margin-top: 6rem;}
/* ============================================
   SCREEN 6: AI IN ACTION (gradient bg, video cards)
   ============================================ */
.ai-action {
    padding: 56px 0 62px; position: relative; background-size: cover; background-position: center;
    background-image:
        linear-gradient(115deg, rgba(24,74,140,0.82) 0%, rgba(108,47,184,0.78) 55%, rgba(212,30,129,0.82) 100%);
}
.ai-action .container { position: relative; z-index: 1; }
.ai-action h2 { color: #fff; text-align: center; font-size: 1.9rem; font-weight: 800; margin: 0 0 2rem; }
.ai-action .ai-action-tagline { color: var(--ai-yellow); text-align: center; font-size: 1.15rem; font-weight: 800; margin: 0 0 34px; letter-spacing: 0.3px; }

.ai-action-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.ai-action-card { background: #fff; border-radius: 12px; padding: 12px 12px 18px; box-shadow: 0 12px 30px rgba(0,0,0,0.22); display: flex; flex-direction: column; }
.ai-action-thumb {
    position: relative; border-radius: 8px; overflow: hidden; cursor: pointer;
    aspect-ratio: 16/9; background: #000; display: block;
}
.ai-action-thumb img.ai-action-poster { width: 100%; height: 100%; object-fit: cover; display: block; scale: 1.03; }
.ai-action-play {
    position: absolute; inset: 0; margin: auto; width: 52px; height: 52px; pointer-events: none;
}
.ai-action-card p { font-size: 0.86rem; line-height: 1.55; color: var(--ai-gray-700); font-style: italic; margin: 14px 6px 0; }
.ai-action-card p strong,
.ai-action-card p .ai-text-pink { font-style: normal; }

/* Quote-style testimonial variant (Dr. Meadows card) */
.ai-action-card.quote blockquote { font-size: 0.88rem; line-height: 1.6; color: var(--ai-gray-700); font-style: italic; margin: 14px 6px 10px; position: relative; }
.ai-action-card.quote blockquote::before { content: "\201C"; color: var(--ai-pink); font-size: 1.6rem; font-weight: 800; margin-right: 2px; font-style: normal; }
.ai-action-card.quote blockquote::after { content: "\201D"; color: var(--ai-pink); font-size: 1.6rem; font-weight: 800; margin-left: 2px; font-style: normal; }
.ai-action-card.quote .ai-action-name { font-weight: 800; color: var(--ai-pink); font-size: 0.88rem; margin: 0 6px; }
.ai-action-card.quote .ai-action-role { color: var(--ai-navy); font-size: 0.82rem; margin: 2px 6px 0; }

/* ============================================
   SCREEN 7: WHY SCHOOLS CHOOSE MERITUS
   ============================================ */
.ai-why-schools { padding: 64px 0 60px; background: var(--ai-white); }
.ai-why-schools h2 { text-align: center; font-size: 1.9rem; font-weight: 800; margin: 0 0 34px; }
.ai-schools-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }

.ai-school-card {
    border-radius: 16px; border: 2px solid; padding: 24px 18px; display: flex; flex-direction: column;
    align-items: center; justify-content: center; text-align: center; min-height: 200px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ai-school-card:hover { transform: translateY(-4px); box-shadow: 0 14px 32px rgba(18,27,57,0.12); }
.ai-school-card.pink { background: #fce4ec; border-color: #f8bbd0; }
.ai-school-card.blue { background: #e0f7fa; border-color: #b2ebf2; }

.ai-school-card img.ai-school-logo { max-height: 30px; max-width: 100%; object-fit: contain; margin-bottom: 8px; }
.ai-school-card h4 { font-size: 0.98rem; font-weight: 800; margin: 0 0 14px; line-height: 1.3; }
.ai-school-card.pink h4 { color: var(--ai-pink); }
.ai-school-card.blue h4 { color: var(--ai-navy); }

.ai-school-desc { font-size: 0.8rem; color: var(--ai-gray-700); line-height: 1.5; }
.ai-school-desc strong { color: var(--ai-navy); }

/* ============================================
   SCREEN 8: READY TO GET STARTED
   ============================================ */
.ai-get-started { padding: 56px 0 66px; background: var(--ai-gray-100); }
.ai-get-started h2 { text-align: center; font-size: 2rem; font-weight: 800; margin: 0 0 10px; }
.ai-get-started-buttons { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; max-width: 600px; margin: 0 auto; }
.ai-get-started-buttons .ai-btn-primary,
.ai-get-started-buttons .ai-btn-outline { flex: none; min-width: 170px; }

/* ============================================
   WHATSAPP FLOAT
   ============================================ */
.ai-whatsapp-float {
    position: fixed; bottom: 22px; left: 22px; right: auto;
    width: 52px; height: 52px; border-radius: 50%; background: #25d366;
    box-shadow: 0 5px 16px rgba(0,0,0,0.16); display: flex; align-items: center; justify-content: center;
    z-index: 999; color: #fff; transition: transform 0.2s ease;
}
.ai-whatsapp-float:hover { transform: scale(1.06); color: #fff; }
.ai-whatsapp-float svg { width: 28px; height: 28px; fill: #fff; }

/* video lightbox */
.ai-video-lightbox {
    position: fixed; inset: 0; z-index: 10000; background: rgba(10,12,20,0.92);
    display: none; align-items: center; justify-content: center; padding: 24px;
}
.ai-video-lightbox.open { display: flex; }
.ai-video-lightbox-inner { position: relative; width: 100%; max-width: 900px; aspect-ratio: 16/9; background: #000; border-radius: 10px; overflow: hidden; }
.ai-video-lightbox-inner iframe { width: 100%; height: 100%; border: 0; }
.ai-video-lightbox-close {
    position: absolute; top: -44px; right: 0; background: none; border: none; color: #fff;
    font-size: 2rem; line-height: 1; cursor: pointer;
}

/* ============================================
   RESPONSIVE — Tablet (max-width: 991px)
   ============================================ */
@media (max-width: 991px) {
    .ai-hero-content { max-width: 92%; }
    .ai-hero-content h1 { font-size: 2.1rem; }
    .ai-impact-grid { grid-template-columns: repeat(2, 1fr); }
    .ai-kit-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }
    .ai-kit-wide { grid-template-columns: 1fr; }
    .ai-kit-wide-media img { min-height: 220px; }
    .ai-learn-grid { grid-template-columns: 1fr; max-width: 480px; margin: 36px auto 0; }
    .ai-standards-grid { grid-template-columns: 1fr; }
    .ai-bundle-grid { grid-template-columns: 1fr; gap: 32px; }
    .ai-why-grid { flex-direction: column; text-align: center; max-width: 480px; }
    .ai-why-content { max-width: 100%; }
    .ai-why-content ul li { text-align: left; }
    .ai-action-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }
    .ai-schools-grid { grid-template-columns: repeat(2, 1fr); }
    .ai-section-title { font-size: 1.6rem; }
}

/* ============================================
   RESPONSIVE — Mobile (max-width: 600px)
   ============================================ */
@media (max-width: 600px) {
    .ai-hero { background: var(--ai-grad-hero); }
    .ai-hero-bg-wrap { display: none; }
    .ai-hero .container { position: static; padding: 36px 0; }
    .ai-hero-content { text-align: center; margin: 0 auto; }
    .ai-hero-content h1 { font-size: 1.6rem; }
    .ai-hero-sub { font-size: 0.88rem; margin: 12px auto 16px; }
    .ai-hero-badge { font-size: 0.75rem; padding: 8px 16px; }

    .ai-impact { padding: 40px 0; }
    .ai-impact-grid { grid-template-columns: 1fr; }
    .ai-impact h2 { font-size: 1.4rem; }

    .ai-choose-kit { padding: 40px 0 0; }
    .ai-kit-wide-body { padding: 24px 20px; }
    .ai-kit-wide-body .ai-kit-buttons { flex-direction: column; }
    .ai-kit-buttons { flex-direction: column; }

    .ai-learn { padding: 40px 0 44px; }
    .ai-learn-grid { grid-template-columns: 1fr; margin-top: 28px; }

    .ai-standards { padding: 40px 0 44px; }
    .ai-standards h2, .ai-standards p.ai-standards-sub { text-align: center; }
    .ai-standards-card-head { flex-direction: column; text-align: center; }
    .ai-standards-tags { justify-content: center; }

    .ai-classroom-bundle { padding: 40px 0; }
    .ai-bundle-info h2 { font-size: 1.4rem; }

    .ai-why-choose { padding: 20px 0 44px; }
    .ai-action { padding: 40px 0 44px; }
    .ai-action h2 { font-size: 1.4rem; }
    .ai-action .ai-action-tagline { font-size: 1rem; }

    .ai-why-schools { padding: 40px 0; }
    .ai-schools-grid { grid-template-columns: 1fr; }

    .ai-get-started { padding: 40px 0 50px; }
    .ai-get-started-buttons { flex-direction: column; align-items: stretch; }
    .ai-get-started-buttons .ai-btn-primary,
    .ai-get-started-buttons .ai-btn-outline { min-width: 0; }

    .ai-section-title { font-size: 1.4rem; }
}