/* One preview occupies the stage; translated content stays in normal flow. */
.classroom-home .hero-visual{min-height:0;min-width:0}
.classroom-home .visual-stage{scroll-margin-top:calc(var(--home-header-height,180px) + 20px);height:auto;max-width:540px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px;perspective:none;transform-style:flat;padding:20px 16px}
.classroom-home .visual-stage .arch-frame{inset:0;width:auto;height:auto;z-index:-1;pointer-events:none;transform:none}
.classroom-home .visual-stage .orbit{display:none}
.classroom-home .visual-stage .phone{position:relative;inset:auto;margin:0;transform:none;opacity:1;filter:none;width:min(285px,100%);height:auto;min-width:0;z-index:auto;transition:none;transform-style:flat}
.classroom-home .visual-stage .phone[hidden]{display:none}
.classroom-home .visual-stage .phone-side{min-height:620px;padding:24px 20px;border-radius:37px}
.classroom-home .visual-stage .phone-side .phone-bar{direction:ltr}
.classroom-home .visual-stage .phone-side .mini-title{font-family:inherit;font-size:20px;line-height:1.5}
.classroom-home .visual-stage .phone-side .habit-row{font-size:13px;align-items:flex-start}
.classroom-home .visual-stage .phone-side .habit-row i{flex:0 0 20px}
.classroom-home .visual-stage .phone-side .stability{gap:12px;font-size:12px}
.classroom-home .visual-stage .phone-side button{font-size:13px;line-height:1.5}
.classroom-home .hero-preview-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:380px}
.classroom-home .hero-preview-picker .floating-app{position:static;inset:auto;display:flex;flex-direction:column;align-items:center;gap:7px;width:auto;height:auto;min-width:0;padding:10px 4px;border-radius:14px;transform:none;box-shadow:none;backdrop-filter:none;color:#fff}
.classroom-home .hero-preview-picker .floating-app img{width:40px;height:40px;border-radius:12px}
.classroom-home .hero-preview-picker .floating-app span{font-size:11px;line-height:1.4;overflow-wrap:normal}
.classroom-home .hero-preview-picker .floating-app:is(:hover,.is-active){background:rgba(232,189,92,.1);border-color:#e8bd5c}
.classroom-home .visual-stage .privacy-float{position:static;inset:auto;transform:none;min-width:0;max-width:100%;width:max-content;margin:0;box-shadow:none}
.classroom-home .privacy-float>span{flex:0 0 36px}
.classroom-home .privacy-float div{min-width:0}
.classroom-home .hero-promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.classroom-home .hero-promises div{min-width:0;padding-inline:12px}
@media(max-width:980px){.classroom-home .hero-grid{grid-template-columns:1fr;gap:42px}.classroom-home .hero-copy{max-width:720px;margin-inline:auto;width:100%}}
@media(max-width:640px){.classroom-home .visual-stage{padding:16px 8px;gap:18px}.classroom-home .visual-stage .phone{width:min(250px,100%)}.classroom-home .visual-stage .phone-side{min-height:545px}.classroom-home .hero-preview-picker{gap:7px}.classroom-home .hero-preview-picker .floating-app img{width:34px;height:34px}.classroom-home .hero-promises span{font-size:10px;letter-spacing:.02em}}

/* Website headings only: allow room for scripts with taller glyphs. */
html:is([lang="fa"],[lang="he"],[lang="ta"],[lang="th"],[lang="zh"],[lang="ja"],[lang="ko"]) .classroom-home :where(.hero h1,.section-heading h2,.section-intro h2,.path-copy h2,.values-heading h2,.support-copy h2){font-family:system-ui,sans-serif;line-height:1.25;letter-spacing:0}

html:not([lang="en"]):not([lang="ar"]) .classroom-home .hero h1{font-size:clamp(42px,4.8vw,72px);line-height:1.2;hyphens:none;letter-spacing:-.025em}