.device-showcase[data-astro-cid-aazyjcuy]{margin-top:72px;overflow:clip}.device-gallery[data-astro-cid-aazyjcuy]{grid-template-columns:1.3fr 1.1fr .5fr;align-items:start;gap:clamp(24px,3vw,44px);display:grid}.device-figure[data-astro-cid-aazyjcuy]{min-width:0;margin:0}.device-stage[data-astro-cid-aazyjcuy]{isolation:isolate;justify-content:center;align-items:center;height:clamp(300px,33vw,420px);display:flex;position:relative}.device-stage[data-astro-cid-aazyjcuy]:before{content:"";z-index:0;background:radial-gradient(ellipse, color-mix(in srgb, var(--brand) 7%, transparent), transparent 70%);position:absolute;inset:15% -15%}.device-frame[data-astro-cid-aazyjcuy]{z-index:1;background:var(--sidebar-surface);border:1px solid var(--control-text);width:100%;box-shadow:0 0 0 1px var(--sidebar-surface), 0 0 0 3px var(--control-border), 0 24px 48px -16px color-mix(in srgb, var(--sidebar-surface) 60%, transparent);flex:none;position:relative}.device-trigger[data-astro-cid-aazyjcuy]{z-index:1;border-radius:var(--radius-lg);cursor:zoom-in;width:100%;display:block;position:relative}.device-figure--iphone[data-astro-cid-aazyjcuy] .device-trigger[data-astro-cid-aazyjcuy]{max-width:184px}.device-enlarge[data-astro-cid-aazyjcuy]{color:var(--text-primary);background:var(--surface-overlay);border:1px solid var(--border);border-radius:var(--radius-pill);white-space:nowrap;opacity:0;transition:opacity var(--duration-state) var(--easing-standard);align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.device-trigger[data-astro-cid-aazyjcuy]:hover .device-enlarge[data-astro-cid-aazyjcuy],.device-trigger[data-astro-cid-aazyjcuy]:focus-visible .device-enlarge[data-astro-cid-aazyjcuy]{opacity:1}.device-trigger[data-astro-cid-aazyjcuy]:hover .device-frame[data-astro-cid-aazyjcuy]{border-color:var(--brand)}.device-frame[data-astro-cid-aazyjcuy] img[data-astro-cid-aazyjcuy]{width:100%;height:auto}.device-frame--mac[data-astro-cid-aazyjcuy]{border-radius:var(--radius-lg);overflow:hidden}.device-window-bar[data-astro-cid-aazyjcuy]{background:var(--surface-subtle);height:24px;color:var(--text-muted);border-bottom:1px solid var(--border);justify-content:center;align-items:center;font-size:9px;display:flex;position:relative}.device-window-controls[data-astro-cid-aazyjcuy]{gap:4px;display:flex;position:absolute;left:10px}.device-window-controls[data-astro-cid-aazyjcuy] i[data-astro-cid-aazyjcuy]{background:var(--control-text);border-radius:50%;width:6px;height:6px}.device-frame--ipad[data-astro-cid-aazyjcuy]{border-radius:25px;padding:13px 16px}.device-frame--ipad[data-astro-cid-aazyjcuy] img[data-astro-cid-aazyjcuy]{border-radius:11px}.device-frame--ipad[data-astro-cid-aazyjcuy]:before,.device-frame--iphone[data-astro-cid-aazyjcuy]:before,.device-frame--iphone[data-astro-cid-aazyjcuy]:after{content:"";background:var(--control-border);border:1px solid var(--text-muted);border-radius:2px;position:absolute}.device-frame--ipad[data-astro-cid-aazyjcuy]:before{width:26px;height:3px;top:-5px;right:25px}.device-frame--iphone[data-astro-cid-aazyjcuy]:before{width:3px;height:29px;top:78px;left:-5px}.device-frame--iphone[data-astro-cid-aazyjcuy]:after{width:3px;height:36px;top:93px;right:-5px}.device-camera[data-astro-cid-aazyjcuy]{background:var(--surface-raised);width:4px;height:4px;box-shadow:inset 0 0 0 1px var(--control-border);border-radius:50%;position:absolute}.device-frame--ipad[data-astro-cid-aazyjcuy] .device-camera[data-astro-cid-aazyjcuy]{top:50%;left:6px}.device-frame--iphone[data-astro-cid-aazyjcuy]{border-radius:31px;max-width:184px;padding:6px}.device-frame--iphone[data-astro-cid-aazyjcuy] img[data-astro-cid-aazyjcuy]{border-radius:0}.device-frame--iphone[data-astro-cid-aazyjcuy] .device-camera[data-astro-cid-aazyjcuy]{z-index:1;background:var(--sidebar-surface);border-radius:var(--radius-pill);width:48px;height:13px;top:12px;left:50%;transform:translate(-50%)}.device-status-bar[data-astro-cid-aazyjcuy]{height:25px;color:var(--text-primary);background:var(--app-background);border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;padding:0 11px;font-size:7px;font-weight:500;display:flex}.device-status-icons[data-astro-cid-aazyjcuy]{align-items:center;gap:3px;display:flex}.device-status-icons[data-astro-cid-aazyjcuy] i[data-astro-cid-aazyjcuy]:first-child{background:var(--text-primary);clip-path:polygon(0 100%,0 65%,25% 65%,25% 40%,50% 40%,50% 20%,75% 20%,75% 0,100% 0,100% 100%);width:7px;height:6px}.device-status-icons[data-astro-cid-aazyjcuy] i[data-astro-cid-aazyjcuy]:nth-child(2){border-top:2px solid var(--text-primary);border-radius:50%;width:7px;height:6px}.device-status-icons[data-astro-cid-aazyjcuy] i[data-astro-cid-aazyjcuy]:last-child{background:var(--text-primary);border-radius:1px;width:10px;height:5px}.device-home-area[data-astro-cid-aazyjcuy]{background:var(--app-background);border-radius:0 0 24px 24px;justify-content:center;align-items:center;height:12px;display:flex}.device-home-area[data-astro-cid-aazyjcuy] span[data-astro-cid-aazyjcuy]{background:var(--text-primary);border-radius:var(--radius-pill);width:38%;height:2px}figcaption[data-astro-cid-aazyjcuy]{padding-top:var(--space-xxl)}.device-name[data-astro-cid-aazyjcuy]{font-size:var(--type-small);color:var(--text-muted);margin-bottom:var(--space-sm)}figcaption[data-astro-cid-aazyjcuy] h3[data-astro-cid-aazyjcuy]{font-size:19px}.device-description[data-astro-cid-aazyjcuy]{margin-top:var(--space-sm);font-size:var(--type-small);color:var(--text-muted);line-height:1.6}.device-sample-caption[data-astro-cid-aazyjcuy]{margin-top:var(--space-xxxl)}.device-viewer[data-astro-cid-aazyjcuy]{border:1px solid var(--border);border-radius:var(--radius-xl);width:min(1280px,100vw - 48px);max-width:none;max-height:calc(100svh - 48px);color:var(--text-primary);background:var(--page-background);box-shadow:var(--shadow-overlay);padding:0}.device-viewer[data-astro-cid-aazyjcuy]::backdrop{background:var(--modal-barrier);backdrop-filter:blur(12px)}.device-viewer-content[data-astro-cid-aazyjcuy]{padding:var(--space-xl)}.device-viewer-header[data-astro-cid-aazyjcuy],.device-viewer-tools[data-astro-cid-aazyjcuy],.device-switcher[data-astro-cid-aazyjcuy],.device-viewer-actions[data-astro-cid-aazyjcuy]{align-items:center;gap:var(--space-sm);display:flex}.device-viewer-header[data-astro-cid-aazyjcuy],.device-viewer-tools[data-astro-cid-aazyjcuy]{justify-content:space-between}.device-viewer-header[data-astro-cid-aazyjcuy] h2[data-astro-cid-aazyjcuy]{font-size:22px}.device-viewer-header[data-astro-cid-aazyjcuy] .caption[data-astro-cid-aazyjcuy]{margin-top:var(--space-xs)}.device-viewer-tools[data-astro-cid-aazyjcuy]{margin-block:var(--space-xl);flex-wrap:wrap}.device-viewer[data-astro-cid-aazyjcuy] .app-button[data-astro-cid-aazyjcuy]{min-height:44px}.device-viewer[data-astro-cid-aazyjcuy] [data-astro-cid-aazyjcuy][hidden]{display:none}.device-switcher[data-astro-cid-aazyjcuy]{border:1px solid var(--border);border-radius:var(--radius-control);padding:3px}.device-switcher[data-astro-cid-aazyjcuy] [data-astro-cid-aazyjcuy][aria-pressed=true]{background:var(--control);color:var(--text-primary)}.device-viewer-canvas[data-astro-cid-aazyjcuy]{border-radius:var(--radius-lg);max-height:calc(100svh - 240px);padding:8px;overflow:auto}.device-viewer-frame[data-astro-cid-aazyjcuy]{--preview-native-width:1194px;justify-content:center;min-width:100%;display:flex}.device-viewer-frame[data-astro-cid-aazyjcuy] .device-frame{width:max-content;max-width:100%;margin:3px}.device-viewer-frame[data-astro-cid-aazyjcuy] .device-frame img{object-fit:contain;width:auto;max-width:100%;max-height:calc(100svh - 310px)}.device-viewer-frame[data-astro-cid-aazyjcuy] .device-frame--iphone{max-width:310px}.device-viewer-frame[data-astro-cid-aazyjcuy] .device-frame--iphone .device-status-bar{height:36px;font-size:10px}.device-viewer-frame[data-astro-cid-aazyjcuy] .device-frame--iphone .device-camera{width:64px;height:18px;top:16px}.device-viewer-frame[data-astro-cid-aazyjcuy] .device-frame--iphone .device-home-area{height:18px}.device-viewer-canvas[data-astro-cid-aazyjcuy].is-zoomed .device-viewer-frame[data-astro-cid-aazyjcuy]{justify-content:start}.device-viewer-canvas[data-astro-cid-aazyjcuy].is-zoomed .device-frame{width:var(--preview-native-width);max-width:none}.device-viewer-canvas[data-astro-cid-aazyjcuy].is-zoomed .device-frame img{width:100%;max-width:none;max-height:none}@media (width<=959px){.device-gallery[data-astro-cid-aazyjcuy]{grid-template-columns:1fr;gap:64px}.device-figure[data-astro-cid-aazyjcuy]{width:100%;max-width:600px;margin-inline:auto}.device-stage[data-astro-cid-aazyjcuy]{height:auto;padding:8px}.device-frame--ipad[data-astro-cid-aazyjcuy]{max-width:520px}.device-frame--iphone[data-astro-cid-aazyjcuy],.device-figure--iphone[data-astro-cid-aazyjcuy] .device-trigger[data-astro-cid-aazyjcuy]{max-width:250px}.device-figure--ipad[data-astro-cid-aazyjcuy] .device-trigger[data-astro-cid-aazyjcuy]{max-width:520px}.device-frame--iphone[data-astro-cid-aazyjcuy] .device-camera[data-astro-cid-aazyjcuy]{width:64px;height:18px;top:16px}.device-status-bar[data-astro-cid-aazyjcuy]{height:36px;padding-inline:18px;font-size:10px}.device-home-area[data-astro-cid-aazyjcuy]{height:18px}figcaption[data-astro-cid-aazyjcuy]{text-align:center;padding-top:var(--space-xl)}.device-sample-caption[data-astro-cid-aazyjcuy]{text-align:center}}@media (width<=600px){.device-viewer[data-astro-cid-aazyjcuy]{width:calc(100vw - 16px);max-height:calc(100svh - 16px)}.device-viewer-content[data-astro-cid-aazyjcuy]{padding:var(--space-md)}.device-viewer-tools[data-astro-cid-aazyjcuy]{margin-block:var(--space-md)}.device-viewer-canvas[data-astro-cid-aazyjcuy]{max-height:calc(100svh - 260px)}.device-viewer-frame[data-astro-cid-aazyjcuy] .device-frame img{max-height:calc(100svh - 340px)}.device-viewer-header[data-astro-cid-aazyjcuy] h2[data-astro-cid-aazyjcuy]{font-size:19px}}@media (prefers-reduced-motion:reduce){.device-frame[data-astro-cid-aazyjcuy]{transform:none}}@media (forced-colors:active){.device-frame[data-astro-cid-aazyjcuy]{box-shadow:none;border-color:canvastext}.device-stage[data-astro-cid-aazyjcuy]:before{display:none}}