/* ========== Scope Lock / Tokens ========== */
    :where(#mq-teachers-hero.mqt2){
      --ink:#0f172a;
      --muted:#4b5563;
      --primary:#2563eb;
      --primary-dark:#1d4ed8;
      --chip:#facc15;
      --chip-soft:#fef9c3;
      --surface:#ffffff;
      --ring:#e2ecff;
      --pill:999px;
      --r-lg:22px;
      --r:14px;
      --sh-lg:0 26px 60px rgba(15,23,42,.16);
      --sh-md:0 18px 40px rgba(15,23,42,.12);
      --sh-sm:0 8px 18px rgba(15,23,42,.10);
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
      color:var(--ink);
      background:
        radial-gradient(800px 600px at -10% -20%, rgba(37,99,235,.10), transparent 60%),
        radial-gradient(900px 620px at 120% 0%, rgba(250,204,21,.10), transparent 55%),
        linear-gradient(180deg,#f5f9ff,#eef3ff);
      padding:clamp(48px,7vw,96px) 16px;
      position:relative;
      isolation:isolate;
      overflow:hidden;
      -webkit-text-size-adjust:100%;
      text-size-adjust:100%;
    }
    :where(#mq-teachers-hero.mqt2 *){ box-sizing:border-box; min-width:0 }

    /* ========== Layout ========== */
    .mqt2-inner{
      max-width:1140px;
      margin:0 auto;
      display:grid;
      gap:32px;
      align-items:center;
    }
    @media (min-width:960px){
      .mqt2-inner{
        grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
      }
    }

    /* ========== Left: Copy ========== */
    .mqt2-chip{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:4px 12px;
      border-radius:var(--pill);
      background:var(--chip-soft);
      color:#92400e;
      font-size:12px;
      font-weight:700;
      border:1px solid #fcd34d;
      box-shadow:var(--sh-sm);
    }
    .mqt2-chip span{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:18px;
      height:18px;
      border-radius:50%;
      background:#facc15;
      color:#92400e;
      font-size:11px;
      font-weight:800;
    }

    .mqt2-title{
      margin:14px 0 10px;
      font-size:clamp(26px,3.4vw,38px);
      line-height:1.1;
      font-weight:800;
      letter-spacing:.01em;
      color:#111827;
    }
    .mqt2-highlight{
      position:relative;
      display:inline-block;
    }
    .mqt2-highlight::after{
      content:"";
      position:absolute;
      inset:auto 0 -4px 0;
      height:9px;
      border-radius:var(--pill);
      background:linear-gradient(90deg,#bfdbfe,#93c5fd);
      opacity:.7;
      z-index:-1;
    }

    .mqt2-lead{
      margin:0 0 18px;
      max-width:520px;
      color:var(--muted);
      font-size:15px;
      line-height:1.8;
    }

    .mqt2-points{
      list-style:none;
      padding:0;
      margin:0 0 20px;
      display:grid;
      gap:10px;
    }
    .mqt2-point{
      display:flex;
      align-items:flex-start;
      gap:10px;
      font-size:14px;
      color:#1f2933;
    }
    .mqt2-point-icon{
      margin-top:2px;
      width:18px;
      height:18px;
      border-radius:999px;
      background:#dbeafe;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:#1d4ed8;
      font-size:11px;
      font-weight:800;
      flex-shrink:0;
    }

    .mqt2-actions{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:4px;
    }
    .mqt2-btn{
      appearance:none;
      border:0;
      cursor:pointer;
      text-decoration:none;
      font-weight:700;
      font-size:14px;
      min-height:44px;
      padding:11px 18px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:6px;
      transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
    }
    .mqt2-btn--primary{
      background:linear-gradient(180deg,var(--primary),var(--primary-dark));
      color:#fff;
      box-shadow:0 18px 40px rgba(37,99,235,.35);
    }
    .mqt2-btn--outline{
      background:#eef2ff;
      color:#1d4ed8;
      border:1px solid #c7d2fe;
    }
    .mqt2-btn:hover{
      transform:translateY(-1px);
    }

    .mqt2-subnote{
      margin-top:8px;
      font-size:12px;
      color:#6b7280;
    }

    /* ========== Right: Image ========== */
    .mqt2-right{
      display:flex;
      justify-content:center;
    }
    .mqt2-media{
      width:100%;
      max-width:420px;
      border-radius:var(--r-lg);
      border:1px solid var(--ring);
      background:var(--surface);
      box-shadow:var(--sh-lg);
      padding:10px;
      position:relative;
      overflow:hidden;
    }
    .mqt2-media-inner{
      border-radius:calc(var(--r-lg) - 6px);
      overflow:hidden;
      background:#dbeafe;
      position:relative;
    }
    .mqt2-media-inner::before{
      content:"";
      display:block;
      padding-top:70%; /* aspect ratio */
    }
    .mqt2-media img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }

    /* small glow dot */
    .mqt2-media::after{
      content:"";
      position:absolute;
      width:120px;
      height:120px;
      border-radius:999px;
      background:radial-gradient(circle at 30% 20%,rgba(37,99,235,.35),transparent 60%);
      bottom:-60px;
      right:-40px;
      opacity:.9;
      pointer-events:none;
    }