.site .stage{background:var(--stage);isolation:isolate;border-radius:22px;height:760px;margin-top:60px;position:relative;overflow:hidden}.site .stage-art,.site .stage-art img{width:100%;height:100%;position:absolute;inset:0}.site .stage-art img{object-fit:cover}.site .stage:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000f}html.dark .site .stage-art img{filter:brightness(.82)saturate(.95)}.site .window{width:min(1000px,100% - 160px);box-shadow:var(--shadow-window);border-radius:12px;position:absolute;top:76px;left:50%;overflow:hidden;transform:translate(-50%);container-type:inline-size}.site .window img{width:100%;height:auto;display:block}.site .window-lights{align-items:center;gap:.72cqw;height:3.75cqw;padding-left:1.28cqw;display:flex;position:absolute;top:0;left:0}.site .window-lights i{background:#ff5f57;border-radius:50%;width:1.07cqw;height:1.07cqw;box-shadow:inset 0 0 0 .5px #0000001f}.site .window-lights i:nth-child(2){background:#febc2e}.site .window-lights i:nth-child(3){background:#28c840}.site .stage-caption{letter-spacing:-.005em;color:var(--muted-foreground);justify-content:space-between;gap:24px;margin-top:14px;font-size:12.5px;display:flex}.site .credit cite{font-family:var(--font-newsreader-italic), "Iowan Old Style", Georgia, serif;font-size:14px;font-style:italic}.site .tile{background:var(--muted);border-radius:22px;justify-content:center;align-items:center;padding:48px;display:flex}.site .shot{width:100%;height:auto;box-shadow:var(--shadow-shot);border-radius:12px;display:block}.site .tile .shot{max-width:480px}.site .themed{display:contents}.site .theme-dark,html.dark .site .theme-light{display:none}html.dark .site .theme-dark{display:block}.site .tile picture{width:100%;max-width:480px}.site .wide{margin-top:56px}.site .wide .shot{box-shadow:var(--shadow-wide);border-radius:16px}.site .pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:56px;display:grid}.site .pair .tile{padding:48px 40px}.site .pair figcaption{margin-top:16px}.site .stage-art img{object-position:var(--art-wide,50% 50%)}.site .tile-bleed{height:560px;padding:0;display:block;position:relative;overflow:hidden}.site .tile-bleed picture{width:760px;max-width:none;position:absolute;top:48px;left:48px}.site .tile-bleed .shot{border-radius:12px 0 0;max-width:none}.site .tile-phone picture{width:300px}.site .tile-phone{align-items:flex-start;height:640px;padding:56px 0 0;overflow:hidden}.site .shot-phone{border-radius:40px;width:300px;box-shadow:0 0 0 7px #1c1c1e,0 0 0 8px #3a3a3c,0 40px 70px -24px #00000073}.site .pair-wide .shot{aspect-ratio:960/552;object-fit:cover;object-position:top;box-shadow:var(--shadow-wide);border-radius:14px}@media (max-width:1179.98px){.site .tile-bleed picture{width:640px}.site .pair-wide{grid-template-columns:minmax(0,1fr)}.site .stage{height:620px}.site .window{width:calc(100% - 96px);top:56px}}@media (max-width:759.98px){.site .stage{border-radius:18px;height:520px;margin:28px -8px 0}.site .window{width:268px;top:36px}.site .window-lights{display:none}.site .stage-art img{object-position:var(--art-phone,50% 50%)}.site .tile-bleed{height:300px}.site .tile-bleed picture{width:520px;top:24px;left:20px}.site .tile-phone{height:470px;padding-top:32px}.site .tile-phone picture,.site .shot-phone{width:240px}.site .shot-phone{border-radius:32px}.site .stage-caption{flex-direction:column;gap:2px}.site .pair{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:40px}.site .tile,.site .pair .tile{border-radius:18px;padding:28px 20px}.site .wide{margin-top:36px}.site .wide .shot{border-radius:10px}.site .wide-zoom .shot{box-shadow:none;border-radius:0}}.site .home-device-window .shot{box-shadow:none;border-radius:0}.site .pricing-hosted .pair{margin-top:64px}.site .pricing-hosted .pair .tile{height:640px}.site .pricing-hosted .pair .tile picture{max-width:440px}@media (max-width:1179.98px){.site .pricing-hosted .pair .tile{height:520px}}@media (max-width:759.98px){.site .pricing-hosted .pair{margin-top:40px}.site .pricing-hosted .pair .tile{height:auto}.site .pricing-hosted .pair .tile-phone{height:470px}}.site .docs-figure .tile{padding:44px}.site .docs-figure .tile .shot{max-width:380px}.site .docs-figure-wide .tile .shot{max-width:100%}.site .docs-figure-phone .tile .shot{max-width:280px}.site .docs-stage-figure .credit{white-space:nowrap}@media (max-width:759.98px){.site .docs-figure .tile{padding:28px 20px}}
