/* Page styling only. Device geometry, materials and controls come from style.css. */
@font-face{font-family:Cera Pro;src:url(https://assets.lego.com/fonts/v3/cera-pro/CeraPro-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Cera Pro;src:url(https://assets.lego.com/fonts/v3/cera-pro/CeraPro-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Cera Pro;src:url(https://assets.lego.com/fonts/v3/cera-pro/CeraPro-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Cera Pro;src:url(https://assets.lego.com/fonts/v3/cera-pro/CeraPro-Black.woff2) format("woff2");font-weight:900;font-display:swap}
:root{--sand:#fff;--sage:#b5b9bf;--moss:#006db7;--ink:#202020;--line:#d9d9d9}
body{background:#fff;font-family:Cera Pro,Arial,sans-serif}body:before{display:none}
header{height:100px;margin:0;padding:0 5%;background:#ffcf00;border:0;gap:20px}.brand{font-size:15px;font-weight:900;letter-spacing:.4px}.brand svg{background:#d71920;stroke:#fff;border:2px solid #fff;width:44px;height:44px;padding:5px;box-shadow:0 0 0 2px #d71920;border-radius:2px}.brand small{color:#333;font-size:11px;letter-spacing:0}.header-right{color:#292929;font-size:12px}.icon-button{border:2px solid #292929;background:#fff;width:30px;height:30px;font-weight:700;margin-left:8px}.variant-link{border:2px solid #202020;border-radius:4px;padding:10px 15px;font-size:12px;font-weight:500;color:#202020;background:#fff;text-decoration:none}.variant-link:hover{background:#202020;color:#fff;text-decoration:none}
main{max-width:1600px;grid-template-columns:.8fr 1.5fr .9fr;padding-top:70px;padding-bottom:70px;min-height:730px;gap:35px}.eyebrow{font-size:10px;letter-spacing:1px;color:#006db7;font-weight:700;margin-bottom:20px}h1{font:900 clamp(42px,4.2vw,65px)/1.05 Cera Pro,Arial,sans-serif;letter-spacing:-2px;margin-bottom:25px}h1 em{color:#202020;font-style:normal}.intro>p{font-size:14px;line-height:1.7;color:#4a4a4a}.intro-bottom{font-size:11px;color:#707070;line-height:1.7;margin-top:35px}.small-line{height:4px;width:22px;background:#ffcf00}.device{font-family:DM Sans,sans-serif}.device-caption{font-size:10px;color:#656565}.live-dot{background:#00853f}
.journey{max-width:325px}.journey-heading{font-size:11px;font-weight:700;letter-spacing:.5px;color:#202020}.journey-heading .text-button{color:#006db7;font-size:11px;font-weight:500}.step{font-size:10px;color:#727272}.step b{font-weight:700;border-color:#bbb}.step.current{color:#006db7}.step.current b{background:#006db7;color:#fff;border-color:#006db7}.step.done b{background:#00853f;color:#fff;border-color:#00853f}.station-panel{background:#f5f5f5;border:0;border-radius:0;padding:25px 22px;border-top:5px solid #ffcf00}.panel-kicker{font-size:10px;font-weight:700;letter-spacing:1px;color:#006db7;margin-bottom:13px}h2{font:700 26px/1.15 Cera Pro,Arial,sans-serif;letter-spacing:-.5px}.station-panel p{font-size:12px;line-height:1.7;color:#4a4a4a}.proximity-label{font-size:11px;color:#555}.proximity-label strong{color:#006db7;font-weight:700}input[type=range]{accent-color:#006db7}.range-labels{font-size:10px;color:#666}.primary{font-family:Cera Pro,Arial,sans-serif;border:2px solid #202020;background:#ffcf00;color:#202020;border-radius:4px;padding:13px 10px;font-size:12px;font-weight:700}.primary:hover{background:#202020;color:#fff}.primary svg{stroke-width:2}.secondary{font-family:Cera Pro,Arial,sans-serif;border:2px solid #202020;color:#202020;border-radius:4px;font-size:11px;padding:10px;background:#fff}.secondary:hover{background:#202020;color:#fff}.hint{padding-top:18px}.hint svg{stroke:#6b6b6b}.hint p{font-size:10px;color:#666}.option{font-size:12px;color:#333;border-color:#dedede;padding:10px 0}.option b{color:#006db7}.notice{color:#a33c12!important}.check-row{font-size:11px;color:#333}.check-row input{accent-color:#006db7}
footer{background:#201d48;color:#fff;margin:0;padding:24px 5%;border:0;min-height:95px;gap:25px;font-size:11px}.footer-mark{color:#ffcf00}footer .text-button{color:#fff;font-size:11px}.footer-spec{font-size:9px;color:#d6d5e0}dialog{font-family:Cera Pro,Arial,sans-serif;background:#fff;border:0;border-top:7px solid #ffcf00;border-radius:4px}dialog p,dialog li{color:#4a4a4a}dialog h2{font-size:30px}.close-dialog{color:#202020}.text-button{font-family:Cera Pro,Arial,sans-serif}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#006db7}
@media(max-width:1100px){main{gap:24px;grid-template-columns:.7fr 1.4fr 1fr;padding-left:4%;padding-right:4%}h1{font-size:44px}.station-panel{padding:21px 17px}.intro>p{font-size:12px}.eyebrow{font-size:9px}.header-right{font-size:10px}}
@media(max-width:800px){header{height:90px}.header-right{font-size:0;gap:0}.header-right .demo-dot{display:none}.variant-link{font-size:10px;padding:8px 11px;margin-right:8px}.icon-button{font-size:13px}main{grid-template-columns:1fr 1fr;gap:40px 28px;padding:35px 6% 45px;min-height:0}.intro h1{font-size:53px}.intro h1 br{display:block}.intro>p{font-size:13px}.intro-bottom{display:none}.journey{max-width:none}footer{gap:20px}.device-caption{font-size:9px}.footer-spec{display:none}}
@media(max-width:560px){header{height:83px;padding:0 5%;gap:10px}.brand{gap:9px;font-size:11px}.brand small{font-size:8px}.brand svg{width:33px;height:33px;flex-shrink:0}.variant-link{font-size:9px;max-width:none;padding:7px 8px;margin:0 5px 0 0;white-space:nowrap}.icon-button{width:25px;height:25px;margin:0;font-size:12px}main{grid-template-columns:1fr;padding:30px 6% 35px;gap:25px}.intro h1{font-size:48px;letter-spacing:-1.6px}.intro>p{font-size:12px}.journey{max-width:380px}.station-panel{padding:24px}.device-caption{font-size:9px}footer{padding:25px 6%;gap:20px}.eyebrow{font-size:9px}}