@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--bg:#fafbf7;--ink:#2c352b;--muted:#788071;--green:#607849;--line:#e5e8de;--pale:#edf1e4;--font:"DM Sans", Arial, "Noto Sans TC", "Hiragino Sans", sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #91ab6d}h1:focus{outline:none}button{border:0}a{color:var(--green)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:"Manrope", var(--font)}h2{letter-spacing:-1px;font-size:29px;line-height:1.35}h3{letter-spacing:-.45px;font-size:18px}p{color:var(--muted);line-height:1.75}.wrap{max-width:1160px;margin-inline:auto;padding-inline:32px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:#fff;padding:14px;position:absolute;top:-80px;left:12px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line);background:#fafbf7ed;height:89px}.header-inner{justify-content:space-between;align-items:center;gap:25px;max-width:1280px;height:100%;margin:auto;padding:0 48px;display:flex}.brand{font-family:"Manrope", var(--font);letter-spacing:-1.4px;white-space:nowrap;background:0 0;align-items:center;gap:9px;padding:0;font-size:27px;font-weight:800;display:inline-flex}.brand-dot{color:#8a9e68;margin-left:-9px}.brand-icon{width:35px;height:36px;color:var(--green);background:#e8eeda;border-radius:11px;place-items:center;margin-right:2px;display:grid}.main-nav{align-items:center;gap:30px;height:100%;display:flex}.nav-link{color:#798072;background:0 0;height:100%;padding:0;font-size:13px;position:relative}.nav-link.selected{color:#4e663b;font-weight:650}.nav-link.selected:after{content:"";background:#738957;border-radius:3px;height:3px;position:absolute;bottom:0;left:0;right:0}.header-actions{align-items:center;gap:21px;display:flex}.language-control{color:#69705f;align-items:center;gap:5px;display:flex}.language-control select{color:#5e6858;cursor:pointer;background:0 0;border:0;max-width:100px;font-size:12px}.progress-button{color:#60724b;background:#edf1e5;border:1px solid #e0e5d5;border-radius:8px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:flex}.progress-dot{background:#dbe5ca;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.menu-button{background:0 0;padding:4px;display:none}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:26px;min-height:536px;padding-top:46px;padding-bottom:47px;display:grid}.eyebrow{letter-spacing:1.7px;color:#79866b;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:650;display:flex}.eyebrow-dot{background:#81975e;border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-3.2px;margin-top:22px;margin-bottom:26px;font-size:66px;font-weight:750;line-height:1.12}.hero h1>span{color:#718457;display:inline-block;position:relative}.hero h1 svg{width:99%;height:12px;position:absolute;bottom:-7px;left:1px}.hero-copy>p{max-width:400px;font-size:14px;line-height:1.9}.hero-buttons{align-items:center;gap:21px;margin-top:26px;display:flex}.button{border-radius:7px;justify-content:center;align-items:center;gap:13px;min-height:44px;padding:13px 18px;font-size:12px;font-weight:550;transition:background .15s,transform .15s;display:inline-flex}.button:not(:disabled):hover{transform:translateY(-2px)}.primary{color:#fff;background:#607849;border:1px solid #607849;box-shadow:0 3px 5px #344a2910}.primary:not(:disabled):hover{background:#4e663a}.text-button{color:#63754f;background:0 0;justify-content:center;align-items:center;gap:7px;padding:9px 0;font-size:12px;font-weight:550;display:inline-flex}.text-button:hover{color:#364d26}.hero-benefits{color:#909584;gap:20px;margin-top:24px;font-size:10px;display:flex}.hero-benefits span{align-items:center;gap:6px;display:flex}.hero-benefits svg{color:#97a783;width:12px;height:12px}.hero-visual{justify-content:center;align-items:center;height:420px;display:flex;position:relative}.hero-blob{background:#edf0df;border-radius:49% 47% 42% 48%;position:absolute;inset:39px 33px 50px 38px;transform:rotate(-13deg)}.hero-visual>.robot{z-index:1;width:94%;height:94%;position:relative;transform:rotate(-5deg)translateY(-8px)}.orbit{z-index:1;border:1px dashed #d9dfcd;border-radius:50%;width:90%;height:66%;position:absolute;transform:rotate(-22deg)}.orbit-two{width:77%;height:89%;transform:rotate(31deg)}.float-card{z-index:2;background:#fffdf4;border:1px solid #eeeadd;border-radius:13px;position:absolute;box-shadow:0 6px 13px #5a684910}.card-bulb{color:#b4a05e;place-content:center;justify-items:center;width:66px;height:70px;display:grid;top:45px;left:34px;transform:rotate(-13deg)}.card-bulb svg{width:29px;height:29px}.card-bulb i{letter-spacing:1px;margin-top:3px;font-size:10px;font-style:normal}.card-code{color:#809565;background:#edf0e5;border-color:#dce2cf;padding:20px 14px;font:700 21px monospace;top:92px;right:22px;transform:rotate(12deg)}.card-star{color:#b89e5e;background:#f1e9d5;padding:12px;bottom:71px;left:54px;transform:rotate(-15deg)}.decor{color:#97a978;z-index:2;position:absolute}.plus{font-size:26px;top:32px;right:83px}.little-plus{font-size:24px;bottom:112px;right:5px}.dot{background:#d6bd7d;border-radius:50%;width:6px;height:6px;top:171px;left:24px}.robot-message{z-index:3;color:#778268;background:#fffef9;border:1px solid #e3e7d9;border-radius:9px;width:max-content;max-width:95%;padding:13px 16px;font-size:11px;position:absolute;bottom:34px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 6px 13px #3d4b3710}.robot-message span{color:#96a875;margin-right:7px}.visual-caption{letter-spacing:1px;color:#a6aa9b;font-size:9px;position:absolute;bottom:1px}.feature-strip{border-block:1px solid var(--line);background:#f1f3eaaa}.feature-strip>.wrap{justify-content:space-between;align-items:center;gap:20px;min-height:68px;display:flex}.feature-strip span{color:#727c66;align-items:center;gap:10px;font-size:11px;display:flex}.feature-strip b{margin-right:-6px;font-weight:600}.feature-strip svg{color:#81906f;stroke-width:1.5px}.learning-section{padding-top:59px;padding-bottom:53px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h2{margin:12px 0 8px}.section-heading p{font-size:12px}.section-doodle{color:#afbb90;margin-right:9px;font-size:68px;line-height:1;transform:rotate(10deg)}.filters{gap:8px;margin:26px 0 24px;display:flex}.filter{color:#838977;background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 15px;font-size:11px}.filter.active{color:#5c7445;background:#eaf0df;border-color:#e1e8d3;font-weight:600}.filter span{background:#dce6cc;border-radius:4px;margin-left:8px;padding:1px 5px;font-size:9px}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:23px;display:grid}.lesson-card{text-align:left;background:#fffefb;border:1px solid #e2e6d9;border-radius:11px;flex-direction:column;padding:0;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.lesson-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #4353330c}.art-wrap{position:relative}.lesson-art{justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.art-0{background:#eaf0df}.art-1{background:#f2eddf}.art-2{background:#e8edf1}.art-3{background:#eee9f3}.art-4{background:#eaf0e1}.art-5{background:#f6ede2}.lesson-number{letter-spacing:1px;color:#707b61;background:#fffef8b3;border:1px solid #ffffff80;border-radius:5px;padding:5px 8px;font-size:8px;position:absolute;top:13px;left:15px}.completed-badge{color:#fff;background:#5c7648;border-radius:5px;align-items:center;gap:3px;padding:5px 7px;font-size:9px;display:flex;position:absolute;top:13px;right:10px}.lesson-copy{flex-direction:column;flex:1;padding:20px 21px 16px;display:flex}.lesson-tag{letter-spacing:1.3px;color:#809167;margin-bottom:9px;font-size:8px;font-weight:600}.tag-1,.tag-5{color:#ab936c}.tag-2{color:#7c94a6}.tag-3{color:#9d88ae}.lesson-copy h3{letter-spacing:-.45px;margin-bottom:7px;font-size:17px;line-height:1.5}.lesson-copy p{min-height:41px;margin-bottom:19px;font-size:11px;line-height:1.8}.lesson-meta{border-top:1px solid #eef0e8;justify-content:space-between;align-items:center;gap:9px;margin-top:auto;padding-top:13px;font-size:9px;display:flex}.lesson-meta>span{color:#969c8b;align-items:center;gap:5px;display:flex}.lesson-meta .lesson-open{color:#6d8056;font-size:10px;font-weight:500}.small.robot{width:230px;height:180px;transform:translate(9px,10px)}.art-label{color:#7c8b67;background:#fafcf3;border:1px solid #d6e0c7;border-radius:6px;padding:6px 9px;font-size:8px;position:absolute;top:61px;right:24px;transform:rotate(7deg)}.art-spark{color:#9bb378;font-size:27px;position:absolute;top:90px;left:44px}.fruit-scene{width:185px;padding-top:13px}.fruit-row{justify-content:space-around;align-items:center;height:57px;display:flex}.apple{background:#dba48c;border:1px solid #c38d73;border-radius:43% 40% 45% 45%;width:34px;height:33px;display:block;position:relative;box-shadow:inset 6px 0 #ffffff20}.apple:before,.mini-apple:before{content:"";background:#8d8d5b;border-radius:2px;width:4px;height:9px;position:absolute;top:-7px;left:50%;transform:rotate(20deg)}.apple:after{content:"";background:#a0ad78;border-radius:0 9px;width:11px;height:6px;position:absolute;top:-5px;left:52%}.apple.green{background:#c0cd98;border-color:#a3b383}.banana{color:#d8b753;font-family:Georgia,serif;font-size:65px;line-height:.6;transform:rotate(35deg)}.sort-arrow{color:#c4b790;justify-content:space-between;padding:0 29px;font-size:23px;line-height:27px;display:flex}.sort-arrow>span{color:#bdae7c;font-size:14px}.baskets{justify-content:space-between;padding-top:3px;display:flex}.baskets>div{background:repeating-linear-gradient(0deg,#e2d1ad 0 7px,#d3bd97 8px 9px);border:1px solid #cbb489;border-radius:3px 3px 17px 17px;justify-content:center;align-items:center;gap:8px;width:79px;height:35px;display:flex}.mini-apple{background:#d39d82;border-radius:40%;width:20px;height:20px;margin-top:-19px;position:relative}.mini-apple:before{width:2px;height:5px;top:-3px}.baskets>div>span:not(.mini-apple){color:#caaa43;margin-top:-29px;font-size:33px;transform:rotate(25deg)}.prompt-scene{width:210px;height:139px;margin-top:20px;position:relative}.bubble{border:1px solid #beced5;border-radius:13px;align-items:center;gap:7px;display:flex;position:absolute;box-shadow:0 5px #607b8b0a}.bubble:after{content:"";background:inherit;border-bottom:1px solid #beced5;border-right:1px solid #beced5;width:13px;height:13px;position:absolute;bottom:-7px;left:25px;transform:skewY(-33deg)}.bubble.first{background:#fffef9;justify-content:center;width:112px;height:55px;top:12px;left:5px;transform:rotate(-7deg)}.bubble.first>span{background:#b2c3c8;border-radius:50%;width:8px;height:8px}.bubble.second{background:#d5e2e7;width:125px;height:64px;padding:13px;bottom:12px;right:0;transform:rotate(5deg)}.bubble.second b{color:#7e9aa5;font-size:25px}.bubble.second i{background:#a3bac4;border-radius:3px;width:51px;height:5px;margin-block:7px;display:block}.bubble.second i:last-child{width:34px}.tiny-star{color:#adb6a1;font-size:29px;position:absolute;top:8px;right:10px}.token-scene{text-align:center;width:92%;padding-top:24px}.sentence{color:#7e708e;letter-spacing:1px;font-family:Georgia,serif;font-size:17px}.token-arrow{color:#b3a6c0;margin:7px 0 9px;font-size:26px}.token-blocks{justify-content:center;gap:4px;display:flex;transform:rotate(-3deg)}.token-blocks span{color:#8b75a0;background:#e0d3ed;border:1px solid #c5b4d7;border-radius:5px;padding:8px 7px;font-family:monospace;font-size:12px;box-shadow:0 3px #d1c3df}.token-blocks span:nth-child(2n){background:#faf6fd}.token-dots{color:#c2b5cd;letter-spacing:2px;margin-top:12px}.savings-scene{align-items:flex-end;gap:25px;height:112px;margin-top:24px;display:flex;position:relative}.stack{flex-direction:column;gap:5px;display:flex}.stack i{background:#c7d6af;border:1px solid #a4b889;border-radius:4px;width:54px;height:14px;box-shadow:0 2px #b1c497}.stack.before i{background:#e4e8d9;border-color:#c4cdb5;box-shadow:0 2px #ccd5bf}.save-arrow{color:#99aa7c;align-self:center;font-size:30px}.leaf{color:#89a461;font-size:38px;position:absolute;top:8px;right:12px;transform:rotate(13deg)}.explorer-scene{width:200px;height:145px;margin-top:24px;position:relative}.paper{background:#fffdf5;border:1px solid #dacaad;border-radius:6px;width:89px;height:107px;padding:18px 13px;position:absolute;top:8px;left:40px;transform:rotate(-10deg);box-shadow:4px 4px #dacfb333}.paper>div{background:#e3daca;border-radius:3px;height:4px;margin-bottom:9px}.paper>div:nth-child(2){width:70%}.paper>div:nth-child(4){width:80%}.paper>span{color:#cab691;font-family:Georgia,serif;font-size:26px;position:absolute;bottom:3px;left:26px}.magnifier{background:#f3f4dcbb;border:7px solid #bbaa81;border-radius:50%;place-items:center;width:61px;height:61px;display:grid;position:absolute;bottom:34px;right:36px;transform:rotate(-35deg);box-shadow:inset 0 0 0 2px #d8ccab}.magnifier:after{content:"";background:#a9966d;border-radius:0 0 4px 4px;width:11px;height:37px;position:absolute;bottom:-38px}.magnifier>span{color:#8eaa6c;font-size:29px;transform:rotate(35deg)}.savings-banner{background:#edf1e2;border:1px solid #e0e6d3;border-radius:12px;grid-template-columns:1.25fr .8fr .85fr;align-items:center;gap:19px;max-width:1096px;margin-inline:auto;padding:33px 34px;display:grid}.saving-copy h2{margin:11px 0 10px;font-size:27px}.saving-copy>p{max-width:340px;font-size:12px;line-height:1.8}.saving-copy .button{min-height:39px;margin-top:19px;padding:10px 15px;font-size:11px}.saving-copy .eyebrow{letter-spacing:1.15px;font-size:8px}.token-plant{width:100%;max-height:205px}.pip-tip{background:#f7f8ef;border:1px solid #dbe2c9;border-radius:8px;padding:19px 20px;transform:rotate(2deg)}.pip-tip>span{color:#86936e;letter-spacing:1px;align-items:center;gap:8px;font-size:9px;display:flex}.pip-tip>p{color:#879076;margin-top:10px;font-size:11px;line-height:1.9}.journey{align-items:center;gap:19px;padding-top:43px;padding-bottom:46px;display:flex}.journey-icon{color:#8b9b71;background:#f0f2e9;border:1px solid #e6e9dc;border-radius:50%;flex-shrink:0;place-items:center;width:55px;height:55px;display:grid}.journey-copy{flex:1}.journey-copy h3{margin-bottom:5px;font-size:16px}.journey-copy p{font-size:11px}.journey-progress{background:0 0;min-width:222px;padding:8px 0}.journey-progress>span{color:#919884;align-items:center;gap:4px;font-size:10px;display:flex}.journey-progress>span b{color:#6c7f54}.journey-progress>span svg{margin-left:auto}.progress-track{background:#e5e9dc;border-radius:9px;height:5px;margin-top:11px;overflow:hidden}.progress-track>i{background:#879e64;height:100%;display:block}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:28px;display:flex}.site-footer .brand{font-size:21px}.site-footer .brand-icon{border-radius:8px;width:27px;height:28px}.site-footer p{color:#9a9f91;margin-top:9px;font-size:10px}.site-footer>span{color:#9a9f91;align-items:center;gap:12px;font-size:10px;display:flex}.subpage{min-height:calc(100vh - 222px);padding-top:55px;padding-bottom:65px}.subpage-heading{max-width:780px;margin-bottom:32px}.subpage-heading h1,.detail-heading h1{letter-spacing:-1.8px;margin:15px 0;font-size:44px;line-height:1.3}.subpage-heading p{max-width:660px;font-size:15px}.lesson-detail{max-width:960px;padding-top:27px;padding-bottom:70px}.back{margin-bottom:20px}.detail-heading{margin-bottom:30px}.detail-heading p{font-size:15px}.story-panel{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1fr 1.5fr;display:grid;overflow:hidden}.story-panel>.lesson-art{height:100%;min-height:235px}.story-panel>div:last-child{padding:30px}.story-panel>div:last-child p{color:#67715f;margin-top:14px;font-size:16px;line-height:1.95}.steps{grid-template-columns:repeat(3,1fr);gap:20px;padding:32px 0;display:grid}.steps>div{align-items:center;gap:11px;padding-right:18px;display:flex;position:relative}.steps>div>span{color:#718753;background:#e9efdc;border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:12px;font-weight:700;display:grid}.steps p{color:#667754;font-size:12px;font-weight:600}.steps svg{color:#b7c4a5;position:absolute;right:-9px}.takeaway{background:#f3f3e7;border:1px solid #e3e5cb;border-radius:10px;align-items:flex-start;gap:16px;padding:24px 27px;display:flex}.takeaway>svg{color:#a4a46c;flex-shrink:0}.takeaway h3{margin-bottom:7px;font-size:15px}.takeaway p{color:#7c8268;font-size:13px}.quiz{padding:35px 0 0}.quiz h2{margin:11px 0 20px;font-size:24px}.answers{flex-direction:column;gap:10px;display:flex}.answer{text-align:left;border:1px solid var(--line);background:#fffefb;border-radius:9px;align-items:center;gap:13px;padding:13px 16px;font-size:13px;display:flex}.answer:hover{border-color:#a7b790}.answer>span{color:#8b957f;background:#f0f2e9;border-radius:5px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:11px;display:grid}.answer>svg{flex-shrink:0;margin-left:auto}.answer.correct{background:#edf4e5;border-color:#9fb985}.answer.incorrect{background:#fbf1e7;border-color:#d5b297}.quiz-feedback{color:#9c7756;padding:16px 0 0;font-size:13px}.quiz-feedback.good{color:#64804c}.quiz-actions{align-items:center;gap:25px;margin-top:23px;display:flex}.lab-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:13px;display:flex}.lab-toolbar p{font-size:12px}.editors{grid-template-columns:1fr 1fr;gap:20px;display:grid}.editor{background:#fffefb;border:1px solid #e3e6da;border-radius:12px;overflow:hidden}.editor>label{background:#f0f1e9;align-items:center;gap:10px;padding:17px 20px;font-size:12px;font-weight:600;display:flex}.editor>label span{color:#939c86;font-size:10px}.editor-1{border-color:#c7d6b2}.editor-1>label{color:#5e7549;background:#eaf0df}.editor textarea{resize:vertical;color:#69715f;outline-offset:-4px;background:0 0;border:0;width:100%;min-height:226px;max-height:550px;padding:22px;font-size:14px;line-height:1.9;display:block}.editor-count{color:#959e87;border-top:1px solid #edf0e5;align-items:baseline;gap:6px;padding:15px 20px;font-size:11px;display:flex}.editor-count b{color:#73845d;font-size:24px}.editor-count>span{margin-left:auto;font-size:10px}.lab-result{background:#edf2e3;border:1px solid #dce6cd;border-radius:10px;align-items:center;gap:20px;margin-top:22px;padding:23px 27px;display:flex}.result-icon{color:#7d965c;background:#dfe9cf;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.lab-result>div:nth-child(2){align-items:baseline;gap:12px;display:flex}.lab-result strong{font-family:"Manrope", var(--font);color:#668149;letter-spacing:-1px;font-size:36px}.lab-result span{color:#899874;font-size:12px}.result-bars{flex-direction:column;gap:10px;width:30%;margin-left:auto;display:flex}.result-bars>span{white-space:nowrap;align-items:center;gap:8px;font-size:10px;line-height:1;display:flex}.result-bars i{background:#bcc9aa;border-radius:3px;min-width:0;height:8px;display:block}.result-bars>span:last-child i{background:#789656}.lab-result.negative{background:#f5efe4;border-color:#e9dcc6}.negative strong{color:#a38155}.lab-note{max-width:850px;margin:14px 0 34px;font-size:11px}.habits-heading{margin-bottom:20px;font-size:25px}.habit-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.habit-grid article{border:1px solid var(--line);background:#fffefa;border-radius:10px;padding:25px}.habit-grid article>span{color:#a7b394;font-size:12px}.habit-grid h3{margin:14px 0 9px;font-size:16px}.habit-grid p{font-size:12px}.sources{border-top:1px solid var(--line);margin-top:38px;padding-top:25px}.sources h3{font-size:14px}.sources p{margin:5px 0 10px;font-size:11px}.sources a{align-items:center;gap:4px;margin-right:20px;font-size:11px;text-decoration:none;display:inline-flex}.sources a:hover{text-decoration:underline}.search-field{color:#99a48b;background:#fffefa;border:1px solid #dfe5d5;border-radius:9px;align-items:center;gap:12px;max-width:520px;margin-bottom:30px;padding:13px 16px;display:flex}.search-field input{width:100%;color:var(--ink);outline-offset:7px;background:0 0;border:0}.search-field input::placeholder{color:#a1a994}.search-field button{background:0 0;padding:0;display:flex}.dictionary-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.dictionary-grid article{border:1px solid var(--line);background:#fffefb;border-radius:12px;padding:26px}.dictionary-icon{color:#8d9f75;background:#edf1e3;border-radius:10px;place-items:center;width:43px;height:43px;margin-bottom:21px;display:grid}.dictionary-icon.color-1{color:#b3a071;background:#f3eedf}.dictionary-icon.color-2{color:#8c9dac;background:#e8edf1}.dictionary-icon.color-3{color:#a18bb0;background:#eee8f1}.dictionary-grid h2{letter-spacing:-.3px;margin-bottom:12px;font-size:18px}.dictionary-grid p{font-size:13px}.empty-state{text-align:center;padding:45px}.progress-overview{background:#f0f4e7;border:1px solid #dfe6d4;border-radius:13px;align-items:center;gap:32px;margin-bottom:27px;padding:32px;display:flex}.progress-ring{border-radius:50%;flex-shrink:0;width:132px;height:132px;padding:9px}.progress-ring>div{color:#759157;background:#f9fbf4;border-radius:50%;justify-content:center;align-items:center;gap:5px;width:100%;height:100%;display:flex}.progress-ring b{font-size:38px;font-family:"Manrope", var(--font)}.progress-ring span{color:#a2b18d;font-size:14px}.progress-overview h2{margin-bottom:8px;font-size:23px}.progress-overview p{margin-bottom:15px;font-size:12px}.progress-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.progress-list>button{text-align:left;border-bottom:1px solid var(--line);background:#fffefa;align-items:center;gap:20px;width:100%;padding:19px 23px;display:flex}.progress-list>button:hover{background:#f0f4e9}.progress-list>button:last-child{border:0}.step-status{color:#a1ac95;border:1px solid #e1e6d8;border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;display:grid}.step-status.finished{color:#729451;background:#e6eed9;border-color:#d6e2c4}.progress-list b{font-size:14px;font-weight:500;display:block}.progress-list small{color:#a1a994;margin-top:6px;font-size:10px;display:block}.progress-list>button>svg{color:#b0baa1;margin-left:auto}.reset-button{color:#9a9b89;background:0 0;margin-top:12px;padding:12px 0;font-size:11px;text-decoration:underline}.storage-warning{text-align:center;background:#f4efdb;padding:10px;font-size:12px}.site-footer .brand:focus-visible{outline-offset:8px}@media (min-width:1400px){.hero{min-height:560px}.hero h1{font-size:71px}.hero-visual{height:440px}}@media (max-width:1100px){.header-inner{padding-inline:30px}.main-nav{gap:20px}.header-actions{gap:12px}.hero h1{font-size:57px}.hero-buttons{flex-wrap:wrap;gap:14px}.hero-visual{height:380px}.hero-copy>p{font-size:13px}.savings-banner{margin-inline:32px}.visual-caption{font-size:8px}.lesson-copy{padding:18px}.lesson-copy h3{font-size:16px}.hero{min-height:515px}.card-code{right:0}.card-bulb{left:9px}.lesson-grid{gap:18px}.art-label{top:53px;right:12px}.header-actions .progress-dot{display:none}}@media (max-width:850px){.header-inner{gap:15px;padding:0 24px}.main-nav{gap:16px}.nav-link{font-size:11px}.progress-button{padding:8px}.progress-button span{display:none}.header-actions{gap:10px}.hero{gap:0;min-height:465px;padding-top:30px;padding-bottom:33px}.hero h1{letter-spacing:-2.5px;font-size:48px}.hero-visual{height:338px}.robot-message{white-space:normal;text-align:center;width:85%;padding:10px;font-size:9px;bottom:30px}.card-code{padding:13px 10px;font-size:17px}.card-bulb{width:50px;height:58px}.hero-benefits{gap:10px;font-size:9px}.visual-caption{display:none}.hero-blob{inset:50px 20px}.hero-visual>.robot{width:105%;height:100%}.feature-strip span{gap:6px;font-size:10px}.feature-strip>.wrap{gap:10px}.feature-strip span:nth-child(2){display:none}.section-heading h2{font-size:26px}.lesson-grid{grid-template-columns:repeat(2,1fr)}.savings-banner{grid-template-columns:1.3fr .8fr;padding:28px}.pip-tip{grid-column:1/-1;transform:none}.savings-banner .token-plant{max-height:190px}.journey-progress{min-width:180px}.journey-copy p{max-width:280px}.story-panel{grid-template-columns:1fr 1.4fr}.story-panel>div:last-child{padding:22px}.story-panel>div:last-child p{font-size:14px}.dictionary-grid{grid-template-columns:repeat(2,1fr)}.habit-grid{gap:12px}.habit-grid article{padding:18px}.lab-result>div:nth-child(2),.lab-result>div:nth-child(2)>span{display:block}.subpage-heading h1,.detail-heading h1{font-size:36px}.lesson-art{height:190px}}@media (max-width:600px){.wrap{padding-inline:22px}.site-header{height:72px}.header-inner{gap:12px;padding-inline:20px}.brand{font-size:25px}.brand-icon{width:31px;height:33px}.main-nav{display:none}.main-nav.expanded{z-index:6;border-bottom:1px solid var(--line);background:#fafbf7;justify-content:center;gap:25px;height:auto;padding:20px;display:flex;position:absolute;top:72px;left:0;right:0;box-shadow:0 12px 15px #2c352b08}.nav-link{min-height:35px;font-size:12px}.nav-link.selected:after{bottom:-3px}.menu-button{display:block}.header-actions{gap:10px}.language-control{gap:2px}.language-control select{max-width:82px;font-size:11px}.language-control>svg{width:14px}.progress-button{background:0 0;border:0;padding:2px}.hero{grid-template-columns:1fr;gap:8px;padding-top:42px;padding-bottom:24px}.hero-copy{z-index:2;position:relative}.hero h1{letter-spacing:-2.4px;margin-top:19px;margin-bottom:23px;font-size:53px;line-height:1.18}.hero .eyebrow{font-size:9px}.hero-copy>p{max-width:380px;font-size:13px}.hero-buttons{gap:16px;margin-top:22px}.hero-buttons .button{padding:12px 14px;font-size:11px}.hero-buttons .text-button{font-size:10px}.hero-benefits{gap:18px;margin-top:21px;font-size:9px}.hero-visual{width:100%;max-width:380px;height:330px;margin:auto}.hero-blob{inset:35px 37px}.hero-visual>.robot{width:100%;height:100%;transform:rotate(-5deg)translateY(-2px)}.orbit{width:83%}.orbit-two{width:70%;height:86%}.card-bulb{top:33px;left:24px}.card-code{top:69px;right:29px}.card-star{padding:9px;bottom:59px;left:38px}.card-star svg{width:20px}.robot-message{white-space:nowrap;width:auto;max-width:100%;padding:11px;font-size:9px;bottom:16px}.little-plus{bottom:90px;right:30px}.plus{top:13px;right:64px}.feature-strip>.wrap{grid-template-columns:1fr 1fr;gap:15px;min-height:87px;padding-block:17px;display:grid}.feature-strip span:nth-child(2){display:flex}.feature-strip span{gap:7px;font-size:9px}.feature-strip svg{width:15px;height:15px}.learning-section{padding-top:37px;padding-bottom:29px}.eyebrow{letter-spacing:1.2px;font-size:9px}.section-heading h2{letter-spacing:-.8px;max-width:310px;font-size:25px;line-height:1.4}.section-heading p{max-width:265px;font-size:11px}.section-doodle{align-self:flex-start;margin:18px 0 0 8px;font-size:41px}.filters{margin-block:22px 18px}.filter{padding:8px 12px;font-size:10px}.lesson-grid{grid-template-columns:1fr;gap:20px}.lesson-art{height:194px}.lesson-copy{padding:21px 23px 17px}.lesson-copy h3{font-size:19px}.lesson-copy p{min-height:auto;margin-bottom:20px;font-size:12px}.lesson-meta{padding-top:14px;font-size:10px}.lesson-meta .lesson-open{font-size:11px}.art-label{top:55px;right:45px}.lesson-tag{font-size:9px}.savings-banner{grid-template-columns:1fr 90px;gap:6px;margin-inline:22px;padding:24px;display:grid}.saving-copy h2{max-width:250px;font-size:24px}.saving-copy>p{grid-column:1/-1;min-width:180px;font-size:12px}.saving-copy .eyebrow{letter-spacing:.6px;white-space:normal;font-size:7px}.saving-copy .eyebrow svg{flex-shrink:0}.token-plant{align-self:center;width:125px;margin-left:-24px}.saving-copy{z-index:1;position:relative}.saving-copy .button{white-space:nowrap;font-size:10px}.pip-tip{margin-top:22px;padding:16px}.pip-tip p{font-size:11px}.journey{flex-wrap:wrap;gap:13px;padding-top:29px;padding-bottom:30px}.journey-icon{width:45px;height:45px}.journey-icon svg{width:23px}.journey-copy h3{font-size:14px}.journey-copy p{font-size:10px}.journey-progress{width:100%;padding:0 0 0 58px}.site-footer{align-items:flex-start;gap:20px;padding-top:24px;padding-bottom:24px}.site-footer p{max-width:235px;font-size:9px}.site-footer>span{gap:5px;max-width:95px;padding-top:4px;font-size:8px;line-height:1.7}.site-footer>span svg{flex-shrink:0}.site-footer .brand{font-size:20px}.subpage{padding-top:35px;padding-bottom:40px}.subpage-heading h1,.detail-heading h1{letter-spacing:-1px;font-size:32px}.subpage-heading p{font-size:13px}.lab-toolbar{align-items:flex-start}.lab-toolbar p{max-width:190px;font-size:10px}.lab-toolbar button{flex-shrink:0;padding-top:2px;font-size:10px}.editors{grid-template-columns:1fr;gap:16px}.editor textarea{min-height:175px;padding:17px;font-size:13px}.editor>label{font-size:12px}.lab-result{gap:12px;padding:19px 15px}.result-icon{flex-shrink:0;width:40px;height:40px}.result-icon svg{width:21px}.lab-result strong{font-size:30px}.lab-result span{font-size:10px}.result-bars{width:26%}.result-bars>span{font-size:9px}.lab-note{font-size:10px}.habits-heading{font-size:23px}.habit-grid{grid-template-columns:1fr;gap:14px}.habit-grid article{padding:24px}.habit-grid h3{margin-top:10px;font-size:17px}.habit-grid p{font-size:13px}.sources a{margin-top:8px;font-size:10px}.dictionary-grid{grid-template-columns:1fr;gap:16px}.dictionary-grid article{padding:24px}.dictionary-grid h2{font-size:21px}.dictionary-icon{margin-bottom:16px}.search-field input{font-size:14px}.progress-overview{align-items:flex-start;gap:20px;padding:24px 18px}.progress-ring{width:89px;height:89px;padding:6px}.progress-ring b{font-size:29px}.progress-overview h2{font-size:18px}.progress-overview p{font-size:10px}.progress-overview .button{padding:11px 12px;font-size:11px}.progress-list>button{gap:12px;padding:17px 13px}.step-status{flex-shrink:0;width:35px;height:35px}.progress-list b{font-size:12px}.progress-list small{font-size:9px}.lesson-detail{padding-top:17px;padding-bottom:40px}.detail-heading p{font-size:13px}.story-panel{grid-template-columns:1fr}.story-panel>.lesson-art{height:208px;min-height:208px}.story-panel>div:last-child{padding:24px}.story-panel>div:last-child p{font-size:15px}.steps{gap:9px;padding:23px 0}.steps>div{flex-direction:column;align-items:flex-start;gap:8px;padding-right:8px}.steps p{font-size:11px}.steps svg{width:15px;top:6px;right:-8px}.takeaway{gap:13px;padding:20px}.takeaway h3{font-size:14px}.takeaway p{font-size:12px}.quiz h2{font-size:22px;line-height:1.5}.answer{gap:10px;padding:13px;font-size:12px}.quiz-actions{flex-wrap:wrap;gap:15px}.quiz-feedback{font-size:12px}.quiz-actions .button{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.account-trigger{color:#62784b;background:#fffefb;border:1px solid #dbe3cf;border-radius:7px;justify-content:center;align-items:center;gap:7px;max-width:125px;min-height:35px;padding:8px 11px;font-size:11px;display:flex}.account-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-dialog{width:min(460px,100% - 32px);max-height:90vh;color:var(--ink);background:var(--bg);border:1px solid #dfe5d5;border-radius:20px;padding:0;box-shadow:0 24px 90px #24331d30}.account-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#29382565}.account-panel{text-align:center;padding:38px;position:relative}.dialog-close{color:#7c8871;background:0 0;padding:6px;position:absolute;top:14px;right:14px}.account-emblem{color:#7d955e;background:#e7eddc;border-radius:18px;place-items:center;width:62px;height:62px;margin:0 auto 22px;display:grid}.account-panel h2{letter-spacing:-.8px;margin:22px 0 12px;font-size:26px}.account-panel>p{font-size:13px}.account-panel .eyebrow{justify-content:center}.account-tabs{background:#edf1e5;border-radius:8px;gap:4px;padding:4px;display:flex}.account-tabs button{background:0 0;border-radius:6px;width:50%;padding:9px 5px;font-size:12px}.account-tabs button[aria-pressed=true]{color:#607849;background:#fffefa;box-shadow:0 2px 4px #3142230a}.google-button{color:#333;background:#fff;border:1px solid #d5dccd;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;margin:24px 0 16px;padding:13px 16px;font-size:14px;display:flex}.google-button:hover:not(:disabled){background:#f0f4e8}.account-panel .account-note{color:#87927a;margin-top:12px;font-size:11px;line-height:1.8}.account-note svg{vertical-align:middle;margin-right:5px}.account-warning{background:#f4ecdc;border-radius:7px;padding:12px;color:#887145!important;margin-top:13px!important;font-size:12px!important}.account-email{overflow-wrap:anywhere}.account-action{width:100%;margin-top:22px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.header-inner{gap:17px}.main-nav{gap:16px}.header-actions{gap:10px}.header-actions .progress-button>span{display:none}}@media (max-width:850px){.account-trigger{min-width:30px;padding:7px}.account-trigger>span{display:none}.header-inner,.main-nav{gap:12px}}@media (max-width:600px){.account-panel{padding:32px 23px}.header-inner{padding-inline:15px}.header-actions{gap:7px}.language-control select{max-width:77px}.brand{font-size:23px}.account-trigger{background:0 0;border:0;padding:4px}.header-actions .progress-button{display:none}}.guide-analogy{background:#edf2e3;border:1px solid #dfe8cf;border-radius:10px;align-items:center;gap:17px;margin-bottom:27px;padding:20px 25px;display:flex}.guide-analogy svg{color:#8c9e6f;flex-shrink:0}.guide-analogy p{font-size:13px}.tool-picker{flex-wrap:wrap;gap:9px;margin-bottom:25px;display:flex}.tool-picker button{background:#fffefb;border:1px solid #e0e6d5;border-radius:8px;gap:9px;padding:12px 16px;font-size:12px;display:flex}.tool-picker button span{color:#9ba98b;font-size:10px}.tool-picker button[aria-pressed=true]{color:#fff;background:#607849;border-color:#607849}.tool-picker button[aria-pressed=true] span{color:#cad7bb}.tool-guide{background:#fffefb;border:1px solid #e0e6d5;border-radius:14px;padding:32px}.guide-title{border-bottom:1px solid var(--line);align-items:center;gap:17px;padding-bottom:25px;display:flex}.guide-title h2{font-size:27px}.guide-title p{margin-top:7px;font-size:13px}.guide-icon{color:#7e975e;background:#eaf0df;border-radius:15px;flex-shrink:0;place-items:center;width:55px;height:55px;display:grid}.guide-main{grid-template-columns:1.2fr 1fr;gap:35px;margin-block:28px;display:grid}.guide-main h3,.guide-notes h3{margin-bottom:12px;font-size:15px}.guide-main p,.guide-notes p{font-size:13px}.guide-steps{color:#75816a;margin:0 0 22px;padding-left:23px;font-size:13px;line-height:1.9}.guide-steps li{margin-bottom:10px;padding-left:5px}.file-tree{background:#eff2e8;border:1px solid #e0e6d5;border-radius:10px;align-self:start;min-width:0;padding:23px}.file-tree>span{color:#7d8d6b;align-items:center;gap:9px;font-size:12px;display:flex}.file-tree pre{color:#667952;margin:20px 0;font-size:13px;line-height:1.9;overflow-x:auto}.file-tree>code{overflow-wrap:anywhere;color:#8b9b77;font-size:11px}.guide-notes{grid-template-columns:1fr 1fr;gap:20px;display:grid}.guide-notes>div{background:#f1f4e9;border-radius:8px;padding:21px}.guide-notes>div:last-child{background:#f5f0e5}.template-section{margin-top:28px}.template-header{background:#e8ecdf;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:13px 17px;display:flex}.template-header>span,.template-header button{align-items:center;gap:7px;font-size:11px;display:flex}.template-header>div{gap:12px;display:flex}.template-header button{color:#6f8159;background:0 0;padding:5px}.template-section pre{color:#dce7cd;tab-size:2;background:#323c2d;border-radius:0 0 8px 8px;margin:0;padding:23px;font-size:12px;line-height:1.9;overflow:auto}.template-section>p{margin-top:12px;font-size:11px}.guide-source{align-items:center;gap:5px;margin-top:24px;font-size:11px;text-decoration:none;display:inline-flex}.guide-source:hover{text-decoration:underline}.guide-table{margin-top:36px}.guide-table h2{margin-bottom:20px;font-size:24px}.table-scroll{border:1px solid var(--line);border-radius:9px;overflow:auto}.guide-table table{border-collapse:collapse;text-align:left;background:#fffefb;width:100%;font-size:13px}.guide-table th{background:#edf1e5;font-weight:600}.guide-table td,.guide-table th{border-bottom:1px solid var(--line);padding:15px 20px}.guide-table code{white-space:nowrap;font-size:12px}.guide-table>p{margin-top:12px;font-size:11px}.guide-extra{margin-top:28px}.guide-extra h3{margin-top:0}.guide-checked{margin-top:26px;font-size:10px}.header-inner{max-width:1370px}.main-nav{gap:22px}.header-actions{gap:12px}@media (max-width:1100px){.main-nav{gap:12px}.header-inner{padding-inline:24px}.nav-link{font-size:11px}.account-trigger>span,.progress-button>span{display:none}}@media (max-width:850px){.guide-main{gap:20px}.header-inner{gap:12px;padding-inline:17px}.main-nav{gap:10px}.nav-link{font-size:10px}.header-actions{gap:7px}.progress-button{background:0 0;border:0;padding:4px}.brand{font-size:23px}}@media (max-width:600px){.header-actions .progress-button{display:flex}.main-nav.expanded{flex-wrap:wrap;gap:10px 22px}.nav-link{font-size:12px}.guide-analogy{align-items:flex-start;padding:18px}.tool-picker button{padding:10px;font-size:11px}.tool-guide{padding:21px}.guide-title h2{font-size:22px}.guide-title p{font-size:12px}.guide-main,.guide-notes{grid-template-columns:1fr;gap:20px}.template-header{flex-direction:column;align-items:flex-start;padding:12px}.template-header>div{justify-content:space-between;width:100%}.template-section pre{padding:17px;font-size:11px}.guide-table td,.guide-table th{padding:13px;font-size:12px}.guide-table h2{font-size:22px}}