:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#263b42;background:#f5f8f7;line-height:1.55}*{box-sizing:border-box}body{margin:0}.site-header{display:flex;align-items:center;gap:22px;max-width:none;margin:auto;padding:12px max(28px,calc((100% - 1064px)/2));background:#111b25;color:#e4e9ed}.site-header nav{display:flex;gap:4px}.site-header nav a{padding:7px 10px;border-radius:6px;color:#b8c8ce;text-decoration:none;font-size:14px;font-weight:700}.site-header nav a:hover,.site-header nav a.active{background:#20373b;color:#b8f0dd}.site-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.language-picker select{background:#1e2a35;color:#e4e9ed;border:1px solid #34414d;border-radius:7px;padding:8px;font:inherit}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.5px}.brand img{width:38px;height:38px;border-radius:10px}.open-link,.secondary{color:#087e61;text-decoration:none;font-weight:700}.open-link{border:1px solid #91ccba;border-radius:8px;padding:8px 13px;color:#b8f0dd}.hero,main>section{max-width:1064px;margin:auto;padding-left:28px;padding-right:28px}.hero{padding-top:66px;padding-bottom:74px;text-align:center}.eyebrow{color:#078565;font-size:12px;font-weight:800;letter-spacing:1.5px}.hero h1{max-width:800px;margin:10px auto 18px;font-size:clamp(36px,6vw,66px);line-height:1.05;letter-spacing:-2.5px}.lead{max-width:700px;margin:0 auto 29px;font-size:19px;color:#597079}.primary,.secondary{display:inline-block;border-radius:9px;padding:12px 17px}.primary{background:#099570;color:white;text-decoration:none;font-weight:750}.primary:hover{background:#067958}h2{font-size:30px;letter-spacing:-1px;line-height:1.15}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.cards article,.feature-grid aside{border:1px solid #d8e7e1;border-radius:14px;background:white;padding:23px}.cards span{color:#0a926f;font:700 13px ui-monospace,monospace}.cards h3{font-size:19px;line-height:1.2}.cards p,.feature-grid p{color:#567078}.cards a{color:#087e61;font-weight:700;text-decoration:none}.feature-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:52px;padding-top:84px;padding-bottom:66px}.feature-grid aside h3{margin-top:0}.feature-grid li{margin:9px 0;color:#405b63}.workflow{padding-top:53px!important;padding-bottom:60px!important;background:#163a3b;color:#edf7f4;max-width:none!important;padding-left:max(28px,calc((100% - 1008px)/2))!important;padding-right:max(28px,calc((100% - 1008px)/2))!important}.workflow .eyebrow{color:#79d8ba}.workflow h2{margin-top:9px}.workflow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:0;list-style-position:inside}.workflow li{color:#cee2dc}.workflow strong{display:block;color:white;margin-bottom:5px}.notice{text-align:center;padding-top:72px!important;padding-bottom:75px!important}.notice p{max-width:760px;margin:0 auto 22px;color:#597079}footer{display:flex;gap:20px;justify-content:center;padding:25px;background:white;border-top:1px solid #deebe6;color:#698087;font-size:14px}footer a{color:#087e61;text-decoration:none}@media(max-width:720px){.hero{padding-top:42px;padding-bottom:50px}.cards,.feature-grid,.workflow ol{grid-template-columns:1fr}.feature-grid{gap:25px;padding-top:52px}.workflow{padding-top:42px!important}.site-header{padding:15px 20px}.hero,main>section{padding-left:20px;padding-right:20px}.lead{font-size:17px}}
.lesson{max-width:820px;margin:0 auto;padding:56px 28px 70px}.lesson h1{font-size:clamp(36px,6vw,60px);line-height:1.06;letter-spacing:-2px;max-width:760px}.lesson section{margin-top:52px}.lesson h2{font-size:28px}.lesson p,.lesson li{font-size:17px;color:#49646c}.lesson li{margin:12px 0}.lesson .notice{margin:56px -110px -70px;padding-left:28px!important;padding-right:28px!important}.formula{margin:25px 0;padding:19px;border:1px solid #b7ded2;border-radius:10px;background:#eaf8f2;text-align:center;color:#087e61;font:700 28px ui-monospace,monospace}@media(max-width:900px){.lesson .notice{margin-left:-28px;margin-right:-28px}}

@media(max-width:720px){.site-header{padding:10px 16px;gap:8px}.site-header nav{display:none}.site-actions{gap:5px}.open-link{font-size:13px;padding:7px 9px}.language-picker select{padding:7px;font-size:13px}}
.language-link{color:#b8f0dd;text-decoration:none;font-size:14px;font-weight:700;padding:8px 10px;border:1px solid #34414d;border-radius:7px}

.circuit-preview{margin:34px 0 28px;border:1px solid #cfe3dc;border-radius:14px;overflow:hidden;background:#111b25}.circuit-preview img{display:block;width:100%;height:auto}.circuit-preview figcaption{padding:10px 14px;color:#567078;background:#fff;font-size:14px}