.device-demo{--demo-ink:#173c35;--demo-green:#247563;--demo-soft:#edf3ef;max-width:1160px;margin:28px auto 0;padding:28px 32px 12px}.device-demo-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.device-demo-heading .eyebrow{letter-spacing:.16em;margin:0 0 8px;font-size:10px}.device-demo-heading h2{letter-spacing:-.04em;margin:0;font-size:28px;font-weight:550}.demo-playback{gap:8px;display:flex}.demo-playback button{background:0 0;gap:5px;min-height:40px;padding:6px 12px;font-size:12px}.device-set{isolation:isolate;color:#142a25;background:radial-gradient(at 68% 72%,#e4eee5 0,#0000 60%),linear-gradient(125deg,#edece5,#f4f4ed 65%,#e9efeb);border-radius:24px;height:470px;margin-top:24px;position:relative;overflow:hidden}.desk-halo{border:1px solid #fff9;border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-100px;box-shadow:0 0 0 60px #ffffff30,0 0 0 120px #ffffff20}.device-laptop{z-index:2;width:66%;position:absolute;top:68px;left:4%}.laptop-lid{background:linear-gradient(135deg,#686c6b,#171c1b 20%,#353c39 85%,#89908c);border:1px solid #777d79;border-radius:17px 17px 6px 6px;padding:13px 10px 11px;position:relative;box-shadow:inset 0 1px 1px #fff,0 16px 35px #1c322a25}.laptop-camera{background:#0c1513;border-radius:50%;width:4px;height:4px;position:absolute;top:5px;left:50%;box-shadow:0 0 0 1px #59605c}.laptop-display{background:radial-gradient(at 0 100%,#719c88,#0000 80%),linear-gradient(145deg,#223e37,#bac9b2);border-radius:6px;height:288px;position:relative;overflow:hidden}.desktop-menubar{color:#fff;background:#172b3540;justify-content:space-between;height:22px;padding:2px 12px;font-size:9px;display:flex}.terminal-window{z-index:1;background:#162622;border:1px solid #ffffff24;border-radius:8px;margin:14px 24px 0;position:relative;overflow:hidden;box-shadow:0 10px 24px #07161235}.terminal-chrome{background:#26352f;align-items:center;gap:5px;height:29px;padding:0 12px;display:flex}.terminal-chrome i{background:#fa7669;border-radius:50%;width:7px;height:7px}.terminal-chrome i:nth-child(2){background:#eabd61}.terminal-chrome i:nth-child(3){background:#71bf86}.terminal-chrome>span{color:#c0cbc4;margin:auto;padding-right:34px;font:10px ui-monospace,monospace}.terminal-content{color:#e5ede6;height:196px;padding:16px 18px;font:12px/1.6 ui-monospace,SFMono-Regular,monospace}.demo-command{white-space:nowrap;align-items:center;gap:7px;display:flex}.demo-command>span:first-child,.terminal-prompt{color:#89d2b1}.connect-type,.send-type{white-space:nowrap;max-width:max-content;display:inline-block;overflow:hidden}.terminal-caret{background:#a4d3bf;flex-shrink:0;width:6px;height:13px;display:inline-block}.terminal-pairing{align-items:center;gap:18px;margin-top:14px;display:flex}.terminal-pairing>img{border-radius:4px;flex-shrink:0;width:94px;height:94px}.terminal-pairing strong{color:#f2f6f3;font:500 13px system-ui}.terminal-pairing p{color:#afc2b8;margin:7px 0 10px;font:11px/1.5 system-ui}.pair-wait,.pair-done{color:#a4d3bf;align-items:center;gap:5px;font-size:10px;display:flex}.pair-wait i{background:#bcda96;border-radius:50%;width:5px;height:5px}.pair-done{display:none}.terminal-hint{color:#829f91;margin-top:9px;font-size:8px}.terminal-history{color:#8cb39f;margin-bottom:23px;font-size:11px}.terminal-send{display:none}.send-output{color:#b2d4bd;gap:7px;margin-top:20px;font-size:11px;display:grid}.send-output small{color:#7f9d8c}.terminal-prompt{margin-top:16px}.desktop-dock{background:#fff2;border-radius:6px;gap:8px;padding:3px 8px;display:flex;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.desktop-dock span,.desktop-dock img{color:#e1eee6;background:#233b35;border-radius:4px;place-items:center;width:20px;height:20px;font-size:13px;display:grid}.laptop-base{background:linear-gradient(#e0e2df,#8c938e 60%,#b9c0b9 70%,#697269);border-radius:2px 2px 60% 60%/2px 2px 90% 90%;height:16px;margin:0 -22px;position:relative;box-shadow:0 2px 2px #23432320}.laptop-base>div{background:linear-gradient(#7b847d,#b6beb7);border-radius:0 0 10px 10px;width:90px;height:6px;margin:auto}.laptop-shadow{filter:blur(8px);background:#22372f23;border-radius:50%;height:14px;margin:2px -25px}.computer-label,.phone-label{letter-spacing:.15em;color:#64746a;text-align:center;margin-top:12px;font-size:9px;font-weight:650}.computer-label span{letter-spacing:.02em;margin-left:10px;font-size:9px;font-weight:400}.device-phone{z-index:4;background:linear-gradient(135deg,#9a9e97,#373d37 20%,#171c18 60%,#898f84);border:1px solid #969d92;border-radius:36px;width:216px;height:416px;padding:7px;transition:transform .7s;position:absolute;top:22px;right:6%;transform:rotate(3deg);box-shadow:inset 1px 0 1px #edf0e6,inset -1px 0 1px #edf0e6,12px 24px 35px #203c3128}.phone-screen{color:#162e26;background:#f9faf5;border:2px solid #171e19;border-radius:28px;height:100%;position:relative;overflow:hidden}.phone-side-button{background:#656e61;border-radius:0 2px 2px 0;width:3px;height:40px;position:absolute;top:100px;right:-3px}.phone-island{z-index:12;background:#111713;border-radius:18px;width:61px;height:17px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-status{z-index:10;justify-content:space-between;font-size:9px;font-weight:650;display:flex;position:absolute;top:10px;left:15px;right:12px}.phone-home-bar{z-index:12;background:#18372c;border-radius:4px;width:70px;height:3px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.phone-app{padding:47px 14px 20px;transition:opacity .4s;position:absolute;inset:0}.app-topline{align-items:center;gap:6px;font-size:13px;display:flex}.app-topline>img{width:23px;height:23px}.app-topline>span{margin-left:auto;font-size:19px}.phone-welcome h3{letter-spacing:-.045em;white-space:pre-line;margin:27px 0 12px;font-size:25px;font-weight:600;line-height:1.25}.welcome-orbit{justify-content:center;align-items:center;gap:14px;height:65px;display:flex}.welcome-orbit>span,.welcome-orbit>img{background:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:25px;display:grid;box-shadow:0 5px 15px #142b2210}.welcome-orbit i{color:#749a85;font-size:20px}.phone-welcome p{color:#63796a;margin:15px 0;font-size:11px;line-height:1.6}.phone-app button{color:#fff;background:#21664f;border:0;border-radius:7px;width:100%;min-height:34px;padding:8px;font-size:11px;font-weight:550}.phone-scanner{color:#fff;opacity:0;pointer-events:none;background:#192b23;padding:48px 12px 15px}.scan-title{justify-content:space-between;font-size:13px;font-weight:550;display:flex}.scan-title>span{opacity:.6}.phone-scanner>p{color:#bccbc0;text-align:center;margin:8px 0 13px;font-size:9px}.camera-preview{background:linear-gradient(150deg,#739583,#a7b59b);border-radius:7px;height:152px;position:relative;overflow:hidden}.camera-terminal{background:#233b31;border:12px solid #537263;border-radius:8px;flex-direction:column;align-items:center;padding-top:15px;display:flex;position:absolute;inset:-15px -10px;transform:rotate(-9deg)scale(1.08)}.camera-terminal>span{color:#dce9d5;margin:0 0 8px;font:8px ui-monospace,monospace}.camera-terminal>img{width:100px;height:100px}.scan-brackets{position:absolute;inset:20px 25px}.scan-brackets i{border:2px solid #def8bf;width:18px;height:18px;position:absolute}.scan-brackets i:first-child{border-bottom:0;border-right:0;border-radius:7px 0 0;top:0;left:0}.scan-brackets i:nth-child(2){border-bottom:0;border-left:0;border-radius:0 7px 0 0;top:0;right:0}.scan-brackets i:nth-child(3){border-top:0;border-left:0;border-radius:0 0 7px;bottom:0;right:0}.scan-brackets i:nth-child(4){border-top:0;border-right:0;border-radius:0 0 0 7px;bottom:0;left:0}.scan-beam{background:#c9f7a7;height:2px;position:absolute;top:50%;left:4px;right:4px;box-shadow:0 0 16px 5px #bdfca650}.scan-result{opacity:0;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;transition:opacity .4s,transform .4s;display:flex;transform:translateY(6px)}.scan-check{color:#24412c;text-align:center;background:#cde8c2;border-radius:50%;width:16px;height:16px;font-size:10px}.scan-result>strong{font-size:10px;font-weight:500}.topic-name{color:#b5c8b9;background:#ffffff0d;border:1px solid #ffffff20;border-radius:6px;justify-content:space-between;width:100%;padding:7px 9px;font-size:10px;display:flex}.topic-name b{color:#fff;font-weight:500}.scan-result button{color:#213a25;background:#d9efc8;justify-content:space-between;min-height:30px;padding:6px 10px}.phone-inbox{opacity:0;pointer-events:none}.phone-inbox h3{margin:24px 0 15px;font-size:26px;font-weight:600}.inbox-topic{border-bottom:1px solid #dde6dc;justify-content:space-between;padding-bottom:10px;font-size:12px;display:flex}.inbox-topic>span{align-items:center;gap:6px;display:flex}.inbox-topic i{background:#4b9474;border-radius:50%;width:6px;height:6px}.inbox-topic small{color:#718572;font-size:9px}.topic-count{display:none}.inbox-empty{text-align:center;margin:38px 0 0}.inbox-empty>span{color:#4b7650;background:#e5eee0;border-radius:50%;place-items:center;width:35px;height:35px;margin:auto auto 11px;display:grid}.inbox-empty strong{font-size:12px;font-weight:550}.inbox-empty p{color:#768373;font-size:10px;line-height:1.7}.inbox-message{background:#fff;border:1px solid #e3e9df;border-radius:9px;margin-top:12px;padding:12px;display:none;box-shadow:0 3px 7px #173f2910}.inbox-message>span{color:#6e8276;justify-content:space-between;font-size:9px;display:flex}.inbox-message>strong{margin:8px 0;font-size:14px;display:block}.inbox-message>p{white-space:pre-line;color:#738475;font-size:10px;line-height:1.6}.inbox-message>div{color:#699276;border-top:1px solid #edf0e9;padding-top:8px;font-size:8px}.phone-lockscreen{opacity:0;pointer-events:none;background:radial-gradient(at 0 80%,#c7deae,#0000 65%),radial-gradient(at 100% 30%,#eaf0cd,#0000 80%),#9fb9a9;padding:55px 10px 20px;transition:opacity .45s;position:absolute;inset:0}.phone-lockscreen>p{text-align:center;color:#29472d;margin:8px 0 0;font-size:11px}.phone-lockscreen>strong{text-align:center;letter-spacing:-.04em;color:#29472d;font-size:54px;font-weight:450;line-height:1.2;display:block}.phone-notification{text-align:left;color:#263929;background:#f8fbebdb;border:1px solid #ffffff70;border-radius:14px;flex-direction:column;align-items:stretch;width:100%;min-height:0;margin-top:24px;padding:12px;display:flex;box-shadow:0 6px 15px #304d2b14}.notification-app{align-items:center;gap:5px;font-size:10px;display:flex}.notification-app img{border-radius:4px;width:17px;height:17px}.notification-app small{color:#6b8068;margin-left:auto;font-size:8px}.phone-notification>b{margin-top:7px;font-size:13px;font-weight:650}.phone-notification>span:last-child{margin-top:3px;font-size:10px}.notification-tap{text-align:center;color:#486747;margin-top:14px;font-size:8px;display:block}.phone-label{margin-top:12px;position:absolute;top:100%;left:0;right:0;transform:rotate(-3deg)}.air-link{z-index:3;opacity:0;width:24%;height:100px;transition:opacity .3s;position:absolute;top:205px;left:56%}.air-link svg{width:100%;height:100%;overflow:visible}.air-link path{fill:none;stroke:#75a381;stroke-width:1.5px;stroke-dasharray:4 5}.encrypted-packet{color:#d4eeca;text-align:center;background:#244e3b;border:2px solid #e4efd9;border-radius:8px;width:28px;height:28px;font-size:16px;position:absolute;top:65px;left:0;box-shadow:0 4px 12px #244e3b22}.air-link-label{color:#4d7457;text-align:center;margin-top:-6px;font-size:9px;display:block}.demo-story{justify-content:space-between;align-items:center;gap:24px;min-height:125px;padding:25px 10px 24px;display:flex}.story-copy{min-width:0}.story-index{letter-spacing:.08em;color:var(--accent-text);float:left;margin-top:7px;margin-right:20px;font:10px ui-monospace,monospace}.story-copy h3{letter-spacing:-.04em;margin:0 0 8px;font-size:22px;font-weight:550}.story-copy p{color:var(--secondary);margin:0 0 0 68px;font-size:13px}.demo-advance{flex-shrink:0;gap:18px;min-height:40px;font-size:12px}.device-steps{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.device-steps button{color:var(--secondary);background:0 0;border:0;border-radius:0;justify-content:flex-start;gap:10px;padding:13px 0 10px;font-size:12px;position:relative}.device-steps button>span{opacity:.6;font:10px ui-monospace,monospace}.device-steps button:before,.device-steps button>i{content:"";background:var(--divider);width:100%;height:2px;position:absolute;top:0;left:0}.device-steps button[aria-current]>i{background:var(--accent-text);transform-origin:0;transform:scaleX(1)}.device-steps button[aria-current]{color:var(--text)}.device-demo-note{color:var(--secondary);text-align:center;margin:13px 0;font-size:10px}.device-demo[data-step="1"] .phone-welcome,.device-demo[data-step="2"] .phone-welcome,.device-demo[data-step="3"] .phone-welcome{opacity:0;pointer-events:none}.device-demo[data-step="1"] .phone-scanner{opacity:1;pointer-events:auto}.device-demo[data-step="1"] .device-phone{transform:translate(-22px,2px)rotate(-3deg)}.device-demo[data-step="1"][data-beat="1"] .scan-result,.device-demo[data-step="1"][data-beat="2"] .scan-result{opacity:1;transform:none}.device-demo[data-step="1"][data-beat="2"] .pair-wait{display:none}.device-demo[data-step="1"][data-beat="2"] .pair-done{display:flex}.device-demo[data-step="1"][data-beat="2"] .scan-result button{box-shadow:0 0 0 5px #d9efc825}.device-demo[data-step="2"] .terminal-connect,.device-demo[data-step="3"] .terminal-connect{display:none}.device-demo[data-step="2"] .terminal-send,.device-demo[data-step="3"] .terminal-send{display:block}.device-demo[data-step="2"] .phone-inbox,.device-demo[data-step="3"][data-open=true] .phone-inbox{opacity:1;pointer-events:auto}.device-demo[data-step="2"][data-beat="0"] .send-output{opacity:0}.device-demo[data-step="2"][data-beat="1"] .air-link,.device-demo[data-step="2"][data-beat="2"] .air-link{opacity:1}.device-demo[data-step="3"] .phone-lockscreen{opacity:1;pointer-events:auto}.device-demo[data-step="3"][data-open=true] .phone-lockscreen{opacity:0;pointer-events:none}.device-demo[data-step="3"] .inbox-empty,.device-demo[data-step="3"] .topic-empty{display:none}.device-demo[data-step="3"] .inbox-message,.device-demo[data-step="3"] .topic-count{display:block}.device-demo[data-step="0"][data-animated=true] .connect-type{animation:1s steps(13,end) both demo-type}.device-demo[data-step="0"][data-animated=true] .pairing-output{animation:.5s 1.1s both demo-reveal}.device-demo[data-step="1"][data-animated=true] .scan-beam{animation:1.8s ease-in-out 2 demo-scan}.device-demo[data-step="1"][data-animated=true] .camera-terminal{animation:2s ease-out both demo-focus}.device-demo[data-step="2"][data-animated=true] .send-type{animation:1.6s steps(24,end) both demo-type}.device-demo[data-step="2"][data-animated=true] .encrypted-packet{animation:2.1s ease-in-out 1.7s both demo-packet}.device-demo[data-step="3"][data-animated=true] .phone-notification{animation:.7s cubic-bezier(.2,.8,.3,1) .3s both demo-notify}.device-demo[data-step="3"][data-animated=true] .notification-tap{animation:.4s 1s both demo-reveal}.device-demo[data-animated=true] .device-steps button[aria-current]>i{animation:6s linear both demo-progress}.device-demo[data-playing=false] *{animation-play-state:paused!important}@keyframes demo-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes demo-reveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes demo-scan{0%,to{top:5%}50%{top:95%}}@keyframes demo-focus{0%{filter:blur(2px);transform:rotate(-13deg)scale(1.2)}to{filter:blur();transform:rotate(-9deg)scale(1.08)}}@keyframes demo-packet{0%{opacity:0;top:65px;left:0}15%{opacity:1}80%{opacity:1}to{opacity:0;top:10px;left:88%}}@keyframes demo-notify{0%{opacity:0;transform:translateY(-22px)scale(.96)}to{opacity:1;transform:none}}@keyframes demo-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width>=701px) and (width<=1000px){.device-laptop{width:64%;top:82px;left:4%}.device-phone{width:194px;height:390px;top:32px;right:4%}.terminal-window{margin:12px 12px 0}.terminal-content{padding:15px 12px;font-size:11px}.terminal-pairing{gap:10px}.terminal-pairing>img{width:80px;height:80px}.terminal-pairing p{font-size:10px}.terminal-pairing strong{font-size:11px}.phone-welcome h3{font-size:23px}.phone-welcome p{margin:10px 0}.phone-scanner .camera-preview{height:140px}.device-set{height:460px}}@media (width<=700px){.device-demo{margin-top:8px;padding:20px 20px 8px}.device-demo-heading{align-items:flex-end;gap:10px}.device-demo-heading .eyebrow{letter-spacing:.1em;margin-bottom:6px;font-size:8px}.device-demo-heading h2{max-width:220px;font-size:22px}.demo-playback{gap:5px}.demo-playback button{min-height:36px;padding:5px 8px;font-size:10px}.demo-playback [data-replay] span{display:none}.device-set{background:radial-gradient(at 100% 65%,#dfeadb,#0000 60%),#f0f0e8;border-radius:18px;height:550px;margin-top:20px}.device-laptop{width:90%;top:27px;left:5%}.laptop-lid{border-radius:11px 11px 4px 4px;padding:10px 6px 7px}.laptop-camera{width:3px;height:3px;top:4px}.laptop-display{border-radius:3px;height:209px}.desktop-menubar{height:17px;padding:1px 8px;font-size:7px}.terminal-window{border-radius:5px;margin:9px 8px 0}.terminal-chrome{gap:4px;height:23px;padding:0 8px}.terminal-chrome i{width:5px;height:5px}.terminal-chrome>span{padding-right:20px;font-size:8px}.terminal-content{height:143px;padding:10px;font-size:10px}.terminal-pairing{gap:9px;margin-top:9px}.terminal-pairing>img{width:72px;height:72px}.terminal-pairing strong{font-size:10px}.terminal-pairing p{margin:5px 0 7px;font-size:8px}.pair-wait,.pair-done{font-size:8px}.terminal-hint{margin-top:5px;font-size:7px}.desktop-dock{gap:5px;padding:2px 5px;bottom:2px}.desktop-dock span,.desktop-dock img{border-radius:3px;width:13px;height:13px;font-size:9px}.laptop-base{height:10px;margin:0 -9px}.laptop-base>div{width:65px;height:4px}.computer-label{text-align:left;max-width:40%;margin-top:9px;padding-left:8px;font-size:8px;line-height:1.8}.computer-label span{margin-left:0;font-size:8px;display:block}.terminal-history{margin-bottom:17px;font-size:9px}.send-output{gap:4px;margin-top:13px;font-size:9px}.terminal-prompt{margin-top:6px}.device-phone{border-radius:29px;width:170px;height:328px;padding:5px;top:191px;right:8%;transform:rotate(5deg);box-shadow:8px 15px 25px #203c3128}.phone-screen{border-radius:24px}.phone-status{font-size:7px;top:8px;left:11px;right:10px}.phone-island{width:49px;height:14px;top:6px}.phone-side-button{height:30px;top:80px}.phone-app{padding:36px 11px 15px}.app-topline{gap:5px;font-size:11px}.app-topline>img{width:19px;height:19px}.phone-welcome h3{margin:20px 0 8px;font-size:21px}.welcome-orbit{gap:9px;height:50px}.welcome-orbit>span,.welcome-orbit>img{border-radius:8px;width:30px;height:30px;font-size:21px}.phone-welcome p{margin:10px 0;font-size:9px}.phone-app button{min-height:29px;padding:6px;font-size:10px}.scan-title{font-size:11px}.phone-scanner>p{margin:7px 0 9px;font-size:8px}.camera-preview{height:115px}.camera-terminal{padding-top:12px}.camera-terminal>span{margin-bottom:6px;font-size:6px}.camera-terminal>img{width:78px;height:78px}.scan-brackets{inset:13px 20px}.scan-result{gap:5px;margin-top:9px}.scan-result>strong{font-size:9px}.scan-check{width:14px;height:14px;font-size:9px}.topic-name{padding:5px 8px;font-size:9px}.scan-result button{min-height:26px;font-size:9px}.phone-inbox h3{margin:19px 0 12px;font-size:23px}.inbox-topic{padding-bottom:8px;font-size:11px}.inbox-topic small{font-size:8px}.inbox-empty{margin-top:24px}.inbox-empty>span{width:29px;height:29px;margin-bottom:8px}.inbox-empty strong{font-size:10px}.inbox-empty p{margin:7px 0;font-size:9px}.phone-lockscreen{padding:44px 8px 14px}.phone-lockscreen>p{font-size:9px}.phone-lockscreen>strong{font-size:44px}.phone-notification{border-radius:12px;margin-top:19px;padding:10px}.notification-app{font-size:9px}.notification-app img{width:15px;height:15px}.notification-app small{font-size:7px}.phone-notification>b{font-size:12px}.phone-notification>span:last-child{font-size:8px}.notification-tap{margin-top:12px;font-size:7px}.phone-home-bar{width:55px;height:3px;bottom:6px}.phone-label{margin-top:10px;font-size:8px;transform:rotate(-5deg)}.inbox-message{margin-top:10px;padding:9px}.inbox-message>strong{font-size:12px}.inbox-message>p{font-size:9px}.inbox-message>div{font-size:7px}.inbox-message>span{font-size:8px}.air-link{width:37%;height:82px;top:286px;left:10%;transform:rotate(12deg)}.air-link-label{margin-top:0;font-size:8px}.encrypted-packet{width:23px;height:23px;font-size:12px}.device-demo[data-step="1"] .device-phone{transform:translate(-8px,-3px)rotate(-3deg)}.demo-story{align-items:center;gap:9px;min-height:140px;padding:22px 0 20px}.story-index{float:none;margin:0 0 8px;font-size:9px;display:block}.story-copy h3{font-size:20px;line-height:1.2}.story-copy p{max-width:31ch;margin:0;font-size:11px;line-height:1.65}.demo-advance{gap:7px;min-height:38px;padding:7px 9px;font-size:10px}.device-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.device-steps button{flex-direction:column;align-items:flex-start;gap:4px;min-height:52px;padding:10px 0 5px;font-size:10px;line-height:1.5}.device-steps button>span{font-size:8px}.device-demo-note{margin:12px 0;font-size:9px;line-height:1.7}}@media (prefers-color-scheme:dark){.device-set{background:radial-gradient(at 68% 70%,#344b3d,#0000 65%),#242e28}.desk-halo{border-color:#ffffff0a;box-shadow:0 0 0 60px #ffffff04,0 0 0 120px #ffffff03}.computer-label,.phone-label{color:#acbcae}.air-link-label{color:#b0d0ac}.air-link path{stroke:#93b790}.encrypted-packet{border-color:#8bb394}}@media (prefers-reduced-motion:reduce){.device-demo *{transition:none!important;animation:none!important}.device-demo .pairing-output,.device-demo .notification-tap{opacity:1}.device-demo .connect-type,.device-demo .send-type{clip-path:none}.device-demo .encrypted-packet{top:35px;left:50%}.device-demo .device-steps button[aria-current]>i{transform:scaleX(1)}}.device-demo[data-in-view=false] *,.device-demo[data-hidden=true] *{animation-play-state:paused!important}.device-demo[data-step="1"] .phone-status{color:#e3eee3}.scan-result button{position:relative}.device-demo[data-step="1"][data-beat="2"] .scan-result button:after{content:"";pointer-events:none;background:#ffffff40;border:2px solid #fff;border-radius:50%;width:21px;height:21px;position:absolute;top:50%;right:22%;transform:translateY(-50%);box-shadow:0 1px 7px #203e4230}.device-demo[data-step="1"][data-beat="2"][data-animated=true] .scan-result button:after{animation:.7s ease-out both demo-tap}@keyframes demo-tap{0%{opacity:0;transform:translate(6px,-10%)scale(1.2)}35%{opacity:1;transform:translateY(-50%)scale(.8)}70%{opacity:1;transform:translateY(-50%)scale(1.3)}to{opacity:0;transform:translateY(-50%)scale(1.6)}}.prose .device-demo{margin:32px 0 8px;padding:0}.prose .device-demo-heading h2{margin:0}