@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--ink:#17211f;--muted:#66716d;--cream:#f4f1e9;--lime:#d7f05b;--line:#d8ddd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Noto Sans SC',Manrope,sans-serif}a{color:inherit;text-decoration:none}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:auto;padding:0 28px}.brand img{width:138px;height:auto}.nav nav{display:flex;gap:30px;font-size:14px;color:#56625e}.hero{max-width:1160px;margin:auto;padding:86px 28px 110px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:590px}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:1.5px;color:#78827c;margin:0 0 22px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.13;letter-spacing:-2px;margin:0 0 28px;font-weight:900}.hero h1 em{font-style:normal;color:#6b781d}.lead{font-size:18px;line-height:1.9;color:var(--muted);max-width:560px}.cta{display:inline-flex;gap:18px;align-items:center;margin-top:26px;background:var(--ink);color:white;padding:15px 21px;font-weight:700;font-size:14px}.cta span{color:var(--lime);font-size:18px}.hero-mark{text-align:right}.hero-mark img{width:min(100%,430px);opacity:.9}.intro,.topics,.method,.note{max-width:1160px;margin:auto;padding:100px 28px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}h2{font-size:clamp(30px,4vw,49px);line-height:1.25;margin:0;font-weight:900;letter-spacing:-1px}.intro>p{font-size:18px;line-height:2;color:var(--muted);margin:38px 0 0}.topics{border-top:1px solid var(--line)}.section-head{display:flex;align-items:baseline;gap:34px;margin-bottom:42px}.section-head .eyebrow{margin:0}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-grid article{background:#fff;padding:30px;min-height:250px;border-top:4px solid var(--lime)}article span{font:500 12px 'DM Mono';color:#89938d}h3{font-size:23px;margin:28px 0 13px}article p,.steps p{color:var(--muted);line-height:1.8;font-size:15px}article a{display:block;margin-top:23px;font-size:13px;font-weight:700}.method{background:var(--ink);color:white;max-width:none;padding-left:max(28px,calc((100% - 1104px)/2));padding-right:max(28px,calc((100% - 1104px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.method .eyebrow{color:#aab6af}.steps{display:grid;grid-template-columns:1fr 1fr;gap:42px 30px}.steps b{color:var(--lime);font:500 13px 'DM Mono'}.steps h3{margin:13px 0 6px}.steps p{margin:0;color:#b3beb8}.note{display:grid;grid-template-columns:120px 1fr;gap:30px;border-bottom:1px solid var(--line)}.note-label{font:500 12px 'DM Mono';color:#78827c}.note h2{font-size:30px}.note p{font-size:16px;color:var(--muted);line-height:1.9;max-width:760px}footer{max-width:1160px;margin:auto;padding:40px 28px 54px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}footer img{width:110px}footer p{font-size:13px;color:var(--muted);margin:0}footer small{width:100%;font-size:12px;color:#89938d}@media(max-width:700px){.nav{height:65px;padding:0 20px}.brand img{width:112px}.nav nav{gap:14px;font-size:12px}.hero{display:block;padding:58px 20px 75px;min-height:auto}.hero h1{letter-spacing:-1px}.lead{font-size:16px}.hero-mark{text-align:left;margin-top:55px}.hero-mark img{width:250px}.intro,.topics,.method,.note{padding:70px 20px;display:block}.intro>p{margin-top:28px;font-size:16px}.section-head{display:block;margin-bottom:28px}.section-head .eyebrow{margin-bottom:14px}.topic-grid{grid-template-columns:1fr;gap:14px}.topic-grid article{min-height:0;padding:25px}.method{padding-left:20px;padding-right:20px}.steps{margin-top:45px;gap:32px 18px}.note{display:grid;grid-template-columns:1fr;gap:14px}.note h2{font-size:27px}.note p{font-size:15px}footer{padding:34px 20px}}