:root{--blue:#1672e8;--blue-dark:#115cbd;--purple:var(--blue);--purple-dark:var(--blue-dark)}
body{background:#eaf5ff}
.catalog-cover,.catalog-module-list .catalog-cover,.level-module-grid .catalog-cover{aspect-ratio:2/1}
.module-hero-card>.catalog-cover{border-radius:6px;margin-bottom:14px}
.conversation-cover>.catalog-cover{max-width:640px;aspect-ratio:2/1;border-radius:8px;margin-bottom:20px}
.wrap{max-width:1440px;padding-inline:24px}
.site-header{height:72px;margin-top:16px;padding-block:10px;gap:24px;background:#fff;border:1px solid #dae9f6;border-radius:8px}
.brand{gap:10px;font-size:25px;letter-spacing:0;white-space:nowrap}.brand-mark{background:transparent;box-shadow:none;color:#1672e8;width:36px;height:40px;font-family:'Noto Sans Hebrew',Arial,sans-serif}.brand-ai{color:#1672e8}
.site-header nav{margin-right:auto;display:flex;gap:28px;align-items:center;font-size:14px;color:#17233b}.site-header nav>*{display:inline-flex;align-items:center;min-height:44px;padding:0}
.header-actions{display:flex;align-items:center;gap:12px;flex:none}.nav-placement{padding:9px 16px;border:1px solid #3986ed;border-radius:6px;background:#fff;font-size:14px;font-weight:700;color:#1468d3}.nav-placement:hover{background:#edf5ff}.nav-account{min-height:44px;background:transparent;border:0;color:#1468d3;font-size:14px;font-weight:700;padding:8px 12px;border-radius:6px}
.lesson-home{padding-top:22px}.home-title-row{display:flex;gap:8px 16px;align-items:baseline;flex-wrap:wrap;padding-bottom:14px}.home-title-row h1{font-size:23px;line-height:1.3;letter-spacing:0}.home-title-row>span{color:#52677e;font-size:14px}
.lesson-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);background:#fff;border-radius:8px;overflow:hidden}
.home-demo{padding:26px 30px 20px;min-width:0}.home-demo>.screen-label{font-size:11px;letter-spacing:.7px;color:#1468d3}.home-demo h2{margin-top:7px;font-size:30px;line-height:1.3;letter-spacing:0}
.home-word-row{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(0,1.2fr);align-items:center;gap:24px;margin-top:14px}.home-word-copy{min-width:0}
.home-hebrew{display:block;padding:0 4px;width:100%;background:none;color:#152340;text-align:start;border-radius:6px}.home-hebrew>span{display:block;font-family:'Noto Sans Hebrew',Arial,sans-serif;font-size:88px;font-weight:500;line-height:1.55;text-align:center}.home-hebrew:hover{background:#f1f7ff}
.home-pronunciation{font-size:24px;line-height:1.4;text-align:center;margin-top:2px}.home-pronunciation>span{color:#52677e}.home-greeting{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;border-radius:6px}
.home-demo-actions{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin-top:22px}.home-demo-actions>button{min-height:48px;padding:10px 18px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700}.home-demo-actions .home-begin{flex:1;box-shadow:none}
.home-listen{border:1px solid #6aa4ed;color:#1b3657;background:#fff}.home-listen svg,.home-save-word svg{width:20px;height:20px;flex:none;color:#1672e8}.home-save-word{background:#edf5ff;color:#385b82}.home-save-word[aria-pressed=true]{color:#20705b;background:#eaf8f2}.home-demo-actions>button:hover:not(.primary){background:#e4f0ff}
.home-demo-links{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:10px}.home-demo-links>button{background:none;color:#426991;font-size:12px;padding:4px 0;min-height:36px;text-align:left}
.home-orli{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;padding:14px 20px;min-height:116px;background:#e3f1fb;overflow:hidden}.home-robot{display:block;width:88px;height:88px;position:static;object-fit:contain}
.home-orli-message{position:static;margin:0;width:auto;min-width:0;overflow-wrap:anywhere}.home-orli-message>strong{display:block;font-size:17px;line-height:1.5;color:#17538c}.home-orli-message>strong>span{display:block;font-size:13px;font-weight:400;color:#52677e}.home-orli-message>p{margin-top:10px;font-size:15px;line-height:1.65;color:#263952}
.home-word-explanation{margin-top:14px;border-top:1px solid #d9e9f8;padding-top:12px}.home-word-explanation strong{font-size:15px}.home-word-explanation p{color:#4d637c;font-size:14px;line-height:1.8;margin-top:5px}
.home-exercise{border-top:1px solid #d9e9f8;margin-top:16px;padding-top:16px}.home-exercise h3{font-size:18px;line-height:1.5;letter-spacing:0}.home-answer-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.home-answer-list button{padding:10px 18px;border:1px solid #bdd5ed;border-radius:6px;background:#fff;color:#263952;font-size:14px}.home-answer-list button:hover{background:#edf5ff}.home-answer-list button.is-correct{color:#20705b;border-color:#6fb59f;background:#eaf8f2;opacity:1}.home-answer-list button.is-incorrect{color:#a33b40;border-color:#d78e93;background:#fff1f2}
#home-answer-feedback{font-size:14px;line-height:1.6;color:#42617d;margin-top:12px}.home-next{background:none;color:#1468d3;font-weight:700;padding:7px 0}
.desktop-product-copy{display:none}
.footer{margin-top:10px;padding-block:22px;gap:20px;flex-wrap:wrap}.footer>div{display:flex;flex-wrap:wrap;gap:12px 22px}.footer button{font-size:13px;color:#426991;padding:5px 0}.footer .brand{font-size:20px}
@media(min-width:1488px){.site-header{max-width:1392px}}
@media(max-width:1050px){.site-header{gap:16px}.site-header nav{gap:16px}.lesson-workspace{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.home-demo{padding:22px}.home-demo h2{font-size:26px}.home-word-row{grid-template-columns:minmax(170px,.9fr) minmax(0,1fr);gap:16px}.home-hebrew>span{font-size:74px}.home-pronunciation{font-size:21px}.home-orli-message>p{font-size:15px}.home-demo-actions>button{padding-inline:13px;font-size:14px}}
@media(max-width:780px){.site-header{margin:0;border-radius:0;height:64px;border:0;border-bottom:1px solid #dae9f6}.site-header nav{display:none}.header-actions{margin-left:auto;gap:4px}.nav-placement{padding:8px 10px;font-size:12px}.nav-account{padding-inline:8px;font-size:12px}.brand{font-size:22px;gap:6px}.brand-mark{width:28px;height:34px;font-size:31px}.lesson-workspace{grid-template-columns:1fr;overflow:visible}.home-orli{grid-row:2;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:14px 16px;min-height:100px;border-radius:0 0 8px 8px}.home-robot{width:72px;height:72px;align-self:center}.home-orli-message>strong{font-size:16px}.home-orli-message>p{margin-top:6px;padding:0;border-radius:0;background:transparent;font-size:15px;line-height:1.6}.home-demo{padding:18px 20px 14px}.home-title-row{padding-bottom:10px}.home-title-row h1{font-size:20px}.home-title-row>span{font-size:12px}.home-greeting{aspect-ratio:1.6;max-height:160px}}
@media(max-width:520px){.wrap{padding-inline:16px}.lesson-home{padding-top:14px}.home-title-row{gap:8px;flex-wrap:wrap}.home-demo{padding:14px 16px 12px}.home-demo>.screen-label{font-size:10px}.home-demo h2{font-size:22px}.home-word-row{margin-top:8px;gap:12px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.home-hebrew>span{font-size:58px;line-height:1.65}.home-pronunciation{font-size:17px}.home-greeting{aspect-ratio:1.2;max-height:128px}.home-demo-actions{margin-top:16px;gap:8px}.home-demo-actions>button{min-height:44px;padding-inline:10px;font-size:13px}.home-demo-actions .home-begin{flex:1 1 45%}.home-listen{flex:1 1 42%}.home-save-word{flex:1 1 100%;min-height:40px!important}.home-demo-links{margin-top:4px;gap:4px 14px}.home-demo-links>button{font-size:11px}.home-answer-list{display:grid;grid-template-columns:1fr}.footer .brand{display:none}.footer>div{justify-content:center;width:100%;gap:8px 18px}.footer button{font-size:12px}}
@media(max-width:360px){.site-header{padding-inline:12px;gap:6px}.brand{font-size:19px}.nav-placement{font-size:11px;padding-inline:7px}.home-hebrew>span{font-size:50px}.home-pronunciation{font-size:15px}.home-demo h2{font-size:20px}}

@media(min-width:781px){
  .lesson-home{padding-block:40px 12px}
  .home-product-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(410px,1.04fr);gap:42px;align-items:center}
  .home-product-intro{min-width:0;padding-block:6px}
  .home-title-row{padding-bottom:0}
  .home-title-row h1{max-width:610px;color:#173a60;font-size:clamp(34px,3.4vw,48px);line-height:1.15;font-weight:700}
  .home-title-row>span{display:none}
  .desktop-product-copy{display:block}
  .home-product-description{max-width:560px;margin-top:18px;color:#486581;font-size:17px;line-height:1.7}
  .home-product-features{display:grid;gap:16px;margin:24px 0 0;padding:0;list-style:none}
  .home-product-features>li{display:flex;align-items:flex-start;gap:13px;min-width:0}
  .home-product-features>li>svg,.home-feature-symbol{display:flex;align-items:center;justify-content:center;flex:none;width:27px;height:29px;color:#1672e8}
  .home-feature-symbol{font-family:'Noto Sans Hebrew',Arial,sans-serif;font-size:27px;line-height:1}
  .home-feature-ai{font-family:inherit;font-size:17px;font-weight:700}
  .home-product-features strong{display:block;color:#254d76;font-size:15px;line-height:1.5}
  .home-product-features p{max-width:480px;margin-top:3px;color:#57728c;font-size:14px;line-height:1.6}
  .home-product-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:26px}
  .home-product-actions>.primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:14px;min-height:46px}
  .home-product-actions>a{display:inline-flex;align-items:center;min-height:44px;color:#2166ad;font-size:14px;font-weight:700;text-decoration:none}
  .home-product-actions>a:hover{text-decoration:underline}
  .home-product-actions>a:focus-visible{outline:2px solid #1672e8;outline-offset:4px;border-radius:3px}
  .home-product-meta{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:17px;color:#668099;font-size:12px;line-height:1.5}
  .home-product-meta>span+span{padding-left:18px;border-left:1px solid #c6dced}
  .lesson-workspace{grid-template-columns:minmax(0,1fr);border:1px solid #d5e6f6;box-shadow:0 8px 30px rgba(36,82,126,.045)}
  .home-demo{padding:25px 26px 18px}
  .home-demo h2{font-size:26px}
  .home-word-row{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:20px;margin-top:12px}
  .home-hebrew>span{font-size:76px}
  .home-pronunciation{font-size:21px}
  .home-greeting{max-height:180px;aspect-ratio:1.4}
  .home-demo-actions{gap:8px;margin-top:18px}
  .home-demo-actions>button{min-height:44px;padding-inline:13px;font-size:14px}
  .home-demo-links{gap:12px 18px}
  .home-orli{min-height:102px;border-top:1px solid #dbeaf7}
  .home-orli-message>strong{font-size:16px}
  .home-orli-message>p{margin-top:5px;font-size:15px;line-height:1.6}
}
@media(min-width:781px) and (max-width:1050px){
  .home-product-layout{grid-template-columns:minmax(0,1fr) minmax(360px,1.1fr);gap:24px}
  .home-title-row h1{font-size:34px}
  .home-product-description{font-size:15px;margin-top:14px}
  .home-product-features{gap:13px;margin-top:20px}
  .home-product-features p{font-size:13px}
  .home-demo{padding:20px}
  .home-demo h2{font-size:24px}
  .home-hebrew>span{font-size:66px}
  .home-pronunciation{font-size:18px}
  .home-word-row{gap:12px}
}

/* Readable mobile course labels without expanding the compact two-column catalog. */
@media(max-width:780px){
  .home-title-row>span,.home-demo-links>button{font-size:13px}
  .home-demo-actions>button{font-size:14px}
  .home-program-count,.catalog-progress,.level-module-heading>span{font-size:13px;color:#526b84}
  .home-level-tabs button{font-size:13px}
  .catalog-module-copy strong{font-size:15px}
  .catalog-module-outcome{font-size:13px;color:#536d87;line-height:1.55}
  .catalog-module-footer small{font-size:12px;color:#536d87}
  .catalog-module-order,.catalog-module-next{font-size:12px}
  .catalog-level-link{font-size:14px}
}