:root{color-scheme:light;--paper:#f8f7f4;--ink:#343341;--muted:#96919e;--purple:#8264ba;--line:#e7e4ec;--soft:#f1eef7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #b5a0d8;outline-offset:4px}[hidden]{display:none!important}.page{max-width:1552px;margin:auto;padding:0 48px}.header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);font-size:22px;font-weight:650;letter-spacing:-.8px}.brand-mark{height:39px;width:39px;position:relative;background:#8d72bc;color:white;border-radius:11px;display:grid;place-items:center;font-family:Georgia,serif;font-size:33px;line-height:1}.brand-mark span{position:absolute;right:4px;top:2px;font:11px Arial}.brand-note{font-size:12px;font-weight:400;letter-spacing:0;color:#a49cae;border-left:1px solid #dbd7e1;padding-left:16px;margin-left:4px}.header-actions{display:flex;align-items:center;gap:27px}.demo-label{font-size:9px;letter-spacing:1.8px;color:#a79eaf}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:9px;padding:12px 18px;font-size:12px;font-weight:500;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.primary{background:var(--purple);color:#fff;box-shadow:0 3px 8px #6d51981a}.primary:hover{background:#7354ad}.primary span{font-size:18px;line-height:14px}.secondary{background:#f2eef8;border:1px solid #e5dced;color:#8a70aa}.secondary:hover:enabled{background:#e8dff3}.full{width:100%}.large{padding:16px 23px;font-size:13px;gap:24px}.intro{display:flex;justify-content:space-between;align-items:center;padding:44px 0 34px}.eyebrow{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1.8px;color:#a597af}.eyebrow span{height:5px;width:5px;background:#af99c6;border-radius:50%}h1{font-size:35px;line-height:1.25;letter-spacing:-1.3px;margin:12px 0 11px;font-weight:550}h1 span{color:#aa93be;font-weight:400}.intro p{margin:0;font-size:13px;color:#9a939e}.intro-note{display:flex;align-items:center;gap:15px;padding-right:8px;transform:rotate(-3deg)}.intro-note p{font-family:Georgia,serif;font-size:16px;color:#ab9ab3;font-style:italic;line-height:1.55}.note-spark{font-size:40px;color:#baabc9}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 258px;align-items:start;gap:27px}.computer{background:#fff;border:1px solid #e4deeb;border-radius:14px;overflow:hidden;box-shadow:0 12px 46px #6652740b}.computer-bar{height:49px;background:#faf8fc;display:flex;align-items:center;padding:0 17px;gap:20px;border-bottom:1px solid #eee9f3}.traffic{display:flex;gap:6px}.traffic i{width:9px;height:9px;border-radius:50%;background:#edb9b5}.traffic i:nth-child(2){background:#e8d7a5}.traffic i:nth-child(3){background:#b5d6bc}#desktop-title{font-size:11px;color:#a198ac}.connection{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:9px;color:#aaa0b6}.connection i{width:5px;height:5px;border-radius:50%;background:#c5bccf}.connection.connected{color:#87ad95}.connection.connected i{background:#8bc4a1}.display{position:relative;background:#efe9f4;aspect-ratio:1100/720;overflow:hidden}#vnc-screen{width:100%;height:100%}#vnc-screen>div{width:100%!important;height:100%!important}.screen-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 75% 20%,#efdae780,transparent 60%),radial-gradient(ellipse at 15% 90%,#dbd6ef90,transparent 65%),#f2eef7}.empty-icon{position:relative;display:grid;place-items:center;height:80px;width:80px;background:#e6ddf0;border:1px solid #fdfaff;border-radius:23px;transform:rotate(-7deg);box-shadow:0 13px 22px #89709e13;margin-bottom:25px}.empty-icon span{font-family:Georgia,serif;font-size:66px;color:#b4a0ca;line-height:1;padding-bottom:7px}.empty-icon i{position:absolute;right:-14px;top:-19px;font-size:38px;color:#b9a4cd;font-style:normal}.screen-overlay h2{font-size:25px;letter-spacing:-.7px;font-weight:500;color:#80728e;margin:0 0 11px}.screen-overlay p{text-align:center;font-size:13px;color:#aa9cb6;line-height:1.9;margin:0 20px 25px}.empty-note{font-size:8px;letter-spacing:1.5px;color:#bcb0c7;margin-top:22px}.computer-footer{height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 17px;background:#fff;font-size:10px;color:#a9a0b2}.computer-footer>span{display:flex;align-items:center;gap:7px}.tiny-dot{width:4px;height:4px;border-radius:50%;background:#bbaccf}.text-button{border:0;background:none;color:#9c8cae;font-size:10px;padding:8px}.side-panel{border-radius:12px;background:#fcfbf9;border:1px solid #e9e5ed;padding:0 19px 11px}.side-section{padding:22px 0;border-bottom:1px solid var(--line)}.section-label{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.1px;color:#a99bb4}.small-icon{font-size:18px;color:#aa94bd;line-height:1}.pill{margin-left:auto;font-size:8px;letter-spacing:0;padding:4px 7px;color:#aa97ba;background:#f0eaf5;border-radius:20px}.session-name{font-size:17px;letter-spacing:-.4px;margin-top:17px;font-weight:500;color:#776985}.session-section p{font-size:11px;line-height:1.9;color:#aaa1b2;margin:9px 0 18px}.try-row{display:flex;align-items:flex-start;gap:11px;margin-top:19px}.step{font-size:9px;border:1px solid #e8e0ef;border-radius:6px;padding:6px 5px;color:#ad9bbb}.try-row strong{display:block;font-size:11px;color:#8b7d97;font-weight:500;margin:3px 0 5px}.try-row p{font-size:10px;color:#aea3b7;line-height:1.6;margin:0}.metrics{display:grid;grid-template-columns:1fr 1fr;margin:18px 0}.metrics>div+div{border-left:1px solid var(--line);padding-left:20px}.metrics strong{font-size:25px;letter-spacing:-.5px;color:#93809f;font-weight:400}.metrics span{display:block;font-size:9px;color:#b3a7bb;margin-top:4px}.transfer{display:flex;justify-content:space-between;font-size:9px;color:#a495b0;padding-top:3px}.live-indicator{color:#95bd9c}.last-event{margin-top:12px;font-size:9px;color:#ada2b7;padding:11px 9px;background:#f3eff7;border-radius:7px;line-height:1.6}.native-section,.text-section{padding:16px 0}.native-section summary,.text-section summary{list-style:none;cursor:pointer;font-size:10px;color:#a18aaf;display:flex;align-items:center;justify-content:space-between}.native-section summary::-webkit-details-marker,.text-section summary::-webkit-details-marker{display:none}.native-section p{font-size:10px;line-height:1.8;color:#aa9cb4}.native-details{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;line-height:1.9;color:#8f7b9f}.native-details strong{font-weight:500;color:#746081}.small-copy{font-size:9px!important}.text-section{border-bottom:0}.text-section textarea{display:block;width:100%;margin:14px 0 10px;border:1px solid #e5deed;border-radius:7px;padding:10px;background:#fff;color:#816d94;font:11px/1.6 inherit;resize:vertical}.text-section textarea::placeholder{color:#b2a3bf}.end-session{display:block;margin:9px auto 3px;border:0;background:none;font-size:9px;color:#b29faf;padding:7px}.end-session:hover{color:#987382}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0 30px;font-size:9px;color:#b3a8b9}.footer-star{color:#b7a2c7;margin-left:10px;font-size:17px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;background:#655377;color:#fff;font-size:12px;padding:14px 21px;border-radius:10px;box-shadow:0 8px 30px #65537733;z-index:10;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:32px}.side-panel{padding-left:22px;padding-right:22px}.intro{padding-top:51px;padding-bottom:40px}}
@media(max-width:1050px){.page{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 224px;gap:18px}.side-panel{padding-left:14px;padding-right:14px}h1{font-size:30px}.intro-note{display:none}.brand-note{display:none}.computer-bar{gap:12px;padding:0 11px}.screen-overlay h2{font-size:21px}}
@media(max-width:760px){.page{padding:0 16px}.header{height:78px}.brand{font-size:19px}.brand-mark{width:34px;height:34px;font-size:29px}.demo-label{display:none}.header-actions{gap:0}.intro{padding:30px 0 26px}h1{font-size:28px;line-height:1.3}h1 span{display:block}.intro p{font-size:11px;line-height:1.7}.workspace{grid-template-columns:1fr;gap:20px}.side-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;padding:0 18px 12px}.side-section{padding:18px 0}.native-section,.text-section,.end-session{grid-column:1/-1}.computer-bar{height:40px}.computer-footer{height:36px;font-size:8px;padding:0 12px}.connection{font-size:8px}#desktop-title{font-size:9px}.traffic{gap:4px}.traffic i{height:7px;width:7px}.page-footer{flex-direction:column;align-items:flex-start;gap:9px;margin-top:18px;font-size:8px}.empty-icon{width:51px;height:51px;border-radius:15px;margin-bottom:13px}.empty-icon span{font-size:42px}.empty-icon i{font-size:26px;top:-12px;right:-10px}.screen-overlay h2{font-size:18px;margin-bottom:7px}.screen-overlay p{font-size:10px;line-height:1.65;margin-bottom:13px}.large{padding:11px 16px;font-size:11px}.empty-note{margin-top:12px;font-size:6px;letter-spacing:1px}.eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}