/* STEMSphere v16 public landing page — mobile-first additions. */
.landing-skip{position:fixed;left:12px;top:-80px;z-index:100;padding:10px 14px;border-radius:10px;background:#fff;color:#3a126f;font-weight:850;box-shadow:var(--shadow-md)}
.landing-skip:focus{top:12px}
.landing-v16 .hero{isolation:isolate}
.landing-v16 .hero-grid{padding-top:42px}
.landing-v16 .hero-copy h1 span{display:inline}
.landing-v16 .hero-visual{min-height:350px}
.landing-v16 .hero-image,.landing-v16 .hero-image-shade{height:310px}
.landing-v16 .hero-stats{margin-top:-18px}
.landing-v16 .landing-heading{margin:18px 0 12px;font-size:clamp(2rem,10vw,3.7rem);line-height:1.04;letter-spacing:-.045em}
.landing-v16 .landing-support{background:linear-gradient(180deg,var(--surface),var(--purple-50))}
.landing-v16 .landing-lesson-grid,.landing-v16 .landing-role-grid{gap:16px}
.landing-v16 .lesson-card{min-width:0}
.landing-v16 .lesson-image img{object-fit:cover;background:#f3efff}
.landing-v16 .lesson-image img[src$=".svg"]{object-fit:contain;padding:28px}
.landing-v16 .landing-role{display:block;text-decoration:none;border-top:4px solid var(--purple-600)}
.landing-v16 .landing-role.teacher{border-top-color:#2088df}
.landing-v16 .landing-role.parent{border-top-color:var(--green-500)}
.landing-v16 .landing-role.admin{border-top-color:#e2a900}
.landing-v16 .landing-role strong{display:inline-block;margin-top:18px;color:var(--purple-700)}
.landing-v16 .landing-role.parent strong{color:var(--green-700)}
.landing-footer-button{padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.landing-footer-button:hover{color:#fff}
.landing-nav-account{display:block!important;color:var(--purple-700)!important;background:var(--purple-100);font-weight:900!important}
.landing-v16 .site-footer{padding-bottom:calc(98px + env(safe-area-inset-bottom))}
.landing-v16 .chatbot-fab{bottom:calc(var(--mobile-nav-height) + 12px + env(safe-area-inset-bottom))}
.landing-v16 .cta-panel{grid-template-columns:1fr;padding:28px 22px}
.landing-v16 .cta-panel .btn{width:100%}

@media (max-width:559px){
  .landing-v16 .hero-note{display:grid;gap:9px}
  .landing-v16 .hero-visual{min-height:340px}
  .landing-v16 .floating-card.one{max-width:175px}
  .landing-v16 .floating-card.three{display:flex;right:5px;bottom:0;max-width:190px}
  .landing-v16 .stats-panel{grid-template-columns:1fr}
  .landing-v16 .landing-role-grid{grid-template-columns:1fr}
  .landing-v16 .landing-role{padding:19px 16px}
  .landing-v16 .landing-role .icon-box{width:46px;height:46px;margin-bottom:14px}
  .landing-v16 .landing-role p{font-size:.9rem}
}

@media (min-width:420px) and (max-width:559px){
  .landing-v16 .landing-role-grid{grid-template-columns:1fr 1fr}
}

@media (min-width:560px){
  .landing-v16 .hero-grid{padding-top:58px}
  .landing-v16 .landing-lesson-grid,.landing-v16 .landing-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .landing-v16 .cta-panel{grid-template-columns:1fr auto;padding:42px}
  .landing-v16 .cta-panel .btn{width:auto}
}

@media (min-width:900px){
  .landing-nav-account{display:none!important}
  .landing-v16 .hero-grid{min-height:700px;padding:78px 0 88px}
  .landing-v16 .hero-visual{min-height:550px}
  .landing-v16 .hero-image,.landing-v16 .hero-image-shade{height:470px}
  .landing-v16 .hero-stats{margin-top:-38px}
  .landing-v16 .landing-lesson-grid,.landing-v16 .landing-role-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .landing-v16 .site-footer{padding-bottom:24px}
}

@media (prefers-reduced-motion:reduce){
  .landing-v16 *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}