:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#15243a;background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7ac6ff;outline-offset:3px}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.top{background:#0c1829;color:#f8fbff;border-bottom:1px solid #27354a}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;white-space:nowrap}.brand b{color:#80d7c1}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#2ed5a0;color:#0b1728;font-size:23px;font-weight:900}.mark span{font-size:13px}.nav nav{display:flex;gap:26px;color:#b8c6d7;font-size:13px}.nav nav a:hover{color:white}.navpill{border:1px solid #45576d;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:700}.hero{background:radial-gradient(circle at 82% 25%,#173c50 0,#0c1829 48%);color:white;padding:92px 0 88px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:80px}.eyebrow,.kicker{font-size:11px;letter-spacing:1.6px;font-weight:800;color:#0f9277}.eyebrow{color:#69e5bb}.hero h1{font-size:clamp(37px,4.7vw,64px);letter-spacing:-2.6px;line-height:1.1;margin:20px 0}.hero h1 em{font-style:normal;color:#66e0b7}.hero p{font-size:17px;line-height:1.75;color:#b9c7d9;max-width:570px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:16px;padding:14px 21px;border-radius:9px;font-size:13px;font-weight:800}.primary{background:#38d9aa;color:#092b27}.secondary{border:1px solid #536479;color:#fff}.hero-meta{display:flex;flex-wrap:wrap;gap:17px;margin-top:33px;color:#9bb3c5;font-size:12px}.hero-panel{background:#13283b;border:1px solid #315064;border-radius:20px;padding:27px;box-shadow:0 28px 60px #0003}.panel-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#a7bed0}.live{color:#67e3b6}.chart-title{font-weight:800;font-size:21px;margin-top:24px}.hero-panel .muted{font-size:12px;line-height:1.5}.bars{height:175px;display:flex;align-items:end;gap:12px;margin-top:25px;border-bottom:1px solid #597187}.bars i{flex:1;background:linear-gradient(0deg,#177e85,#4be3b0);border-radius:5px 5px 0 0}.chart-foot{display:flex;justify-content:space-between;font-size:11px;color:#a2bbce;margin-top:10px}.panel-note{font-size:12px;color:#a7becd;border-top:1px solid #304c60;margin-top:20px;padding-top:18px;line-height:1.6}.search-band{background:#f0f6f8;padding:32px 0;border-bottom:1px solid #e1eaf0}.search-band label{display:block;font-weight:800;margin-bottom:11px}.searchbox{background:white;border:1px solid #d4e1e7;border-radius:12px;display:flex;align-items:center;gap:13px;padding:4px 15px;max-width:760px}.searchbox span{font-size:30px;color:#64758a}.searchbox input{width:100%;border:0;padding:14px 0;outline:none}.searchbox button{border:0;background:none;color:#087b72;font-size:12px;font-weight:800}.small{font-size:12px;color:#697c90}.section{padding-top:82px;padding-bottom:85px}.alt{background:#f5f8fa}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section h2,.cta h2{font-size:clamp(29px,3vw,40px);letter-spacing:-1.2px;margin:10px 0}.section-head p{color:#64748b;margin:0;line-height:1.6}.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.path,.lesson,.tool{border:1px solid #e0e7ed;background:white;border-radius:15px;padding:25px}.path{cursor:pointer;text-align:left;transition:transform .2s,border-color .2s}.path:hover,.lesson:hover{transform:translateY(-3px);border-color:#8dcdbd}.path-icon,.tool-icon{width:47px;height:47px;background:#e7f8f2;color:#008a6c;border-radius:12px;display:grid;place-items:center;font-size:23px;font-weight:800}.path h3,.tool h3{margin:19px 0 9px;font-size:19px}.path p,.tool>p{color:#66778a;font-size:13px;line-height:1.7}.path small{color:#078a72;font-weight:800}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.filters button{background:white;border:1px solid #dbe4ea;border-radius:100px;padding:9px 15px;color:#5b6d80;font-size:12px}.filters button.active{background:#0c2734;color:white;border-color:#0c2734}.count{font-size:12px;color:#738296}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lesson{display:flex;flex-direction:column;gap:12px}.lesson .tag{color:#0b9275;font-size:11px;font-weight:800;letter-spacing:.5px}.lesson h3{font-size:19px;margin:0;line-height:1.4}.lesson p{color:#66778a;font-size:13px;line-height:1.65;flex:1;margin:0}.lesson button{border:0;background:none;color:#078b72;font-weight:800;text-align:left;padding:8px 0}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}.fields label{font-size:12px;font-weight:700;color:#586b7c}.fields input{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid #d3dfe7;border-radius:8px;color:#13283b}.result{background:#effaf5;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:6px}.result span{font-size:12px;color:#557569}.result strong{font-size:30px;color:#08795f}.result small{color:#517569}.fine{font-size:11px!important;color:#82909f!important;line-height:1.7}.dictionary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.term{padding:19px 22px;border:1px solid #e1e8ed;border-radius:12px;background:white}.term strong{color:#172e41}.term p{font-size:13px;line-height:1.65;color:#617488;margin:8px 0 0}.cta{background:#10273a;color:white;text-align:center;padding:75px 20px}.cta p{color:#b7c7d4;max-width:650px;margin:0 auto 25px;line-height:1.7}.cta .kicker{color:#69e5bb}footer{background:#0a1726;color:#9cafbd;padding:24px 0}.foot{display:flex;justify-content:space-between;gap:15px;font-size:12px}dialog{border:0;border-radius:18px;max-width:650px;width:calc(100% - 24px);max-height:85vh;overflow:auto;padding:32px;color:#15243a;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#071526b8}.dialog-top{display:flex;justify-content:space-between;align-items:center}.close{border:0;background:#eef3f6;border-radius:8px;padding:9px 13px}dialog h2{font-size:30px;letter-spacing:-1px}dialog p,dialog li{line-height:1.75;color:#5b6e80}dialog ul{padding-left:22px}.quiz{margin-top:25px;background:#f0f6f8;border-radius:12px;padding:20px}.quiz button{display:block;width:100%;text-align:left;border:1px solid #d6e4e8;border-radius:8px;background:white;padding:12px;margin:8px 0}.quiz button:hover{border-color:#13a584}#quizFeedback{font-weight:700;color:#077a62}@media(max-width:850px){.nav nav{display:none}.hero-grid{grid-template-columns:1fr;gap:38px}.hero{padding:65px 0}.paths,.lesson-grid{grid-template-columns:repeat(2,1fr)}.fields{grid-template-columns:1fr 1fr}}@media(max-width:600px){.wrap{width:min(100% - 30px,1160px)}.nav{min-height:68px}.brand{font-size:14px}.navpill{font-size:11px;padding:10px}.hero h1{letter-spacing:-1.4px}.hero-panel{padding:20px}.section{padding-top:55px;padding-bottom:60px}.paths,.lesson-grid,.tool-grid,.dictionary{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.foot{flex-direction:column}.section-head{align-items:start;flex-direction:column}}
/* Teacher-led lesson presentation */
.teacher-section{margin:22px 0;padding-bottom:17px;border-bottom:1px solid #e6edf1}
.teacher-section h3{font-size:17px;margin:0 0 12px;color:#17334a}
.arrow-steps{display:grid;gap:10px}
.arrow-step{display:flex;align-items:flex-start;gap:12px;background:#f5f9fa;border-radius:10px;padding:12px 14px}
.arrow-number{flex:none;color:#087f68;font-weight:800;font-size:13px;min-width:35px}
.arrow-step p{margin:0;font-size:14px;line-height:1.65;color:#31495d}

.visual-frame{background:#10263a;border:1px solid #2b4d61;border-radius:14px;padding:14px;overflow:hidden}
.visual-frame svg{display:block;width:100%;height:auto;max-height:300px}
.visual-caption{font-size:12px!important;color:#697f91!important;margin:9px 0 0}

/* Focused, paginated lessons */
.lesson-progress{display:flex;justify-content:space-between;gap:12px;color:#537082;font-size:11px;font-weight:800;letter-spacing:.7px;margin:14px 0 9px}
.progress-track{height:6px;border-radius:100px;background:#e1ebef;overflow:hidden;margin-bottom:20px}
.progress-fill{height:100%;background:#13ae87;transition:width .2s}
.lesson-navigation{display:flex;gap:12px;justify-content:space-between;margin-top:24px}
.lesson-navigation button{border-radius:10px;padding:13px 18px;font-weight:800;font-size:13px}
.lesson-prev{background:white;color:#17384a;border:1px solid #c9d8df}
.lesson-next{background:#16b58e;color:#082e29;border:1px solid #16b58e}
.lesson-navigation button:disabled{opacity:.35;cursor:not-allowed}
.lesson-quiz-step{min-height:220px}
.quiz-options{display:grid;gap:10px}
.quiz-answer{background:#f5f9fa;border:1px solid #d8e5eb;border-radius:9px;padding:13px;text-align:left}
.quiz-answer:disabled{opacity:.8}
.quiz-feedback{font-weight:700;color:#08795f}
#lessonDialog .teacher-section{border-bottom:0;margin:8px 0}
#lessonDialog .teacher-section h3{font-size:20px}
#lessonDialog .arrow-step{padding:16px}

.example-card{margin:16px 0 4px;padding:15px 17px;border-left:4px solid #16b58e;background:#effaf5;border-radius:0 10px 10px 0}
.example-card strong{font-size:11px;letter-spacing:1px;color:#08785e}
.example-card p{font-size:14px;color:#264c41;margin:7px 0 0;line-height:1.65}

.course-promo{background:#10283b;color:#fff;border-radius:20px;padding:clamp(24px,5vw,48px);display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}
.course-promo h2{color:white}
.course-promo p{color:#bed0dc;line-height:1.7;max-width:570px;margin-bottom:25px}
.course-promo .kicker{color:#70e7c0}
.course-promo-art{background:#19384b;border:1px solid #36576b;border-radius:15px;padding:20px}
.course-promo-art svg{display:block;width:100%}
.course-promo-art small{color:#a9c5d1}
@media(max-width:700px){.course-promo{grid-template-columns:1fr}}

/* TotalMarket Academy clean white + deep green design system */
:root{color:#16392e;background:#fff}
body{background:#fff;color:#16392e}
.top,.course-top,footer{background:#073c30!important;border-color:#155544!important}
.hero{background:linear-gradient(135deg,#074232 0%,#0b513d 65%,#17624b 100%)!important}
.hero h1 em,.hero .eyebrow,.hero .hero-meta,.course-promo .kicker{color:#a9f2d4!important}
.navpill{border-color:#72b79a}
.mark,.btn.primary,.lesson-next{background:#d5f6e6!important;color:#07513c!important}
.hero-panel{background:#fff!important;color:#123e31!important;border-color:#d7e9de!important;box-shadow:0 24px 60px #002d201e}
.hero-panel .panel-head,.hero-panel .muted,.hero-panel .chart-foot,.hero-panel .panel-note{color:#5a796c!important}
.hero-panel .bars{border-color:#c9ded3}
.hero-panel .bars i{background:linear-gradient(0deg,#0b644b,#5fd4a0)}
.search-band,.alt{background:#f6faf7!important;border-color:#e4eee8}
.section-head p,.path p,.lesson p,.tool>p,.term p{color:#637d70}
.path,.lesson,.tool,.term{border-color:#e0ebe3;box-shadow:0 3px 14px #0b4a2810}
.path:hover,.lesson:hover{border-color:#4baf83}
.path-icon,.tool-icon{background:#e7f5ec;color:#096748}
.kicker,.lesson .tag,.path small,.lesson button{color:#096d4d}
.filters button.active{background:#0a503b;border-color:#0a503b}
.result,.example-card,.course-example{background:#ecf8f0}
.result strong{color:#075c3e}
.cta,.course-promo{background:#0b4c39!important}
.course-promo-art{background:#155a45;border-color:#3d8069}
.visual-frame,.course-chart{background:#103f31!important;border-color:#2b6a52}
.quiz,.arrow-step{background:#f2f8f3}
.lesson-navigation .lesson-next{border-color:#b7e8cf}
dialog{color:#16392e}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}