@font-face{font-family:Manrope;src:url(/fonts/Manrope-latin.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}:root{color:#161616;font-synthesis:none;--ink:#161616;--muted:#727272;--line:#eaeaea;--surface:#f7f7f8;--accent:#e9a033;--focus:#3478f6;background:#fff;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .16s,color .16s,opacity .16s,transform .16s}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}button:active:not(:disabled){transform:scale(.97)}[hidden]{display:none!important}#app{background:#fff;height:100svh;min-height:680px;position:relative;overflow:hidden}.site-header{border-bottom:1px solid var(--line);z-index:5;background:#fff;justify-content:space-between;align-items:center;gap:20px;height:104px;padding:0 4.5%;display:flex;position:absolute;inset:0 0 auto}.brand{color:var(--ink);flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-flower{object-fit:contain;width:64px;height:64px;display:block}.brand-logo{width:134px;height:auto;display:block}.header-right,.site-nav{align-items:center;gap:30px;display:flex}.site-nav a,.text-button{color:#333;white-space:nowrap;background:0 0;border:0;padding:10px 0;font-size:13px;font-weight:400;line-height:1.5;text-decoration:none}.connection-status{border-left:1px solid var(--line);color:var(--muted);white-space:nowrap;align-items:center;gap:8px;padding-left:26px;font-size:11px;display:flex}.connection-status i{background:var(--accent);border-radius:50%;width:6px;height:6px}.connection-status[data-state=live] i{background:#29a875;box-shadow:0 0 0 4px #29a87512}.connection-status[data-state=offline] i{background:#d6973e}.connection-status[data-state=connecting] i{animation:1s ease-in-out infinite pulse}.hub-usage{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.hub-usage[hidden]{display:none}.hub-usage strong{font-variant-numeric:tabular-nums;color:#333;font-weight:600}.hub-usage svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:16px}.intro{z-index:2;max-width:355px;transition:opacity .25s,translate .35s;position:absolute;top:49%;left:4.5%;transform:translateY(-50%)}.product-label{color:#555;align-items:center;gap:9px;margin:0 0 28px;font-size:12px;display:flex}.product-label:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}h1{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(46px,4.6vw,68px);font-weight:500;line-height:1.09}.intro-copy{max-width:315px;color:var(--muted);margin:0 0 30px;font-size:15px;line-height:1.8}.primary-button{color:#fff;background:#111;border:0;border-radius:14px;justify-content:center;align-items:center;gap:14px;min-height:54px;padding:0 26px;font-size:14px;font-weight:500;display:inline-flex}.primary-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.intro-note{color:var(--muted);margin:16px 0 0;font-size:11px;line-height:1.5}#stage{position:absolute;inset:104px 0 0}.hub-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.hub-canvas:active{cursor:grabbing}.load-state{color:var(--muted);text-align:center;max-width:300px;font-size:13px;position:absolute;top:50%;left:66%;transform:translate(-50%,-50%)}.loader{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:27px;height:27px;animation:.9s linear infinite spin;display:inline-block}.explore-controls{z-index:4;align-items:center;gap:24px;display:flex;position:absolute;bottom:24px;right:20%}.gesture-hint{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.gesture-hint svg{fill:none;stroke:#888;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.hint-divider{background:var(--line);width:1px;height:12px;margin:0 4px}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}#reset-button{background:#fcf2df;border-color:#0000}[data-mode=focusing] .intro,[data-mode=use] .intro{opacity:0;pointer-events:none;translate:-20px}.session-controls{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;background:#ffffffed;border:1px solid #e8e8e8;border-radius:100px;align-items:center;gap:24px;padding:10px 14px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.back-button{color:var(--ink);background:0 0;border:0;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.back-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:16px}.session-controls p{color:var(--muted);white-space:normal;max-width:240px;margin:0;font-size:12px}.session-controls .icon-button{background:var(--surface);border:0}.voice-button{color:var(--ink);white-space:nowrap;background:#fcf2df;border:0;border-radius:100px;padding:9px 14px;font-size:12px}.voice-button[aria-pressed=true]{color:#fff;background:#111}.screen-layer{z-index:3;opacity:0;pointer-events:none;background:#f7f7f8;border-radius:3px;transition:opacity .18s;position:absolute;overflow:hidden}.screen-visible{opacity:1;pointer-events:auto}.remote-screen,.remote-screen>div{width:100%;height:100%}.screen-layer:fullscreen{background:#111;position:fixed;border-radius:0!important;width:100vw!important;height:100vh!important;inset:0!important}.screen-message{text-align:center;background:#fafafa;flex-direction:column;justify-content:center;align-items:center;padding:6%;display:flex;position:absolute;inset:0}.screen-symbol{width:clamp(32px,4.5vw,64px);height:auto;margin-bottom:14px;display:block}.screen-message[data-connection=connecting] .screen-symbol{animation:1.8s linear infinite spin}.screen-message h2{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(14px,2vw,24px);font-weight:500}.screen-message p{color:var(--muted);max-width:330px;margin:0;font-size:clamp(10px,1.15vw,14px);line-height:1.5}.screen-actions{gap:12px;margin-top:22px;display:flex}.small-primary,.small-secondary{color:#fff;background:#111;border:0;border-radius:10px;min-height:34px;padding:8px 16px;font-size:12px}.small-secondary{color:var(--ink);background:#fcf2df}#password-form{flex-wrap:wrap;justify-content:center;gap:10px;max-width:280px;margin-top:16px;display:flex}#password-form label{width:100%;font-size:12px}#password-form input{border:1px solid var(--line);border-radius:8px;width:170px;min-width:0;padding:7px}.stream-frame{background:#f7f7f8;border:0;width:100%;height:100%;display:block}.exit-fullscreen{z-index:4;border:1px solid var(--line);color:var(--ink);background:#fffffff0;border-radius:100px;padding:10px 16px;font-size:13px;display:none;position:absolute;top:16px;right:16px}.screen-layer:fullscreen .exit-fullscreen{display:block}.fullscreen-voice{z-index:4;display:none;position:absolute;top:16px;left:16px}.screen-layer:fullscreen .fullscreen-voice{display:block}dialog{border:1px solid var(--line);width:calc(100% - 32px);max-width:460px;color:var(--ink);background:#fff;border-radius:28px;padding:42px;box-shadow:0 30px 100px #00000020}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#16161630}.dialog-close{border:0;font-size:22px;position:absolute;top:16px;right:16px}dialog .product-label{margin-bottom:18px}dialog h2{letter-spacing:-.04em;margin:0 0 22px;font-size:36px;font-weight:500;line-height:1.15}dialog p{color:var(--muted);font-size:14px;line-height:1.7}dialog .primary-button{min-height:46px;margin-top:12px}.app-access-dialog{max-width:480px;padding:38px}.app-access-brand{color:#52647d;align-items:center;gap:10px;margin-bottom:28px;font-size:13px;font-weight:500;display:flex}.app-access-dialog h2{margin-bottom:14px;font-size:clamp(30px,5vw,38px)}.app-access-form label{margin:24px 0 9px;font-size:13px;font-weight:600;display:block}.app-access-form input{width:100%;min-height:52px;color:var(--ink);background:#fafbfd;border:1px solid #dce1e8;border-radius:12px;padding:12px 15px}.app-access-form .app-access-note{margin:9px 0 0;font-size:11px;line-height:1.6}.app-access-form .app-access-error{color:#ad3535;margin:10px 0 0;font-size:12px}.app-access-error:empty{display:none}.app-access-form .primary-button{width:100%;margin-top:22px}@media (width<=700px){#app[data-app-access=enabled] .site-header{height:112px}#app[data-app-access=enabled] .header-right{min-width:0}#app[data-app-access=enabled] .site-nav{flex-wrap:wrap;justify-content:flex-end;gap:0 14px}#app[data-app-access=enabled] #app-access-button{text-align:right;flex-basis:100%;padding-top:2px}.app-access-dialog{padding:32px 24px}}#app[data-companion=visible]{--companion-space:clamp(310px, 27vw, 380px)}[data-companion=visible] #stage{right:var(--companion-space)}[data-companion=visible] .session-controls{left:calc((100% - var(--companion-space)) / 2);max-width:calc(100% - var(--companion-space) - 24px);gap:14px}.companion-panel{z-index:4;justify-content:center;align-items:center;width:clamp(274px,24vw,326px);display:flex;position:absolute;top:124px;bottom:24px;right:clamp(18px,2.5vw,40px)}.companion-phone{background:#fafbfd;border:2px solid #bbbfc5;border-radius:44px;flex-direction:column;width:100%;height:100%;max-height:680px;padding:36px 7px 22px;display:flex;position:relative;box-shadow:inset 0 0 0 5px #202226,0 2px 0 1px #e7e9ec,0 16px 32px -16px #242b3c40}.companion-phone:before,.companion-phone:after{content:"";background:#a8adb4;border-radius:2px;width:3px;position:absolute}.companion-phone:before{height:44px;top:112px;left:-5px;box-shadow:0 54px #a8adb4}.companion-phone:after{height:65px;top:151px;right:-5px}.companion-phone-camera{background:#111215;border-radius:20px;width:88px;height:22px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.companion-phone-camera:after{content:"";background:#111726;border:2px solid #242a38;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:8px}.companion-phone-screen{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd0d9 transparent;border-radius:0 0 28px 28px;flex:1;min-height:0;padding:18px 20px;overflow-y:auto}.companion-phone-home{background:#25272b;border-radius:10px;width:88px;height:4px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.companion-app-brand{color:#454f61;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.companion-app-brand img{display:block}.companion-panel h2{letter-spacing:-.035em;margin:0 0 10px;font-size:23px;font-weight:600;line-height:1.2}.companion-intro{color:#5b6473;margin:0 0 14px;font-size:12px;line-height:1.6}.companion-status{color:#52647d;margin:0 0 16px;font-size:11px;line-height:1.55}.companion-qr{background:#fff;border:1px solid #e4e8ef;border-radius:18px;justify-content:center;width:fit-content;max-width:100%;margin:0 auto;display:flex;overflow:hidden}.companion-qr canvas{object-fit:contain;width:208px;max-width:100%;height:208px;display:block}.companion-instructions{color:#5b6473;margin:14px 0;font-size:11px;line-height:1.65}.companion-instructions strong{color:#283f63;font-weight:600}.companion-manual{border-top:1px solid #e2e6ed;margin-top:18px}.companion-manual summary{cursor:pointer;color:#355d96;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:12px 0;font-size:11px;font-weight:600;line-height:1.5;list-style:none;display:flex}.companion-manual summary::-webkit-details-marker{display:none}.companion-manual summary svg{fill:none;stroke:currentColor;stroke-width:1.5px;flex:0 0 16px;width:16px;height:16px;transition:transform .16s}.companion-manual[open] summary svg{transform:rotate(180deg)}.companion-manual>p{color:#5b6473;margin:0 0 14px;font-size:11px;line-height:1.6}.companion-details{gap:12px;margin:0;display:grid}.companion-details dt{color:#657083;font-size:10px;line-height:1.4}.companion-details dd{color:var(--ink);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:3px 0 0;font-size:12px;line-height:1.5}.companion-waiting{text-align:center;color:#71819a;margin:36px 0 20px}.companion-waiting svg{fill:none;stroke:#749edb;stroke-width:2px;stroke-linecap:round;width:104px;height:88px}.companion-waiting p{margin:10px 0 0;font-size:12px;line-height:1.7}:is(.companion-panel:has([data-companion-content]:not([hidden])) .companion-waiting,.companion-panel:has([data-companion-retry]:not([hidden])) .companion-waiting){display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@media (hover:hover){.primary-button:hover:not(:disabled),.small-primary:hover,.voice-button[aria-pressed=true]:hover{background:#333}.icon-button:hover,.back-button:hover{background:#f1f1f1}#reset-button:hover,.small-secondary:hover,.voice-button[aria-pressed=false]:hover{background:#f8e8c9}.site-nav a:hover,.text-button:hover{color:#b87916}}@media (width<=1099px){.header-right,.site-nav{gap:22px}.intro{max-width:310px}.intro-copy{max-width:275px;font-size:14px}}@media (width<=899px){#app{min-height:720px}.site-header{height:88px;padding:0 5%}.brand-logo{width:114px}.connection-status{display:none}.header-right{flex-direction:column;align-items:flex-end;gap:2px}.hub-usage{font-size:10px}.site-nav{gap:20px}.site-nav a,.text-button{font-size:12px}.intro{text-align:center;max-width:none;top:120px;left:5%;right:5%;transform:none}.product-label{justify-content:center;margin-bottom:14px;font-size:11px}h1{margin-bottom:14px;font-size:42px;line-height:1.1}h1 br{display:none}.intro-copy{max-width:380px;margin:0 auto 18px;font-size:13px;line-height:1.6}.intro-note{display:none}.primary-button{border-radius:12px;min-height:44px;padding:0 22px;font-size:13px}.primary-button svg{width:18px;height:18px}#stage{top:340px;bottom:0}.explore-controls{white-space:nowrap;gap:14px;bottom:22px;left:50%;right:auto;transform:translate(-50%)}.gesture-hint{gap:7px;font-size:10px}.load-state{left:50%}.session-controls{gap:10px;width:max-content;max-width:94%;padding:8px 10px;bottom:24px}.session-controls p{max-width:150px;font-size:10px}.back-button{padding:8px 4px;font-size:12px}.session-controls .icon-button{flex-shrink:0}[data-mode=focusing] #stage,[data-mode=use] #stage{top:100px;bottom:0}.screen-message h2{font-size:15px}.screen-message p{font-size:11px}.screen-actions{gap:8px;margin-top:14px}.small-primary,.small-secondary{min-height:30px;padding:6px 12px;font-size:10px}dialog .product-label{justify-content:flex-start}#app[data-companion=visible]{--hub-height:clamp(300px, 60vw, 520px);height:auto;min-height:100svh;display:flow-root;overflow:visible}[data-companion=visible] #stage{height:var(--hub-height);inset:100px 0 auto}[data-companion=visible] .companion-panel{width:calc(100% - 48px);max-width:326px;height:650px;margin:calc(100px + var(--hub-height) + 96px) auto 32px;position:relative;inset:auto}[data-companion=visible] .session-controls{top:calc(100px + var(--hub-height) + 8px);max-width:94%;bottom:auto;left:50%}}@media (width<=620px){.site-nav{gap:16px}[data-transport=selkies] .session-controls{border-radius:22px;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;min-width:285px}[data-transport=selkies] #session-hint{text-align:center;flex-basis:100%;order:2;max-width:none}.voice-button{padding:8px 12px;font-size:11px}}@media (width<=420px){.site-header{gap:12px;padding:0 16px}.brand{gap:8px}.brand-flower{width:40px;height:40px}.brand-logo{width:96px}.site-nav{gap:12px}.site-nav a,.text-button{font-size:11px}h1{font-size:34px}.intro-copy{max-width:290px;font-size:12px}.screen-symbol{margin-bottom:8px}.screen-message h2{margin-bottom:6px;font-size:13px}.screen-message p{font-size:10px}}@media (height<=600px) and (orientation:landscape){#app{min-height:100svh}.site-header{height:72px}.intro{text-align:left;max-width:270px;top:52%;left:4.5%;right:auto;transform:translateY(-50%)}.product-label{justify-content:flex-start;margin-bottom:16px;font-size:11px}h1{margin-bottom:16px;font-size:34px}h1 br{display:initial}.intro-copy{max-width:245px;margin:0 0 18px;font-size:12px;line-height:1.6}.intro-note{display:none}.primary-button{min-height:40px;font-size:12px}#stage{inset:72px 0 0}.explore-controls{bottom:16px;left:auto;right:18%;transform:none}.session-controls{padding:6px 12px;bottom:16px}.session-controls p{font-size:10px}.back-button{font-size:12px}[data-mode=focusing] #stage,[data-mode=use] #stage{top:72px;bottom:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
