:root{font-family:Inter,Arial,sans-serif;color:#e9eff1;background:#111a20;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header{height:76px;border-bottom:1px solid #ffffff18;padding:0 36px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;letter-spacing:.08em}header span{color:#7e969e;font-weight:400}header>a:last-child{font-size:11px;letter-spacing:0;color:#b4c8cd}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:calc(100vh - 76px)}.vehicle{min-height:650px;position:relative;overflow:hidden;background:#1b2b32}.intro{position:absolute;left:36px;top:34px;z-index:1;pointer-events:none}.intro>span,.eyebrow{font-size:9px;letter-spacing:.18em;color:#75d3d0}.intro h1{font-size:68px;line-height:1;margin:15px 0;color:#f1f4f0;letter-spacing:-.065em}.intro h1 span{display:block;font-size:9px;letter-spacing:.15em;color:#8da8af;font-weight:400;margin-top:15px}canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.view-controls{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);display:flex;gap:4px;background:#0a141abb;padding:5px;border:1px solid #94b4be2b;border-radius:8px}.view-controls button{padding:9px 14px;border:0;color:#9cb5be;background:transparent;border-radius:4px;font-size:11px;cursor:pointer}.view-controls button.active{color:#092b30;background:#97dfd6}.hint{position:absolute;bottom:17px;width:100%;text-align:center;font-size:8px;letter-spacing:.12em;color:#94aeb6}.hint span{margin:0 10px}aside{background:#172229;padding:52px 30px;border-left:1px solid #ffffff12}aside h2{font-size:38px;line-height:1.1;letter-spacing:-.04em;margin:22px 0}aside p{font-size:12px;color:#9bb2bd;line-height:1.8;margin-bottom:26px}.spec{padding:15px 0;border-top:1px solid #ffffff16}.spec span{display:block;font-size:8px;letter-spacing:.13em;color:#8ca4ad;margin-bottom:8px}.spec strong{font-size:12px;font-weight:500}.swatches{display:flex;gap:12px;margin:25px 0}.swatches button{width:27px;height:27px;border:3px solid #172229;outline:1px solid #79969d44;border-radius:50%;background:var(--color);cursor:pointer}.swatches .active{outline-color:#b7ebe2}.options{display:grid;gap:13px;font-size:11px;color:#bdd0d6;margin:25px 0}.options input{accent-color:#7ddbd0;vertical-align:middle;margin:0 7px 0 0}.primary{display:block;padding:14px;background:#9fe0d5;color:#163231;border-radius:6px;font-size:12px;font-weight:700;text-align:center}aside>small{display:block;font-size:9px;line-height:1.7;color:#819ba7;margin-top:18px}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #ffcb7c;outline-offset:4px}[hidden]{display:none!important}#error{position:fixed;inset:0;display:grid;place-items:center;background:#172229;padding:30px}@media(max-width:900px){main{grid-template-columns:1fr}.vehicle{height:65vh;min-height:490px}aside{padding:32px;border-left:0}.intro h1{font-size:47px}.intro{left:22px;top:24px}header{padding:0 22px}.view-controls button{padding:9px 12px}}
@media(min-width:901px){body{overflow:hidden}main{height:calc(100vh - 76px);min-height:0;grid-template-rows:minmax(0,1fr)}.vehicle{min-height:0;height:100%}aside{overflow-y:auto;min-height:0}.intro h1{font-size:60px}}