*{box-sizing:border-box}body{margin:0;background:#f5f8f5;color:#213f47;font-family:system-ui,'Segoe UI',sans-serif}a{color:inherit}header,main,footer{max-width:1120px;margin:auto}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:850;text-decoration:none;letter-spacing:-1px}.brand img{width:34px;height:34px}.brand span{margin-left:-8px;color:#d3af51}.offline-pill{display:flex;align-items:center;gap:8px;font-size:11px;color:#648a76}.offline-pill i{width:6px;height:6px;background:#439d73;border-radius:50%}main{padding:20px 30px 50px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding:40px 0 65px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;color:#72918a;margin:0 0 16px}h1{font-size:clamp(34px,4.3vw,54px);line-height:1.1;letter-spacing:-2px;margin:0 0 24px;font-weight:760}h1 span{color:#20a083}.hero-copy>p:not(.eyebrow){max-width:385px;font-size:15px;line-height:1.7;color:#678087}.primary{display:inline-flex;gap:50px;align-items:center;margin-top:14px;background:#187c65;color:#fff;padding:17px 22px;border-radius:9px;text-decoration:none;font-size:14px;font-weight:650;box-shadow:0 5px 0 #105d4b}.primary:hover{background:#106b56;transform:translateY(-1px)}.hero-copy .reassurance{font-size:11px!important;margin-top:24px!important;color:#8a9c99!important;line-height:1.7}.board-scene{position:relative;background:#e2eee7;border-radius:44% 56% 50% 40%;padding:30px 15px;transform:rotate(-3deg)}.board-scene img{width:100%;filter:drop-shadow(0 16px 12px #23483825);transform:rotate(3deg)}.scene-note{display:block;text-align:center;font-size:12px;color:#638678;transform:rotate(3deg);margin:10px 0}.section-heading h2,h2{font-size:26px;letter-spacing:-.7px;margin:0 0 12px;font-weight:720}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.idea-grid article{position:relative;border:1px solid #dce6df;background:#fff;border-radius:14px;padding:24px}.idea-number{font-size:11px;font-weight:700;color:#a7b9b0}.idea-grid h3{margin:17px 0 10px;font-size:18px;letter-spacing:-.4px}.idea-grid p{font-size:13px;line-height:1.7;color:#75878a;min-height:75px}.idea-grid article>span:last-child{display:inline-block;background:#edf6ef;padding:6px 9px;border-radius:5px;font-size:10px;color:#649581}.connect{margin-top:40px;padding:30px;border:1px solid #d9e4df;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:35px;background:#eaf2ed}.connect>div>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#6c8980}.connect a{font-size:12px;font-weight:650;text-decoration:none;color:#227e68}.connect ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.connect li{display:flex;align-items:center;gap:15px}.connect li>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid #c1d8cc;border-radius:50%;font-size:12px;color:#4e8b72}.connect li p{margin:0;font-size:12px;line-height:1.6;color:#668376}.connect strong{color:#355f50}footer{display:flex;justify-content:space-between;border-top:1px solid #e0e8e2;padding:25px 30px;font-size:11px;color:#8ba097}footer a{text-decoration:none}a:focus-visible{outline:3px solid #64c7ba;outline-offset:4px}.help{max-width:820px}.help h1{font-size:38px;margin-top:20px}.help h2{font-size:21px;margin-top:30px}.help p,.help li{font-size:14px;line-height:1.8;color:#627e7e}.help code{background:#e5efe8;border-radius:4px;padding:2px 5px}.help .note{padding:18px;border-left:3px solid #c9ae61;background:#f4efdd;border-radius:6px}.help details{padding:15px 0;border-bottom:1px solid #d7e5dd}.help summary{font-size:15px;font-weight:650;cursor:pointer}@media(max-width:740px){header{height:70px}main{padding:10px 20px 35px}.hero{grid-template-columns:1fr;gap:25px;padding:20px 0 40px}.hero-copy{order:1}.board-scene{max-width:340px;width:100%;margin:auto;padding:15px}.hero-copy>p:not(.eyebrow){max-width:none}h1{font-size:39px}.idea-grid{grid-template-columns:1fr}.idea-grid p{min-height:0}.connect{grid-template-columns:1fr;padding:24px}.idea-grid article{padding:20px}footer{gap:20px;line-height:1.5}.scene-note{display:none}}
/* Hardware entry points stay next to the editor launch, including rotating motors. */
.hardware-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 5px}.hardware-shortcuts a{display:flex;align-items:center;gap:7px;border:1px solid #bed6ca;background:#fff;padding:10px 12px;border-radius:9px;font-size:12px;text-decoration:none;font-weight:700}.hardware-shortcuts img{width:32px;height:32px}.hardware-shortcuts a:last-child{font-weight:500;background:#edf4ef}.hero{padding-top:20px;padding-bottom:35px}