.device-preview{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;border-top:1px solid var(--line);padding:64px 0 76px}
.preview-intro h2{font-size:clamp(34px,4vw,48px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px;font-weight:900}
.preview-hint{font-weight:800}.preview-note{font-size:14px;color:#655b50;max-width:360px}
.preview-device{position:relative;min-width:0;width:100%;max-width:388px;justify-self:center;margin:0;padding:22px 22px 24px;border:2px solid #595751;border-radius:30px;background:#292927;box-shadow:0 6px 0 #181817,0 20px 32px #24232224}
.preview-display{overflow:hidden;border:10px solid #111110;border-radius:12px;background:#111110;aspect-ratio:4/3;box-sizing:content-box}
.preview-display img{display:none;width:100%;height:auto;aspect-ratio:4/3}
.preview-radio,.preview-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#preview-home:checked~.preview-display .screen-home,#preview-move:checked~.preview-display .screen-move,#preview-sleep:checked~.preview-display .screen-sleep{display:block}
.preview-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.preview-controls label{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #79766f;border-radius:10px;background:#3d3d39;color:#fff6e8;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 #141413}
.preview-controls label:hover{background:#51514b}
#preview-home:checked~.preview-controls [for=preview-home],#preview-move:checked~.preview-controls [for=preview-move],#preview-sleep:checked~.preview-controls [for=preview-sleep]{background:#deedcc;color:#242322;border-color:#deedcc;box-shadow:0 1px 0 #141413;transform:translateY(2px)}
#preview-home:focus-visible~.preview-controls [for=preview-home],#preview-move:focus-visible~.preview-controls [for=preview-move],#preview-sleep:focus-visible~.preview-controls [for=preview-sleep]{outline:3px solid #ffad67;outline-offset:4px}
@media(max-width:720px){.device-preview{grid-template-columns:1fr;gap:24px;padding:38px 0 48px}.preview-note{max-width:none}.preview-device{max-width:388px;padding:18px 16px 22px}.preview-controls{gap:8px}}