/* xtraLesson Web RC2.1 — targeted hero alignment with accepted Custom Academies.
 * Existing W4, R3, Learn, footer, form and branding styles are deliberately unchanged.
 */
body.xlw-app .xlw-sc1-hero.xlw-tcs-hero {
  width: 100%;
  max-width: none;
  margin: 0 0 34px;
  border-radius: 0 0 72px 0;
  background: linear-gradient(118deg,#071e3d 0%,#0a376f 58%,#0877ff 145%);
}
body.xlw-app .xlw-tcs-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 78% 22%,rgba(88,176,255,.28),transparent 28%),
    radial-gradient(circle at 90% 105%,rgba(255,138,76,.18),transparent 32%);
}
body.xlw-app .xlw-tcs-hero:after { content: none; }
body.xlw-app .xlw-tcs-hero .xlw-sc1-hero-inner {
  width: min(1180px,calc(100% - 48px));
  max-width: none;
  min-height: 565px;
  padding: 64px 0;
  grid-template-columns: minmax(0,1.3fr) minmax(285px,.7fr);
  gap: clamp(28px,3.8vw,58px);
  align-items: center;
}
body.xlw-app .xlw-tcs-hero .xlw-section-eyebrow { margin-bottom: 14px; color: #a9d7ff; }
body.xlw-app .xlw-tcs-hero h1 {
  max-width: 730px;
  margin: 0 0 19px;
  color: #fff;
  font-size: clamp(2.25rem,3vw,3.25rem);
  font-weight: 730;
  line-height: 1.08;
  letter-spacing: -.028em;
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: balance;
}
body.xlw-app .xlw-tcs-hero .xlw-sc1-hero-lead {
  max-width: 710px;
  color: rgba(255,255,255,.9);
  font-size: clamp(1rem,1.15vw,1.08rem);
  line-height: 1.65;
}
body.xlw-app .xlw-tcs-hero .xlw-sc1-hero-actions { margin-top: 24px; }
body.xlw-app .xlw-tcs-hero .xlw-sc1-hero-note { margin-top: 13px; color: #c8def4; }
body.xlw-app .xlw-tcs-hero .xlw-sc1-hero-aside {
  padding: clamp(22px,2.6vw,32px);
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 24px;
  background: rgba(255,255,255,.09);
  box-shadow: 0 22px 48px rgba(0,0,0,.12);
  backdrop-filter: blur(10px);
}
body.xlw-app .xlw-tcs-hero .xlw-sc1-aside-tag { color: #abd8ff; }
body.xlw-app .xlw-tcs-hero .xlw-sc1-aside-line {
  grid-template-columns: 40px minmax(0,1fr);
  gap: 13px;
  padding: 13px 0;
}
body.xlw-app .xlw-tcs-hero .xlw-sc1-aside-line strong {
  font-size: clamp(.92rem,1.04vw,1.04rem);
  line-height: 1.4;
  font-weight: 650;
}
body.xlw-app .xlw-tcs-hero .xlw-tcs-benefit-icon {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(190,223,255,.42);
  border-radius: 11px;
  color: #d3eaff;
  background: rgba(164,209,255,.13);
}
body.xlw-app .xlw-tcs-hero .xlw-tcs-benefit-icon svg { display:block; width:21px; height:21px; }

/* The existing Custom Academy hero is the reference; its four-capability
 * strapline needs a smaller type scale to avoid awkward three-line wrapping. */
body.xlw-app .xlw-custom-hero-panel strong {
  font-size: clamp(1.05rem,1.5vw,1.3rem);
  line-height: 1.32;
  letter-spacing: -.012em;
  overflow-wrap: normal;
}
@media (max-width: 900px) {
  body.xlw-app .xlw-tcs-hero .xlw-sc1-hero-inner {
    grid-template-columns: minmax(0,1fr);
    min-height: 0;
    gap: 28px;
    padding: 54px 0;
  }
  body.xlw-app .xlw-tcs-hero .xlw-sc1-hero-aside { width:100%; max-width:680px; }
}
@media (max-width: 640px) {
  body.xlw-app .xlw-sc1-hero.xlw-tcs-hero { border-radius: 0 0 40px 0; margin-bottom: 22px; }
  body.xlw-app .xlw-tcs-hero .xlw-sc1-hero-inner {
    width: calc(100% - 30px);
    padding: 44px 0 48px;
    gap: 26px;
  }
  body.xlw-app .xlw-tcs-hero h1 {
    font-size: clamp(2rem,7.6vw,2.65rem);
    line-height: 1.1;
    margin-bottom: 17px;
  }
  body.xlw-app .xlw-tcs-hero .xlw-sc1-hero-lead { font-size: 1rem; line-height:1.58; }
  body.xlw-app .xlw-tcs-hero .xlw-sc1-hero-actions { flex-direction:column; align-items:stretch; gap:10px; }
  body.xlw-app .xlw-tcs-hero .xlw-sc1-hero-actions .xlw-button { width:100%; }
  body.xlw-app .xlw-tcs-hero .xlw-sc1-hero-aside { padding: 23px 21px; }
  body.xlw-app .xlw-tcs-hero .xlw-sc1-aside-line { grid-template-columns: 38px minmax(0,1fr); }
  body.xlw-app .xlw-custom-hero-panel strong { font-size: 1.15rem; }
}