:root{--ink:#142c45;--muted:#687e94;--line:#d8e3ed;--soft:#eff5f9;--blue:#2f5bdb}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f9fc;color:var(--ink)}a{color:inherit}.academyNav{height:70px;padding:0 28px;display:flex;align-items:center;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{width:42px}.brand span{display:grid}.brand b{font-size:16px}.brand small{font-size:10px;color:var(--muted)}nav{margin-left:auto;display:flex;gap:8px}nav a{padding:10px 13px;border:1px solid var(--line);background:#fff;border-radius:10px;text-decoration:none;font-size:11px;font-weight:850}nav a.primary{background:var(--blue);border-color:var(--blue);color:#fff}main{max-width:1460px;margin:auto;padding:28px}.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:28px;align-items:center;background:linear-gradient(120deg,#f8fbff,#eef5ff);border:1px solid #d7e3f2;border-radius:24px;padding:34px;overflow:hidden}.hero small{font-size:10px;color:var(--blue);font-weight:950;letter-spacing:.14em}.hero h1{font-size:44px;line-height:1.04;margin:9px 0 14px;max-width:700px}.hero p{font-size:15px;line-height:1.6;color:var(--muted);max-width:680px}.heroActions{display:flex;gap:9px;margin-top:20px}.heroActions a{background:var(--blue);color:#fff;text-decoration:none;padding:12px 16px;border-radius:11px;font-size:12px;font-weight:900}.heroActions a.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.heroStack{position:relative}.heroStack img{width:100%;display:block;border-radius:15px;border:1px solid #cddaea;box-shadow:0 25px 65px rgba(26,60,97,.18)}.heroStack span{position:absolute;right:14px;bottom:14px;padding:7px 10px;border-radius:999px;background:#fff;color:var(--blue);font-size:10px;font-weight:900;box-shadow:0 5px 18px rgba(0,0,0,.12)}.productStrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0}.productStrip button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;text-align:left;cursor:pointer;box-shadow:inset 0 3px 0 var(--p)}.productStrip button.active{border-color:color-mix(in srgb,var(--p) 50%,var(--line));background:color-mix(in srgb,var(--p) 5%,#fff)}.productStrip b{display:block;font-size:13px;margin-bottom:4px}.productStrip small{color:var(--muted);font-size:9px}.lessonArea{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;min-height:690px}.lessonArea aside{background:#f1f6fa;border-right:1px solid var(--line);padding:14px}.asideTitle{padding:6px 7px 12px;display:grid;gap:3px}.asideTitle b{font-size:14px}.asideTitle small{font-size:9px;line-height:1.45;color:var(--muted)}#lessonList{display:grid;gap:4px}#lessonList button{border:1px solid transparent;background:transparent;border-radius:10px;text-align:left;padding:10px;display:grid;grid-template-columns:26px 1fr;gap:9px;align-items:center;cursor:pointer}#lessonList button>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-size:9px;color:var(--blue);font-weight:900}#lessonList button b{font-size:10px}#lessonList button small{display:block;color:var(--muted);font-size:8px;margin-top:2px}#lessonList button.active{background:#fff;border-color:#adc3fa;box-shadow:0 5px 15px rgba(47,91,219,.08)}#lessonList button.active>span{background:var(--blue);color:#fff;border-color:var(--blue)}.lessonArea article{padding:18px;min-width:0}.lessonArea article>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.lessonArea article>header small{font-size:9px;color:var(--blue);font-weight:950;letter-spacing:.12em}.lessonArea h2{font-size:26px;margin:5px 0 7px}.lessonArea article header p{margin:0;color:var(--muted);font-size:12px;line-height:1.5;max-width:800px}.lessonArea article header a{white-space:nowrap;background:var(--blue);color:#fff;text-decoration:none;padding:10px 12px;border-radius:10px;font-size:10px;font-weight:900}.screen{margin-top:15px;border:1px solid var(--line);background:#edf3f7;border-radius:14px;padding:9px;overflow:hidden}.screen img{width:100%;display:block;border-radius:9px}.guidance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.guidance>div{border:1px solid var(--line);background:#f8fafc;border-radius:11px;padding:12px}.guidance b{font-size:10px}.guidance p{font-size:9px;line-height:1.5;color:var(--muted);margin:5px 0 0}.supportBand{margin-top:20px;border-radius:18px;border:1px solid var(--line);background:#fff;padding:22px;display:flex;align-items:center;gap:10px}.supportBand div{margin-right:auto}.supportBand small{font-size:9px;color:var(--blue);font-weight:950}.supportBand h2{margin:5px 0 0;font-size:20px}.supportBand a{text-decoration:none;border:1px solid var(--line);padding:10px 12px;border-radius:10px;font-size:10px;font-weight:900}footer{text-align:center;padding:24px;color:var(--muted);font-size:9px}@media(max-width:1050px){.hero{grid-template-columns:1fr}.productStrip{grid-template-columns:repeat(2,1fr)}.lessonArea{grid-template-columns:1fr}.lessonArea aside{border-right:0;border-bottom:1px solid var(--line)}#lessonList{grid-template-columns:repeat(2,1fr)}.guidance{grid-template-columns:1fr}}@media(max-width:650px){main{padding:14px}.hero{padding:22px}.hero h1{font-size:34px}.productStrip{grid-template-columns:1fr}nav a:not(.primary){display:none}#lessonList{grid-template-columns:1fr}.lessonArea article>header{display:grid}.guidance{grid-template-columns:1fr}.supportBand{align-items:flex-start;flex-wrap:wrap}}

/* V1.29.106 Academy iframe preview shell */
.heroStack iframe,.screen iframe{width:100%;height:100%;min-height:420px;border:0;display:block;pointer-events:none;background:#eef3f7}.heroStack{overflow:hidden}.heroStack iframe{min-height:320px}

/* V1.29.106 — current screenshots + guided markers + narration */
nav button.academyNavButton,.lessonNarrationButton{padding:10px 13px;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--ink);font:850 11px Inter,Segoe UI,Arial,sans-serif;cursor:pointer}.academyNavButton.primary,.lessonNarrationButton{background:var(--blue);border-color:var(--blue);color:#fff}.heroStack iframe,.screen iframe{width:100%;height:100%;min-height:420px;border:0;display:block;pointer-events:none;background:#eef3f7}.heroStack iframe{min-height:320px}.guidance>div{position:relative;padding-left:46px}.guidance>div>i{position:absolute;left:12px;top:12px;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:var(--blue);color:#fff;font-style:normal;font-size:10px;font-weight:950}.academyPager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:13px}.academyPager button{height:36px;padding:0 12px;border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--ink);font-weight:850;cursor:pointer}.academyPager button:disabled{opacity:.35;cursor:not-allowed}.academyPager span{font-size:9px;font-weight:850;color:var(--muted)}