.mockup-stage[data-astro-cid-bgiipnl4]{color:#fdfdfb;background:radial-gradient(circle at 18% 12%,#1d8089 0%,#0000 55%),radial-gradient(circle at 90% 90%,#146673 0%,#0000 50%),#0b4856;border-radius:2rem;margin-top:1.5rem;padding:1.5rem 1.25rem 2rem;position:relative;box-shadow:0 18px 40px -18px #0b4856b3}@media (width>=640px){.mockup-stage[data-astro-cid-bgiipnl4]{padding:2.5rem 2.25rem}}@media (width>=62.5em){.mockup-stage[data-astro-cid-bgiipnl4]{margin-inline:max(-3rem,50% - 50vw)}}.mockup-grid[data-astro-cid-bgiipnl4]{align-items:start;gap:2.75rem 1.5rem;display:grid}@media (width>=768px){.mockup-grid[data-astro-cid-bgiipnl4]{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"hero side""phones video"}.tile-hero[data-astro-cid-bgiipnl4]{grid-area:hero}.tile-side[data-astro-cid-bgiipnl4]{grid-area:side}.tile-phones[data-astro-cid-bgiipnl4]{grid-area:phones}.tile-video[data-astro-cid-bgiipnl4]{grid-area:video}}.tile[data-astro-cid-bgiipnl4],.phone[data-astro-cid-bgiipnl4]{margin:0;position:relative}.tile-hero[data-astro-cid-bgiipnl4],.tile-side[data-astro-cid-bgiipnl4],.phone[data-astro-cid-bgiipnl4]{padding-top:3.75rem}.tile-phones[data-astro-cid-bgiipnl4]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:1rem;display:grid}.render[data-astro-cid-bgiipnl4]{filter:drop-shadow(0 20px 24px #00000059);width:100%;height:auto;display:block}.tile-video[data-astro-cid-bgiipnl4] video[data-astro-cid-bgiipnl4]{aspect-ratio:9/16;background:#06303a;border-radius:1.25rem;width:100%;display:block;box-shadow:0 18px 30px -12px #00000080}.tile-video[data-astro-cid-bgiipnl4] figcaption[data-astro-cid-bgiipnl4]{font-family:var(--font-heading);text-align:center;margin-top:.75rem;font-size:1.55rem;line-height:1.05}.callout[data-astro-cid-bgiipnl4]{color:#fdfdfb;pointer-events:none;z-index:2;flex-direction:column;align-items:flex-start;width:max-content;margin:0;display:flex;position:absolute;top:0}.callout[data-astro-cid-bgiipnl4][data-lean=left]{align-items:flex-end}.callout-text[data-astro-cid-bgiipnl4]{font-family:var(--font-heading);text-align:center;max-width:11rem;font-size:1.55rem;line-height:1.05}.callout-arrow[data-astro-cid-bgiipnl4]{width:3.25rem;height:2.7rem;margin:.1rem 0 0 .9rem}.callout[data-astro-cid-bgiipnl4][data-lean=left] .callout-arrow[data-astro-cid-bgiipnl4]{margin:.1rem .9rem 0 0;transform:scaleX(-1)}.callout[data-astro-cid-bgiipnl4][data-arrow=down] .callout-arrow[data-astro-cid-bgiipnl4]{height:7rem;margin-left:2.9rem}.callout-phone[data-astro-cid-bgiipnl4][data-arrow=side]{width:100%}.callout-phone[data-astro-cid-bgiipnl4][data-arrow=side] .callout-text[data-astro-cid-bgiipnl4]{width:max-content;max-width:13rem;margin-left:1.5rem;transform:translateY(.75rem)}.callout-phone[data-astro-cid-bgiipnl4][data-arrow=side] .callout-arrow[data-astro-cid-bgiipnl4]{width:4.4rem;height:5.9rem;margin:.2rem 0 0 calc(100% - .3rem)}.callout-hero[data-astro-cid-bgiipnl4]{left:36%}.callout-hero[data-astro-cid-bgiipnl4] .callout-text[data-astro-cid-bgiipnl4]{transform:translate(-1.25rem)}.callout-side[data-astro-cid-bgiipnl4]{left:0}.callout-side[data-astro-cid-bgiipnl4] .callout-text[data-astro-cid-bgiipnl4]{max-width:13rem}.callout-phone[data-astro-cid-bgiipnl4]{left:0}.callout-phone[data-astro-cid-bgiipnl4] .callout-text[data-astro-cid-bgiipnl4]{max-width:11rem}.phone[data-astro-cid-bgiipnl4]:has(.callout-phone){padding-top:8.5rem}@media (width>=768px){.callout-phone[data-astro-cid-bgiipnl4] .callout-text[data-astro-cid-bgiipnl4]{max-width:15rem}.phone[data-astro-cid-bgiipnl4]:has(.callout-phone){padding-top:6.5rem}}.image-toggle-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-top:3rem;display:flex}.image-toggle-title{font-family:var(--font-heading);align-items:center;gap:.6rem;font-size:1.6rem;line-height:1.1;display:flex}.image-toggle-icon{flex-shrink:0;width:2rem;height:2rem}.image-toggle-controls{align-items:center;gap:.6rem;display:flex}.image-toggle-auto{border:2px solid var(--color-ink);background:var(--color-paper);cursor:pointer;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.image-toggle-auto[hidden]{display:none}.image-toggle-auto svg{width:.8rem;height:.8rem}.image-toggle-auto svg[data-off]{display:none}.image-toggle-auto:hover{background:color-mix(in srgb, var(--color-ink) 10%, var(--color-paper))}.image-toggle-group{border:2px solid var(--color-ink);border-radius:9999px;width:fit-content;padding:.25rem;display:flex;position:relative}.image-toggle-btn{z-index:1;font-family:var(--font-body);cursor:pointer;border-radius:9999px;padding:.375rem 1rem;font-size:.875rem;font-weight:600;position:relative}.image-toggle-btn[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}.image-toggle-pill{display:none}.image-toggle-group.has-pill .image-toggle-pill{background:var(--color-ink);pointer-events:none;border-radius:9999px;width:0;display:block;position:absolute;top:.25rem;bottom:.25rem;left:0}.image-toggle-group.has-pill.is-ready .image-toggle-pill{transition:transform .38s cubic-bezier(.22,.61,.36,1),width .38s cubic-bezier(.22,.61,.36,1)}.image-toggle-group.has-pill .image-toggle-btn{transition:color .3s}.image-toggle-group.has-pill .image-toggle-btn[aria-pressed=true]{background:0 0}@media (prefers-reduced-motion:reduce){.image-toggle-group.has-pill.is-ready .image-toggle-pill,.image-toggle-group.has-pill .image-toggle-btn{transition:none}}.image-toggle-stage{position:relative;overflow-x:clip}.image-toggle-panel img{margin-top:.75rem}.compare-layout[data-astro-cid-lpdjarmv]{align-items:center;gap:1.5rem;display:grid}@media (width>=768px){.compare-layout[data-astro-cid-lpdjarmv]{grid-template-columns:minmax(0,1fr) minmax(0,20rem) minmax(0,1fr);gap:1rem}}.compare-stage[data-astro-cid-lpdjarmv]{aspect-ratio:760/1118;touch-action:pan-y;user-select:none;width:100%;max-width:20rem;margin-inline:auto;position:relative}@media (width<=767px){.compare-stage[data-astro-cid-lpdjarmv]{order:-1}}.compare-layer[data-astro-cid-lpdjarmv]{position:absolute;inset:0}.compare-layer[data-astro-cid-lpdjarmv] img[data-astro-cid-lpdjarmv]{object-fit:contain;pointer-events:none;width:100%;height:100%}.compare-after[data-astro-cid-lpdjarmv]{clip-path:inset(0 0 0 var(--pos))}.compare-handle[data-astro-cid-lpdjarmv]{top:0;bottom:0;left:var(--pos);pointer-events:none;width:2rem;color:var(--color-ink);position:absolute;transform:translate(-50%)}.compare-handle-svg[data-astro-cid-lpdjarmv]{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.compare-knob[data-astro-cid-lpdjarmv]{width:3.6rem;height:3.6rem;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.compare-range[data-astro-cid-lpdjarmv]{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-stage[data-astro-cid-lpdjarmv]:has(.compare-range:focus-visible) .compare-knob[data-astro-cid-lpdjarmv]{outline:3px solid var(--color-ink);outline-offset:4px;border-radius:9999px}.compare-side[data-astro-cid-lpdjarmv]{font-family:var(--font-body)}.compare-side-before[data-astro-cid-lpdjarmv],.compare-side-after[data-astro-cid-lpdjarmv]{text-align:center}@media (width>=768px){.compare-side-before[data-astro-cid-lpdjarmv]{text-align:right}.compare-side-after[data-astro-cid-lpdjarmv]{text-align:left}}.compare-title[data-astro-cid-lpdjarmv]{font-family:var(--font-heading);font-size:1.9rem;line-height:1.1}.compare-points[data-astro-cid-lpdjarmv]{margin:.6rem 0 0;padding:0;font-size:1.05rem;font-weight:600;line-height:1.35;list-style:none}.compare-points[data-astro-cid-lpdjarmv] li[data-astro-cid-lpdjarmv]{margin:0 0 .4rem;padding:0}.compare-note[data-astro-cid-lpdjarmv]{font-family:var(--font-body);opacity:.6;margin-top:1.25rem;font-size:.75rem}
