/* A compact introduction keeps the level library prominent and centered. */
.hero{grid-template-columns:130px minmax(0,1fr) 270px;gap:26px;max-width:1120px;margin:24px auto 30px;padding:23px 26px;background:#fff;border:1px solid #e7e2ee;border-radius:22px;align-items:center}
.hero .portrait-panel{width:130px;height:155px;max-width:none;margin:0;border-radius:18px;background:linear-gradient(145deg,#ede7f7,#faf2e9)}
.hero .portrait-backdrop{display:none}
.hero .teacher-portrait{width:130px;max-width:100%;height:155px;object-fit:cover;object-position:center 16%;transform:none;filter:none}
.hero .eyebrow{font-size:8px;letter-spacing:1.3px}
.hero h1{font-size:26px;letter-spacing:-.7px;line-height:1.35;margin:9px 0 10px}
.hero .hero-description{max-width:520px;font-size:11px;line-height:1.85}
.hero .hero-actions{margin-top:15px;gap:12px}
.hero .primary-button{font-size:10px;padding:9px 13px;border-radius:9px;gap:15px}
.hero .hero-caption{font-size:9px}
.hero>.beneficiary-counter{width:100%;margin:0;padding:14px 12px;gap:10px;box-shadow:none;border-radius:15px}
.hero .beneficiary-icon{width:50px;height:62px}
.hero .beneficiary-total>span{font-size:11px}
.hero .beneficiary-total strong{font-size:29px}
.hero .beneficiary-copy small{font-size:9px;max-width:165px}
.level-library{max-width:1120px;margin:28px auto 38px}
.level-library-heading{text-align:center}
.level-library-heading .eyebrow{justify-content:center}
.level-choice-grid{max-width:1080px;margin-inline:auto}
.level-choice-card{text-align:center;align-items:center}
.level-choice-card .level-resource-tags{justify-content:center}
.level-choice-card .level-choice-open{align-self:stretch;text-align:left}
@media(max-width:1000px){.hero{grid-template-columns:110px minmax(0,1fr);gap:20px;padding:22px}.hero .portrait-panel{width:110px;height:140px}.hero .teacher-portrait{width:110px;height:140px}.hero>.beneficiary-counter{grid-column:2;width:max-content;max-width:100%;padding:9px 14px}.hero .beneficiary-icon{width:38px;height:43px}.hero .beneficiary-total strong{font-size:25px}.hero .beneficiary-total{flex-direction:row;align-items:center;gap:12px}.hero .beneficiary-copy small{max-width:none}.level-choice-card{align-items:initial}.level-choice-card .level-choice-symbol{justify-self:center}}
@media(max-width:600px){.hero{grid-template-columns:76px minmax(0,1fr);gap:15px 13px;padding:18px 15px;margin:20px auto 25px;border-radius:17px;align-items:start}.hero .portrait-panel{width:76px;height:101px;border-radius:13px}.hero .teacher-portrait{width:76px;height:101px}.hero h1{font-size:21px;letter-spacing:-.6px;margin-top:7px}.hero .eyebrow{font-size:7px;letter-spacing:.7px}.hero .hero-description{font-size:10px}.hero .hero-actions{flex-wrap:wrap;gap:8px}.hero .hero-caption{display:none}.hero>.beneficiary-counter{grid-column:1/-1;justify-self:center;width:max-content;max-width:100%;padding:10px 15px}.hero .beneficiary-total{flex-direction:column;align-items:flex-start;gap:3px}.hero .beneficiary-copy small{max-width:200px}.hero .beneficiary-icon{width:45px;height:52px}.level-library-heading p{font-size:11px}.level-choice-card{text-align:left}.level-choice-card .level-resource-tags{justify-content:flex-start}}