@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--ink:#102e31;--muted:#526464;--paper:#f7f8f2;--lime:#d6ed84;--line:#dbe1d8;--teal:#22715f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #287d70;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 72px));margin:auto}.skip{position:absolute;top:-100px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:0}.header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:-.5px;white-space:nowrap}.brand strong{font-weight:800}.brand-mark{width:39px;height:43px;border:1.5px solid var(--ink);display:grid;place-items:center;position:relative;font-size:24px;font-weight:700;border-radius:5px}.brand-mark span{font-size:10px;position:absolute;bottom:2px;right:5px}.header nav{display:flex;gap:32px;font-size:14px;font-weight:500}.header nav a:hover{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;padding:15px 25px;border-radius:8px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:var(--teal);transform:translateY(-2px)}.button.small{padding:10px 18px;font-size:14px}.hero{padding-top:64px;padding-bottom:90px;display:grid;grid-template-columns:1.04fr 1fr;gap:48px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.7px;margin:0 0 24px;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--teal)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.2vw,66px);font-weight:800;line-height:1.14;letter-spacing:-3.5px;margin-bottom:28px}h1 em{font-style:normal;color:var(--teal)}.lead{font-size:18px;line-height:1.8;max-width:490px;color:var(--muted);margin-bottom:30px}.actions{display:flex;align-items:center;gap:24px}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:14px;align-items:center}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link span{font-size:20px}.hero-note{font-size:12px;color:var(--muted);margin:18px 0 0}.hero-visual{background:#e7eddf;border-radius:15px;position:relative;padding:24px 23px 14px;border:1px solid #d8e0d1;transform:rotate(1.2deg)}.visual-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1.2px;font-weight:700}.edition{border:1px solid #b7c3ac;padding:3px 7px;border-radius:3px;white-space:nowrap}.formula{padding:34px 0 27px}.formula-label{font-size:10px;letter-spacing:1.7px;color:var(--muted);font-weight:700}.formula>div{font-size:clamp(24px,3vw,40px);font-weight:600;letter-spacing:-1.8px;margin:5px 0}sub{font-size:.55em}.reaction-arrow{color:var(--teal);margin:0 3px}.formula p{font-size:13px;color:var(--muted);margin:8px 0 0}.screen{background:white;border:1px solid #c9d3c4;border-radius:9px;overflow:hidden;box-shadow:0 18px 30px #102e3114}.screen-bar{display:flex;gap:5px;align-items:center;padding:10px 12px;background:#fcfdf9;border-bottom:1px solid var(--line)}.screen-bar i{width:5px;height:5px;border-radius:50%;background:#b5c0b3}.screen-bar span{font-size:9px;color:var(--muted);margin-left:8px}.screen img{display:block;width:100%;height:auto}.visual-caption{font-size:10px;display:flex;align-items:center;gap:7px;margin:13px 0 0}.visual-caption .dot{width:6px;height:6px}.feature-strip{background:var(--ink);color:#e7efe6}.strip-inner{display:flex;justify-content:space-between;gap:30px;padding:23px 0;font-size:14px}.strip-inner b{color:var(--lime);font-weight:500;margin-right:14px;font-size:12px}.section{padding-top:94px;padding-bottom:94px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:end;margin-bottom:46px}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:38px;line-height:1.3;letter-spacing:-1.5px;font-weight:700;margin-bottom:0}.section-heading>p,.section-heading>div>p:not(.eyebrow){color:var(--muted);max-width:420px;margin-bottom:0}.section-heading .text-link{margin-top:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.steps article{padding:32px 28px 23px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column}.steps article:nth-child(2){background:#edf2e7}.step-number{font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:33px;color:var(--teal)}h3{font-size:21px;line-height:1.5;letter-spacing:-.5px;margin-bottom:12px}.steps p{font-size:15px;color:var(--muted);margin-bottom:30px;flex:1}.step-bottom{border-top:1px solid var(--line);padding-top:16px;font-size:12px;font-weight:500}.step-bottom span{margin:0 5px}.practice-section{background:#e9eede;padding:75px 0}.practice-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.practice-intro{color:var(--muted);margin-top:22px;max-width:390px}.quiz{padding:32px;background:var(--paper);border:1px solid #d4dec7;border-radius:13px;box-shadow:0 12px 30px #102e3106}.quiz-label{font-size:11px;color:var(--teal);font-weight:700;letter-spacing:1px}.quiz h3{font-size:18px;margin:15px 0 20px}.quiz-formula{font-size:28px;font-weight:500;letter-spacing:-.6px}.quiz-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quiz-options button{background:white;border:1px solid #c9d3c4;border-radius:7px;padding:9px;color:var(--ink);cursor:pointer;font-size:20px;transition:background .15s}.quiz-options button:hover{background:#e8eedb}.quiz-options button.selected{border-color:var(--teal);background:var(--teal);color:white}.quiz-options button.wrong{background:#faf0df;border-color:#ba7e37;color:#7c501c}.quiz-feedback{font-size:13px;min-height:47px;margin-top:18px;color:var(--muted)}.quiz-feedback.correct{color:#18533b}.reset{font-size:13px;background:none;border:none;color:var(--teal);text-decoration:underline;cursor:pointer;padding:0}.topics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.topics a{padding:23px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:13px;transition:background .2s}.topics a:hover{background:#e8eedf}.topics a>span{font-size:11px;font-weight:700;color:var(--teal);border:1px solid #ccd6c4;border-radius:4px;padding:4px 6px;margin-top:3px}.topics h3{font-size:16px;margin-bottom:6px}.topics p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.topics b{font-size:19px;font-weight:400;margin-left:auto;flex-shrink:0}.section-note{font-size:12px;color:var(--muted);margin:19px 0 0}.tool-section{background:#e8edde;border-radius:13px;padding:49px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.tool-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;margin:22px 0 0;max-width:370px}.tool-links a{display:block;position:relative;padding:20px 28px 20px 0;border-bottom:1px solid #cbd7c1}.tool-links a:first-child{padding-top:0}.tool-links a:last-child{border-bottom:0}.tool-links span{font-size:10px;letter-spacing:1.5px;font-weight:600;color:var(--teal)}.tool-links h3{font-size:18px;margin:4px 0 0}.tool-links b{position:absolute;right:0;top:50%;font-size:24px;font-weight:400}.tool-links a:hover h3{text-decoration:underline;text-underline-offset:5px}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq details:first-child{padding-top:0}.faq summary{list-style:none;position:relative;font-weight:500;font-size:16px;cursor:pointer;padding-right:28px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:3px;font-size:23px;line-height:1.1;color:var(--teal)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:var(--muted);margin:16px 0 3px}.final-cta{position:relative;overflow:hidden;background:var(--ink);color:#f8faee;border-radius:15px;padding:53px 54px}.final-cta .eyebrow{color:var(--lime);margin-bottom:18px}.final-cta h2{font-size:42px;position:relative;z-index:1}.button.light{background:var(--lime);color:var(--ink);margin-top:28px}.button.light:hover{background:#e4f6b0}.final-cta>p:not(.eyebrow){font-size:13px;color:#b4c7bf;margin:15px 0 0}.cta-symbol{position:absolute;right:55px;top:34px;font-size:150px;font-weight:700;letter-spacing:-12px;color:#294649;transform:rotate(-9deg);pointer-events:none}footer{display:flex;gap:30px;justify-content:space-between;align-items:center;padding:43px 0}footer .brand{font-size:15px}footer .brand-mark{width:31px;height:35px;font-size:20px}footer p,footer>a:last-child{font-size:12px;color:var(--muted);margin:0}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:110px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:28px;padding-top:40px;padding-bottom:60px}h1{font-size:48px;letter-spacing:-2.5px}.lead{font-size:16px}.actions{gap:15px;flex-wrap:wrap}.eyebrow{font-size:10px;letter-spacing:1.3px}.visual-top{font-size:8px}.hero-visual{padding:19px}.formula{padding:24px 0}.formula>div{font-size:29px}.section-heading,.practice-layout,.faq-layout{gap:40px}h2{font-size:32px}.steps{gap:14px}.steps article{padding:24px 20px}.steps h3{font-size:18px}.topics{grid-template-columns:repeat(2,1fr)}.tool-section{padding:36px;gap:40px}.strip-inner{font-size:12px;gap:15px}.strip-inner b{margin-right:8px}.cta-symbol{font-size:120px;right:30px;top:60px}.final-cta h2{font-size:36px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{min-height:78px;gap:15px}.brand{font-size:15px}.brand-mark{width:31px;height:35px;font-size:21px}.header nav{display:none}.button.small{font-size:12px;padding:9px 13px}.hero{grid-template-columns:1fr;padding-top:38px;gap:45px;padding-bottom:45px}.hero .eyebrow{font-size:10px;margin-bottom:20px}h1{font-size:48px;line-height:1.16;letter-spacing:-2.6px}.lead{font-size:16px;margin-bottom:24px}.hero-note{font-size:11px}.hero-visual{transform:none;padding:22px}.visual-top{font-size:8px}.formula>div{font-size:34px}.formula-label{font-size:10px}.formula{padding:25px 0 22px}.formula p{font-size:12px}.strip-inner{flex-direction:column;padding:24px 0;gap:11px;font-size:13px}.strip-inner b{margin-right:17px}.section{padding-top:60px;padding-bottom:60px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}h2{font-size:30px;letter-spacing:-1.1px}.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:15px}.steps{grid-template-columns:1fr;gap:14px}.steps article{padding:25px}.step-number{margin-bottom:18px}.steps h3{font-size:21px}.steps p{margin-bottom:23px}.practice-section{padding:49px 0}.practice-layout{grid-template-columns:1fr;gap:25px}.practice-intro{font-size:15px;margin-bottom:0}.quiz{padding:24px}.quiz h3{font-size:17px}.quiz-formula{font-size:27px}.quiz-options{gap:10px}.topics{grid-template-columns:1fr}.topics a{padding:20px 18px;gap:14px}.topics p{font-size:13px}.topics h3{font-size:17px}.topics a>span{font-size:12px}.tool-section{grid-template-columns:1fr;padding:28px;gap:30px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq summary{font-size:15px}.faq details p{font-size:14px}.final-cta{padding:33px 26px}.final-cta h2{font-size:29px}.final-cta .eyebrow{font-size:9px}.final-cta>p:not(.eyebrow){font-size:12px;max-width:250px}.cta-symbol{font-size:100px;right:-15px;top:auto;bottom:30px;opacity:.45}.final-cta .button{position:relative;z-index:1}footer{flex-wrap:wrap;gap:20px;padding:32px 0}footer p{order:3;width:100%}footer>a:last-child{margin-left:auto}.hero-copy{min-width:0}.actions .text-link{font-size:13px}.hero .button{padding:13px 22px}}
footer .contact{font-size:14px}footer .contact a{color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:4px}footer .contact a:hover{color:var(--teal)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}