.native-live-demo{width:min(100%,366px);margin:0 auto}.iphone-device{aspect-ratio:719/1500;isolation:isolate;background:linear-gradient(105deg,#71747a,#dedfe1 1%,#42454a 2.1%,#999b9e 49%,#45474b 98%,#bbbcc0 99%,#66686c);border-radius:16.6%/7.957%;width:100%;position:relative;box-shadow:0 28px 45px -18px #18201930,0 8px 14px -8px #161d1720;container-type:inline-size}.iphone-glass{background:#08090b;border-radius:15.5%/7.28%;position:absolute;inset:.64% 1.335%;box-shadow:inset 0 0 0 .18cqw #fff3}.iphone-hardware>i{z-index:-1;background:linear-gradient(90deg,#55585c,#c3c4c7 48%,#74777a);border-radius:.5cqw;width:.65%;position:absolute}.iphone-action-key{height:3.25%;top:16.2%;left:-.46%}.iphone-volume-up{height:6.5%;top:23%;left:-.46%}.iphone-volume-down{height:6.5%;top:31.1%;left:-.46%}.iphone-side-key{height:10%;top:25%;right:-.46%}.iphone-camera-key{height:7%;top:63.1%;right:-.4%}.native-screen{color:#1c1c1e;background:#f8f8f8;border-radius:14.3%/6.578%;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;display:flex;position:absolute;inset:1.7391% 3.688%;overflow:hidden;container-type:inline-size}.native-status{letter-spacing:-.03em;background:#fff;justify-content:space-between;align-items:center;height:15.42cqw;min-height:15.42cqw;padding:0 7.5cqw;font-size:3.9cqw;font-weight:600;display:flex;position:relative}.native-status>div{align-items:center;gap:1cqw;display:flex}.native-status svg{stroke-width:2px;width:3.8cqw;height:3.8cqw}.native-status svg:last-child{width:5.8cqw;height:5.8cqw}.native-island{background:#101114;border-radius:10cqw;width:21cqw;height:7.2cqw;position:absolute;top:2.8cqw;left:50%;transform:translate(-50%);box-shadow:inset 0 -1px 1px #25262a}.native-island:after{content:"";background:radial-gradient(circle at 40% 40%,#192a44,#0a0b0d 70%);border-radius:50%;width:2.5cqw;height:2.5cqw;position:absolute;top:2.5cqw;right:3cqw}.native-language-bar{background:#fff;align-items:center;gap:2cqw;padding:3cqw 4cqw 3.5cqw;display:flex}.native-language-bar>span{white-space:nowrap;background:linear-gradient(#fcfcfd,#f0f0f5);border:.5px solid #e7e7ec;border-radius:2.8cqw;flex:1;justify-content:space-between;align-items:center;gap:1cqw;min-width:0;height:10cqw;padding:0 3cqw;font-size:3.9cqw;font-weight:500;display:flex;box-shadow:inset 0 1px #fff,0 1px 2px #14151a04}.native-language-bar>span>svg{color:#93949a;flex-shrink:0;width:2.4cqw;height:2.4cqw}.native-language-swap{color:#7d7e84;border:1px solid #e0e1e7;border-radius:50%;place-items:center;width:8cqw;height:8cqw;display:grid}.native-language-swap svg{stroke-width:1.5px;width:4cqw;height:4cqw}.native-history{overflow-anchor:none;flex:1;min-height:0;padding:2.4cqw 3cqw 3cqw;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 3% 98%,#0000);mask-image:linear-gradient(#0000,#000 3% 98%,#0000)}.native-history-track{flex-direction:column;gap:2cqw;display:flex}.native-transcript{background:#fff;border:.5px solid #e9e9ed;border-radius:3.1cqw;flex-shrink:0;padding:4cqw}.native-transcript p{letter-spacing:-.015em;overflow-wrap:anywhere;min-height:1.4em;margin:0;font-size:5.1cqw;font-weight:400;line-height:1.45}.native-transcript-divider{border-top:.5px dashed #d9d9df;margin:2.5cqw 0}.native-listening{align-items:center;gap:1cqw;height:3cqw;margin-top:2.2cqw;display:none}.native-transcript[data-current] .native-listening{display:flex}.native-listening i{opacity:.35;background:#007aff;border-radius:50%;width:1.5cqw;height:1.5cqw}[data-running=true] .native-listening i{animation:1.15s ease-in-out infinite native-listening}.native-listening i:nth-child(2){animation-delay:.15s}.native-listening i:nth-child(3){animation-delay:.3s}.native-control-bar{background:#fff;border-top:.5px solid #ececef;justify-content:space-between;align-items:center;gap:1cqw;min-height:21cqw;padding:2.5cqw 3cqw;display:flex;position:relative}.native-recording-time{color:#72737a;letter-spacing:-.035em;background:#f2f2f7;border-radius:6cqw;align-items:center;gap:1.5cqw;padding:1.5cqw 2.5cqw;font-family:ui-monospace,SFMono-Regular,monospace;font-size:3.1cqw;display:inline-flex}.native-recording-time>i{background:#ff3b30;border-radius:50%;width:1.7cqw;height:1.7cqw}.native-stop{background:#ff3b3010;border:2px solid #ff3b302e;border-radius:50%;place-items:center;width:12.8cqw;height:12.8cqw;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.native-stop:before{content:"";background:#ff3b30;border:1px solid #ffffffad;border-radius:50%;width:11cqw;height:11cqw;position:absolute}.native-stop>i{background:#fff;border-radius:.8cqw;width:3.6cqw;height:3.6cqw;position:relative}.native-tools{align-items:center;gap:1.4cqw;display:flex}.native-tools>span{color:#96979e;background:linear-gradient(#fcfcfd,#eeeef2);border:.5px solid #ededf1;border-radius:50%;place-items:center;width:7.5cqw;height:7.5cqw;display:grid}.native-tools svg{stroke-width:1.5px;width:4.3cqw;height:4.3cqw}.native-home-indicator{background:#fff;place-items:center;height:6.5cqw;min-height:6.5cqw;display:grid}.native-home-indicator>i{background:#222326;border-radius:2cqw;width:33cqw;height:1.2cqw}.native-cross-demo{width:100%;margin:0}.native-cross-scene{width:480px;margin:0 auto;position:relative}.native-cross-scene>.iphone-device{width:366px;margin-inline:auto}.iphone-cross-app .native-screen{background:#101115}.iphone-cross-app .native-status{color:#fff;z-index:1;background:0 0}.native-watch-media,.native-watch-media .product-video{position:absolute;inset:0}.native-watch-media video{object-fit:cover;object-position:52% center;width:100%;height:100%}.native-watch-media:after{content:"";pointer-events:none;background:linear-gradient(#0007,#0000 24% 57%,#0008);position:absolute;inset:0}.native-watch-header{z-index:1;color:#fff;text-shadow:0 1px 4px #0005;justify-content:space-between;align-items:center;padding:2cqw 5cqw;font-size:5cqw;font-weight:650;display:flex;position:relative}.native-watch-header>span{align-items:center;gap:2cqw;display:flex}.native-watch-header img{border-radius:1.5cqw;width:6cqw;height:6cqw}.native-watch-header>svg{width:5.5cqw;height:5.5cqw}.native-watch-actions{color:#fff;filter:drop-shadow(0 1px 4px #0005);gap:7cqw;display:grid;position:absolute;top:77cqw;right:4cqw}.native-watch-actions>svg{stroke-width:1.8px;width:7cqw;height:7cqw}.native-watch-progress{color:#fff;position:absolute;bottom:11cqw;left:5cqw;right:5cqw}.native-watch-progress>div{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-bottom:2cqw;font-size:3.2cqw;display:flex}.native-watch-progress svg{width:4.5cqw;height:4.5cqw}.native-watch-progress>i{background:#ffffff50;border-radius:1cqw;height:.6cqw;display:block;overflow:hidden}.native-watch-progress>i>span{background:#fff;width:0;height:100%;transition:width .22s linear;display:block}.iphone-cross-app .native-home-indicator{background:0 0;position:absolute;bottom:0;left:0;right:0}.iphone-cross-app .native-home-indicator>i{background:#fff}.native-pip{z-index:3;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:#fff;background:linear-gradient(145deg,#23262af2,#101214f5);border:1px solid #ffffff30;border-radius:24px;width:448px;padding:24px 26px;position:absolute;top:458px;left:50%;transform:translate(-50%);box-shadow:0 24px 46px -10px #0b111b80,0 7px 16px #0b111b25,inset 0 1px #ffffff14}.native-pip-region{overflow-anchor:none;height:65px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 7% 100%);mask-image:linear-gradient(#0000,#000 7% 100%)}.native-pip-region p{color:#e0e2e6;letter-spacing:-.018em;white-space:pre-line;margin:0;font-size:20px;font-weight:450;line-height:1.45}.native-pip-region:last-child p{color:#fff;font-size:23px;font-weight:550}.native-pip-divider{background:#ffffff24;height:1px;margin:15px 0}.native-cross-apps{justify-content:center;align-items:center;gap:20px;margin-top:26px;padding-bottom:8px;display:flex}.native-cross-apps img{border-radius:11px;width:44px;height:44px;box-shadow:0 4px 9px #2025210c}.brand-cross-visual{background:0 0;padding:32px 12px 26px}.brand-live-visual .native-live-demo{width:min(100%,366px)}@keyframes native-listening{0%,75%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-1px)}}@media (width<=760px){.brand-live-visual .native-live-demo{width:min(100%,340px)}.brand-cross-visual{padding:16px 0 10px}.native-cross-apps{gap:17px}.native-cross-apps img{border-radius:9px;width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.native-live-demo *,.native-cross-demo *{transition:none!important;animation:none!important}}.native-glyph{opacity:0;transition:opacity .16s ease-out}.native-glyph[data-revealed=true]{opacity:1}