.clay-site .device-scene{--ds-main-x:50%;--ds-main-y:50%;--ds-main-width:64%;--ds-main-angle:-2deg;--ds-secondary-x:76%;--ds-secondary-y:34%;--ds-secondary-width:32%;--ds-secondary-angle:3deg;--ds-bezel:clamp(3px, 1cqw, 6px);--ds-radius:clamp(18px, 6cqw, 38px);width:100%;min-width:0;max-width:100%;color:var(--ink,#162429);margin:0;container-type:inline-size}.clay-site .device-scene__stage{isolation:isolate;background:0 0;position:relative}.clay-site .device-scene__canvas{aspect-ratio:3/5;width:100%;position:relative}.clay-site .device-scene__layer{min-width:0;transform:translate(-50%, -50%) rotate(var(--ds-angle));transform-origin:50%;position:absolute}.clay-site .device-scene__layer--primary{--ds-angle:var(--ds-main-angle);z-index:2;top:var(--ds-main-y);left:var(--ds-main-x);width:var(--ds-main-width)}.clay-site .device-scene__layer--secondary{--ds-angle:var(--ds-secondary-angle);z-index:1;top:var(--ds-secondary-y);left:var(--ds-secondary-x);width:var(--ds-secondary-width)}.clay-site .device-scene__frame{isolation:isolate;width:100%;padding:var(--ds-bezel);border-radius:var(--ds-radius);background:#202528;border:1px solid #787e81;position:relative;box-shadow:0 14px 28px #10181c24,0 3px 7px #10181c1a}.clay-site .device-scene__screen{border-radius:calc(var(--ds-radius) - var(--ds-bezel));background:#111;position:relative;overflow:hidden}.clay-site .device-scene__image{width:100%;max-width:100%;height:auto;aspect-ratio:var(--ds-image-ratio);object-fit:contain;display:block}.clay-site .device-scene__capture-link{border-radius:inherit;display:block}.clay-site .device-scene__capture-link:focus-visible{outline:3px solid var(--mustard,#c4933f);outline-offset:4px}.clay-site .device-scene--browser{--ds-main-width:70%;--ds-main-angle:1deg;--ds-radius:10px;--ds-bezel:0px}.clay-site .device-scene__frame--browser{background:#fff;border-color:#d8dcde}.clay-site .device-scene--tablet{--ds-main-width:90%;--ds-main-angle:-1.5deg;--ds-radius:clamp(12px, 3cqw, 22px);--ds-bezel:clamp(4px, 1cqw, 8px)}.clay-site .device-scene--tablet .device-scene__canvas{aspect-ratio:var(--ds-tablet-canvas-ratio,4 / 3)}.clay-site .device-scene--ios-widget,.clay-site .device-scene--android-widget{--ds-main-width:84%;--ds-main-angle:-2deg;--ds-radius:20px;--ds-bezel:0px}.clay-site .device-scene--ios-widget .device-scene__canvas{aspect-ratio:1}.clay-site .device-scene--android-widget .device-scene__canvas{aspect-ratio:4/3}.clay-site .device-scene--android-widget{--ds-main-width:94%;--ds-main-angle:2deg}.clay-site .device-scene__frame--ios-widget,.clay-site .device-scene__frame--android-widget{background:0 0;border:0;padding:0;box-shadow:0 10px 22px #10181c1f}.clay-site .device-scene--apple-watch,.clay-site .device-scene--wear-os{--ds-main-width:56%;--ds-main-angle:-3deg;--ds-radius:clamp(20px, 8cqw, 42px);--ds-bezel:clamp(4px, 1.4cqw, 7px)}.clay-site .device-scene--apple-watch .device-scene__canvas,.clay-site .device-scene--wear-os .device-scene__canvas{aspect-ratio:4/5}.clay-site .device-scene--wear-os{--ds-main-width:61%;--ds-main-angle:3deg}.clay-site .device-scene__frame--apple-watch,.clay-site .device-scene__frame--wear-os{background:#24292c;border:2px solid #93999c;box-shadow:0 10px 20px #10181c29,inset 0 0 0 1px #52595d}.clay-site .device-scene__frame--apple-watch:before,.clay-site .device-scene__frame--apple-watch:after,.clay-site .device-scene__frame--wear-os:before,.clay-site .device-scene__frame--wear-os:after{z-index:-1;content:"";background:linear-gradient(90deg,#202528,#343a3e 50%,#202528);border:1px solid #383e41;width:54%;height:35%;position:absolute;left:23%;box-shadow:inset 2px 0 #ffffff0f,inset -2px 0 #00000026}.clay-site .device-scene__frame--apple-watch:before,.clay-site .device-scene__frame--wear-os:before{border-radius:20px 20px 0 0;top:-27%}.clay-site .device-scene__frame--apple-watch:after,.clay-site .device-scene__frame--wear-os:after{border-radius:0 0 20px 20px;bottom:-27%}.clay-site .device-scene__crown{z-index:-1;background:#4e565b;border:1px solid #747b7f;border-radius:30%;width:7%;height:14%;position:absolute;top:25%;right:-5%}.clay-site .device-scene__frame--wear-os,.clay-site .device-scene__frame--wear-os .device-scene__screen{border-radius:50%}.clay-site .device-scene__frame--wear-os .device-scene__crown{height:17%;top:40%}.clay-site .device-scene--paired{--ds-main-x:34%;--ds-main-y:58%;--ds-main-width:48%}.clay-site .device-scene--paired.device-scene--tablet{--ds-main-width:70%}.clay-site .device-scene__activity{z-index:3;border-radius:18px;width:min(80%,360px);margin:0 4% 8% auto;position:relative;overflow:hidden;box-shadow:0 10px 24px #10181c24}.clay-site .device-scene__caption{max-width:60ch;color:var(--muted,#586568);text-wrap:pretty;margin:.9rem 0 0;font-size:.83rem;line-height:1.5}.clay-site .device-scene[data-facing=right] .device-scene__layer--primary{--ds-angle:calc(var(--ds-main-angle) * -1);left:calc(100% - var(--ds-main-x))}.clay-site .device-scene[data-facing=right] .device-scene__layer--secondary{--ds-angle:calc(var(--ds-secondary-angle) * -1);left:calc(100% - var(--ds-secondary-x))}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.clay-site .device-scene__frame{transition:translate .2s}.clay-site .device-scene:hover .device-scene__layer--primary .device-scene__frame{translate:0 -2px}}@media (prefers-reduced-motion:reduce){.clay-site .device-scene__frame{transition:none;animation:none}}.clay-site .app-device-scene{width:100%;margin:0 auto}.clay-site .home-feature-stage>.device-scene{align-self:stretch;width:100%}.clay-site .current-device-capture{width:100%;margin:20px auto 0}.clay-site .current-tablet-gallery .device-scene,.clay-site .current-vault-preview .device-scene,.clay-site .current-share-screen .device-scene{margin:0}.clay-site .native-activity-capture{max-width:480px;margin:20px auto}.clay-site .native-activity-capture a{border-radius:20px;display:block;overflow:hidden;box-shadow:0 14px 30px #16242921}.clay-site .native-activity-capture img{width:100%;height:auto;display:block}:is(.clay-site .product-story .screen-stage:has(>.device-scene),.clay-site .product-story .journey-stage:has(>.device-scene)){background:0 0;max-width:430px;padding:0}.clay-site .product-story .two-feature-panels article>.device-scene{width:100%;max-width:360px;margin:0 auto}.clay-site .current-companion-cards .companion-media{height:auto;min-height:0}.clay-site .current-companion-cards .companion-media .device-scene{margin:0}.clay-site .current-share-flow .device-scene{max-width:360px}@media (width<=680px){.clay-site .current-share-flow .device-scene{margin-left:auto;margin-right:auto}.clay-site .current-companion-cards .companion-media{min-height:0}}.clay-site .current-weather{border-top:1px solid var(--line);grid-template-columns:24px minmax(0,1fr);gap:18px;margin-top:32px;padding-top:24px;display:grid}.clay-site .current-weather>svg{color:var(--teal);margin-top:4px}.clay-site .current-weather h3{margin:0 0 10px;font-size:22px}.clay-site .current-weather p{max-width:720px;margin:8px 0;line-height:1.65}.clay-site .current-weather details{border-top:1px solid var(--line);max-width:720px;padding:12px 0}.clay-site .current-weather summary{cursor:pointer;font-weight:600}.clay-site .product-story .device-scene.device-scene,.clay-site .home-page .device-scene.device-scene{box-shadow:none;background:0 0;border:0;overflow:visible;transform:none}.clay-site .product-story .app-hero-preview>.device-scene.device-scene{width:100%}.clay-site .all-people-note{border-top:1px solid var(--line);max-width:760px;margin:28px 0 12px;padding:20px 0;line-height:1.65}.clay-site .device-scene__frame--ios-widget .device-scene__screen,.clay-site .device-scene__frame--android-widget .device-scene__screen{background:0 0}.clay-site .current-companion-cards .companion-media{align-items:start;margin:24px 0 30px}.clay-site .current-widget-screens .device-scene__canvas{aspect-ratio:4/5}.clay-site .current-companion-cards .companion-facts{padding-left:0;list-style:none}.clay-site .current-companion-cards .companion-facts li{color:var(--muted,#586568)}@container (width<=180px){.clay-site .device-scene--apple-watch .device-scene__canvas{--ds-main-width:70%;aspect-ratio:3/5}.clay-site .device-scene--wear-os .device-scene__canvas{--ds-main-width:75%;aspect-ratio:3/5}}@media (width<=680px){.clay-site .current-companion-cards .current-widget-screens{grid-template-columns:1fr;gap:26px}.clay-site .current-widget-screens>div{width:100%;max-width:290px;margin:0 auto}.clay-site .current-widget-screens .device-scene--ios-widget .device-scene__canvas{aspect-ratio:1}.clay-site .current-widget-screens .device-scene--android-widget .device-scene__canvas{aspect-ratio:16/10}}