:root{color-scheme:light;font-family:Tajawal,Segoe UI,system-ui,-apple-system,sans-serif;background:#f6faf7;color:#12201c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(15,118,110,.08),transparent 38%),linear-gradient(225deg,rgba(212,163,74,.12),transparent 34%),#f6faf7}a{color:inherit;text-decoration:none}.page-shell{width:min(1080px,100%);margin:0 auto;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:48px}.topbar-download{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:8px;background:#12201c;color:#fff;font-size:14px;font-weight:900}.landing-nav{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.landing-nav a{min-height:36px;padding:8px 12px;border-radius:8px;color:#42534e;font-size:14px;font-weight:850}.landing-nav a:hover{background:#0f766e14;color:#0f766e}.brand{display:inline-flex;align-items:center;gap:10px;color:#0f766e;font-size:20px;font-weight:900}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#0f766e;color:#fff}.hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-top:20px;padding:28px;border-radius:8px;background:#fff;border:1px solid rgba(15,118,110,.12);box-shadow:0 18px 46px #12201c14}.landing-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);align-items:center;gap:54px;min-height:min(700px,calc(100vh - 96px));margin-top:6px;padding:56px 0 42px}.landing-hero:before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:linear-gradient(90deg,#f6faf71f,#f6faf7 70%),url(/app-icon.png) left 5% center / min(48vw,620px) auto no-repeat;opacity:.13}.landing-hero-copy{max-width:650px}.landing-kicker{display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:8px;background:#e9f7f2;color:#11635d;font-size:14px;font-weight:900}.landing-hero-copy h1{margin-bottom:18px;font-size:clamp(70px,11vw,126px);color:#0f342f}.landing-hero-copy>p:not(.landing-kicker){max-width:610px;color:#374c46;font-size:23px;font-weight:750;line-height:1.9}.landing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px}.trust-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.trust-strip span{border-radius:8px;padding:8px 11px;background:#fff;border:1px solid rgba(18,32,28,.08);color:#4b5d58;font-size:13px;font-weight:850}.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:8px;color:#0f766e;border:1px solid rgba(15,118,110,.22);font-weight:900}.landing-hero-media{position:relative;display:flex;justify-content:center;min-height:510px}.phone-frame{position:relative;z-index:2;width:min(100%,360px);padding:14px;border-radius:36px;background:linear-gradient(180deg,#182d28,#0d1816);box-shadow:0 32px 80px #12201c3d,inset 0 0 0 1px #ffffff14}.phone-frame,.phone-frame *{direction:rtl}.phone-status,.phone-row,.phone-page{border-radius:18px;background:#fff}.phone-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px}.phone-status span,.phone-row span,.phone-page span,.phone-panels span,.side-card span,.teacher-preview-card span,.teacher-preview-card small{display:block;color:#63736f;font-size:13px;font-weight:800}.phone-status strong{display:block;color:#12201c;font-size:17px}.phone-page{margin-top:10px;min-height:238px;padding:24px 18px;text-align:center;background:linear-gradient(180deg,#fffdf8,#fff)}.phone-page p{margin:24px 0 0;color:#12201c;font-size:22px;font-weight:900;line-height:1.9}.phone-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.phone-panels div{min-height:86px;padding:14px;border-radius:18px;background:#fff}.phone-panels strong{display:block;margin-top:10px;color:#0f766e;font-size:18px}.phone-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:14px}.phone-row strong{color:#0f766e;font-size:20px}.phone-row.accent strong{color:#b7791f}.side-card{position:absolute;z-index:3;width:190px;padding:16px;border-radius:8px;background:#fffffff5;border:1px solid rgba(18,32,28,.08);box-shadow:0 18px 42px #12201c21}.side-card strong{display:block;margin-top:7px;color:#12201c;font-size:16px}.teacher-card{top:72px;right:0}.audio-card{left:0;bottom:76px}.landing-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:4px}.landing-section{padding:56px 0 22px}.section-heading{max-width:720px;margin-bottom:22px}.section-heading p{margin-bottom:8px;color:#0f766e;font-size:14px;font-weight:900}.section-heading h2,.teacher-showcase h2,.app-final-cta h2{margin-bottom:10px;color:#12201c;font-size:clamp(30px,5vw,46px);line-height:1.18}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:28px}.landing-feature{min-height:186px;padding:24px;border-radius:8px;background:#fff;border:1px solid rgba(18,32,28,.08);box-shadow:0 12px 30px #12201c0a}.landing-feature h2{margin-bottom:10px;color:#12201c;font-size:22px}.landing-feature p{color:#4b5d58;font-size:16px;font-weight:700;line-height:1.85}.teacher-showcase,.app-final-cta{display:grid;align-items:center;gap:24px;margin:22px 0 0;padding:28px;border-radius:8px;background:#fff;border:1px solid rgba(18,32,28,.08);box-shadow:0 16px 42px #12201c0f}.teacher-showcase{grid-template-columns:minmax(0,1fr) 280px}.teacher-showcase p,.app-final-cta p{color:#4b5d58;font-size:17px;font-weight:700;line-height:1.9}.teacher-preview-card{min-height:280px;padding:22px;border-radius:8px;background:linear-gradient(180deg,#0f766e,#115e59);color:#fff}.teacher-preview-card span,.teacher-preview-card small{color:#ffffffc7}.teacher-preview-card strong{display:block;margin-top:18px;color:#fff;font-size:26px;line-height:1.35}.preview-avatar{display:grid;place-items:center;width:74px;height:74px;margin-bottom:22px;border-radius:50%;background:#ffffff26;color:#fff;font-size:34px;font-weight:900}.app-final-cta{grid-template-columns:auto minmax(0,1fr) auto;margin-bottom:28px;background:#12201c}.app-final-cta img{width:76px;height:76px;border-radius:18px}.app-final-cta h2,.app-final-cta p{color:#fff}.app-final-cta p{margin-bottom:0;color:#ffffffc2}.teacher-identity{display:flex;align-items:center;gap:18px;min-width:0}.avatar{width:116px;height:116px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:4px solid #e6f4ef;background:#0f766e}.initials{display:grid;place-items:center;color:#fff;font-size:34px;font-weight:900}.identity-copy{min-width:0}.eyebrow,.badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.eyebrow span,.badge-row span,.tag-list span{border-radius:8px;padding:7px 10px;background:#e9f7f2;color:#11635d;font-size:13px;font-weight:800}.badge-row span{background:#fff3cf;color:#805a12}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(32px,6vw,56px);line-height:1.08;letter-spacing:0;color:#12201c}.specialization{margin-bottom:14px;color:#4b5d58;font-size:18px;font-weight:800}.download-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:8px;background:#0f766e;color:#fff;font-weight:900;white-space:nowrap;box-shadow:0 12px 28px #0f766e38}.stats-grid,.content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.article-card,.final-cta,.message-state{border-radius:8px;background:#fff;border:1px solid rgba(18,32,28,.08)}.stat-card{padding:18px}.stat-card span{display:block;color:#63736f;font-size:13px;font-weight:800}.stat-card strong{display:block;margin-top:8px;color:#0f766e;font-size:28px;line-height:1.1}.article-card{padding:22px}.article-card h2,.final-cta h2,.message-state h1{margin-bottom:12px;color:#12201c;font-size:22px}.article-card p,.final-cta p,.message-state p{color:#4b5d58;font-size:16px;font-weight:650;line-height:1.9}.tag-list{display:flex;flex-wrap:wrap;gap:9px}.details-list{display:grid;gap:14px;margin:0}.details-list div{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #edf2ef}.details-list div:last-child{border-bottom:0;padding-bottom:0}.details-list dt{color:#63736f;font-weight:800}.details-list dd{margin:0;color:#12201c;font-weight:900}.final-cta,.message-state{margin-top:14px;padding:26px;text-align:center}.message-state{min-height:320px;display:grid;align-content:center}@media(max-width:780px){.page-shell{padding:12px}.hero{grid-template-columns:1fr;padding:20px}.landing-hero{grid-template-columns:1fr;min-height:auto;gap:30px;padding-top:28px}.landing-hero:before{background:linear-gradient(180deg,#f6faf733,#f6faf7 78%),url(/app-icon.png) top 4% center / 420px auto no-repeat}.landing-hero-copy>p:not(.landing-kicker){font-size:19px}.landing-feature-grid,.landing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-showcase,.app-final-cta{grid-template-columns:1fr}.app-final-cta{text-align:center;justify-items:center}.teacher-identity{align-items:flex-start}.avatar{width:86px;height:86px}.download-button{width:100%}.stats-grid,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.landing-nav{justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.teacher-identity{flex-direction:column}.stats-grid,.content-grid,.landing-feature-grid,.landing-metrics{grid-template-columns:1fr}h1{font-size:34px}.landing-hero-copy h1{font-size:66px}.landing-actions .download-button,.secondary-link{width:100%}.landing-hero-media{min-height:470px}.side-card{width:162px}.teacher-card{top:44px}.audio-card{bottom:46px}}