/* Follow-up to the current HeyCatch findings: reuse the site's existing tokens. */
.hero__student {max-width:52rem;margin:1rem auto 0;color:var(--text-muted);font-size:1rem}
.stat__num--word {font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.2;overflow-wrap:anywhere}
.output-preview {margin:1.5rem 0;padding:1.3rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);text-align:left}
.output-preview__label {font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#8de8f3!important;margin:0 0 .55rem!important}
.output-preview h4 {font-size:1.15rem;line-height:1.35;margin:0 0 .75rem}
.output-preview h5 {font-size:.95rem;font-weight:700;color:var(--text);margin:1rem 0 .35rem}
.output-preview p,.output-preview li {font-size:.9rem;line-height:1.6;color:var(--text-muted)}
.output-preview p {margin:0 0 .7rem}
.output-preview ul {list-style:disc;padding-left:1.25rem;margin:.35rem 0}
.output-preview strong {color:var(--text)}
.output-preview details {border-block:1px solid var(--border);margin:1rem 0;padding:.4rem 0}
.output-preview summary {display:list-item;cursor:pointer;min-height:44px;padding:.5rem 0;font-size:.95rem;font-weight:650}
.output-preview time {font-variant-numeric:tabular-nums;font-size:.8rem;margin-right:.4rem}
.output-preview__note,.output-preview__review {font-size:.8rem!important}
.output-preview__review {border-top:1px solid var(--border);padding-top:.8rem;margin-top:1rem!important}
.product-fit {font-size:.95rem;max-width:75ch;color:var(--text-muted);border-left:3px solid #8de8f3;padding-left:1rem}
.studio-values {margin-top:1.2rem;color:var(--text-muted)}
.contact-updates {max-width:var(--content);margin:1.5rem auto 0;padding:0 1.5rem}
.contact-updates>summary {cursor:pointer;min-height:44px;padding:1rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-weight:650;color:var(--text);list-style:disclosure-closed}
.contact-updates[open]>summary {list-style:disclosure-open;margin-bottom:2rem}
.contact-updates .section__head {margin-bottom:1.5rem}
.contact-updates .smsbox {max-width:760px}
.contact-updates .container {padding-inline:0}
.contact-updates .smsform__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:560px) {
 .hero h1 {font-size:1.9rem;line-height:1.15}
 .hero__lead {font-size:1rem;line-height:1.65}
 .hero__student {font-size:.95rem}
 .header .brand {min-height:44px}
 .header .nav {gap:.6rem}
 .header .nav a {min-width:44px;justify-content:center}
 .header .lang__btn,.header__actions>.btn,.badge-link {min-height:44px}
 .header .lang__btn {min-width:44px}
 .lang-opt {min-height:44px}
 .footer__col a {min-height:44px;display:inline-flex;align-items:center}
 .output-preview {padding:1rem}
 .contact-updates {padding-inline:1.25rem}
 .contact-updates .smsbox {padding:1.25rem}
 .contact-updates .smsform__grid {grid-template-columns:1fr}
}