.step-card[data-astro-cid-mk3zicmo]{background-color:var(--color-bg-paper);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-card);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:var(--space-2xl)}.step-badge[data-astro-cid-mk3zicmo]{position:absolute;top:calc(-1 * var(--space-lg));left:50%;transform:translate(-50%);background:var(--color-accent-gradient);color:var(--color-text-on-dark);width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);box-shadow:var(--shadow-button)}h3[data-astro-cid-mk3zicmo]{font-size:var(--font-size-lg);color:var(--color-text-heading);margin-bottom:var(--space-sm)}p[data-astro-cid-mk3zicmo]{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.screenshot-slot[data-astro-cid-veu6ml5m]{display:flex;flex-direction:column;gap:var(--space-sm)}.screenshot-img[data-astro-cid-veu6ml5m]{width:100%;height:auto;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.screenshot-img[data-astro-cid-veu6ml5m]:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.screenshot-img-dark[data-astro-cid-veu6ml5m],html[data-theme=dark] .screenshot-img-light[data-astro-cid-veu6ml5m]{display:none}html[data-theme=dark] .screenshot-img-dark[data-astro-cid-veu6ml5m]{display:block}.screenshot-placeholder[data-astro-cid-veu6ml5m]{aspect-ratio:16 / 10;border:2px dashed var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-bg-section-alt);display:flex;align-items:center;justify-content:center}.placeholder-label[data-astro-cid-veu6ml5m]{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-text-secondary)}figcaption[data-astro-cid-veu6ml5m]{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.section[data-astro-cid-efixglxt]{padding:var(--section-padding-y) 0}.alt-section[data-astro-cid-efixglxt]{background-color:var(--color-bg-section-alt);border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider)}.steps-grid[data-astro-cid-efixglxt]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-xl);margin-top:var(--space-2xl)}.capability-list[data-astro-cid-efixglxt]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md);max-width:var(--max-width-content);margin:0 auto}.capability-list[data-astro-cid-efixglxt] li[data-astro-cid-efixglxt]{display:flex;align-items:flex-start;gap:var(--space-md);background-color:var(--color-bg-paper);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base);color:var(--color-text-primary)}.check-icon[data-astro-cid-efixglxt]{color:var(--color-success);font-weight:var(--font-weight-bold);flex-shrink:0}.screenshots-grid[data-astro-cid-efixglxt]{display:grid;gap:var(--space-xl);max-width:var(--max-width-content);margin:0 auto}.screenshots-grid[data-astro-cid-efixglxt].count-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.benefits-grid[data-astro-cid-efixglxt]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);max-width:var(--max-width-content);margin:0 auto}.benefit-card[data-astro-cid-efixglxt]{background-color:var(--color-bg-paper);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.benefit-card[data-astro-cid-efixglxt] h3[data-astro-cid-efixglxt]{font-size:var(--font-size-lg);color:var(--color-text-heading);margin-bottom:var(--space-sm)}.benefit-card[data-astro-cid-efixglxt] p[data-astro-cid-efixglxt]{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}@media(max-width:768px){.section[data-astro-cid-efixglxt]{padding:var(--section-padding-y-mobile) 0}}