.device-section{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(360px,1.4fr);background:#eaece5;border-top:1px solid #daddd1;border-bottom:1px solid #daddd1;margin:0 0 28px;min-width:0}.device-copy{padding:40px 24px 32px 36px;align-self:center;max-width:440px}.device-copy h2{font-size:clamp(30px,3vw,46px);margin:12px 0 18px}.device-copy>p:not(.eyebrow){color:#5e675b;font-size:14px;line-height:1.65}.device-copy .device-note{font-size:11px!important;margin-top:22px}.device-link{display:inline-block;margin-top:10px;font-size:13px;font-weight:600}.device-preview{min-width:0;position:relative;padding:12px 14px 15px}.device-stage{height:370px;position:relative;overflow:hidden}.device-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y;outline-offset:-4px}.device-stage canvas:focus-visible{outline:3px solid #168f95}.device-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}.device-stage img[hidden]{display:none}#device-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:5px}#device-controls[hidden]{display:none}#device-controls button{font-size:12px;min-height:40px;padding:8px 12px}#device-status{text-align:center;font-size:12px;color:#5e675b;margin:10px 10px 0;min-height:18px}.device-hint{text-align:center;color:#70776d;font-size:11px;margin:5px 0 0}@media(min-width:1500px){.device-stage{height:430px}}@media(max-width:850px){.device-section{grid-template-columns:1fr;margin-bottom:20px}.device-copy{padding:24px 24px 8px;max-width:none}.device-copy h2{font-size:34px;margin:8px 0 12px}.device-copy .device-note{margin-top:12px}.device-stage{height:370px}#device-controls button{min-height:44px}.device-preview{padding:0 8px 16px}}@media(prefers-reduced-motion:reduce){#device-rotate{display:none}}