.showcase.svelte-g02792{max-width:1248px;margin-inline:auto;padding-inline:24px;scroll-margin-top:80px}.showcase-grid.svelte-g02792{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.product-card.svelte-g02792{display:flex;min-width:0;flex-direction:column;gap:32px}h2.svelte-g02792{max-width:12ch;font-size:clamp(1.75rem,2.7vw,2.5rem);font-weight:600;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.app-views.svelte-g02792{display:flex;flex:1;align-items:center;justify-content:center;gap:12px;padding-top:8px}.app-views.svelte-g02792 img:where(.svelte-g02792){display:block;width:min(100%,240px);height:auto;border:1px solid rgb(255 255 255 / .12);border-radius:24px}.timeline.svelte-g02792{background:#edeae3;color:var(--color-night-middle)}.timeline.svelte-g02792 h2:where(.svelte-g02792){max-width:15ch}.timeline.svelte-g02792 .app-views:where(.svelte-g02792){align-items:flex-start;padding-bottom:24px}.timeline.svelte-g02792 img:where(.svelte-g02792){width:min(calc((100% - 12px)/2),192px);border-color:#07070d1f;border-radius:16px}.timeline.svelte-g02792 img:where(.svelte-g02792)+img:where(.svelte-g02792){margin-top:24px}.duo.svelte-g02792{overflow:hidden;padding:0;background:#efece5;color:var(--color-night-middle)}.duo.svelte-g02792>img:where(.svelte-g02792){display:block;width:100%;height:auto}.duo.svelte-g02792 figcaption:where(.svelte-g02792){padding:24px 32px}.duo.svelte-g02792 h2:where(.svelte-g02792){max-width:none;font-size:1.125rem;line-height:1.5;letter-spacing:-.02em}.has-entered.svelte-g02792{animation:svelte-g02792-card-enter .4s ease-out both}@keyframes svelte-g02792-card-enter{0%{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 640px){.showcase-grid.svelte-g02792{grid-template-columns:repeat(2,minmax(0,1fr))}.planning.svelte-g02792,.duo.svelte-g02792{grid-column:1 / -1}.planning.svelte-g02792{flex-direction:row;align-items:center;padding:48px}.planning.svelte-g02792 figcaption:where(.svelte-g02792){flex:1}.planning.svelte-g02792 h2:where(.svelte-g02792){font-size:clamp(2.5rem,3.7vw,3.25rem)}.planning.svelte-g02792 .app-views:where(.svelte-g02792){padding:0}}@media (min-width: 1024px){.showcase-grid.svelte-g02792{grid-template-columns:repeat(12,minmax(0,1fr))}.product-card.svelte-g02792{grid-column:span 4}.planning.svelte-g02792{grid-column:span 7;padding:32px}.timeline.svelte-g02792{grid-column:span 5}}@media (prefers-reduced-motion: reduce){.has-entered.svelte-g02792{animation:none}}