:root{color-scheme:light;--ink:#142432;--muted:#52616c;--line:#d4dce1;--paper:#f3f5f5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,iframe:focus-visible{outline:3px solid #16769a;outline-offset:4px}.viewer-header{min-height:76px;padding:18px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:#fff}.brand{font-weight:750;text-decoration:none;font-size:18px;letter-spacing:-.5px}.brand small{font-size:11px;letter-spacing:1.6px;display:block;font-weight:500}.app-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:30px}.app-switch a{padding:7px 18px;border-radius:22px;text-decoration:none;font-size:13px;font-weight:650}.app-switch a[aria-current=page]{background:var(--ink);color:white}.viewer-layout{max-width:1260px;margin:0 auto;padding:28px 36px;display:grid;grid-template-columns:minmax(260px, .85fr) minmax(0,1.4fr);gap:52px;align-items:center;min-height:calc(100dvh - 76px)}.intro{max-width:400px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#52616c}h1{font-size:clamp(32px,3.8vw,52px);line-height:1.1;letter-spacing:-1.9px;margin:18px 0}p{color:var(--muted)}.steps{padding:20px 0 0;list-style:none;counter-reset:step;margin:24px 0;border-top:1px solid var(--line)}.steps li{counter-increment:step;display:grid;grid-template-columns:28px 1fr;gap:12px;margin:0 0 20px}.steps li:before{content:"0" counter(step);font-size:11px;color:#73828e;padding-top:4px}.steps strong{display:block;font-size:14px}.steps span{color:var(--muted);font-size:13px}.tech-link{display:inline-block;margin-top:5px;font-size:13px;font-weight:650}.viewer-stage{display:flex;align-items:center;flex-direction:column;min-width:0}.viewer-tools{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.viewer-tools button,.viewer-tools a{border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);padding:8px 12px;text-decoration:none;font-size:12px;font-weight:650}.viewer-tools button:hover,.viewer-tools a:hover{background:#e4eaed}.device-space{position:relative;flex:none}.device{position:absolute;left:0;top:0;transform-origin:top left;width:414px;height:844px;background:#202426;border:2px solid #73787c;border-radius:52px;padding:10px;box-shadow:0 24px 60px #14243226,0 5px 10px #1424321a,inset 0 0 0 3px #353b3d}.device:before{content:"";position:absolute;width:3px;height:56px;background:#51595d;left:-5px;top:174px;border-radius:2px}.device:after{content:"";position:absolute;width:3px;height:74px;background:#51595d;right:-5px;top:195px;border-radius:2px}.screen{height:100%;border-radius:40px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.status-bar{height:34px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:4px 25px 0;color:#172632;font-size:12px;font-weight:650;position:relative}.camera{width:94px;height:23px;background:#161a1c;position:absolute;left:50%;top:6px;transform:translateX(-50%);border-radius:18px}.signal{display:flex;gap:6px;align-items:center}.signal svg{width:16px;height:12px}.battery{width:22px;height:10px;border:1px solid #617079;border-radius:3px;padding:1px}.battery:before{content:"";display:block;height:6px;width:15px;background:#172632;border-radius:1px}iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:#fff}.home-bar{height:18px;flex:none;display:grid;place-items:center}.home-bar:after{content:"";height:4px;width:110px;background:#23323c;border-radius:8px}.viewer-note{font-size:12px;text-align:center;max-width:430px;margin:14px 0 0;color:#63717b}.viewer-status{margin:0;min-height:22px;font-size:12px;text-align:center;color:#52616c}.device.landscape{width:844px;height:414px;border-radius:40px}.landscape .screen{border-radius:29px}.landscape .camera{display:none}.landscape .status-bar{height:25px}.landscape .home-bar{height:12px}@media(max-width:760px){.viewer-header{padding:14px 18px;min-height:70px;gap:12px}.brand{font-size:15px}.brand small{font-size:9px}.app-switch a{padding:6px 11px}.viewer-layout{display:flex;flex-direction:column;padding:22px 14px;gap:24px;min-height:0}.intro{max-width:540px;width:100%;text-align:center}.intro h1{font-size:32px;margin:10px 0;letter-spacing:-1px}.intro>p:not(.eyebrow){font-size:14px;margin:8px auto;max-width:460px}.steps{display:none}.tech-link{margin-top:8px}.viewer-stage{width:100%}.viewer-tools{gap:6px}.viewer-tools button,.viewer-tools a{padding:8px 10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}