.dvc{width:100%;position:relative;container-type:inline-size}.dvc-iphone{aspect-ratio:425/884}.dvc-ipad{aspect-ratio:1416/1072}.dvc-macbook{aspect-ratio:1640/1050}.dvc .scr{object-fit:cover;object-position:top;width:100%;height:100%;transition:opacity .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.iphone{-webkit-font-smoothing:antialiased;font-family:-apple-system,SF Pro Text,Helvetica Neue,sans-serif;font-size:.235294cqw;position:absolute;inset:0}.iphone .ip-btn{background:linear-gradient(90deg,#9c958c,#c9c2b8 45%,#8c857c);border-radius:1.2em;position:absolute}.iphone .ip-btn.action{width:3em;height:30em;top:120em;left:-2.2em}.iphone .ip-btn.volup{width:3em;height:58em;top:178em;left:-2.2em}.iphone .ip-btn.voldn{width:3em;height:58em;top:248em;left:-2.2em}.iphone .ip-btn.power{width:3em;height:92em;top:205em;right:-2.2em}.iphone .ip-frame{background:linear-gradient(135deg,#d7d0c6 0%,#a79f95 22%,#cfc8be 48%,#9a938a 74%,#c6bfb5 100%);border-radius:71em;position:absolute;inset:0;box-shadow:0 2.4em 5em #14131138,0 18em 46em #1413114d,inset 0 0 0 .6em #ffffff59}.iphone .ip-bezel{background:#0b0b0c;border-radius:67em;position:absolute;inset:4em}.iphone .ip-screen{isolation:isolate;background:#000;border-radius:55em;position:absolute;inset:16em;overflow:hidden}.iphone .ip-status{background:var(--sb,#2a1a1f);height:54em;color:var(--sbfg,#fff);z-index:3;position:absolute;top:0;left:0;right:0}.iphone .ip-time{text-align:center;letter-spacing:-.01em;width:150em;font-weight:600;position:absolute;top:16em;left:0}.iphone .ip-time span{font-size:17em}.iphone .ip-icons{align-items:center;gap:6.5em;display:flex;position:absolute;top:20em;right:28em}.iphone .ip-icons svg{fill:currentColor;display:block}.iphone .ip-content{z-index:1;background:#ede0ce;width:393em;height:659em;position:absolute;top:54em;left:0;overflow:hidden}.iphone .ip-safari{z-index:3;background:#f6f4f2f5;height:139em;position:absolute;top:713em;left:0;right:0;box-shadow:0 -.5px #0000002e}.iphone .ip-url{color:#000;background:#fff;border-radius:14em;justify-content:center;align-items:center;height:46em;display:flex;position:absolute;top:7em;left:10em;right:10em;box-shadow:0 1em 6em #0000001a,0 0 0 .5px #0000000f}.iphone .ip-url b{letter-spacing:-.02em;font-size:16em;font-weight:600;position:absolute;left:1em}.iphone .ip-url i{letter-spacing:-.01em;font-size:16.5em;font-style:normal}.iphone .ip-url svg{fill:none;stroke:#000;stroke-width:2px;stroke-linecap:round;width:18em;height:18em;position:absolute;right:15em}.iphone .ip-tools{justify-content:space-around;padding:0 6em;display:flex;position:absolute;top:66em;left:0;right:0}.iphone .ip-tools svg{fill:none;stroke:#0a84ff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:25em;height:25em}.iphone .ip-tools svg.off{stroke:#b9b9be}.iphone .ip-home{z-index:4;background:#111;border-radius:3em;width:139em;height:5em;margin-left:-69.5em;position:absolute;bottom:8em;left:50%}.iphone .ip-island{z-index:5;background:#000;border-radius:20em;width:126em;height:37em;margin-left:-63em;position:absolute;top:11em;left:50%}.iphone .ip-glare{z-index:6;pointer-events:none;background:linear-gradient(115deg,#ffffff1a 0%,#fff0 32%);border-radius:55em;position:absolute;inset:16em}.ipad{-webkit-font-smoothing:antialiased;font-family:-apple-system,SF Pro Text,Helvetica Neue,sans-serif;font-size:.0706215cqw;position:absolute;inset:0}.ipad .pd-frame{background:linear-gradient(135deg,#4a4a4e,#2b2b2e 40%,#47474b 70%,#2a2a2d);border-radius:44em;position:absolute;inset:0;box-shadow:0 3em 8em #14131138,0 30em 70em #1413114d,inset 0 0 0 1.2em #ffffff1f}.ipad .pd-bezel{background:#0b0b0c;border-radius:41em;position:absolute;inset:3em}.ipad .pd-cam{background:radial-gradient(circle at 40% 40%,#2c3442,#07080a 60%);border-radius:50%;width:9em;height:9em;margin-left:-4.5em;position:absolute;top:8.5em;left:50%}.ipad .pd-screen{isolation:isolate;background:#ede0ce;border-radius:22em;width:1376em;height:1032em;position:absolute;top:20em;left:20em;overflow:hidden}.ipad .pd-status{background:var(--sb,#f6f4f2);height:24em;color:var(--sbfg,#000);z-index:3;font-size:1em;position:absolute;top:0;left:0;right:0}.ipad .pd-status .t{font-size:13.5em;font-weight:600;position:absolute;top:.33em;left:1.63em}.ipad .pd-status .r{align-items:center;gap:6em;display:flex;position:absolute;top:6em;right:20em}.ipad .pd-status svg{fill:currentColor;display:block}.ipad .pd-bar{background:var(--sb,#f6f4f2);z-index:3;height:50em;position:absolute;top:24em;left:0;right:0;box-shadow:0 .5px #00000026}.ipad .pd-bar .l,.ipad .pd-bar .r{gap:26em;display:flex;position:absolute;top:13em}.ipad .pd-bar .l{left:22em}.ipad .pd-bar .r{right:22em}.ipad .pd-bar svg{fill:none;width:24em;height:24em;stroke:var(--tint,#0a84ff);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ipad .pd-bar svg.off{stroke:#b9b9be}.ipad .pd-url{background:var(--url,#e4e1dd);width:520em;height:34em;color:var(--sbfg,#000);border-radius:10em;justify-content:center;align-items:center;margin-left:-260em;display:flex;position:absolute;top:8em;left:50%}.ipad .pd-url i{font-size:15em;font-style:normal}.ipad .pd-url b{font-size:14em;font-weight:600;position:absolute;left:.86em}.ipad .pd-content{z-index:1;width:1376em;height:958em;position:absolute;top:74em;left:0;overflow:hidden}.macbook{-webkit-font-smoothing:antialiased;font-family:-apple-system,SF Pro Text,Helvetica Neue,sans-serif;font-size:.0609756cqw;position:absolute;inset:0}.macbook .mb-lid{background:#1a1a1c;border-radius:34em 34em 6em 6em;width:1500em;height:1012em;position:absolute;top:0;left:70em;box-shadow:inset 0 0 0 2em #3a3a3e,0 30em 70em #14131147}.macbook .mb-screen{isolation:isolate;background:#ede0ce;border-radius:20em 20em 0 0;width:1470em;height:956em;position:absolute;top:15em;left:15em;overflow:hidden}.macbook .mb-notch{z-index:6;background:#1a1a1c;border-radius:0 0 11em 11em;width:200em;height:33em;margin-left:-100em;position:absolute;top:0;left:50%}.macbook .mb-menu{color:#111;z-index:4;background:#ece6deeb;height:33em;font-size:1em;position:absolute;top:0;left:0;right:0}.macbook .mb-menu .l{gap:1.63em;font-size:13.5em;display:flex;position:absolute;top:.52em;left:1.48em}.macbook .mb-menu .l b{font-weight:700}.macbook .mb-menu .r{font-size:13.5em;position:absolute;top:.52em;right:1.48em}.macbook .mb-win{z-index:4;background:#f2efeb;height:52em;position:absolute;top:33em;left:0;right:0;box-shadow:0 .5px #0000002e}.macbook .mb-dots{gap:8em;display:flex;position:absolute;top:19em;left:20em}.macbook .mb-dots span{border-radius:50%;width:13em;height:13em}.macbook .mb-url{color:#222;background:#e3dfda;border-radius:9em;justify-content:center;align-items:center;width:560em;height:32em;margin-left:-280em;display:flex;position:absolute;top:10em;left:50%}.macbook .mb-url i{font-size:14em;font-style:normal}.macbook .mb-content{z-index:1;width:1470em;height:871em;position:absolute;top:85em;left:0;overflow:hidden}.macbook .mb-base{background:linear-gradient(#d9d4ce 0%,#bdb7b0 55%,#8f8a84 100%);border-radius:4em 4em 40em 40em/4em 4em 26em 26em;width:1640em;height:42em;position:absolute;top:1008em;left:0;box-shadow:0 22em 40em #1413114d}.macbook .mb-lip{background:linear-gradient(#9c968f,#c5c0ba);border-radius:0 0 14em 14em;width:230em;height:14em;margin-left:-115em;position:absolute;top:1008em;left:50%}.dvc-glow .ip-frame,.dvc-glow .pd-frame{box-shadow:0 0 0 1px #f2efe914,0 40px 120px -20px #ff4d002e}.dvc-glow .mb-lid{box-shadow:inset 0 0 0 2em #3a3a3e,0 0 0 1px #f2efe914,0 40px 120px -20px #ff4d002e}@keyframes sp-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}