.cycling-page{background:#080f19;color:#eef5fa}.cycling-page .showroom-main{max-width:1680px;padding-top:26px}.cycling-page .showroom-heading{margin-bottom:24px}.cycling-page .showroom-heading .eyebrow{color:#8aa8be;letter-spacing:2px}.square-wordmark{display:flex;align-items:baseline;gap:25px;margin-top:12px}.square-wordmark h1{font-size:clamp(38px,4vw,60px);line-height:1;font-weight:600;letter-spacing:4px;margin:0}.square-wordmark p{font-size:clamp(18px,2vw,24px);color:#c8deeb;letter-spacing:2px;margin:0}.cycling-page .showroom-heading>a{color:#a7cddd}.cycling-page .showroom-workspace{grid-template-columns:minmax(0,1fr) 318px;gap:16px}.cycling-page .showroom-view{height:min(76vh,820px);min-height:610px;background:#080f1b;border-radius:6px;border-color:#a3dfef1d}.cycling-page .showroom-panel{border-radius:6px;background:#111c29;border-color:#a3dfef1d}.square-panel{max-height:max(610px,min(76vh,820px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3b566d transparent}.cycling-page .showroom-guide{top:22px;left:24px;right:24px}.cycling-page .showroom-guide span{padding:0;border:0;border-radius:0;background:none;color:#9cb8be;backdrop-filter:none;font-size:12px;letter-spacing:1px}.cycling-page .showroom-guide span:first-child{color:#dae9f2;font-size:13px}.square-scene-label{position:absolute;left:24px;bottom:91px;display:flex;gap:13px;align-items:center;pointer-events:none}.square-scene-index{color:#82c2e7;font-size:15px}.square-scene-label>span:last-child{font-size:16px;letter-spacing:1px;color:#dbe7ef}.cycling-page .showroom-caption{left:24px;bottom:24px;font-size:12px;color:#88a1b5;max-width:calc(100% - 250px);line-height:1.6}.cycling-page .showroom-viewtools button{border-radius:5px;background:#0e1c2bee;border-color:#345c7a;color:#dbf1ff}.cycling-page .showroom-status{background:#080f1bf7}.cycling-page .showroom-status a{color:#a7d7ef}.cycling-page .showroom-progress{border-color:#29475e;border-top-color:#a7d7ef}
.square-panel-top{display:flex;justify-content:space-between;gap:10px;color:#a9bfd0;font-size:14px;margin-bottom:14px}.square-panel-top>span:last-child{color:#6f8ba3;font-size:12px}.square-models{display:grid;grid-template-columns:1fr 1fr;gap:8px}.square-models button{background:#0b1622;border:1px solid #2c4154;border-radius:5px;padding:12px 10px;text-align:left;color:#9ab0c3;cursor:pointer}.square-models button strong{display:block;font-size:14px;font-weight:550;letter-spacing:.7px}.square-models button span{display:block;font-size:12px;margin-top:6px;color:#95aebe}.square-models button[aria-pressed=true]{border-color:#8ebde0;background:#1d3349;color:#eff8ff}.square-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:21px 0 7px}.square-specs dt{font-size:12px;color:#8fa8be;margin-bottom:6px}.square-specs dd{margin:0;font-size:22px;font-weight:400;letter-spacing:-.5px;color:#dcecf5;white-space:nowrap}.square-specs small{font-size:12px;letter-spacing:0}.square-led-detail{font-size:12px;color:#8fa8be;margin:0 0 17px}.square-finishes{border:0;margin:0;padding:0;min-width:0}.square-finishes legend{font-size:14px;color:#b6cbda;display:flex;width:100%;justify-content:space-between;margin-bottom:12px}.square-finishes legend span{color:#ebf3f7}.square-finishes>div{display:flex;flex-wrap:wrap;gap:9px}.square-finishes button{position:relative;width:28px;height:28px;border:4px solid #111c29;outline:1px solid #455868;border-radius:50%;background:var(--finish);cursor:pointer;padding:0}.square-finishes button[aria-pressed=true]{outline:2px solid #b7d9f1}.square-finishes button:hover{outline-color:#f5fbff}.cycling-page .showroom-panel hr{margin:20px 0;border-color:#2a3d4e}.cycling-page .showroom-panel h2{font-size:14px;margin:0 0 12px;color:#b6cbda;letter-spacing:0}.square-stops{grid-template-columns:1fr 1fr;gap:7px}.cycling-page .showroom-stops button{border-radius:5px;font-size:14px;gap:7px;padding:10px 8px;min-height:46px;border-color:#2b3d4e;color:#b8c8d4}.cycling-page .showroom-stops button[aria-pressed=true]{border-color:#779eba;background:#20364a;color:#f0f9ff}.cycling-page .showroom-stops button[aria-pressed=true] b{color:#a7d6fa}.cycling-page .showroom-stops button:hover{border-color:#84badf}.cycling-page .showroom-stops button b{font-size:12px;color:#6f8ba3}.cycling-page .showroom-panel .square-light-title{margin-top:22px}.square-modes{display:grid;grid-template-columns:1fr 1fr;gap:7px}.square-modes button{min-height:42px;padding:8px 5px;font-size:14px;border-radius:5px;border:1px solid #2c4154;background:transparent;color:#b6cbdc;cursor:pointer}.square-modes button[aria-pressed=true]{background:#443039;border-color:#b07580;color:#ffe1e6}.square-secondary{margin-top:22px;border-top:1px solid #2a3d4e;padding-top:16px}.square-secondary summary{font-size:14px;color:#abc3d5;cursor:pointer}.square-secondary .showroom-lights{margin-top:18px}.square-secondary legend{font-size:14px}.cycling-page .showroom-palette input:checked+span{background:#23394a;border-color:#779eba}.cycling-page .showroom-brightness output{color:#b9ddf5}.cycling-page .showroom-range{accent-color:#92bedb}.cycling-page .showroom-motion{color:#c5dfef;border-color:#385a76;border-radius:5px}
.square-ride-tools{position:absolute;bottom:150px;left:24px;display:flex;flex-wrap:wrap;gap:7px;right:24px}.square-ride-tools button{background:#112337ee;border:1px solid #416884;border-radius:4px;color:#d2e8f6;padding:10px 14px;font-size:14px;cursor:pointer}.square-ride-tools button[aria-pressed=true]{background:#2b4b64;border-color:#bbe2ff}.square-design-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding:30px 2px 26px;border-bottom:1px solid #294051}.square-design-notes article>span{font-size:12px;letter-spacing:1px;color:#688ca8}.square-design-notes h2{font-size:19px;line-height:1.5;font-weight:500;margin:14px 0 8px;color:#e7f0f7}.square-design-notes p{font-size:14px;line-height:1.85;color:#a1b5c7;margin:0;max-width:400px}.cycling-page .showroom-help{color:#8fa9bd;font-size:14px;line-height:1.8;margin:20px 0 8px}.square-footnote{color:#7f99ae;font-size:12px;line-height:1.8;margin:0}.cycling-page button:focus-visible,.cycling-page a:focus-visible,.cycling-page input:focus-visible+span,.cycling-page summary:focus-visible{outline:2px solid #bbe2ff;outline-offset:3px}.cycling-page .showroom-view canvas:focus-visible{outline-color:#bbe2ff}
@media(max-width:1100px){.cycling-page .showroom-main{padding:24px 20px}.cycling-page .showroom-workspace{grid-template-columns:minmax(0,1fr) 300px}.cycling-page .showroom-panel{padding:20px}.cycling-page .showroom-guide span:last-child{display:none}.cycling-page .showroom-caption{bottom:76px;max-width:calc(100% - 48px)}.square-scene-label{bottom:110px}.square-ride-tools{bottom:154px}}
@media(max-width:800px){.cycling-page .showroom-workspace{grid-template-columns:1fr}.cycling-page .showroom-main{padding:22px 14px 32px}.cycling-page .showroom-view{height:64svh;min-height:420px}.cycling-page .showroom-panel{display:block;max-height:none;overflow:visible}.square-wordmark{gap:12px;flex-wrap:wrap}.square-wordmark h1{font-size:40px}.square-wordmark p{font-size:18px}.cycling-page .showroom-heading{flex-wrap:wrap;gap:18px}.cycling-page .showroom-heading>a{font-size:13px}.cycling-page .showroom-heading .eyebrow{font-size:12px;letter-spacing:1px}.square-models button{padding:14px}.square-specs dd{font-size:27px}.square-models button span{font-size:14px}.square-finishes button{width:32px;height:32px}.square-design-notes{grid-template-columns:1fr;gap:24px}.square-design-notes h2{margin-top:8px}.square-design-notes p{max-width:none}.square-stops,.square-modes{grid-template-columns:repeat(2,1fr)}.cycling-page .showroom-stops button{padding:12px}.square-secondary .showroom-palette{grid-template-columns:repeat(4,1fr)}.cycling-page .showroom-guide{left:18px;right:18px}.square-ride-tools{left:16px;right:16px;gap:5px}.square-ride-tools button{font-size:12px;padding:9px}.square-scene-label{left:18px}.cycling-page .showroom-caption{left:18px}}
@media(max-width:390px){.square-wordmark p{font-size:16px;letter-spacing:1px}.square-secondary .showroom-palette{grid-template-columns:1fr 1fr}.square-ride-tools{display:grid;grid-template-columns:1fr 1fr}.cycling-page .showroom-main{padding-left:10px;padding-right:10px}.cycling-page .showroom-view{min-height:420px}}
.square-company{display:flex;align-items:center;gap:13px;text-decoration:none;color:#edf6ff;flex-shrink:0}.square-company img{width:49px;height:42px;object-fit:contain;background:#fff;border-radius:3px}.square-company>span{display:flex;align-items:baseline;gap:7px;font-size:31px;font-weight:600;letter-spacing:2px;line-height:1}.square-company small{font-size:15px;font-weight:400;letter-spacing:2px;color:#aac6d9}.square-brand-divider{font-size:29px;color:#49677e;font-weight:300}.square-wordmark h1{font-size:clamp(28px,3vw,40px);letter-spacing:2px}.square-wordmark{gap:18px;flex-wrap:wrap}.square-wordmark p{font-size:18px;letter-spacing:1px}.square-stops button{overflow-wrap:anywhere}.cycling-page .square-stops button b{display:none}.cycling-page .square-stops button{justify-content:center;text-align:center}.cycling-page .showroom-guide span:first-child{font-size:12px}
@media(max-width:800px){.square-company>span{font-size:27px}.square-company img{width:42px;height:36px}.square-company small{font-size:12px}.square-company{gap:10px}.square-wordmark{gap:10px}.square-brand-divider{font-size:24px}.square-wordmark h1{font-size:28px}.square-wordmark p{width:100%;margin-top:4px}.square-stops button{min-height:52px}}