*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#101815;color:#e8ece4;font:16px/1.55 system-ui,sans-serif}a{color:inherit}header{display:flex;align-items:center;gap:24px;padding:15px 5vw;border-bottom:1px solid #384439;background:#19241e}header .brand{text-decoration:none;font-weight:800;font-size:26px}header>span{color:#a5b4a8;font-size:14px}header nav{margin-left:auto;display:flex;gap:20px}header nav a{text-decoration:none}main{max-width:1440px;margin:auto;padding:30px 5vw 20px}.intro{max-width:850px}.eyebrow{color:#d7bd7e;font-size:12px;font-weight:700;letter-spacing:.12em}h1{font-size:clamp(29px,4vw,44px);line-height:1.1;margin:10px 0 18px}.intro>p:last-child{color:#b8c4ba;max-width:770px}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;margin-top:30px}aside>label{display:block;font-size:14px;color:#bdcbbf;margin-bottom:8px}input{width:100%;background:#1f2b23;border:1px solid #52634f;border-radius:8px;padding:12px;color:#fff;font:inherit}#lessons{display:flex;flex-direction:column;gap:6px;margin:18px 0}#lessons a{padding:12px 14px;text-decoration:none;border:1px solid transparent;border-radius:8px;font-size:15px}#lessons a:hover{background:#26372a}#lessons a[aria-current=true]{background:#34432d;border-color:#d7bd7e;box-shadow:inset 3px 0 #d7bd7e}#lessons a small{display:block;color:#a9b9aa;font-size:12px}a:focus-visible,button:focus-visible,input:focus-visible,video:focus-visible{outline:3px solid #f4d690;outline-offset:3px}.support{display:block;color:#c6d1c3;font-size:13px;padding:14px 4px}article{min-width:0;background:#1a261e;border:1px solid #3c4a3c;border-radius:14px;padding:24px}article h2{font-size:28px;line-height:1.25;margin:7px 0 20px}video{display:block;width:100%;aspect-ratio:16/10;border-radius:8px;background:#080f0b}.video-note{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:#a8b8a9;font-size:12px;margin:10px 0 24px}button{border:1px solid #677b5e;background:#2b3a2d;color:#e4e9dc;border-radius:6px;padding:6px 12px;cursor:pointer;font:inherit}.video-note button{margin-left:auto;font-size:12px}h3{font-size:17px}ol{padding-left:26px}li{padding:0 0 12px 7px}li::marker{font-weight:700;color:#dfc780}.result{border-left:3px solid #d7bd7e;padding:0 0 0 18px;margin:20px 0 28px}.result h3{margin:0 0 6px}.result p{margin:0;color:#c3cfbf}.primary{display:inline-block;padding:11px 22px;border-radius:7px;background:#dfc381;color:#172216;text-decoration:none;font-weight:700}.footnote{font-size:12px;color:#9dac9f;margin:25px 0}footer{padding:24px 5vw;border-top:1px solid #354033;color:#a8b6a8;display:flex;gap:22px;flex-wrap:wrap;font-size:13px}footer span{margin-left:auto}[hidden]{display:none!important}@media(min-width:1000px){aside{position:sticky;top:18px;align-self:start;max-height:calc(100dvh - 40px);overflow:auto}}@media(max-width:800px){main{padding:22px 18px}.layout{grid-template-columns:1fr;gap:14px}#lessons{display:grid;grid-template-columns:1fr 1fr;gap:5px}#lessons a{padding:9px;font-size:13px}aside .support{display:none}header{padding:12px 18px;gap:10px}header>span{display:none}header nav{font-size:14px}article{padding:16px}article h2{font-size:24px}.video-note button{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#clients{display:flex;gap:8px;margin:0 0 12px}#clients button[aria-pressed=true]{background:#dfc381;color:#172216}#clients span{font-size:13px;color:#abbcaf}.video-wrap{position:relative}#watch{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#dfc381;color:#172216;padding:14px 22px;border-color:#f0ddaa;font-weight:700;box-shadow:0 5px 35px #0009;white-space:nowrap}