/* TeachWitch — performance & mobile overrides, 2026-10-09 */
.reference-icon{background-image:url('https://www.teachwitch.com/assets/perf-20261009/school-atlas.webp')!important}

.tool-categories,.tool-category,.tool-category header,.tool-category header>div,
.tool-tiles,.tool-tile,.status-left,.status-contact,.footer,.footer>*{min-width:0}

.hero-reference .hero-bg picture{display:block;width:100%;height:100%}

@media(max-width:720px){
  .message-button,.message-button.small,.footer-actions button{min-height:44px!important}
  .status-left small a,
  footer.footer nav[aria-label="Découvrir TeachWitch"] a{
    display:inline-flex;align-items:center;min-height:44px;padding:0 4px
  }
  .modal-close{width:44px!important;height:44px!important}
  .hero-reference .hero-bg{width:100%!important;margin:0!important}
  .hero-reference .hero-bg img{
    position:absolute!important;inset:0!important;left:0!important;
    width:100%!important;max-width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center 58%!important
  }
  .tools-module,.status-module{width:calc(100% - 24px)!important}
  .tool-categories{grid-template-columns:1fr!important}
  .tool-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tool-category header{grid-template-columns:58px minmax(0,1fr)!important}
  .tool-category header p{font-size:.78rem!important}
  .tool-tile b{font-size:.75rem!important;overflow-wrap:anywhere}
  .status-left p,.status-contact p{font-size:.8rem!important}
  .footer{gap:8px!important}
}

@media(max-width:520px){
  .hero-reference .hero-top{
    flex-direction:column;align-items:stretch!important;gap:8px!important
  }
  .hero-reference .hero-brand{width:100%}
  .hero-reference .contact-quick{
    width:100%;justify-items:stretch!important;margin-top:0!important
  }
  .hero-reference .contact-quick .message-button{width:100%}
  .hero-reference .hero-copy h1{font-size:clamp(2.35rem,12vw,3.15rem)!important}
  footer.footer nav[aria-label="Découvrir TeachWitch"]{
    justify-content:flex-start!important;gap:0 10px!important
  }
}

@media(max-width:420px){
  .countdown-boxes{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .countdown-boxes span{font-size:.65rem!important}
  .demo-choices{grid-template-columns:1fr!important}
}

.status-module::before,.status-module::after{background-image:url("https://www.teachwitch.com/assets/perf-20261009/leaf-96.webp")!important}

@media(min-width:721px) and (max-width:899px){
  .hero-reference .hero-bg{width:100%!important;margin:0!important;overflow:hidden!important}
  .hero-reference .hero-bg img{
    inset:0!important;left:0!important;width:100%!important;max-width:100%!important;
    height:100%!important;object-fit:cover!important;object-position:center 58%!important
  }
}

@media(max-width:720px){
  .status-module{overflow:hidden!important}
}

@media(min-width:721px) and (max-width:899px){
  .message-button,.message-button.small,.footer-actions button{min-height:44px!important}
  .status-left small a,
  footer.footer nav[aria-label="Découvrir TeachWitch"] a{
    display:inline-flex;align-items:center;min-height:44px;padding:0 4px
  }
  .status-module{overflow:hidden!important}
}

.home-seo-module{
  margin-top:20px;
  padding:28px 32px;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);
  gap:28px;
  align-items:start;
  border:1px solid #e0e6f5;
  border-radius:26px;
  background:linear-gradient(135deg,#ffffff,#f7f5ff 68%,#eef7ff);
  box-shadow:0 14px 34px rgba(53,67,132,.07);
}
.home-seo-copy h2{
  margin:0;
  max-width:760px;
  color:#1f2856;
  font-size:clamp(1.65rem,2.4vw,2.35rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.home-seo-copy p:not(.module-kicker){
  max-width:850px;
  margin:12px 0 0;
  color:#65708f;
  font-size:.91rem;
  line-height:1.58;
}
.home-seo-links{display:grid;gap:9px;padding-top:4px}
.home-seo-links a{
  min-height:46px;
  display:flex;
  align-items:center;
  padding:10px 13px;
  border:1px solid #e1e5f4;
  border-radius:13px;
  background:#fff;
  color:#4d4ca6;
  font-size:.82rem;
  font-weight:800;
  text-decoration:none;
}
.home-seo-links a:hover,.home-seo-links a:focus{background:#f6f4ff}
@media(max-width:820px){
  .home-seo-module{grid-template-columns:1fr;padding:24px 20px}
  .home-seo-links{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .home-seo-module{padding:20px 16px;border-radius:20px}
  .home-seo-links{grid-template-columns:1fr}
}