.panel-showcase.svelte-3ywryb{color:#dadee7;background:#080914;border:1px solid #1b1e2d;border-radius:8px;padding:12px;box-shadow:0 24px 80px #00000061}.showcase-toolbar.svelte-3ywryb{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.toolbar-copy.svelte-3ywryb p:where(.svelte-3ywryb),.feature-kicker.svelte-3ywryb{color:#62e44b;font-size:13px;line-height:16px;font-weight:800;text-transform:uppercase;margin:0 0 4px;letter-spacing:0}.toolbar-copy.svelte-3ywryb h2:where(.svelte-3ywryb){margin:0;font-size:20px;line-height:25px;font-weight:800}.platform-tabs.svelte-3ywryb{display:flex;gap:6px;align-items:center}.platform-tabs.svelte-3ywryb{padding:4px;background:#05060f;border:1px solid #1b1e2d;border-radius:8px}button.svelte-3ywryb{font:inherit}.platform-tab.svelte-3ywryb{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#939db8;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:color .15s ease-in-out,border-color .15s ease-in-out,background .15s ease-in-out;white-space:nowrap}.platform-tab.svelte-3ywryb{min-width:92px;min-height:36px;padding:0 10px;font-size:13px;font-weight:800}.platform-tab.svelte-3ywryb:hover,.platform-tab.svelte-3ywryb:focus-visible{color:#dadee7;border-color:#2d3143;outline:none}.platform-tab.active.svelte-3ywryb{color:#183042;background:#62e44b;border-color:#62e44b}.showcase-grid.svelte-3ywryb{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:stretch}.device-shell.svelte-3ywryb,.feature-panel.svelte-3ywryb{background:#05060f;border:1px solid #1b1e2d;border-radius:8px;overflow:hidden}.device-shell.svelte-3ywryb{min-width:0;align-self:start;box-shadow:0 18px 64px #00000047}.browser-chrome.svelte-3ywryb,.desktop-chrome.svelte-3ywryb,.phone-status.svelte-3ywryb{background:#1b1e2d;border-bottom:1px solid #2d3143}.browser-chrome.svelte-3ywryb,.desktop-chrome.svelte-3ywryb{display:flex;align-items:center;gap:12px;height:32px;padding:0 12px}.browser-dots.svelte-3ywryb,.window-controls.svelte-3ywryb{display:flex;gap:6px;flex:0 0 auto}.browser-dots.svelte-3ywryb span:where(.svelte-3ywryb),.window-controls.svelte-3ywryb span:where(.svelte-3ywryb){display:block;width:10px;height:10px;border-radius:50%;background:#2d3143}.browser-dots.svelte-3ywryb span:where(.svelte-3ywryb):nth-child(1),.window-controls.mac.svelte-3ywryb span:where(.svelte-3ywryb):nth-child(1){background:#ebc881}.browser-dots.svelte-3ywryb span:where(.svelte-3ywryb):nth-child(2),.window-controls.mac.svelte-3ywryb span:where(.svelte-3ywryb):nth-child(2){background:#62e44b}.browser-dots.svelte-3ywryb span:where(.svelte-3ywryb):nth-child(3),.window-controls.mac.svelte-3ywryb span:where(.svelte-3ywryb):nth-child(3){background:#939db8}.window-controls.windows.svelte-3ywryb{margin-left:auto;order:2}.window-controls.windows.svelte-3ywryb span:where(.svelte-3ywryb){width:12px;height:12px;border-radius:2px;background:#939db8;opacity:.72}.address-bar.svelte-3ywryb,.app-title.svelte-3ywryb{display:flex;align-items:center;gap:8px;min-width:0;color:#939db8}.address-bar.svelte-3ywryb{flex:1;height:20px;padding:0 12px;background:#0b0c14;border:1px solid #2d3143;border-radius:6px;font-size:12px}.app-title.svelte-3ywryb{font-size:13px;font-weight:800}.phone-status.svelte-3ywryb{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 22px;border-bottom:none}.phone-time.svelte-3ywryb{color:#dadee7;font-size:14px;font-weight:800}.phone-icons.svelte-3ywryb,.signal-bars.svelte-3ywryb,.wifi-mark.svelte-3ywryb,.battery-mark.svelte-3ywryb{display:flex;align-items:flex-end}.phone-icons.svelte-3ywryb{gap:10px}.signal-bars.svelte-3ywryb{gap:2px;height:18px}.signal-bars.svelte-3ywryb span:where(.svelte-3ywryb){width:3px;background:#dadee7;border-radius:2px 2px 0 0}.wifi-mark.svelte-3ywryb{position:relative;width:18px;height:14px;justify-content:center}.wifi-mark.svelte-3ywryb span:where(.svelte-3ywryb){position:absolute;bottom:0;border:2px solid #dadee7;border-bottom:0;border-left-color:transparent;border-right-color:transparent;border-radius:16px 16px 0 0}.wifi-mark.svelte-3ywryb span:where(.svelte-3ywryb):nth-child(1){width:18px;height:12px}.wifi-mark.svelte-3ywryb span:where(.svelte-3ywryb):nth-child(2){width:10px;height:7px}.battery-mark.svelte-3ywryb{width:24px;height:12px;border:1.5px solid #dadee7;border-radius:3px;padding:2px;position:relative}.battery-mark.svelte-3ywryb:after{content:"";position:absolute;right:-4px;top:3px;width:2px;height:5px;background:#dadee7;border-radius:0 2px 2px 0}.battery-mark.svelte-3ywryb span:where(.svelte-3ywryb){display:block;width:82%;height:100%;background:#62e44b;border-radius:2px}.frame-mobile.svelte-3ywryb{width:min(430px,100%);margin:0 auto;border-radius:32px;border:10px solid #05060f;box-shadow:0 0 0 1px #2d3143,0 20px 54px #00000070}.frame-mobile.svelte-3ywryb .screen-viewport:where(.svelte-3ywryb){border-radius:0 0 22px 22px}.screen-viewport.svelte-3ywryb{position:relative;background:#05060f;overflow:hidden}.screen-viewport.svelte-3ywryb img:where(.svelte-3ywryb){display:block;width:100%;height:100%;object-fit:contain}.hotspot-svg.svelte-3ywryb,.hotspot-buttons.svelte-3ywryb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hotspot-svg.svelte-3ywryb{display:block;pointer-events:none}.hotspot-rect.svelte-3ywryb{fill:#62e44b0b;stroke:#62e44bad;stroke-width:.28;vector-effect:non-scaling-stroke;opacity:0}.hotspot-rect.tone-bronze.svelte-3ywryb{fill:#ebc8810e;stroke:#ebc881b8}.hotspot-rect.tone-neutral.svelte-3ywryb{fill:#dadee703;stroke:#dadee72e;opacity:0}.hotspot-rect.active.svelte-3ywryb{opacity:0;stroke-width:.46}.hotspot-rect.tone-neutral.active.svelte-3ywryb{opacity:0}.hotspot-button.svelte-3ywryb{position:absolute;box-sizing:border-box;padding:0;font:inherit;background:transparent;border:0;color:#183042;cursor:pointer;text-decoration:none}.hotspot-button.svelte-3ywryb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #62e44b;border-radius:6px;background:#62e44b11;box-shadow:0 0 0 1px #62e44b3d inset,0 0 28px #62e44b6b;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out,box-shadow .15s ease-in-out}.hotspot-button.tone-bronze.svelte-3ywryb:after{border-color:#62e44b;background:#62e44b11;box-shadow:0 0 0 1px #62e44b3d inset,0 0 28px #62e44b6b}.hotspot-button.tone-neutral.svelte-3ywryb:after{border-color:#62e44bb8;background:#62e44b0b;box-shadow:0 0 0 1px #62e44b29 inset,0 0 24px #62e44b4d}.hotspot-button.svelte-3ywryb:hover:after,.hotspot-button.svelte-3ywryb:focus-visible:after{opacity:1}.hotspot-button.quiet.svelte-3ywryb:after,.hotspot-button.quiet.svelte-3ywryb:hover:after,.hotspot-button.quiet.svelte-3ywryb:focus-visible:after{opacity:0}.hotspot-button.svelte-3ywryb:focus-visible{outline:3px solid #7affa6;outline-offset:5px}.hotspot-button.quiet.svelte-3ywryb:focus-visible{outline:none}.hotspot-button.target.svelte-3ywryb{cursor:pointer}.feature-panel.svelte-3ywryb{display:grid;grid-template-columns:minmax(170px,260px) minmax(0,1fr);gap:12px 16px;align-items:center;min-height:100%;padding:12px}.feature-panel.svelte-3ywryb h3:where(.svelte-3ywryb){margin:0;font-size:18px;line-height:23px;font-weight:900}.feature-copy.svelte-3ywryb{min-width:0}.feature-panel.svelte-3ywryb p:where(.svelte-3ywryb):last-child{margin:0;color:#939db8;font-size:13px;line-height:20px}.compact.svelte-3ywryb{padding:8px}.compact.svelte-3ywryb .showcase-grid:where(.svelte-3ywryb){gap:8px}.compact.svelte-3ywryb .browser-chrome:where(.svelte-3ywryb){height:28px}.compact.svelte-3ywryb .address-bar:where(.svelte-3ywryb){height:18px;font-size:10px}.compact.svelte-3ywryb .feature-panel:where(.svelte-3ywryb){min-height:0;padding:10px;grid-template-columns:1fr}.compact.svelte-3ywryb .feature-kicker:where(.svelte-3ywryb){font-size:11px;line-height:14px}.compact.svelte-3ywryb .feature-panel:where(.svelte-3ywryb) h3:where(.svelte-3ywryb){font-size:15px;line-height:19px;margin-bottom:4px}.compact.svelte-3ywryb .feature-panel:where(.svelte-3ywryb) p:where(.svelte-3ywryb):last-child{font-size:12px;line-height:17px}.compact.overlay-feature.svelte-3ywryb .showcase-grid:where(.svelte-3ywryb){position:relative;display:block}.compact.overlay-feature.svelte-3ywryb .device-shell:where(.svelte-3ywryb){width:100%}.compact.overlay-feature.svelte-3ywryb .feature-panel:where(.svelte-3ywryb){position:absolute;right:10px;bottom:34px;left:10px;z-index:2;display:block;border-color:#2d3143c7;background:#05060fc2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.compact.overlay-feature.svelte-3ywryb .feature-kicker:where(.svelte-3ywryb){margin-bottom:2px}.compact.overlay-feature.svelte-3ywryb .feature-panel:where(.svelte-3ywryb) h3:where(.svelte-3ywryb){margin-bottom:3px}.compact.overlay-feature.svelte-3ywryb .feature-panel:where(.svelte-3ywryb) p:where(.svelte-3ywryb):last-child{color:#dadee7}@media(max-width:980px){.showcase-toolbar.svelte-3ywryb{align-items:stretch;flex-direction:column}.platform-tabs.svelte-3ywryb{overflow-x:auto}.showcase-grid.svelte-3ywryb{grid-template-columns:1fr}.feature-panel.svelte-3ywryb{grid-template-columns:1fr;min-height:0}}@media(min-width:1180px){.panel-showcase.svelte-3ywryb:not(.compact) .showcase-grid:where(.svelte-3ywryb){grid-template-columns:minmax(0,1fr) minmax(270px,300px);align-items:stretch}.panel-showcase.svelte-3ywryb:not(.compact) .feature-panel:where(.svelte-3ywryb){grid-template-columns:1fr;align-content:start;min-height:0;padding:16px}.panel-showcase.svelte-3ywryb:not(.compact) .feature-panel:where(.svelte-3ywryb) h3:where(.svelte-3ywryb){font-size:22px;line-height:28px}.panel-showcase.svelte-3ywryb:not(.compact) .feature-panel:where(.svelte-3ywryb) p:where(.svelte-3ywryb):last-child{font-size:14px;line-height:22px}}@media(max-width:560px){.panel-showcase.svelte-3ywryb{padding:8px}.toolbar-copy.svelte-3ywryb h2:where(.svelte-3ywryb),.feature-panel.svelte-3ywryb h3:where(.svelte-3ywryb){font-size:19px;line-height:24px}.platform-tab.svelte-3ywryb{min-width:auto;min-height:36px;padding:0 10px}.platform-tab.svelte-3ywryb span:where(.svelte-3ywryb){display:none}.frame-mobile.svelte-3ywryb{border-width:7px;border-radius:28px;width:min(390px,100%)}.phone-status.svelte-3ywryb{height:40px;padding:0 18px}}@media(prefers-reduced-motion:reduce){.platform-tab.svelte-3ywryb,.hotspot-button.svelte-3ywryb:after{transition:none}}.sr-only.svelte-3ywryb{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}