@font-face{font-family:Geist;src:url('geist.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f1e9;color:#1f2b29;font-family:Geist,Arial,sans-serif}main{overflow-x:hidden;width:100%;max-width:100%}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.button{border:1px solid #213f38;background:#213f38;color:#fff;padding:13px 19px;border-radius:4px;cursor:pointer;display:inline-block;text-decoration:none;font-weight:600}button:hover,.button:hover{background:#345d51}button:disabled{opacity:.55;cursor:default}.light{color:#213f38;background:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bb623c;outline-offset:4px}nav{max-width:1400px;margin:24px auto;padding:20px 32px;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #b8bdb1}nav a{text-decoration:none;font-weight:600}header{max-width:1400px;margin:auto;padding:100px 32px 130px;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}h1{font-size:clamp(42px,5.3vw,76px);line-height:1.07;letter-spacing:-.055em;max-width:1200px;margin:0 0 28px}h2{font-size:clamp(30px,3.5vw,48px);line-height:1.15;letter-spacing:-.035em;max-width:1050px;margin:0 0 30px}h3{font-size:25px;line-height:1.3;letter-spacing:-.02em;margin:44px 0 19px}p,li{font-size:18px;line-height:1.8;max-width:78ch;overflow-wrap:anywhere}p{margin:0 0 22px}li{margin-bottom:12px}.lead{font-size:21px;line-height:1.65}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-art{width:100%;aspect-ratio:4/5;border-radius:6px;box-shadow:0 25px 65px #213f3820}.chapter{max-width:1200px;margin:auto;padding:115px 32px}.wide{max-width:1400px}.dark{background:#213f38;color:#f5f1e9}.dark a{color:#e4b493}.dark button{background:#eddfc4;color:#213f38;border-color:#eddfc4}.marquee{overflow:hidden;border-block:1px solid #aeb7a5;padding:24px 0;background:#e9e3d7}.marquee span{display:inline-block;white-space:nowrap;animation:travel 35s linear infinite;font-size:22px;letter-spacing:.04em}@keyframes travel{to{transform:translateX(-35%)}}.roles{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:0;border:1px solid #acb6a8}.role{padding:32px;border-right:1px solid #acb6a8}.role:last-child{border:0}.role h3{margin-top:0}.role p{font-size:17px}.review{border-top:1px solid #aeb7a5;padding-top:18px;margin-top:50px}.review h3{margin-top:24px}.comparison details,.faq details{border-top:1px solid #b3bbaf;padding:23px 0}.comparison details:last-child,.faq details:last-child{border-bottom:1px solid #b3bbaf}summary{cursor:pointer;font-size:22px;font-weight:600;line-height:1.45}details p{margin-top:20px}.tool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}label{display:block;font-size:15px;font-weight:600;line-height:1.5}input,textarea,select{width:100%;margin-top:8px;padding:12px;background:#fffdf8;color:#1f2b29;border:1px solid #a4b09f;border-radius:3px;min-height:46px}textarea{min-height:95px;resize:vertical}.records{display:grid;gap:24px}.record{border:1px solid #a2b09e;background:#fffdf7;padding:25px}.record .controls{gap:12px}.record img{width:100%;height:auto;max-height:350px;object-fit:contain;background:#e7e3d8;margin:0 0 16px}.record .remove{background:transparent;color:#743f27;border-color:#b18b72;margin-top:16px}.hint{font-size:15px;line-height:1.7}.status{padding:17px;border-left:4px solid #bb623c;background:#ede6d8;min-height:62px}.graph-wrap{background:#e9e4d9;border:1px solid #b4bcae;margin:30px 0}.graph-wrap svg{display:block;width:100%;height:310px;touch-action:pan-y}.graph-wrap text{font-family:Geist,sans-serif}.tool-help{max-width:78ch}.lesson-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:50px;align-items:start}.lesson-grid video{width:100%;max-height:750px;background:#162e28;border:1px solid #657a6a;border-radius:5px}.lesson-grid li{font-size:18px}.template{border-top:1px solid #aeb7a5;padding-top:20px}.carousel blockquote{font-size:27px;line-height:1.5;max-width:850px;margin:0 0 25px}.carousel button{margin-right:10px}.stack-card{background:#e9e3d6;padding:36px;margin-bottom:30px;border-top:2px solid #61765d}.stack-card h3{margin-top:0}.sources li{font-size:16px}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.related a{display:block;background:#e8e2d5;padding:26px;text-decoration:none;transition:transform .5s}.related a:hover{transform:scale(1.025)}.related strong{font-size:21px;display:block;margin-bottom:10px}.related p{font-size:16px;margin:0}footer{padding:90px 32px;background:#213f38;color:#f5f1e9;text-align:center}footer a{color:#f5f1e9}.reveal-word{opacity:1}@media(max-width:850px){header{grid-template-columns:1fr;padding:70px 24px 80px;gap:42px}h1{font-size:48px;max-width:100%;line-height:1.1}header .hero-art{max-width:600px;aspect-ratio:5/4}.chapter{padding:78px 24px}.roles,.tool-grid,.lesson-grid,.related{grid-template-columns:1fr}.role{border-right:0;border-bottom:1px solid #acb6a8}.controls{grid-template-columns:1fr}.full{grid-column:auto}.lesson-grid video{max-width:390px;margin:auto;display:block}nav{padding:18px 24px;margin:12px 0;font-size:14px}h3{font-size:23px}.stack-card{padding:25px}.graph-wrap svg{height:300px}.carousel blockquote{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee span{animation:none}*{transition:none!important}.reveal-word{opacity:1!important}}