.showcase:where(.astro-4mg53ixb){border:.0625rem solid var(--dashboard-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);gap:2.5rem;padding:2rem;display:grid}.title:where(.astro-4mg53ixb){align-items:center;gap:1rem;display:flex}.title:where(.astro-4mg53ixb) img:where(.astro-4mg53ixb){border-radius:var(--radius-md)}h2:where(.astro-4mg53ixb){color:var(--brand);margin:0;font-size:1.75rem}.title:where(.astro-4mg53ixb) p:where(.astro-4mg53ixb){color:var(--color-text-muted);margin:0}ul:where(.astro-4mg53ixb){margin:0;padding:0;list-style:none}.links:where(.astro-4mg53ixb){flex-wrap:wrap;gap:.5rem;display:flex}.link:where(.astro-4mg53ixb){border:.0625rem solid var(--color-border);color:inherit;font-family:var(--font-display);transition:background-color var(--transition-duration) var(--transition-ease), border-color var(--transition-duration) var(--transition-ease);border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.link:where(.astro-4mg53ixb):hover{border-color:var(--brand)}.link:where(.astro-4mg53ixb).primary{border-color:var(--brand);background:var(--brand);color:var(--color-surface)}.link:where(.astro-4mg53ixb).primary:hover{--brand-hover:color-mix(in srgb, var(--brand) 85%, var(--color-hover-mix));border-color:var(--brand-hover);background:var(--brand-hover)}.features:where(.astro-4mg53ixb){grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.75rem 2rem;display:grid}.features:where(.astro-4mg53ixb) li:where(.astro-4mg53ixb){align-items:start;gap:1rem;display:flex}.feature-icon:where(.astro-4mg53ixb){border-radius:var(--radius-md);background:color-mix(in srgb, var(--brand) 14%, transparent);width:2.5rem;height:2.5rem;color:var(--brand);flex:none;place-items:center;display:grid}h3:where(.astro-4mg53ixb){color:var(--color-text-muted);text-transform:uppercase;margin:0 0 1.5rem;font-size:1rem;letter-spacing:.075em!important}h4:where(.astro-4mg53ixb){color:var(--color-text);font-family:var(--font-display);margin:.125rem 0 0;font-size:1rem}.features:where(.astro-4mg53ixb) p:where(.astro-4mg53ixb){color:var(--color-text-muted);margin:.25rem 0 0;font-size:.875rem;line-height:1.5}.screenshots:where(.astro-4mg53ixb){scroll-snap-type:x mandatory;gap:.75rem;margin-inline:-2rem;padding:.25rem 2rem .75rem;scroll-padding-inline:2rem;display:flex;overflow-x:auto}.screenshots:where(.astro-4mg53ixb) li:where(.astro-4mg53ixb){scroll-snap-align:start;flex:none}.screenshots:where(.astro-4mg53ixb) img:where(.astro-4mg53ixb){border-radius:var(--radius-md);border:.0625rem solid var(--color-border);width:11.25rem;display:block}@media (width<40rem){.showcase:where(.astro-4mg53ixb){gap:2rem;padding:1.25rem}.screenshots:where(.astro-4mg53ixb){margin-inline:-1.25rem;padding-inline:1.25rem;scroll-padding-inline:1.25rem}}.hero:where(.astro-drg3oob5){min-height:min(42rem, calc(100dvh - var(--header-height) - 4rem));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3rem;margin-bottom:4rem;padding-block:2rem;display:grid}.eyebrow:where(.astro-drg3oob5){border:.0625rem solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:2rem;margin:0 0 1.25rem;padding:.375rem .875rem;font-size:.875rem;font-weight:600;display:inline-block}h1:where(.astro-drg3oob5){letter-spacing:-.02em;margin:0 0 1.25rem;font-size:clamp(2.25rem,4.5vw,3rem);font-weight:800}.lead:where(.astro-drg3oob5){max-width:36rem;color:var(--color-text-muted);margin:0 0 2rem;font-size:1.125rem}.actions:where(.astro-drg3oob5){flex-wrap:wrap;gap:.75rem;display:flex}.button:where(.astro-drg3oob5){border:.0625rem solid var(--color-border);background:var(--color-surface);color:inherit;font-family:var(--font-display);transition:background-color var(--transition-duration) var(--transition-ease), border-color var(--transition-duration) var(--transition-ease);border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.button:where(.astro-drg3oob5):hover{border-color:var(--color-accent)}.button:where(.astro-drg3oob5).primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.button:where(.astro-drg3oob5).primary:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.stats:where(.astro-drg3oob5){color:var(--color-text-muted);flex-wrap:wrap;gap:.5rem 1.75rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.stats:where(.astro-drg3oob5) strong:where(.astro-drg3oob5){color:var(--color-text);font-family:var(--font-display);font-size:1.25rem}.author:where(.astro-drg3oob5){color:var(--color-text-muted);transition:color var(--transition-duration) var(--transition-ease);align-items:center;gap:.625rem;margin-top:1.75rem;font-size:.9375rem;text-decoration:none;display:inline-flex}.author:where(.astro-drg3oob5):hover{color:var(--color-text)}.author:where(.astro-drg3oob5) img:where(.astro-drg3oob5){border-radius:50%}.phones:where(.astro-drg3oob5){width:23rem;height:28rem;position:relative}.phone:where(.astro-drg3oob5){border:.0625rem solid var(--color-border);background:var(--color-bg);border-radius:1.5rem;width:11rem;transition:transform .2s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 1rem 2.5rem #00000040}.phone:where(.astro-drg3oob5) img{width:100%;height:auto;transition:opacity .2s;display:block}.frames:where(.astro-drg3oob5){transform:translate(-115%,-48%)rotate(-8deg)}.kuper:where(.astro-drg3oob5){z-index:1;transform:translate(-50%,-52%)}.blueprint:where(.astro-drg3oob5){transform:translate(15%,-48%)rotate(8deg)}.phone:where(.astro-drg3oob5):hover{z-index:2}.frames:where(.astro-drg3oob5):hover{transform:translate(-115%,-50%)scale(1.04)}.kuper:where(.astro-drg3oob5):hover{transform:translate(-50%,-52%)scale(1.04)}.blueprint:where(.astro-drg3oob5):hover{transform:translate(15%,-50%)scale(1.04)}.phones:where(.astro-drg3oob5):has(.phone:hover) .phone:where(.astro-drg3oob5):not(:hover) img{opacity:.45}@media (prefers-reduced-motion:reduce){.phone:where(.astro-drg3oob5),.phone:where(.astro-drg3oob5) img{transition:none}}@media (width<56rem){.hero:where(.astro-drg3oob5){text-align:center;grid-template-columns:minmax(0,1fr);min-height:0}.lead:where(.astro-drg3oob5){margin-inline:auto}.actions:where(.astro-drg3oob5),.stats:where(.astro-drg3oob5){justify-content:center}.phones:where(.astro-drg3oob5){justify-self:center;width:min(22rem,100%);height:20rem}.phone:where(.astro-drg3oob5){width:8.5rem}}.dashboards:where(.astro-lcdefpme){gap:4rem;display:grid}