.feature-section{padding:112px 0}.feature-split{display:grid;grid-template-columns:1fr 1.14fr;gap:80px;align-items:center}.feature-copy h2{font-size:clamp(35px,4.5vw,57px);line-height:1.06;letter-spacing:-2.8px;font-weight:550;margin:0 0 25px}.feature-copy p{font-size:15px;line-height:1.75;color:#8699b6;max-width:340px;margin:0 0 23px}.feature-copy .text-link{font-size:12px}.feature-reverse .feature-copy{grid-column:2;grid-row:1}.feature-reverse>:last-child{grid-column:1;grid-row:1}.feature-visual{min-width:0}.feature-files{border-bottom:1px solid #ffffff0d}.feature-scope{border-bottom:1px solid #ffffff17}.light-chapter .feature-copy p{color:#75849b}.feature-cursors{position:absolute;inset:0;pointer-events:none;z-index:20;overflow:hidden}.feature-running .sec-text-ghost,.feature-running .background-text-ghost{visibility:hidden}.feature-running .sec-picker-chosen{min-width:45px}.sec-demo .story-cursor,.background-demo .story-cursor{font-size:9px}.sec-demo .story-cursor svg,.background-demo .story-cursor svg{width:16px;height:20px}.sec-demo .story-cursor i,.background-demo .story-cursor i{font-size:8px;padding:3px 5px}.sec-button.is-pressed,.sec-picker-button.is-pressed{box-shadow:0 0 0 3px #6489ff55}.sec-file-row.is-selected{background:#2457ff22}.sec-file-rejected.is-selected{background:#b66e8620}.sec-guest-content.is-waiting{visibility:hidden}.sec-editor-status{font-variant-numeric:tabular-nums}.security-scope-list{margin:0}.security-scope-list>div{padding:21px 0;border-bottom:1px solid #ffffff16;display:flex;gap:20px;justify-content:space-between;font-size:12px}.security-scope-list dt{color:#8a9bb4}.security-scope-list dd{margin:0;text-align:right;color:#d4dce9}.transport-demo{position:relative;padding:38px 0 16px;color:#a6b7d1;min-width:0}.transport-peers{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center}.transport-peer{display:flex;flex-direction:column;align-items:center;text-align:center}.transport-peer>img,.transport-peer-avatar{margin-bottom:17px;height:28px}.transport-peer-avatar{display:grid;place-items:center;width:28px;border-radius:50%;background:#2445a5;color:#c7d5ff;font-size:10px}.transport-peer strong{font-size:12px;font-weight:500}.transport-peer>span:not(.transport-peer-avatar){font-size:9px;color:#7185a2;margin-top:7px}.transport-pixels{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:75px;margin-top:22px}.transport-pixels i{height:17px;background:#24344b;border:1px solid #40516b;transition:background .2s}.transport-pixels i.is-lit{background:#3865e4;border-color:#5a87ff}.transport-direct{text-align:center;font-size:9px;color:#6c83a6}.transport-wire{height:1px;background:#4776ff;position:relative;margin:16px 0}.transport-wire:before,.transport-wire:after{content:'';position:absolute;top:-3px;width:7px;height:7px;border-right:1px solid #4776ff;border-top:1px solid #4776ff;transform:rotate(45deg);right:0}.transport-wire:before{left:0;right:auto;transform:rotate(-135deg)}.transport-wire i{position:absolute;height:5px;width:12px;top:-2px;background:#7194ff;border-radius:2px}.transport-wire .transport-input{background:#c3a4d3;top:5px;width:7px;height:3px}.transport-direct small{font-size:8px;line-height:1.7;display:block}.transport-direct small svg{width:9px;height:9px;display:inline-block;margin-right:3px}.transport-setup-lines{display:block;width:100%;height:82px;opacity:.3}.transport-setup-lines path{stroke:#69798e;stroke-dasharray:3 5}.is-pairing .transport-setup-lines{opacity:1}.transport-service{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #2a3545;border-radius:5px;max-width:300px;margin:auto}.transport-service-mark{font-size:21px;color:#6d84a9}.transport-service strong{display:block;font-size:10px;font-weight:500}.transport-service div>span{font-size:8px;color:#7a8da9;display:block;margin-top:3px}.transport-service>small{margin-left:auto;font-size:8px;color:#64799b}.background-demo{position:relative;max-width:500px;width:100%;margin:auto;color:#253349;font-size:10px;isolation:isolate}.background-host{border:1px solid #bdc9db;border-radius:8px;overflow:hidden;background:#eef1f7}.background-title{height:34px;display:flex;align-items:center;padding:0 13px;font-size:10px;border-bottom:1px solid #cbd4e2;background:#fff}.background-title>span{margin-left:auto;font-size:8px;color:#8a98ad}.background-desktop{height:210px;position:relative;background:#dce4ed;padding:17px}.background-personal{border:1px solid #bfcbdb;border-radius:4px;background:#fff;width:66%;height:125px;overflow:hidden;box-shadow:0 5px 15px #31547b0a}.background-personal>div{height:22px;padding:5px 9px;background:#f0f3f8;border-bottom:1px solid #d9e1ed;font-size:7px}.background-personal>span{display:block;margin:12px;font-size:12px}.background-personal>i{height:3px;margin:8px 12px;background:#e1e6ee;display:block;width:70%}.background-personal>i:last-child{width:45%}.background-app{position:absolute;right:30px;top:36px;width:58%;height:130px;background:#111722;border:1px solid #35435b;border-radius:5px;color:#d8e0ee;box-shadow:0 5px 14px #22345225;transition:opacity .2s,transform .2s}.background-app.is-closed{opacity:0;transform:translateY(20px) scale(.95);pointer-events:none}.background-app>div{display:flex;align-items:center;gap:5px;height:23px;background:#202939;padding:0 8px;font-size:7px}.background-app>div>span{margin-left:auto;font-size:14px}.background-app>strong,.background-app>small{display:block;margin:12px 11px 0;font-size:9px;font-weight:500}.background-app>small{margin-top:4px;font-size:7px;color:#8ca1c0}.background-app-page{display:block;background:#f6f7ef;color:#3e553f;margin:11px;padding:9px;font-size:8px}.background-taskbar{position:absolute;bottom:0;left:0;right:0;height:29px;background:#f9fbffdf;border-top:1px solid #bdc9da;display:flex;align-items:center;gap:15px;padding:0 12px}.background-start{font-size:18px;color:#5073ba}.background-taskbar-app{font-size:13px;color:#7c89a0}.background-tray{display:grid;place-items:center;margin-left:auto;width:24px;height:25px}.background-taskbar small{font-size:7px;color:#7d8da4}.background-menu{position:absolute;right:35px;bottom:31px;z-index:3;background:#fff;border:1px solid #bfcbdb;box-shadow:0 4px 10px #23364e25;border-radius:5px;padding:5px;width:156px}.background-menu>span{display:block;padding:8px;font-size:8px}.background-menu>span:last-child{border-top:1px solid #e1e7ef}.background-client{position:relative;background:#f8fafc;border:1px solid #b8c7dd;border-radius:6px;overflow:hidden;width:76%;margin:-24px 0 0 auto;z-index:4;box-shadow:0 5px 20px #2c4b7810}.background-client>div:first-child{height:35px;display:flex;align-items:center;gap:7px;padding:0 11px;background:#fff;border-bottom:1px solid #cdd7e5;font-size:9px}.background-client-avatar{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#2457ff;color:#fff;font-size:7px}.background-client>div:first-child>span:last-child{margin-left:auto;color:#629283;font-size:7px}.background-guest-content{padding:12px 15px;min-height:120px;background:#fafaf3}.background-guest-content>small{font-size:7px;color:#88937c;display:block}.background-guest-content>strong{font-size:13px;display:block;margin-top:14px;font-weight:500}.background-guest-content p{position:relative;line-height:1.5;min-height:16px;margin:9px 0;color:#5e6e52;font-size:9px}.background-text-ghost{display:block}.background-guest-content [data-background-live]{position:absolute;inset:0}.background-ended{position:absolute;inset:35px 0 0;display:grid;place-items:center;background:#edf1f7;color:#7589a7;font-size:11px}.background-state{display:flex;justify-content:space-between;margin:22px 0 0;font-size:9px;padding-left:12px;gap:8px}.background-state>div{display:flex;gap:8px}.background-state dt{color:#8996aa}.background-state dd{margin:0;color:#425c84}.security-doc{display:grid;grid-template-columns:210px 1fr;gap:70px;padding-bottom:110px}.security-doc aside{display:flex;flex-direction:column;align-items:flex-start;gap:18px;font-size:12px;padding-top:7px}.security-doc aside a{color:#899cb8}.security-doc article{max-width:690px}.security-doc article section{padding-bottom:60px;scroll-margin-top:110px}.security-doc h2{font-size:30px;letter-spacing:-1px;margin:0 0 20px;font-weight:500}.security-doc p{font-size:14px;color:#8c9fb9;line-height:1.85}.security-doc dl{margin:28px 0}.security-doc dl>div{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;padding:14px 0;border-bottom:1px solid #ffffff16;font-size:12px;line-height:1.7}.security-doc dt{color:#d3deef}.security-doc dd{margin:0;color:#899db9}.security-doc .security-reference{font-size:11px}.security-reference a{color:#b1c7f0}
@media(max-width:950px){.feature-split{gap:40px}.feature-copy h2{letter-spacing:-1.9px}.background-state>div{display:block}.background-state dd{margin-top:5px}}
@media(max-width:700px){.feature-section{padding:75px 0}.feature-split{grid-template-columns:1fr;gap:38px}.feature-reverse .feature-copy,.feature-reverse>:last-child{grid-column:auto;grid-row:auto}.feature-copy h2{font-size:39px;letter-spacing:-1.8px;margin-bottom:20px}.feature-copy p{font-size:14px;margin-bottom:18px}.feature-copy{max-width:430px}.transport-demo{max-width:500px;width:100%;margin:auto;padding-top:15px}.transport-peer strong{font-size:10px}.transport-peer>span:not(.transport-peer-avatar){font-size:8px}.transport-direct small{font-size:7px}.transport-pixels{width:63px}.security-scope-list>div{font-size:11px}.background-desktop{height:195px}.background-client{width:82%}.security-doc{grid-template-columns:1fr;gap:38px}.security-doc aside{flex-direction:row;flex-wrap:wrap;gap:15px 20px;padding-bottom:25px;border-bottom:1px solid #ffffff16}.security-doc dl>div{grid-template-columns:1fr;gap:5px}.security-doc article section{padding-bottom:35px}}