.role-landing-body{min-width:0}.role-how,.role-memberships,.role-faq,.role-availability{margin-top:clamp(40px,6vw,76px)}.role-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.role-step{position:relative;border:1px solid #e0eff6;border-radius:22px;padding:28px;background:linear-gradient(145deg,#fff,#ebf5f9);min-width:0;overflow-wrap:anywhere}.role-step-number{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#00758d;color:#fff;font-weight:800}.role-step h3{font-size:22px}.role-step p{font-size:15px}.role-faq{max-width:850px;margin-left:auto;margin-right:auto}.role-faq details{border:1px solid #d2e8f2;border-radius:16px;background:white;margin:.8rem 0;padding:20px 24px}.role-faq summary{font-size:17px;line-height:1.5;overflow-wrap:anywhere}.role-faq details p{font-size:16px;line-height:1.7}.role-plan{display:flex;flex-direction:column}.role-plan>a{margin-top:auto;padding-top:16px}.role-plan .role-price{font-size:16px}.role-price strong{font-size:32px;letter-spacing:-.04em;color:#102240}.role-availability{padding:28px;border:1px solid #d2e8f2;border-radius:20px;background:#fff}.role-availability a{color:#102240;font-weight:750}.role-board-steps{list-style:none;margin:24px 0 16px;padding:0;display:grid;gap:12px}.role-board-steps li{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #e0eff6;border-radius:15px;background:#f1f8fb;color:#102240}.role-board-steps li>span{font-size:13px;font-weight:850;flex-shrink:0;border-radius:10px;background:#00758d;color:#fff;padding:7px}.role-board-steps strong{font-size:15px}.role-board-steps p{font-size:12px;margin:4px 0;color:#645573}.role-learning-board .board-welcome h2{font-size:clamp(25px,3vw,35px)}@media(max-width:700px){.role-steps{grid-template-columns:1fr}.role-step{padding:22px}.role-faq details{padding:18px}.role-faq summary{font-size:16px}.role-board-steps li{padding:12px}.role-learning-board .board-top{flex-wrap:wrap}}
/* Audience compositions retain the shared Learnaroo purple identity. */
.role-audience-family .role-learning-board{border-radius:64px 24px 24px;background:#fff8f2;transform:rotate(-2deg)}.role-audience-family .role-board-steps{grid-template-columns:1fr 1fr;gap:12px}.role-audience-family .role-board-steps li{display:block;background:#fff2e8;border-color:#f1d8c8}.role-audience-family .role-board-steps li:last-child{grid-column:1/-1;display:flex}.role-audience-family .role-board-steps li>span{display:inline-block;background:#a53850;margin-bottom:10px}.role-audience-family .role-step{background:linear-gradient(145deg,#fff,#fff1e5);border-color:#ead4c5}.role-audience-family .role-step-number{background:#a53850}.role-audience-family .role-how .section-intro{text-align:left;margin-left:0}
.role-audience-educator .role-learning-board{border-radius:18px;transform:none;background:#f8fffd;box-shadow:16px 16px 0 #ffffff12}.role-audience-educator .role-board-steps li{background:#e7f7f1;border-color:#c4e4d9}.role-audience-educator .role-board-steps li>span{background:#1d6557}.role-audience-educator .role-steps{gap:0;border:1px solid #d6e8df;border-radius:22px;overflow:hidden}.role-audience-educator .role-step{border:0;border-radius:0;box-shadow:none;background:#fbfffd;border-right:1px solid #d6e8df}.role-audience-educator .role-step:last-child{border-right:0}.role-audience-educator .role-step-number{background:#1d6557}
.role-audience-pupil .brand-hero{background:radial-gradient(circle at 85% 15%,#ffb33e35,transparent 40%),linear-gradient(140deg,#102240,#13a5bb)}.role-audience-pupil h1 em{color:#ffb33e}.role-audience-pupil .hero-inner{grid-template-columns:.95fr 1.05fr}.role-audience-pupil .role-learning-board{background:#fff9d9;border-radius:32px 72px 32px 32px;transform:rotate(2deg)}.role-audience-pupil .role-board-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.role-audience-pupil .role-board-steps li{display:block;padding:14px 10px;background:#fff;border-color:#eadc93}.role-audience-pupil .role-board-steps li>span{display:inline-block;background:#00758d;margin-bottom:12px}.role-audience-pupil .role-board-steps strong{font-size:14px}.role-audience-pupil .role-board-steps p{line-height:1.6}.role-audience-pupil .role-how{background:#fff8d6;border-radius:32px;padding:30px}.role-audience-pupil .role-step{background:#fff;border-color:#ece0a7}.role-audience-pupil .role-faq{max-width:none}.role-audience-pupil .role-faq details{border-color:#e7dcaf}.role-landing-body .feature-card{display:flex;flex-direction:column}.role-landing-body .feature-card>a{margin-top:auto;padding-top:14px}.role-learning-board .preview-caption{font-size:10px!important}
@media(max-width:800px){.role-audience-pupil .hero-inner{grid-template-columns:1fr}.role-audience-family .role-learning-board,.role-audience-pupil .role-learning-board{transform:none}.role-audience-educator .role-learning-board{box-shadow:none}.role-audience-pupil .role-board-steps{grid-template-columns:1fr}.role-audience-pupil .role-board-steps li{display:flex;gap:14px}.role-audience-pupil .role-board-steps li>span{align-self:start;margin:0;flex-shrink:0}.role-audience-pupil .role-how{padding:22px}.role-audience-educator .role-steps{display:block}.role-audience-educator .role-step{border-right:0;border-bottom:1px solid #d6e8df}.role-audience-educator .role-step:last-child{border-bottom:0}}