:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#20342c;background:#faf9f4;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header,main,footer{max-width:1200px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{font-size:24px;font-weight:800}.brand span{font-size:13px;font-weight:400;margin-left:12px}nav{display:flex;gap:30px;font-size:14px}section{padding:80px 32px;scroll-margin-top:20px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:650px;padding-top:40px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#6b7868}h1{font-size:clamp(36px,4.2vw,59px);line-height:1.3;letter-spacing:-2px;margin:24px 0}h2{font-size:36px;line-height:1.5;margin:15px 0 30px}p{line-height:1.9}.intro{max-width:440px;color:#687269;font-size:17px}.button{display:inline-flex;background:#284f3d;color:white;padding:17px 24px;border-radius:8px;gap:44px;margin-top:20px}.note{font-size:11px;color:#7c8176;margin-top:20px}.visual{height:510px;background:#e9eddf;border-radius:48% 48% 38% 38%;position:relative;display:flex;align-items:center;justify-content:center}.radio{width:215px;height:330px;background:#f2ca56;border:3px solid #d4ac3e;border-radius:34px;transform:rotate(-9deg);box-shadow:16px 24px 0 #20342c16;position:relative;padding:24px}.antenna{position:absolute;top:30px;left:170px;width:22px;height:115px;background:#2e4538;transform:rotate(-9deg);border-radius:12px}.speaker-top{font-size:12px;font-weight:bold;margin-bottom:20px}.screen{background:#29483e;color:#f8f5d8;border:5px solid #ddba4c;border-radius:12px;padding:15px 10px}.screen span{font-size:9px}.screen strong{display:block;font-size:19px;margin:15px 0}.screen small{font-size:10px}.controls{display:flex;justify-content:space-between;align-items:center;margin:17px 0}.controls b{border-radius:50%;padding:9px 13px;background:#2c493b;color:white}.controls i{width:21px;height:7px;background:#ad8e35;border-radius:10px}.grille{height:36px;background:repeating-linear-gradient(0deg,transparent 0 6px,#a28432 6px 9px);margin:0 30px}.orbit{position:absolute;right:5px;top:42px;font-size:12px;letter-spacing:3px;transform:rotate(13deg)}.bubble{position:absolute;bottom:62px;right:-8px;background:white;padding:17px;border-radius:18px;box-shadow:0 8px 30px #21382a10;font-size:14px}.concept{position:absolute;bottom:12px;font-size:10px;color:#6c7663}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{border-top:1px solid #cdd3c4;padding:30px 10px}.cards span,.lesson-label{font-size:12px;color:#697b5e}.cards h3{font-size:23px}.cards p{color:#6b746c;font-size:14px}.practice{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#edf0e5;border-radius:24px;margin:30px 20px;padding:60px 40px}.practice p{color:#667461}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}button{font:inherit;cursor:pointer;border:1px solid #ced7c4;border-radius:8px;padding:12px 15px;background:transparent;color:#2b4939}button[aria-pressed=true],#speak{background:#294e3c;color:white}.lesson{background:#fffef9;padding:35px;border-radius:18px;box-shadow:0 12px 36px #23392a08}.lesson h3{font-size:27px;line-height:1.5}.lesson hr{border:0;border-top:1px solid #e5e7dc;margin:24px 0}.lesson small{color:#7b826e}#audio-status{font-size:12px}.start{text-align:center;padding:100px 20px}.start p{color:#78806e}.status{display:inline-block;padding:11px 22px;border:1px solid #cdd3c2;border-radius:30px;font-size:13px}footer{border-top:1px solid #dce0d4;display:flex;justify-content:space-between;padding:30px;font-size:12px;color:#77816e}a:focus-visible,button:focus-visible{outline:3px solid #bc8731;outline-offset:4px}@media(max-width:760px){header{height:80px;padding:20px}.brand{font-size:20px}.brand span{display:none}nav{gap:14px;font-size:12px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:35px 24px}.visual{height:440px;max-width:440px;width:100%;margin:auto}.antenna{left:36%;top:0}.cards{grid-template-columns:1fr}section{padding:50px 24px}h2{font-size:29px}.practice{grid-template-columns:1fr;padding:35px 22px;gap:25px;margin:20px 12px}.lesson{padding:24px}footer{gap:20px;flex-wrap:wrap}.bubble{right:0}}