.feature-card{z-index:1;background:var(--color-light-purple-50);color:var(--color-dark-purple-500);border-radius:24px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:clip}.feature-card-header{justify-content:space-between;align-items:center;gap:16px;min-height:40px;display:flex}.feature-card-title{color:inherit;letter-spacing:-.03em;margin:0;font-size:25px;font-weight:600;line-height:1.5}.feature-card-link{color:inherit;text-decoration:none}.feature-card-link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.feature-card-link:focus,.feature-card-link:hover{color:inherit;text-decoration:none}.feature-card-link:focus-visible{outline:none}.feature-card:has(.feature-card-link:focus-visible){outline:3px solid var(--color-ribbon);outline-offset:3px}.feature-card-arrow{flex:none}.feature-card:is(:hover,:focus-within) .feature-card-arrow{background:var(--color-text-body-dark)}.feature-card-description{margin-top:8px;font-size:16px;font-weight:500;line-height:1.5}.feature-card-description :where(p){margin:0}.feature-card-description :where(a){z-index:2;color:var(--color-action);text-underline-offset:3px;text-decoration:underline;position:relative}.feature-card-stage{grid-template-columns:minmax(0,1fr);margin:24px 0 12px;display:grid}.feature-card-stage>*{grid-area:1/1}.feature-card-visual{aspect-ratio:448/383;margin-inline:-24px;transition:opacity .35s;position:relative;container-type:inline-size}.is-open .feature-card-visual{opacity:0}.feature-card-teaser{z-index:2;flex-direction:column;align-self:start;gap:16px;font-size:16px;font-weight:500;line-height:1.5;animation:.35s .1s both feature-card-teaser-in;display:flex;position:relative}.feature-card-teaser :where(h3,h4){letter-spacing:0;font-size:20px;font-weight:600;line-height:1.2}.feature-card-teaser :where(h3,h4)+:where(*){margin-top:8px}@keyframes feature-card-teaser-in{0%{opacity:0;transform:translateY(8px)}}.feature-card-toggle{z-index:2;align-self:center;margin-top:auto;position:relative}@media (width>=768px){.feature-card.is-wide .feature-card-description{max-width:560px}.feature-card.is-wide .feature-card-toggle{align-self:flex-start;margin-top:8px}.feature-card.is-wide .feature-card-stage{flex:1 0 auto;order:1;margin:40px 0 -24px}.feature-card.is-wide .feature-card-visual{aspect-ratio:920/303}}.feature-card.is-expanded{visibility:hidden}.feature-card-dialog{visibility:visible;overscroll-behavior:contain;background:var(--color-light-purple-50);width:min(1000px,100% - 32px);max-width:none;max-height:calc(100dvh - 64px);box-shadow:var(--shadow-raised);color:var(--color-dark-purple-500);border:0;border-radius:24px;margin:auto;padding:0;overflow:auto}.feature-card-dialog::backdrop{background:#0a0a2966}.feature-card-dialog-inner{flex-direction:column;padding:24px;display:flex;position:relative}@media (width>=768px){.feature-card-dialog-inner{padding:40px}}.feature-card-dialog-inner>.feature-card-title{padding-right:48px}.feature-card-dialog-close{z-index:1;position:absolute;top:16px;right:16px}.feature-card-dialog-body{flex-direction:column;gap:24px;margin-top:24px;font-size:16px;font-weight:500;line-height:1.5;display:flex}.feature-card-dialog-body :where(h3,h4){letter-spacing:0;font-size:20px;font-weight:600;line-height:1.2}.feature-card-dialog-body :where(h3,h4)+:where(*){margin-top:8px}.feature-card-dialog-body :where(img){border-radius:16px}html:has(.feature-card-dialog[open]){scrollbar-gutter:stable;overflow:hidden}:root{--feature-card-morph-duration:.45s}::view-transition-group(.feature-card-morph){animation-duration:var(--feature-card-morph-duration);animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-new(.feature-card-morph){animation-duration:var(--feature-card-morph-duration);animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(.feature-card-morph){animation-duration:var(--feature-card-morph-duration);animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-group(.feature-card-morph-box){background:var(--color-light-purple-50);box-shadow:var(--shadow-raised);border-radius:24px;overflow:clip}::view-transition-old(.feature-card-morph-box){width:auto;height:auto;animation:feature-card-morph-out calc(var(--feature-card-morph-duration)*.4) ease both}::view-transition-new(.feature-card-morph-box){display:none}@keyframes feature-card-morph-out{to{opacity:0}}::view-transition-new(.feature-card-morph-late){animation:feature-card-morph-late-in calc(var(--feature-card-morph-duration)*.4) ease var(--feature-card-morph-duration) both}::view-transition-old(.feature-card-morph-late){opacity:0;animation:none}@keyframes feature-card-morph-late-in{0%{opacity:0}}::view-transition-new(.feature-card-morph-text){width:auto;height:auto}::view-transition-old(.feature-card-morph-text){width:auto;height:auto}@media (prefers-reduced-motion:reduce){.feature-card-visual{transition:none}.feature-card-teaser{animation:none}}
