/* TraderPro — editorial learning system */
:root{--bg:#101212;--panel:#1a1d1c;--line:#2b302e;--muted:#a0aaa4;--text:#f3f5ef;--green:#45e0a1;--side:220px}body{font-size:14px;line-height:1.7;background:var(--bg)}.topbar{height:80px;padding:0 28px 0 21px;border-bottom-color:#272d29;gap:30px;background:#101212}.brand-area{min-width:205px}.brand{font-size:24px;letter-spacing:-1px}.brand small{font-size:8px;letter-spacing:4px}.brand .green{color:#45e0a1}.logo-window{width:34px;height:34px}.search{max-width:560px;height:43px;border-radius:25px;background:#191d1b;border-color:#333a35;position:relative;overflow:visible}.search input{font-size:12px;padding-left:20px;border-radius:25px}.search button{border:0;background:transparent;min-width:42px;order:-1;padding-left:16px;color:#9ca79f}.search-key{padding:0 8px;margin:9px 13px 9px 0;color:#77857c;border:1px solid #3b463e;border-radius:4px;font:11px/22px Manrope}.header-member{font-size:12px;color:#c5cec8}.login{color:#e3eae5;border-color:#4a554d;border-radius:25px;padding:9px 16px}.login:hover{border-color:var(--green)}.sidebar{top:80px;padding:26px 14px 20px;background:#101212}.sidebar nav a{font-size:13px;padding:12px 16px;gap:14px;margin:0 0 7px;border-radius:8px;color:#a4afa8}.sidebar nav a.active{background:#22372b;color:#9cf1b9}.sidebar nav a svg{width:20px;height:20px}.nav-label{font-size:10px;color:#88978c;letter-spacing:.6px;margin-top:5px}.nav-divider{margin:26px 12px}.support-card{border-color:#303e33;background:#18221b;border-radius:12px;padding:19px}.support-card strong{font-size:14px}.support-card p{font-size:12px;line-height:1.8}.sidebar-bottom>small{font-size:9px;color:#a1ada4}.sidebar-bottom{padding-top:35px}main{padding:106px 36px 35px;margin-left:var(--side);max-width:1920px}.page-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#9ca79f;font-size:12px}.page-topline>span:last-child{font:9px Manrope;letter-spacing:1.6px;color:#737e76}.eyebrow{font:700 9px/1.5 Manrope,sans-serif;letter-spacing:2px;color:#91b5a1;margin-bottom:12px}.editorial-hero{min-height:420px;border:1px solid #35483c;border-radius:18px;background:#18261e;grid-template-columns:1fr 1.15fr;isolation:isolate}.hero-copy{padding:36px 0 35px 34px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;color:#bad2bd;display:flex;align-items:center;gap:8px}.hero .eyebrow i{width:5px;height:5px;border-radius:50%;background:#aee2b5}.hero h1{font-family:'IBM Plex Sans Thai',sans-serif;font-size:clamp(30px,3.15vw,51px);font-weight:600;line-height:1.3;letter-spacing:-1.6px}.hero h1 .green{color:#b1edbd}.hero p{font-size:13px;color:#bac8be;line-height:1.8;margin:19px 0 25px;max-width:390px}.hero-image{background:#06110d;min-width:0;overflow:hidden}.hero-image img{object-fit:cover;object-position:50% 50%;height:100%;width:100%}.hero-image:before{background:linear-gradient(90deg,#18261e 0%,#18261e25 32%,transparent 55%),linear-gradient(0deg,#0b1712 0%,transparent 30%)}.hero-image:after{content:'';position:absolute;inset:0;border-top:1px solid #ffffff0c}.hero-text-link{display:flex;align-items:center;gap:10px;font-size:12px;color:#d5dfd6;white-space:nowrap}.hero-text-link svg{width:15px}.hero-buttons{align-items:center;gap:22px}.btn{font-size:12px;padding:12px 19px;border-radius:7px;min-height:44px;transition:background .18s,transform .18s,border-color .18s}.btn.primary{background:#b4efbf;color:#142c1b;border-color:#b4efbf}.btn:hover{transform:translateY(-2px);filter:none}.btn.primary:hover{background:#c9f6d1;border-color:#c9f6d1}.hero-caption{display:flex;gap:10px;align-items:center;margin-top:29px;font-size:10px;color:#89a18e}.mini-logo{width:24px;height:24px;overflow:hidden;border-radius:50%;background:#274730;display:grid;place-items:center}.mini-logo img{width:42px}.team-caption{position:absolute;left:24%;right:25px;bottom:25px;z-index:2;border-top:1px solid #ffffff25;padding-top:12px;display:flex;flex-direction:column;gap:4px}.team-caption>span{font:8px Manrope;letter-spacing:1.8px;color:#98b5a2}.team-caption a{font-size:12px;color:#dce9de}.hero-number{position:absolute;right:23px;top:20px;font:8px Manrope;letter-spacing:1px;color:#b7d0c3;z-index:4;background:#07150dc9;padding:5px 9px;border:1px solid #56776050;border-radius:20px}.journey-rail{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:25px 0 26px;margin-bottom:39px}.journey-rail>a{display:flex;gap:14px;align-items:center;border-right:1px solid #303a32;padding:0 22px}.journey-rail>a:first-child{padding-left:0}.journey-rail>a:last-child{border:0}.rail-number{font:500 25px Manrope;color:#56675a;letter-spacing:-1px}.journey-rail strong{display:block;font-size:13px;font-weight:500}.journey-rail small{font-size:10px;color:#99a69d}.journey-rail svg{width:15px;margin-left:auto;color:#667d6d;transition:transform .2s}.journey-rail a:hover svg{transform:translateX(4px);color:var(--green)}.section-head{margin:0 0 23px;align-items:flex-end}.section-head h2{font-size:24px;letter-spacing:-.5px;font-weight:500}.section-head p{font-size:12px;margin-top:6px;color:#98a49b}.section-head .eyebrow{margin-bottom:7px;font-size:8px;color:#8eac98}.text-link{font-size:11px;color:#c0cec3;gap:12px;padding-bottom:4px}.chips{margin:0 0 23px;gap:8px}.chip{font-size:11px;padding:7px 14px;border-radius:22px;background:#1c211e;border-color:#343e36;min-height:34px}.chip.active{background:#dfe9df;color:#1c3321;border-color:#dfe9df}.chip:hover:not(.active){border-color:#76897a}.course-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.thumbnail{border-radius:11px;aspect-ratio:1.55;position:relative;display:block;padding:23px 18px;border:1px solid #52614e;isolation:isolate;transition:transform .25s,box-shadow .25s;background:#344b37;color:#d8edc9}.thumbnail:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0004}.thumb-label{top:14px;left:16px;font:600 8px Manrope;color:currentColor;letter-spacing:1.1px;opacity:.8;z-index:3}.thumb-label b{font-weight:400;margin:0 8px;opacity:.4}.thumb-title{font-size:clamp(19px,1.65vw,29px);font-weight:600;line-height:1.45;margin-top:28px;max-width:none;text-shadow:0 1px 20px #15251650;letter-spacing:-.5px}.thumb-sub{position:absolute;bottom:17px;left:16px;font:600 6px Manrope;letter-spacing:.7px;color:currentColor;opacity:.65;max-width:82%}.course-art{position:absolute;right:-20%;top:7%;width:100%;height:100%;stroke-width:2;opacity:.23;z-index:-1;transform:rotate(-5deg)}.course-art rect{fill:currentColor;stroke:none}.course-art .art-grid{stroke-width:.6;opacity:.5}.art-faint{opacity:.45}.art-start{background:#c6d8ae;color:#253e27;border-color:#c6d8ae}.art-start .course-art{opacity:.2;right:-30%;top:8%}.art-chart{background:#273f48;color:#d7e6e7;border-color:#3b5860}.art-moneyflow{background:#233e2f;color:#b7ebbd;border-color:#3c5d46}.art-mindset{background:#cfbca5;color:#443c35;border-color:#cfbca5}.art-smz{background:#353949;color:#d3d9ed;border-color:#50586d}.art-risk{background:#434737;color:#e4e9c4;border-color:#60684a}.art-mindset .course-art{right:-38%;opacity:.25}.art-risk .course-art{right:-32%}.thumb-corner{position:absolute;bottom:11px;right:11px;border:1px solid currentColor;border-radius:50%;padding:5px;opacity:.6}.thumb-corner svg{width:12px;height:12px}.thumb-play{border-radius:10px;background:#0001;z-index:5}.thumb-play svg{width:42px;height:42px;padding:12px;background:#d3f3d7;color:#1b3e28}.course-info{margin-top:13px;gap:6px}.course-copy h3{font-size:13px;font-weight:500;line-height:1.75;margin:8px 0 4px}.course-copy p{font-size:10px;color:#89988e;line-height:1.9}.course-copy p span{padding:0 3px}.course-tags{margin:0;gap:9px}.badge{background:#20372a;color:#9bd6af;font-size:9px;padding:2px 7px;border-radius:4px;font-weight:500}.badge.member{background:#34352a;color:#cecfad}.sample{font-size:9px;color:#96a098}.save{margin-top:31px;padding:6px;color:#8c9c91;min-width:28px;min-height:32px;border-radius:6px}.save:hover{background:#293c2e;color:#c6e4cd}.save.saved svg{fill:#45e0a130}.save svg{width:17px;height:17px}.live-section{margin-top:47px;padding-top:30px;border-top:1px solid var(--line)}.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.live-tile{border:1px solid #343e36;border-radius:11px;background:#191f1b;text-align:left;padding:21px 22px;transition:background .2s,border-color .2s}.live-tile:hover{background:#213027;border-color:#667e68}.live-tile-top{display:flex;justify-content:space-between;align-items:center}.live-symbol{color:#91b19a}.live-symbol svg{width:22px;height:22px}.live-tile h3{font-size:17px;font-weight:500;margin:24px 0 18px}.live-tile-bottom{border-top:1px solid #354038;padding-top:13px;display:flex;justify-content:space-between;align-items:center;color:#a6b3a9;font-size:11px}.live-tile-bottom svg{width:16px;color:#aacbb2}.section-note{font-size:10px;color:#87968c;margin-top:13px}.membership-editorial{margin-top:45px;padding:38px;display:grid;grid-template-columns:1fr 1.15fr;gap:35px;background:#d5e4c8;color:#273c2a;border-radius:14px;position:relative;overflow:hidden}.membership-editorial .eyebrow{color:#5f795e;font-size:8px}.membership-editorial h2{font-size:38px;font-weight:500;letter-spacing:-1px;line-height:1.35}.membership-editorial h2 span{color:#6a8563}.membership-editorial p{font-size:12px;color:#62785e;margin:13px 0 23px}.membership-editorial .btn.primary{background:#263e2c;color:#e2f0dc;border-color:#263e2c}.member-steps>a{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #758f6b40}.member-steps>a:first-child{padding-top:2px}.member-steps>a>span{font:12px Manrope;color:#7a9372}.member-steps h3{font-size:17px;font-weight:500}.member-steps h3 em{font:500 10px Manrope;font-style:normal;border:1px solid #78917066;border-radius:20px;padding:3px 9px;margin-left:10px;vertical-align:middle;color:#607459}.member-steps p{margin:5px 0 0;font-size:11px}.member-steps>a>svg{width:18px;margin-left:auto;color:#6f8b66}.member-steps>small{display:block;margin-top:15px;font-size:9px;color:#647d5f}footer{margin-top:33px;color:#8a978e;font-size:10px;border-color:#2c352e;padding-top:20px}footer>div:first-child{font-weight:600}footer span{font-weight:400;margin-left:12px;color:#708176}.page-heading{margin:8px 0 34px}.page-heading h1{font-size:37px;font-weight:500;letter-spacing:-.9px}.page-heading p{font-size:13px;margin-top:10px;line-height:1.9}.page-heading .eyebrow{font-size:9px;color:#b3c9b8}.plan-grid{gap:19px}.plan{border-radius:14px;padding:28px;background:#1b211d;border-color:#364239}.plan.featured{background:#d5e4c8;color:#223827;border-color:#d5e4c8;position:relative}.plan.featured .plan-kicker{color:#557851}.plan.featured .plan-price small,.plan.featured>p{color:#597553}.plan.featured li{color:#355332}.plan.featured li:before{color:#3c773c}.plan.featured ul{border-color:#718c6940}.plan.featured .btn{background:#253e2b;color:#deebd5;border-color:#253e2b}.plan.premium{background:#292b23;border-color:#515743}.plan-kicker{font-size:8px;letter-spacing:1.5px}.plan h2{font-size:25px;font-weight:500}.plan-price{font-size:38px;letter-spacing:-1px}.plan-price small{font-size:10px;display:block;letter-spacing:0;margin:3px 0 5px}.plan>p{font-size:11px;line-height:1.8}.plan li{font-size:12px;line-height:1.8;margin-bottom:4px}.info-note{font-size:12px;background:#1c241e;border-color:#39483b;border-radius:9px;line-height:1.9;color:#a8b8ac}.comparison{margin-top:40px}.table-scroll{overflow-x:auto;border:1px solid #364238;border-radius:12px}.comparison table{width:100%;border-collapse:collapse;font-size:12px;min-width:620px}.comparison th,.comparison td{padding:17px 23px;border-bottom:1px solid #303b33;text-align:center}.comparison th:first-child{text-align:left;font-weight:400;color:#c2d0c5}.comparison thead th{background:#202a22;color:#d4e4d8;font-weight:500}.comparison tbody tr:last-child>*{border-bottom:0}.comparison td{width:16%}.included{color:#b1e6bc;font-size:17px}.excluded{color:#647368}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;margin-top:46px;padding-top:36px;border-top:1px solid var(--line)}.faq h2{font-weight:500;font-size:26px}.faq>div>p{font-size:12px;color:#98a89d;margin-top:9px}.faq details{border-bottom:1px solid #3a453b;padding:0 0 18px;margin-bottom:18px}.faq summary{font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:23px;font-family:Manrope;color:#91ae97}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:12px;line-height:1.9;color:#9cad9f;padding-top:12px}.room-card{background:#1d2d22;border-color:#3e5543;border-radius:15px}.room-card:first-child{background:#d5e4c8;color:#293e2a}.room-card:first-child .room-visual{color:#637f5a}.room-card:first-child .eyebrow{color:#5b7656}.room-card:first-child p{color:#5c7459}.room-card:first-child .btn{background:#263d2c;color:#e4efdd;border-color:#263d2c}.room-visual .green{color:inherit}.room-card h2{font-weight:500}.room-card .room-visual{font-size:85px;font-weight:500}.class-card{background:#19211c;border-color:#36463a}.class-art{background:#2c4332;color:#d6e8d5}.class-art h2{font-size:28px;font-weight:500}.class-body{padding:25px}.class-body p{line-height:1.9}.about p{font-size:14px}.about img{border:1px solid #344e3b}.mobile-nav,.drawer-shade{display:none}.search-results{position:absolute;top:52px;left:0;right:0;z-index:40;background:#202a23;border:1px solid #4a5c4e;border-radius:13px;padding:9px;box-shadow:0 20px 60px #0009}.search-results[hidden]{display:none}.suggestion-caption{padding:8px 12px;color:#94ac9c;font-size:10px}.search-results>a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:8px}.search-results>a:hover{background:#344c39}.search-results>a>span{color:#b7d2bc}.search-results>a>svg{width:15px;margin-left:auto;color:#73967e}.search-results strong{font-size:12px;font-weight:500;display:block}.search-results small{font-size:10px;color:#a1b3a5}.search-results>p{font-size:12px;color:#b4c5b9;padding:16px}.lesson-breadcrumb{display:flex;gap:13px;font-size:11px;color:#9db1a3;margin:5px 0 23px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px}.lesson-stage{aspect-ratio:16/9;position:relative;overflow:hidden;border:1px solid #415d48;border-radius:13px;isolation:isolate;display:grid;place-items:center}.lesson-stage .course-art{width:80%;right:-20%;opacity:.1}.stage-content{text-align:center;padding:24px}.stage-icon{display:grid;place-items:center;margin:0 auto 20px;width:57px;height:57px;border:1px solid currentColor;border-radius:50%;opacity:.7}.stage-content .eyebrow{color:inherit;font-size:8px;opacity:.7}.stage-content h2{font-size:25px;font-weight:500;letter-spacing:-.6px}.stage-content p{font-size:12px;margin:9px 0 20px;opacity:.75}.stage-foot{position:absolute;bottom:15px;left:20px;font-size:9px;opacity:.7}.lesson-title-row{display:flex;justify-content:space-between;gap:15px;margin-top:25px;align-items:center}.lesson-title-row h1{font-size:25px;font-weight:500;margin-top:10px;line-height:1.6}.lesson-title-row .save{margin:0}.lesson-author{display:flex;gap:12px;margin:23px 0;padding-bottom:22px;border-bottom:1px solid var(--line);align-items:center}.lesson-author .avatar{width:38px;height:38px}.lesson-author strong{font:600 12px Manrope;display:block}.lesson-author span:not(.avatar){display:block;font-size:10px;color:#8fa595;margin-top:5px}.lesson-description{padding:25px;background:#1b241e;border:1px solid #334738;border-radius:11px}.lesson-description h3{font-size:17px;font-weight:500}.lesson-description ul{list-style:none;padding:0;margin:20px 0}.lesson-description li{display:flex;gap:10px;align-items:center;font-size:12px;color:#c2d3c7;margin:12px 0}.lesson-description li svg{width:16px;color:#9dcbab}.lesson-description>p{font-size:11px;color:#8eab97;line-height:1.9}.curriculum{border:1px solid #344c3c;border-radius:12px;align-self:start;overflow:hidden;background:#19231d}.curriculum-title{padding:23px;border-bottom:1px solid #344a3a}.curriculum-title h2{font-size:19px;font-weight:500}.curriculum-title p{font-size:11px;color:#92a69a;margin-top:6px}.curriculum-title .eyebrow{font-size:8px}.curriculum-row{display:flex;align-items:center;gap:12px;padding:19px 18px;border-bottom:1px solid #2d3f32}.curriculum-row:last-child{border:0}.curriculum-row.current{background:#2a4031;border-left:3px solid #b4efbf;padding-left:15px}.curriculum-row:hover{background:#263a2c}.curriculum-row>span{font:10px Manrope;color:#74917d}.curriculum-row strong{font-size:11px;font-weight:500;line-height:1.7;display:block}.curriculum-row small{font-size:9px;color:#89a492;display:block;margin-top:5px}.curriculum-row>svg{width:15px;color:#8ba796;margin-left:auto}.empty{background:#18251c;padding:70px 25px;border-color:#3d5b46}.empty h2{font-size:25px;font-weight:500}.empty p{font-size:13px}.modal-close{width:40px;height:40px}dialog{border-color:#4b6252;background:#1b2920;border-radius:16px;padding:35px}dialog .modal-icon{background:#304f39;color:#b1edbd}dialog h2{font-weight:500}dialog p{color:#b3c5b8}dialog ol{padding-left:22px;font-size:13px;color:#c5d4c7;line-height:2.1}
@media(min-width:1550px){main{padding-left:45px;padding-right:45px}.hero-copy{padding:45px}.editorial-hero{min-height:490px}.hero h1{font-size:54px}.hero p{font-size:15px}.thumb-title{font-size:30px}.thumbnail{aspect-ratio:1.6}.section-head h2{font-size:28px}.course-copy h3{font-size:15px}.course-copy p{font-size:11px}.hero .eyebrow{font-size:9px}}
@media(max-width:1250px){.header-member{display:none}.topbar{gap:22px}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.discover .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thumbnail{aspect-ratio:1.65}.thumb-title{font-size:27px;margin-top:30px}.hero h1{font-size:34px}.hero-copy{padding:31px 0 26px 29px}.hero p{font-size:12px}.hero-buttons{gap:15px}.hero-text-link{font-size:10px}.hero-caption{font-size:9px}.editorial-hero{min-height:390px;grid-template-columns:1.1fr 1fr}.team-caption{left:20%;font-size:10px}.journey-rail>a{gap:11px;padding:0 14px}.journey-rail strong{font-size:11px}.journey-rail small{font-size:9px}.rail-number{font-size:23px}.journey-rail svg{width:12px}.live-tile{padding:20px 16px}.live-tile h3{font-size:15px}.lesson-layout{grid-template-columns:minmax(0,1fr) 270px}.stage-content h2{font-size:20px}.stage-icon{width:40px;height:40px;margin-bottom:12px}.stage-content p{font-size:10px}.stage-foot{font-size:8px}}
@media(max-width:1000px){:root{--side:76px}.sidebar nav a{font-size:0;padding:14px;gap:0}.sidebar .nav-divider{margin:20px 0}.brand-area{min-width:185px}.hero h1{font-size:36px}.plan{padding:20px}.plan h2{font-size:22px}.plan-grid{gap:12px}.plan-price{font-size:34px}.sidebar.mobile-open{width:230px}.sidebar.mobile-open nav a{font-size:13px;gap:15px}.menu-open .drawer-shade{display:block;position:fixed;inset:80px 0 0;z-index:18;background:#0008}.lesson-layout{grid-template-columns:1fr}.curriculum{display:block}.lesson-stage{min-height:350px}.stage-content h2{font-size:27px}.stage-content p{font-size:13px}.stage-icon{width:58px;height:58px;margin-bottom:22px}.classes-list{grid-template-columns:1fr}.class-card{grid-template-columns:1fr 1.2fr}}
@media(max-width:720px){:root{--side:0px}.topbar{height:70px;flex-wrap:wrap;padding:0 17px;gap:7px}.brand-area{min-width:0;gap:5px}.brand{font-size:21px}.logo-window{display:none}.brand small{font-size:7px;letter-spacing:3px}.header-actions{margin-left:6px}.login{padding:7px;border:1px solid #435448;width:34px;height:34px;display:grid;place-items:center}.login svg{width:17px}.search{margin-left:auto;width:145px;max-width:50%;height:36px}.search input{font-size:10px;padding:0 11px 0 7px;width:100%}.search input::placeholder{color:#9aa79f}.search button{min-width:30px;padding-left:12px;padding-right:0}.search-key{display:none}.search-results{position:fixed;left:12px;right:12px;top:64px}.sidebar{top:70px}.menu-open .drawer-shade{top:70px;bottom:65px}.sidebar.mobile-open{bottom:65px;width:240px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;justify-content:space-around;background:#131c16ed;backdrop-filter:blur(16px);border-top:1px solid #3a4f3e;padding:10px 8px max(9px,env(safe-area-inset-bottom));height:66px}.mobile-nav>a{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:60px;font-size:9px;color:#9bad9e}.mobile-nav svg{width:19px;height:19px}.mobile-nav>a.active{color:#b4efbf}.mobile-nav>a.active:before{content:'';position:absolute;top:0;width:27px;height:2px;background:#b4efbf}.mobile-nav .active>span{background:#2d4633;padding:2px 11px;border-radius:9px;margin-top:-2px;margin-bottom:-2px}.page-topline{margin:0 0 17px;font-size:11px}.page-topline>span:last-child{font-size:7px;letter-spacing:1px}main{padding:89px 18px 85px;margin:0}.editorial-hero{display:flex;flex-direction:column;min-height:0;border-radius:13px}.hero-copy{padding:28px 24px 26px;z-index:4}.hero h1{font-size:40px;line-height:1.22;letter-spacing:-1.2px}.hero h1 br{display:block}.hero .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:18px}.hero p{font-size:12px;margin:18px 0 22px;line-height:1.9}.hero-buttons{gap:20px}.hero .btn{font-size:11px;padding:11px 13px}.hero-text-link{font-size:11px;gap:6px}.hero-caption{display:none}.hero-image{height:auto;aspect-ratio:1.95;width:100%;margin-top:-10px;z-index:1}.hero-image img{object-fit:cover}.hero-image:before{background:linear-gradient(180deg,#18261e,transparent 30%),linear-gradient(0deg,#101c15 0%,transparent 35%)}.hero-image:after{display:none}.hero-number{top:auto;bottom:13px;left:22px;right:auto;font-size:6px}.team-caption{right:16px;left:auto;bottom:13px;padding:0;border:0}.team-caption>span{display:none}.team-caption a{font-size:8px;color:#c0d4c5}.journey-rail{grid-template-columns:1fr;gap:0;padding:10px 0;margin-bottom:29px}.journey-rail>a{padding:16px 3px!important;border-right:0;border-bottom:1px solid #2d3930;gap:17px}.journey-rail>a:last-child{border:0}.rail-number{font-size:21px;color:#839b88;width:29px}.journey-rail strong{font-size:13px}.journey-rail small{font-size:10px}.journey-rail svg{width:16px}.section-head{gap:12px;margin:0 0 20px;align-items:center}.section-head h2{font-size:23px;line-height:1.5;letter-spacing:-.4px}.section-head p{font-size:10px;max-width:240px;line-height:1.9}.section-head .eyebrow{font-size:7px;letter-spacing:1.3px}.section-head .text-link{font-size:0;gap:0;min-width:33px;height:33px;display:grid;place-items:center;border:1px solid #3a5141;border-radius:50%;padding:0}.section-head .text-link svg{width:15px}.chips{margin-bottom:20px;gap:7px;padding:2px 0}.chip{font-size:10px;padding:7px 13px}.course-grid,.discover .course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.thumbnail{aspect-ratio:1.2;padding:18px 12px;border-radius:9px}.thumb-title{font-size:clamp(17px,4.6vw,25px);line-height:1.5;margin-top:24px;letter-spacing:-.5px}.thumb-label{font-size:6px;top:12px;left:12px;letter-spacing:.7px}.thumb-label b{margin:0 4px}.thumb-sub{font-size:5px;bottom:12px;left:12px;max-width:75%;line-height:1.5}.thumb-corner{bottom:8px;right:7px;padding:4px}.thumb-corner svg{width:9px;height:9px}.course-info{margin-top:11px;gap:4px}.course-copy h3{font-size:12px;line-height:1.8;margin:7px 0 5px}.course-copy p{font-size:9px;line-height:1.8}.course-tags{gap:6px;flex-wrap:wrap}.badge{font-size:8px;padding:2px 5px}.sample{font-size:8px}.save{margin-top:28px;min-width:23px;padding:3px}.save svg{width:16px}.live-section{margin-top:32px;padding-top:28px}.live-grid{grid-template-columns:1fr;gap:12px}.live-tile{padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.live-tile-top{display:contents}.live-symbol{grid-column:1;grid-row:1}.live-tile-top .badge{grid-column:2;grid-row:1}.live-tile h3{grid-column:1/3;grid-row:2;margin:0;font-size:17px}.live-tile-bottom{grid-column:1/3;grid-row:3;font-size:10px;padding-top:11px}.section-note{font-size:9px}.membership-editorial{grid-template-columns:1fr;padding:28px 24px;gap:32px;margin-top:30px;border-radius:12px}.membership-editorial h2{font-size:34px}.membership-editorial p{font-size:12px}.membership-editorial .eyebrow{font-size:7px}.member-steps h3{font-size:16px}.member-steps p{font-size:10px}.member-steps>a{gap:15px}.member-steps>small{font-size:8px;line-height:1.8}footer{font-size:9px;margin-top:26px;line-height:1.9}footer span{margin-left:0}.plan-grid{grid-template-columns:1fr;gap:20px}.plan{padding:28px}.plan h2{font-size:27px}.plan-price{font-size:42px}.plan-price small{display:inline;font-size:11px;padding-left:8px}.plan>p{font-size:12px}.plan li{font-size:13px}.page-heading h1{font-size:31px}.page-heading p{font-size:12px}.page-heading .eyebrow{font-size:8px}.comparison .section-head h2{font-size:21px}.comparison th,.comparison td{padding:14px 17px;font-size:11px}.comparison table{min-width:580px}.faq{grid-template-columns:1fr;gap:25px;margin-top:35px;padding-top:28px}.faq h2{font-size:25px}.faq summary{font-size:12px}.faq details p{font-size:12px}.info-note{font-size:11px;padding:18px}.class-card{display:block}.class-art{padding:26px}.class-art h2{font-size:28px}.class-body p{font-size:12px}.room-card{padding:26px}.room-card .room-visual{font-size:77px}.room-card h2{font-size:27px}.room-card p{font-size:13px}.lesson-breadcrumb{font-size:10px;margin-top:0;gap:10px}.lesson-stage{aspect-ratio:auto;min-height:300px}.stage-content{padding:26px 20px 40px}.stage-content h2{font-size:22px}.stage-content p{font-size:11px}.stage-icon{width:48px;height:48px}.stage-foot{font-size:8px}.lesson-title-row h1{font-size:22px}.lesson-author .avatar{display:grid}.lesson-description{padding:23px}.lesson-description li{font-size:12px;align-items:flex-start}.lesson-description li svg{margin-top:3px;flex-shrink:0}.curriculum-title h2{font-size:20px}.curriculum-row strong{font-size:12px}.curriculum-row small{font-size:10px}.curriculum-row{padding:20px}.curriculum-row.current{padding-left:17px}.about{gap:26px}.about h2{font-size:29px}.about p{font-size:13px}.empty{padding:50px 22px}.empty h2{font-size:24px}.empty p{font-size:12px}#toast{bottom:85px;max-width:calc(100vw - 32px);width:max-content;font-size:11px}}
@media(max-width:380px){.search{width:115px}.hero h1{font-size:35px}.hero-copy{padding:25px 20px}.hero-buttons{gap:12px}.hero-text-link{font-size:10px}.hero .btn{font-size:10px}.thumb-title{font-size:16px}.thumb-sub{font-size:4px}.plan-price small{display:block;padding:0}.course-info{position:relative}.course-copy h3{padding-right:17px}.save{position:absolute;right:0;top:12px}.course-copy p{font-size:8px}}