/* ===== Stats Marquee ===== */
.stats-section{padding:3.5rem 0;border-bottom:1px solid rgba(76,78,168,.06);overflow:hidden;position:relative;z-index:1;background:rgba(76,78,168,.02);margin-top:80px}
.stats-track{display:flex;gap:7rem;animation:marquee 22s linear infinite;width:max-content}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.stat-item{text-align:center;flex-shrink:0}
.stat-item h3{font-size:2.8rem;font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,#4C4EA8,#7a7cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-item p{font-size:.8rem;color:var(--text-muted);margin-top:.3rem;font-weight:400;letter-spacing:.3px}

/* ===== Page Hero ===== */
.page-hero{padding:7rem 5% 3rem;text-align:center;position:relative;z-index:1}
.page-hero .label{font-size:.75rem;text-transform:uppercase;letter-spacing:4px;color:rgba(76,78,168,.7);margin-bottom:1.8rem}
.page-hero h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;letter-spacing:-3px;line-height:1.05;margin-bottom:1.5rem}
.page-hero h1 .gradient{background:linear-gradient(135deg,#4C4EA8,#7a7cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.page-hero p{color:rgba(26,26,46,.6);font-size:1.05rem;max-width:560px;margin:0 auto;line-height:1.75;font-weight:300}

/* ===== Courses Grid ===== */
.courses-section{padding:4rem 5% 6rem;max-width:1300px;margin:0 auto;position:relative;z-index:1}
.courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.course-item{padding:2.2rem 1.8rem;border:1px solid var(--border);border-radius:16px;background:var(--bg-card);transition:.4s;cursor:default}
.course-item:hover{border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 8px 30px var(--shadow)}
.course-item h4{font-size:1rem;font-weight:600;margin-bottom:.6rem;color:var(--text)}
.course-item p{font-size:.82rem;color:var(--text-body);line-height:1.7;font-weight:300}

/* ===== Robot Kits Showcase ===== */
.kits-showcase{padding:4rem 5%;max-width:1400px;margin:0 auto;position:relative;z-index:1}
.kits-showcase-header{text-align:center;margin-bottom:3rem}
.kits-showcase-header .label{font-size:.75rem;text-transform:uppercase;letter-spacing:4px;color:rgba(76,78,168,.7);margin-bottom:1.8rem}
.kits-showcase-header h2{font-size:clamp(2.2rem,4.5vw,4rem);font-weight:700;letter-spacing:-1.5px}
.kits-showcase-header h2 .gradient{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.kits-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}

/* ===== Courses Responsive ===== */
@media(max-width:900px){
    .courses-grid,.kits-showcase-grid{grid-template-columns:1fr}
    .page-hero{padding:6rem 5% 2rem}
    .courses-section{padding:3rem 5% 4rem}
    .kits-showcase{padding:3rem 5%}
}
@media(max-width:600px){
    .page-hero{padding:5rem 5% 1.5rem}
    .courses-section{padding:2rem 5% 3rem}
    .kits-showcase{padding:2rem 5%}
}