:root{--green:#007653;--bright:#00bb80;--ink:#182c25;--muted:#66756e;--line:#e1e8e3;--cream:#f7f9f6;--mint:#ecf7ef;--dark:#073e2e;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3;letter-spacing:-.035em}h1{font-size:clamp(36px,4.6vw,64px);font-weight:750;margin-bottom:24px}h2{font-size:clamp(28px,3vw,40px);font-weight:700}h3{font-size:23px}em{font-style:normal;color:var(--green)}p{color:var(--muted)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #16946e;outline-offset:5px}a:hover{color:var(--green)}[hidden]{display:none!important}.wrap{max-width:1240px;width:calc(100% - 96px);margin-inline:auto}.narrow{max-width:850px}.header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid #eef1ed}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand img{border-radius:9px}.nav nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:550}.nav a[aria-current]{color:var(--green)}.button{background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:51px;padding:12px 24px;border-radius:8px;border:1px solid var(--green);font-size:15px;font-weight:650;transition:background .18s,transform .18s}.button:hover{color:#fff;background:#006c4b;transform:translateY(-1px)}.button.outline{background:#fff;border-color:#d9e2dc;color:var(--ink)}.button.outline:hover{background:#f1f8f3;color:var(--green);border-color:var(--green)}.button.small{min-height:42px;padding:8px 19px;font-size:14px}.button.white{background:#fff;color:var(--dark);border-color:#fff}.menu-toggle{display:none}.skip{position:absolute;left:10px;top:-80px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:45px;padding-top:93px;padding-bottom:92px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;letter-spacing:1px;background:#edf7f0;border:1px solid #dceee2;border-radius:30px;padding:5px 13px;margin-bottom:26px}.eyebrow i,.completion i{height:6px;width:6px;background:var(--green);border-radius:100%;display:inline-block}.hero h1{font-size:clamp(45px,5vw,70px);letter-spacing:-.06em;line-height:1.25;margin-bottom:25px}.hero-desc{font-size:18px;line-height:1.9;margin-bottom:31px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.fine{font-size:12px;color:#687870;margin-top:16px}.hero-art{position:relative;min-width:0;padding:30px 0 20px}.hero-art:before{content:"";position:absolute;inset:-90px -30px;background:radial-gradient(ellipse,#d9efdd 0,rgba(231,244,231,.65) 30%,transparent 69%);z-index:-1}.app-window{width:108%;margin-left:-2%;border:1px solid #dbe5de;border-radius:12px;background:#fff;box-shadow:0 30px 70px #123d2520;transform:perspective(1800px) rotateY(-5deg) rotateX(2deg);overflow:hidden}.window-bar{height:30px;background:#f8faf7;border-bottom:1px solid #e7ebe5;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:9px;color:#829087}.lights{color:#94b4a1;font-size:11px;letter-spacing:3px}.app-layout{display:flex;min-height:352px}.app-sidebar{width:116px;flex-shrink:0;background:#f5f7f3;border-right:1px solid #e9ede6;padding:19px 10px;display:flex;flex-direction:column;gap:9px;font-size:9px;color:#6a766f}.mini-brand{display:flex;align-items:center;gap:4px;font-weight:700;color:var(--ink);margin-bottom:11px}.mini-brand img{border-radius:5px}.app-sidebar>span{padding:5px;border-radius:4px}.app-sidebar .selected{background:#e2ede2;color:#24593e}.app-sidebar small{margin-top:auto;font-size:8px}.app-content{padding:24px 20px;min-width:0;flex:1}.tiny-label{font-size:7px;letter-spacing:2px;color:#829385}.app-content h2{font-size:20px;margin:5px 0 18px}.chat-bubble{border:1px solid #e7eae5;background:#f9faf8;border-radius:6px;padding:9px;font-size:9px;margin-bottom:13px}.generated-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.generated-posts>div{border-radius:5px;overflow:hidden;background:#f4f0e7}.generated-posts img{height:115px;width:100%;object-fit:cover}.generated-posts b{font-size:7px;display:block;padding:7px 5px}.completion{font-size:8px;color:var(--green);display:flex;gap:5px;align-items:center;margin:14px 0}.completion span{margin-left:auto;color:#829087}.mock-input{border:1px solid #e5eae4;border-radius:6px;font-size:8px;color:#95a097;padding:10px;display:flex;justify-content:space-between}.mock-input b{background:var(--green);color:#fff;border-radius:4px;width:17px;text-align:center}.floating-tag{position:absolute;right:-14px;bottom:-7px;background:#fff;padding:14px 20px;display:flex;gap:12px;align-items:center;border-radius:12px;border:1px solid #e1e9e0;box-shadow:0 12px 35px #213e1914}.floating-tag>span{font-size:25px;color:var(--green)}.floating-tag b{font-size:12px}.floating-tag small{display:block;color:var(--muted);font-size:10px}.art-caption{font-size:10px;margin:15px 0 0 6px;color:#77877b}.capabilities{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:25px 0;gap:20px;color:var(--green)}.capabilities span{display:flex;gap:13px;justify-content:center;font-size:24px;align-items:center}.capabilities b{color:#53675c;font-size:15px;font-weight:500}.section{padding-block:86px}.section-heading{text-align:center;margin-bottom:40px}.kicker{display:block;color:var(--green);font-size:11px;letter-spacing:2px;font-weight:650;margin-bottom:14px}.section-heading h2{margin-bottom:13px}.section-heading p{font-size:16px}.creative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.creative-card,.course-card{display:block;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.creative-card:hover,.course-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #1838270e}.card-picture{position:relative;overflow:hidden}.card-picture img{width:100%;height:230px;object-fit:cover}.card-picture>span{position:absolute;top:15px;left:15px;padding:4px 10px;background:#fffdf5e8;color:#344a3a;border-radius:5px;font-size:10px;letter-spacing:1px}.play-symbol{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:50px;color:white;text-shadow:0 1px 10px #0005}.card-copy{padding:23px}.card-copy h3{font-size:21px;margin-bottom:12px}.card-copy h3 span{float:right;color:var(--green);font-size:18px}.card-copy p{font-size:14px;margin-bottom:0;line-height:1.9}.media-section{background:var(--cream);border-block:1px solid #eef1e9;padding-block:76px}.media-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.media-layout h2{line-height:1.45;margin-bottom:20px}.media-layout p{font-size:15px;line-height:2}.text-link{color:var(--green);font-weight:600;font-size:15px;display:inline-block;margin-top:10px}.library-demo{background:white;border-radius:16px;padding:22px;border:1px solid #e3e8df;box-shadow:0 16px 32px #223e2510;transform:rotate(-1deg)}.library-title{display:flex;justify-content:space-between;align-items:center}.library-title b{font-size:15px}.library-title>span{font-size:10px;color:var(--muted)}.library-filters{display:flex;gap:8px;margin:16px 0}.library-filters button{font-size:11px;border:0;border-radius:5px;background:#f4f7f2;color:#637268;padding:4px 13px}.library-filters button.active{background:#e2f3e6;color:var(--green)}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:238px;align-content:start}.library-grid figure{margin:0;overflow:hidden;border-radius:6px;background:#fafaf7}.library-grid img{height:92px;width:100%;object-fit:cover}.library-grid figcaption{font-size:10px;padding:5px 7px;color:#586959}.library-grid figcaption span{float:right}.course-promo{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.course-promo h2{line-height:1.45}.course-promo p{line-height:2}.learning-notes{padding:35px 40px;border-radius:18px;background:#f2f4eb;position:relative;overflow:hidden}.lesson-number{font-size:11px;letter-spacing:3px;color:var(--green)}.learning-notes h3{font-size:29px;line-height:1.5;margin-top:19px}.learning-notes>div{border-top:1px solid #dbe1d1;padding:13px 0;font-size:14px}.learning-notes>div span{font-size:12px;margin-right:20px;color:var(--green)}.learning-notes small{font-size:10px;color:#647459}.cta{background:var(--dark);color:#fff;text-align:center;border-radius:22px;padding:61px 20px;margin-bottom:60px;position:relative;overflow:hidden}.cta .kicker{color:#98c8af}.cta h2{font-size:36px;margin-bottom:15px}.cta p{color:#bed7ca}.footer{padding:30px 0 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer .brand{font-size:20px}.footer p{font-size:12px;margin-top:9px}.footer-links{display:flex;gap:28px;font-size:13px;padding-top:10px}.footer-bottom{display:flex;justify-content:space-between;flex-basis:100%;padding-top:23px;border-top:1px solid var(--line);font-size:11px;color:#607166}.page-heading{padding-top:70px;padding-bottom:48px;text-align:center}.page-heading h1{font-size:47px;line-height:1.4}.page-heading p{font-size:17px}.page-heading em{display:inline}.page-heading .eyebrow{margin-bottom:20px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding:48px 0;border-bottom:1px solid var(--line)}.feature-row:nth-child(even)>div{order:2}.feature-row img{border-radius:20px;aspect-ratio:1.5;object-fit:cover}.feature-row h2{font-size:32px;line-height:1.45}.steps{padding:0;list-style:none}.steps li{display:flex;align-items:center;gap:13px;font-size:14px;margin:15px 0}.steps span{display:inline-grid;place-items:center;border:1px solid #d3e6d9;color:var(--green);border-radius:100%;width:27px;height:27px;flex-shrink:0;font-size:12px}.feature-callout{background:var(--mint);padding:45px;border-radius:20px}.feature-callout>span{font-size:40px;color:var(--green)}.notice{padding:17px 24px;background:#f1f7f1;border:1px solid #dce8dc;border-radius:10px;font-size:14px;color:#4f6c58;margin:25px 0;line-height:1.9}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:18px}.plan{position:relative;padding:32px;border:1px solid var(--line);border-radius:16px;background:white}.plan.recommended{border:2px solid var(--green);background:#f8fcf8}.recommend-tag{position:absolute;right:20px;top:-14px;background:var(--green);color:white;border-radius:20px;font-size:12px;padding:2px 13px}.plan h2{font-size:27px}.plan-price{font-size:52px;font-weight:750;line-height:1.3;letter-spacing:-2px}.plan-price>span{font-size:24px;margin-right:6px;letter-spacing:0}.plan-price small{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:8px}.points{font-size:14px;margin:20px 0}.plan .button{width:100%}.plan ul{list-style:none;padding:8px 0 0;font-size:13px;line-height:2}.plan li{margin:10px 0}.plan li:before{content:'✓';color:var(--green);margin-right:10px}.topup{border:1px solid var(--line);border-radius:15px;background:var(--cream);margin:28px 0;padding:25px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topup h2{font-size:24px;margin-bottom:6px}.topup p{font-size:14px;margin:0}.topup strong{font-size:34px;white-space:nowrap}.topup small{font-size:13px;color:var(--muted);font-weight:400}.prose-block{padding:35px 0}.prose-block h2{font-size:26px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 50px}.rules-grid h3{font-size:18px}.rules-grid p{font-size:14px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:950px}.download-card{text-align:center;padding:44px 30px;border:1px solid var(--line);border-radius:20px;background:var(--cream)}.download-card h2{font-size:25px;margin-top:18px}.download-card p{font-size:14px;max-width:300px;margin:0 auto 22px}.platform-icon{font-size:49px;line-height:1;color:var(--green)}.status-pill{display:inline-block;background:#e8eee7;border:1px solid #d8e2d5;color:#586d5a;border-radius:6px;padding:8px 23px;font-size:14px}.quick-start{background:var(--cream);border-radius:16px;padding:30px}.quick-start h2,.faq-heading{font-size:26px}.faq-heading{margin:45px 0 20px}.faq-list{margin-bottom:80px}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list summary{cursor:pointer;font-weight:600}.faq-list p{margin:15px 20px 0 0;font-size:15px}.reading{max-width:850px;padding-block:65px;min-height:60vh}.reading h1{font-size:40px}.reading h2{font-size:24px;margin-top:35px}.reading .kicker{margin-top:25px}.reading video{width:100%;background:#172e23;max-height:650px;border-radius:10px}.reading p{line-height:2}.lead{font-size:18px;line-height:1.9}.catalog-section{padding-bottom:60px;min-height:55vh}.course-search{display:flex;align-items:flex-end;gap:16px;background:var(--cream);padding:23px;border-radius:14px}.course-search>div:first-child{flex:1}.course-search>div{min-width:0}.course-search label{display:block;font-size:12px;margin-bottom:5px;color:#52665a}.course-search input,.course-search select{height:47px;width:100%;min-width:145px;background:white;border:1px solid #d5dfd5;border-radius:7px;padding:8px 12px;color:var(--ink);font-size:14px}.course-search .button{height:47px;min-height:47px;flex-shrink:0}.results-heading{display:flex;justify-content:space-between;align-items:center;margin:35px 0 20px}.results-heading h2{font-size:23px;margin:0}.results-heading>span{color:var(--muted);font-size:13px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.course-cover{position:relative;aspect-ratio:16/9;background:#edf4e7;overflow:hidden}.course-cover img{width:100%;height:100%;object-fit:cover}.course-type{position:absolute;left:14px;bottom:14px;border-radius:5px;background:#fffdf4ee;padding:3px 9px;font-size:11px;color:#1f6647}.cover-monogram{display:block;font-size:80px;font-weight:800;color:#81a583;text-align:center;line-height:1.5}.cover-monogram>span{font-size:11px;letter-spacing:4px;margin-left:10px}.category-label{color:var(--green);font-size:11px!important;margin-bottom:8px!important}.course-card h3{font-size:21px;line-height:1.5}.line-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:15px;border-top:1px solid var(--line)}.course-meta span{font-size:11px;color:var(--muted)}.course-meta b{font-size:16px;color:var(--green);white-space:nowrap}.empty-state{text-align:center;padding:64px 20px;background:var(--cream);border:1px dashed #d5dfd1;border-radius:16px}.empty-icon{display:inline-grid;place-items:center;width:65px;height:65px;border-radius:18px;background:#e2efdf;color:var(--green);font-size:31px;margin-bottom:22px}.empty-state h2{font-size:26px;margin-bottom:12px}.empty-state p{font-size:14px}.empty-state .button{margin-top:10px}.course-note{text-align:center;font-size:12px;margin:25px 0}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:35px;font-size:14px}.detail-wrap{padding-block:34px 70px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:35px;overflow-wrap:anywhere}.breadcrumbs a:hover{text-decoration:underline}.course-detail{display:grid;grid-template-columns:1fr 340px;gap:65px;align-items:start}.course-detail h1{font-size:40px;overflow-wrap:anywhere}.course-detail .lead{font-size:16px;white-space:pre-line}.muted{color:var(--muted);font-size:13px}.enroll-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;position:sticky;top:115px;background:#fff}.enroll-card>img{width:100%;height:195px;object-fit:cover}.enroll-card .button{width:100%;margin-top:18px}.enroll-card .price{font-size:36px;color:var(--ink);font-weight:700;margin:12px 0}.enroll-art{background:#e8f1e1;padding:42px 30px;line-height:1.6;font-size:25px;font-weight:650}.enroll-art em{font-size:17px}.preserve,.article-body{white-space:pre-wrap;overflow-wrap:anywhere}.article-body{line-height:2.1;color:#3b5145}.lesson-list{list-style:none;padding:0;border-top:1px solid var(--line)}.lesson-list li{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.lesson-list small,.lesson-list strong,.lesson-list div>span{display:block}.lesson-list small{color:var(--green);font-size:11px}.lesson-list strong{font-size:15px}.lesson-list div>span{font-size:11px;color:var(--muted);margin-top:5px}.lesson-list a{color:var(--green);font-size:13px;white-space:nowrap}.error-page{margin-block:65px;min-height:50vh}.error-number{font-size:85px;font-weight:800;color:#96b5a0;letter-spacing:-5px}.error-page h1{font-size:32px}.error-page .actions{justify-content:center}
@media(min-width:1450px){.hero{padding-top:110px;padding-bottom:110px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav nav{gap:22px}.hero{gap:25px}.hero h1{font-size:52px}.app-window{width:105%}.app-sidebar{width:95px}.app-content{padding:22px 12px}.generated-posts img{height:103px}.hero .button{font-size:13px;padding:11px 16px;gap:10px}.hero-desc{font-size:16px}.media-layout{gap:45px}.card-picture img{height:205px}.course-detail{grid-template-columns:1fr 300px;gap:35px}.plan{padding:26px}.plan-price{font-size:44px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:72px}.nav nav{gap:16px;font-size:12px}.nav .button{font-size:12px;padding:8px 12px}.brand{font-size:20px}.hero{grid-template-columns:1fr;padding-top:48px;gap:25px;padding-bottom:46px}.hero-copy{text-align:center}.hero h1{font-size:58px}.hero-copy .actions{justify-content:center}.hero-desc br{display:none}.hero-art{max-width:600px;width:94%;margin:auto;padding-top:10px}.app-window{width:100%;margin:0;transform:none}.app-layout{min-height:330px}.app-sidebar{width:120px}.app-content{padding:23px}.generated-posts img{height:113px}.floating-tag{right:-12px;bottom:0}.capabilities{padding:18px 0;gap:10px}.capabilities span{gap:7px;font-size:19px}.capabilities b{font-size:12px}.section{padding-block:55px}.creative-grid{gap:14px}.card-copy{padding:18px}.card-picture img{height:165px}.card-copy h3{font-size:19px}.card-copy p{font-size:12px}.media-layout{grid-template-columns:.7fr 1.3fr;gap:25px}.media-layout h2{font-size:30px}.media-layout p{font-size:13px}.library-demo{padding:14px}.library-grid{gap:8px;min-height:180px}.library-grid img{height:69px}.library-title>span{display:none}.course-promo{gap:30px}.learning-notes{padding:25px}.learning-notes h3{font-size:24px}.cta h2{font-size:29px}.page-heading{padding-top:48px;padding-bottom:25px}.page-heading h1{font-size:36px}.page-heading p{font-size:15px}.feature-row{gap:35px}.feature-row h2{font-size:28px}.plans{gap:12px}.plan{padding:23px 17px}.plan-price{font-size:38px}.plan-price small{font-size:10px}.plan .kicker{font-size:10px;letter-spacing:1px}.points{font-size:12px}.plan li{font-size:11px}.course-grid{grid-template-columns:1fr 1fr}.course-search{flex-wrap:wrap}.course-search>div:first-child{flex-basis:100%}.course-search>div{flex:1}.course-detail{grid-template-columns:1fr}.enroll-card{position:static;max-width:450px;grid-row:1}.enroll-art{display:none}.course-detail h1{font-size:32px}.course-detail .prose-block{padding:20px 0}.footer-links{gap:15px}.feature-callout{padding:25px}.course-search .button{flex:0}.topup p{font-size:12px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.menu-toggle{display:block;background:#f3f7f1;border:1px solid #dfe7db;border-radius:6px;font-size:20px;width:39px;height:38px;color:var(--green)}.nav nav{display:none;position:absolute;top:71px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:18px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 20px #143c1610;font-size:15px}.nav nav.open{display:flex}.nav nav>a{padding:11px 15px}.nav nav>.button{margin-top:8px}.hero{padding-top:37px;gap:16px}.hero h1{font-size:48px}.hero .eyebrow{font-size:11px;margin-bottom:19px}.hero-desc{font-size:15px}.hero-art{width:100%;padding-top:18px}.app-sidebar{width:76px;font-size:7px;padding:12px 5px}.mini-brand{font-size:7px;gap:2px}.mini-brand img{width:16px;height:16px}.app-content{padding:16px 10px}.app-content h2{font-size:16px}.app-layout{min-height:266px}.generated-posts{gap:4px}.generated-posts img{height:80px}.generated-posts b{font-size:6px;padding:5px 3px}.chat-bubble{font-size:7px;padding:7px}.completion{font-size:7px}.completion span{display:none}.tiny-label{font-size:6px}.floating-tag{padding:9px 13px;right:0;bottom:3px;border-radius:8px}.floating-tag b{font-size:10px}.floating-tag small{font-size:8px}.floating-tag>span{font-size:19px}.art-caption{font-size:8px}.capabilities{grid-template-columns:1fr 1fr;gap:15px;padding-block:20px}.capabilities span{justify-content:flex-start;padding-left:20px}.section-heading h2{font-size:27px;letter-spacing:-1px}.section-heading p{font-size:14px}.kicker{font-size:9px;letter-spacing:1.7px}.creative-grid{grid-template-columns:1fr;gap:20px}.card-picture img{height:auto;aspect-ratio:1.6}.card-copy{padding:22px}.card-copy h3{font-size:22px}.card-copy p{font-size:14px}.section-heading{margin-bottom:28px}.media-section{padding-block:45px}.media-layout{grid-template-columns:1fr;gap:30px}.media-layout h2 br{display:none}.media-layout h2{font-size:29px}.media-layout p br{display:none}.media-layout p{font-size:14px}.library-demo{transform:none;padding:16px}.library-grid img{height:78px}.library-grid{min-height:216px}.course-promo{grid-template-columns:1fr;gap:28px}.course-promo h2{font-size:30px}.course-promo h2 br{display:none}.learning-notes{padding:30px}.learning-notes h3{font-size:26px}.cta{padding:40px 18px;border-radius:16px;margin-bottom:25px}.cta h2{font-size:25px}.cta p{font-size:14px}.footer{padding-top:20px}.footer-links{flex-basis:100%;flex-wrap:wrap;gap:20px}.footer-bottom{font-size:10px}.page-heading h1{font-size:33px}.page-heading h1 em{display:block}.page-heading p{font-size:14px}.feature-row{grid-template-columns:1fr;gap:25px;padding-block:32px}.feature-row:nth-child(even)>div{order:0}.feature-row h2{font-size:28px}.feature-row p{font-size:14px}.plans{grid-template-columns:1fr;gap:25px}.plan{padding:29px}.plan-price{font-size:52px}.plan .kicker{font-size:11px}.plan-price small{font-size:13px}.points,.plan li{font-size:14px}.topup{padding:23px;flex-direction:column;align-items:flex-start;gap:10px}.rules-grid{grid-template-columns:1fr;gap:15px}.notice{padding:16px;font-size:12px}.download-grid{grid-template-columns:1fr;gap:20px}.download-card{padding:35px 22px}.quick-start{padding:22px}.quick-start .steps li{align-items:flex-start;font-size:13px}.reading{padding-block:40px}.reading h1{font-size:32px}.reading p{font-size:14px}.course-search{padding:16px;gap:12px}.course-search>div{flex-basis:calc(50% - 12px)}.course-search select{min-width:0;padding-inline:7px;font-size:12px}.course-search .button{flex-basis:100%}.course-grid{grid-template-columns:1fr}.empty-state{padding:40px 17px}.empty-state h2{font-size:23px}.course-note{text-align:left}.enroll-card{max-width:100%}.course-detail{gap:25px}.course-detail h1{font-size:30px}.lesson-list strong{font-size:13px}.lesson-list li{gap:12px}.lesson-list a{font-size:12px}.lesson-list .muted{font-size:11px}.course-detail .eyebrow{margin-bottom:17px}.error-page h1{font-size:26px}.error-number{font-size:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media print{.header,.footer,.cta,.menu-toggle{display:none}body{color:#000}.wrap{width:100%}.course-detail{display:block}.enroll-card{position:static;break-inside:avoid}a{text-decoration:underline}}

.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-block:50px 70px;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--cream)}.contact-panel h2{font-size:27px}.contact-panel p{font-size:14px}.contact-panel figure{margin:0;flex-shrink:0;text-align:center;font-size:12px;color:var(--muted)}.contact-panel img{max-width:180px;height:auto;border-radius:8px}.contact-panel figcaption{margin-top:8px}@media(max-width:600px){.contact-panel{flex-direction:column;align-items:flex-start;padding:23px}}

.release-item{margin-top:20px}.release-item p{margin-top:15px}.checksum{margin-top:18px;text-align:left;font-size:12px;color:var(--muted)}.checksum summary{cursor:pointer}.checksum code{display:block;overflow-wrap:anywhere;margin-top:8px;font-size:11px}

@media(max-width:600px){.hero-art:before{left:0;right:0}html:not(.js) .nav{height:auto;flex-wrap:wrap;padding-block:17px}html:not(.js) .nav nav{display:flex;position:static;box-shadow:none;padding:0;border:0;flex-basis:100%;flex-direction:row;flex-wrap:wrap}html:not(.js) .menu-toggle{display:none}}

@media(max-width:600px){.course-promo h2 br{display:initial}.course-promo h2{font-size:28px}}

/* Product-led homepage: real HTML narrative + clearly labelled illustrative UI. */
.product-hero{padding-top:58px;padding-bottom:35px}.product-intro{text-align:center;max-width:1000px;margin:auto}.product-intro h1{font-size:clamp(36px,4.8vw,64px);letter-spacing:-.055em;margin-bottom:21px}.product-intro>p{font-size:18px;line-height:1.9;margin-bottom:26px}.product-intro .actions{justify-content:center}.product-intro .fine{font-size:12px;margin:16px 0 0}.product-shot{margin:0;min-width:0}.product-shot>a{display:block;overflow:hidden;border:1px solid #d8e5dc;border-radius:16px;box-shadow:0 22px 60px #113f2514;transition:box-shadow .2s}.product-shot>a:hover{box-shadow:0 24px 64px #113f2526}.product-shot img{width:100%;height:auto}.hero-product-shot{max-width:1080px;margin:44px auto 0}.product-shot figcaption{display:flex;justify-content:space-between;gap:12px;color:#64736a;font-size:11px;margin-top:15px;padding:0 2px}.hero-product-shot figcaption>span:first-child{color:#445e4e;font-size:12px}.workflow-section{padding-bottom:0}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;list-style:none;margin:0;padding:0}.workflow-steps li{border-top:1px solid #d8e4db;padding-top:21px}.step-number{font-size:13px;color:var(--green);font-weight:650;letter-spacing:2px}.workflow-steps h3{font-size:21px;margin:16px 0 13px}.workflow-steps p{font-size:14px;line-height:1.9;margin-bottom:18px}.workflow-steps blockquote{margin:0;padding:12px 15px;font-size:13px;color:#365b44;background:#f0f6ed;border-left:2px solid #5b9c78;border-radius:0 7px 7px 0}.workflow-tags{display:flex;gap:7px;flex-wrap:wrap}.workflow-tags span{font-size:11px;color:#476d55;background:#eef4ec;border-radius:5px;padding:4px 9px}.workflow-steps .text-link{font-size:13px;margin-top:1px}.workspace-media{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:center}.workspace-media h2{line-height:1.4}.workspace-media p{font-size:15px;line-height:2}.library-product-shot figcaption{justify-content:flex-end}.library-product-shot>a{border-radius:12px}.creative-section{padding-top:80px}
@media(max-width:900px){.workspace-media{grid-template-columns:1fr;gap:25px}.workspace-media>div{text-align:center}.workspace-media h2 br{display:none}.workspace-media p br{display:none}.library-product-shot{max-width:780px;margin:auto}.workflow-steps{gap:20px}.workflow-steps h3{font-size:18px}}
@media(max-width:600px){.product-hero{padding-top:33px;padding-bottom:26px}.product-intro .eyebrow{font-size:11px;margin-bottom:21px}.product-intro h1{font-size:38px;line-height:1.3}.product-intro h1 em{display:block}.product-intro>p{font-size:14px;margin-bottom:23px}.product-intro .button{font-size:13px;padding:10px 16px;gap:10px}.product-intro .fine{font-size:10px}.hero-product-shot{margin-top:29px}.product-shot>a{border-radius:8px}.product-shot figcaption{font-size:10px;flex-direction:column;gap:3px;margin-top:10px}.hero-product-shot figcaption>span:first-child{font-size:11px}.workflow-steps{grid-template-columns:1fr;gap:25px}.workflow-steps h3{font-size:21px;margin-top:11px}.workflow-steps p{font-size:14px}.workflow-steps blockquote{font-size:13px}.workflow-section{padding-top:45px}.workspace-media h2{font-size:29px}.workspace-media p{font-size:14px}.library-product-shot figcaption{text-align:center}.creative-section{padding-top:55px}}

.course-example img{display:block;width:100%;height:auto;border-radius:16px}.course-example+.course-example{margin-top:28px}.prose-block details{padding:16px 0;border-bottom:1px solid var(--line)}.prose-block summary{cursor:pointer;font-weight:600}.course-detail article{min-width:0;overflow-wrap:anywhere}

.post-card .card-copy h3{margin-bottom:8px}
.post-card .course-meta b{font-size:18px}
.post-reading{max-width:900px}
.post-reading h1{font-size:clamp(30px,3.6vw,44px);line-height:1.35;overflow-wrap:anywhere}
.post-reading .lead{color:var(--muted)}
.post-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin:10px 0 30px}
.post-back{margin-top:45px}
.article-body.markdown{white-space:normal;font-size:16px;line-height:2.05;color:#33493d}
.article-body.markdown h2{font-size:27px;margin:45px 0 16px;letter-spacing:-.02em}
.article-body.markdown h3{font-size:21px;margin:34px 0 12px}
.article-body.markdown h4{font-size:17px;margin:26px 0 10px}
.article-body.markdown p{margin-bottom:18px;color:#33493d}
.article-body.markdown ul,.article-body.markdown ol{margin:0 0 20px;padding-left:26px;color:#33493d}
.article-body.markdown li{margin:8px 0}
.article-body.markdown blockquote{margin:24px 0;padding:14px 22px;border-left:3px solid var(--bright);background:var(--cream);border-radius:0 10px 10px 0}
.article-body.markdown blockquote p:last-child{margin-bottom:0}
.article-body.markdown a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.article-body.markdown code{background:#eef4ee;border-radius:5px;padding:2px 7px;font-size:.9em}
.article-body.markdown pre{background:#0b2f23;color:#e8f2ea;border-radius:12px;padding:18px 22px;overflow-x:auto;margin:0 0 24px;line-height:1.7}
.article-body.markdown pre code{background:none;color:inherit;padding:0}
.article-body.markdown img{display:block;max-width:100%;height:auto;border-radius:14px;margin:26px auto}
.article-body.markdown hr{border:0;border-top:1px solid var(--line);margin:38px 0}
.article-body.markdown table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:14px}
.article-body.markdown th,.article-body.markdown td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.article-body.markdown th{background:var(--cream)}
@media(max-width:600px){.post-cover{border-radius:12px;margin-bottom:22px}.article-body.markdown{font-size:15px}.article-body.markdown h2{font-size:23px;margin-top:35px}.article-body.markdown h3{font-size:19px}}