.app-preview{max-width:1160px;margin:auto;padding:64px 28px 90px}.app-preview>.mini-label{margin-top:72px}.app-preview h1{font-size:clamp(52px,8vw,100px);line-height:1.02;letter-spacing:-.065em;margin:22px 0}.intro{font-size:22px;line-height:1.6;color:#62665f}.preview-shell{margin-top:60px;display:grid;grid-template-columns:230px 1fr;min-height:520px;border:1px solid #dce0d8;border-radius:24px;overflow:hidden;background:white;box-shadow:0 32px 80px #1723150d}.preview-shell aside{background:#ebeee8;padding:32px;font-size:14px;line-height:1.7}.preview-shell aside strong{font-size:22px}.preview-shell aside span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.preview-shell section{padding:48px;text-align:center;min-width:0}.preview-shell h2{font-size:36px;letter-spacing:-.04em;overflow-wrap:anywhere}.preview-shell section p{line-height:1.6;color:#656a61}#progress{font-size:11px;letter-spacing:.16em}.device-symbol{width:112px;height:90px;background:linear-gradient(150deg,#404640,#161b17);border:1px solid #60665d;border-radius:14px;margin:35px auto;box-shadow:0 20px 25px #18241522;position:relative}.device-symbol:after{content:'';width:5px;height:5px;border-radius:100%;background:#b7d6a4;position:absolute;bottom:12px;right:16px}.preview-actions{display:flex;justify-content:center;gap:18px;margin-top:28px;flex-wrap:wrap}#room-label{display:block;text-align:left;max-width:320px;margin:22px auto}#room-name{display:block;width:100%;padding:14px;border:1px solid #afb5aa;border-radius:9px;margin-top:8px} [hidden]{display:none!important}.disclaimer{max-width:740px;font-size:13px;line-height:1.7;color:#62665f;margin:25px auto}.preview-bottom{padding-top:90px;max-width:650px}.preview-bottom h2{font-size:44px;line-height:1.1;letter-spacing:-.04em}.preview-bottom p{line-height:1.7;margin:24px 0}button,a{touch-action:manipulation}button{min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #648955;outline-offset:4px}@media(max-width:650px){.app-preview{padding:32px 20px 60px}.app-preview>.mini-label{margin-top:44px}.preview-shell{grid-template-columns:1fr;margin-top:32px}.preview-shell aside{padding:20px}.preview-shell aside p{display:none}.preview-shell aside span{display:block;margin-top:8px}.preview-shell section{padding:28px 18px}.intro{font-size:18px}.preview-bottom h2{font-size:36px}header>a:last-child{font-size:12px;max-width:130px;text-align:right}}