:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#182528;background:#f5f7f9;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,select,input{font:inherit}button,select{min-height:44px;border:1px solid #bbc8cd;border-radius:7px;background:white;color:#203236;padding:8px 14px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #2462ed;outline-offset:4px}header,footer{max-width:1280px;margin:auto;display:flex;align-items:center;gap:25px;padding:25px 30px}header{border-bottom:1px solid #d6e0e3;justify-content:space-between}nav{display:flex;gap:25px;font-size:14px}.brand{font-size:25px;font-weight:750;text-decoration:none;letter-spacing:-1px}.brand span{font-size:11px;letter-spacing:2px;margin-left:6px}main{max-width:1280px;padding:0 30px;margin:auto}.intro{padding:38px 0 30px;display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:35px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:650;color:#52716e}.intro .eyebrow{grid-column:1/-1;margin:0 0 13px}h1{font-size:clamp(36px,4.8vw,62px);line-height:1.05;letter-spacing:-2px;margin:0;font-weight:600}.intro>p:last-child{max-width:440px;color:#516269;margin:0;font-size:18px}.lab-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:40px}.player{background:white;padding:20px;border:1px solid #d1dde1;border-radius:15px;min-width:0;box-shadow:0 10px 35px #18363b08}.switches{display:flex;gap:8px;margin-bottom:15px}.switches button{flex:1;font-weight:600}.switches button[aria-pressed=true]{background:#193b38;color:#e0f8ee;border-color:#193b38}.stage{position:relative;height:340px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#152327}.stage[data-background=light]{background:#e6e8e3}.stage[data-background=grid]{background-color:#ccd1d3;background-image:linear-gradient(45deg,#aeb8bc 25%,transparent 25%),linear-gradient(-45deg,#aeb8bc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#aeb8bc 75%),linear-gradient(-45deg,transparent 75%,#aeb8bc 75%);background-size:32px 32px;background-position:0 0,0 16px,16px -16px,-16px 0}#frame-art{width:100%;height:100%;object-fit:contain;transform:scale(.82);z-index:1}.stage-label{position:absolute;top:12px;left:14px;background:#142529dd;color:#d7e7e4;padding:5px 9px;border-radius:5px;font-size:12px;z-index:2}.ground{position:absolute;width:75%;bottom:15%;border-bottom:1px solid #8aadaa35}#status{font-size:14px;color:#476264;min-height:23px;margin:12px 0}.transport{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.transport #play{min-width:91px;background:#1950ef;color:white;border-color:#1950ef}.transport label{display:flex;gap:6px;align-items:center;margin-left:auto;font-size:14px}.scrub-label{display:flex;justify-content:space-between;font-size:14px;margin-top:15px}#frame{width:100%;min-height:28px;accent-color:#1950ef}.display-controls{display:flex;gap:15px;margin-top:8px}.display-controls label{font-size:14px;display:flex;flex-direction:column;gap:5px;flex:1}.caption,.micro{font-size:13px;color:#607276;line-height:1.6}.caption{margin:12px 0 0}.product-info{padding:12px 0}h2{font-size:35px;line-height:1.15;letter-spacing:-1px;margin:12px 0}.sample-name{font-weight:650;color:#335f57;margin-bottom:20px}#scope{color:#516269;font-size:17px}.primary{display:block;text-align:center;text-decoration:none;background:#193b38;color:white;border-radius:7px;padding:16px;margin-top:25px;font-weight:600}.primary:hover{background:#24574f}.buy-box{border-top:1px solid #d1dde1;border-bottom:1px solid #d1dde1;padding:17px 0;margin-top:24px}.buy-box>p:first-child{margin:0 0 12px;font-weight:600}.buy-box>a{display:block;border:1px solid #1950ef;color:#1749d3;padding:13px 16px;border-radius:7px;text-align:center;text-decoration:none;font-weight:600}.license-note{font-size:14px;color:#516269;margin-top:22px}.help{padding:65px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.help p{color:#516269}.help h2{font-size:32px}.faq details{border-bottom:1px solid #ccd9dd}.faq summary{padding:19px 0;cursor:pointer;font-weight:600}.faq details p{margin:0 0 20px}footer{border-top:1px solid #d1dde1;flex-wrap:wrap;font-size:14px}footer p{margin-right:auto;color:#607276}.skip{position:absolute;left:-9999px;top:0;background:white;padding:12px;z-index:5}.skip:focus{left:15px}.fallback{padding:20px;background:#fff1d1;border:1px solid #dfb869}@media(max-width:900px){.lab-layout{grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr);gap:25px}.transport label{margin-left:0}.stage{height:290px}}@media(max-width:700px){header,footer{padding:20px}.brand{font-size:22px}nav{gap:14px;font-size:13px}main{padding:0 20px}.intro{display:block;padding:30px 0 25px}.intro>p:last-child{margin-top:19px;font-size:16px}h1{font-size:40px}.lab-layout,.help{grid-template-columns:1fr;gap:22px}.player{padding:14px}.stage{height:300px}.product-info{padding:0}.help{padding:35px 0}.display-controls{gap:8px}.transport{gap:6px}.transport button{padding:8px 11px}.transport label{margin-left:0}.primary{margin-top:18px}h2{font-size:31px}footer p{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}