.feature-grid.svelte-ivvefq{display:grid;gap:2rem;width:100%}.feature-row.svelte-ivvefq{display:flex;flex-direction:column;gap:2rem;width:100%}.feature-column-pairs.svelte-ivvefq{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%}.feature-card.svelte-ivvefq{border-radius:1rem;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.feature-card.layout-row.svelte-ivvefq{flex-direction:row;align-items:stretch;gap:0}.feature-card.layout-column-pairs.svelte-ivvefq{flex-direction:column;background:#fff;box-shadow:0 8px 16px #00000014;border:1px solid #e5e7eb}.feature-card.svelte-ivvefq:hover{transform:translateY(-4px)}.style-default.svelte-ivvefq{padding:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #f3f4f6}.style-default.svelte-ivvefq:hover{box-shadow:0 12px 24px #0000001a}.style-minimal.svelte-ivvefq{padding:1.5rem;border:2px solid #f3f4f6}.style-minimal.svelte-ivvefq:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0255821a}.feature-icon.svelte-ivvefq{width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff;font-size:1.75rem;flex-shrink:0}.style-minimal.svelte-ivvefq .feature-icon:where(.svelte-ivvefq){width:56px;height:56px;font-size:1.5rem}.style-detailed.svelte-ivvefq .feature-icon:where(.svelte-ivvefq){width:72px;height:72px;font-size:2rem}.feature-content.svelte-ivvefq{flex:1;display:flex;flex-direction:column}.feature-title.svelte-ivvefq{font-size:1.25rem;font-weight:600;color:var(--color-primary);margin:0 0 1rem;line-height:1.3}.style-detailed.svelte-ivvefq .feature-title:where(.svelte-ivvefq){font-size:1.375rem}.feature-description.svelte-ivvefq{font-size:1rem;line-height:1.6;color:#6b7280;margin:0 0 1.5rem;flex:1}.feature-benefits.svelte-ivvefq{list-style:none;padding:0;margin:0 0 1.5rem}.feature-benefits.svelte-ivvefq li:where(.svelte-ivvefq){display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.875rem;color:#374151}.feature-benefits.svelte-ivvefq i:where(.svelte-ivvefq){color:var(--color-green);font-size:.875rem;flex-shrink:0}.feature-image.svelte-ivvefq{margin-top:auto;border-radius:.5rem;overflow:hidden;border:1px solid #f3f4f6}.feature-image.svelte-ivvefq img:where(.svelte-ivvefq){width:100%;height:auto;display:block}.feature-screenshot.svelte-ivvefq{flex:0 0 50%;min-height:400px;display:flex;padding:1rem;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:pointer;background:none;border:none;width:100%}.layout-column-pairs.svelte-ivvefq .feature-screenshot:where(.svelte-ivvefq){flex:0 0 auto;min-height:250px;max-height:300px;border-bottom:1px solid #e5e7eb}.feature-screenshot.svelte-ivvefq img:where(.svelte-ivvefq),.feature-screenshot.svelte-ivvefq video:where(.svelte-ivvefq){width:100%;height:100%;object-fit:contain;display:block;transition:all .3s ease}.screenshot-overlay.svelte-ivvefq{position:absolute;top:0;left:0;right:0;bottom:0;background:#02558266;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.magnifying-glass.svelte-ivvefq{width:48px;height:48px;color:#fff;transform:translateY(10px);transition:transform .3s ease}.feature-screenshot.svelte-ivvefq:hover .screenshot-overlay:where(.svelte-ivvefq){opacity:1}.feature-screenshot.svelte-ivvefq:hover .magnifying-glass:where(.svelte-ivvefq){transform:translateY(0)}.feature-screenshot.svelte-ivvefq:hover img:where(.svelte-ivvefq),.feature-screenshot.svelte-ivvefq:hover video:where(.svelte-ivvefq){filter:brightness(.8)}.feature-main.svelte-ivvefq{flex:1;display:flex;flex-direction:column;padding:3rem}.layout-row.svelte-ivvefq .feature-main:where(.svelte-ivvefq){flex-direction:row;gap:2rem}.layout-column-pairs.svelte-ivvefq .feature-main:where(.svelte-ivvefq){flex-direction:row;gap:1.5rem;padding:2rem}.layout-row.svelte-ivvefq .feature-icon:where(.svelte-ivvefq){margin-bottom:0}.layout-row.svelte-ivvefq .feature-content:where(.svelte-ivvefq){flex:1}.layout-column-pairs.svelte-ivvefq .feature-icon:where(.svelte-ivvefq){margin-bottom:0;align-self:flex-start}.layout-column-pairs.svelte-ivvefq .feature-content:where(.svelte-ivvefq){flex:1}.style-default.layout-row.svelte-ivvefq{box-shadow:0 8px 16px #00000014;border:1px solid #e5e7eb}.style-default.layout-row.svelte-ivvefq:hover{box-shadow:0 20px 40px #00000026;border-color:#d1d5db}.feature-card.layout-column-pairs.svelte-ivvefq:hover{box-shadow:0 16px 32px #0000001f;border-color:#d1d5db}.style-detailed.layout-row.svelte-ivvefq .feature-title:where(.svelte-ivvefq){font-size:1.5rem;margin-bottom:1.25rem}.style-detailed.layout-row.svelte-ivvefq .feature-description:where(.svelte-ivvefq){font-size:1.05rem;margin-bottom:2rem}.style-detailed.layout-row.svelte-ivvefq .feature-benefits:where(.svelte-ivvefq){font-size:.95rem}.style-detailed.layout-row.svelte-ivvefq .feature-benefits:where(.svelte-ivvefq) li:where(.svelte-ivvefq){padding:.625rem 0}@media (max-width: 1024px){.feature-grid.svelte-ivvefq{grid-template-columns:repeat(2,1fr)!important}.feature-column-pairs.svelte-ivvefq{grid-template-columns:1fr;gap:1.5rem}.feature-card.layout-row.svelte-ivvefq{flex-direction:column}.feature-screenshot.svelte-ivvefq{flex:0 0 auto;min-height:200px;max-height:250px;border-right:none;border-bottom:none;margin-bottom:1rem}.feature-screenshot.svelte-ivvefq img:where(.svelte-ivvefq),.feature-screenshot.svelte-ivvefq video:where(.svelte-ivvefq){padding:1rem;border-radius:.5rem;box-shadow:0 4px 12px #0000001a}.layout-row.svelte-ivvefq .feature-main:where(.svelte-ivvefq){flex-direction:column;padding:2rem 1.5rem}.layout-row.svelte-ivvefq .feature-icon:where(.svelte-ivvefq){margin-bottom:1rem;align-self:flex-start}.layout-row.svelte-ivvefq .feature-content:where(.svelte-ivvefq){text-align:left}.layout-row.svelte-ivvefq .feature-title:where(.svelte-ivvefq){font-size:1.25rem;margin-bottom:.75rem}.layout-row.svelte-ivvefq .feature-description:where(.svelte-ivvefq){font-size:.95rem;line-height:1.5;margin-bottom:1rem}.layout-column-pairs.svelte-ivvefq .feature-main:where(.svelte-ivvefq){flex-direction:column;padding:1.5rem}.screenshot-overlay.svelte-ivvefq{background:#0000004d}.magnifying-glass.svelte-ivvefq{width:40px;height:40px}.layout-column-pairs.svelte-ivvefq .feature-icon:where(.svelte-ivvefq){margin-bottom:1rem;align-self:flex-start}.layout-column-pairs.svelte-ivvefq .feature-screenshot:where(.svelte-ivvefq){min-height:180px;max-height:220px}}@media (max-width: 768px){.feature-grid.svelte-ivvefq,.feature-column-pairs.svelte-ivvefq{grid-template-columns:1fr!important;gap:1.5rem}.feature-row.svelte-ivvefq{gap:1.5rem}.feature-card.layout-row.svelte-ivvefq{background:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;overflow:hidden}.style-default.svelte-ivvefq,.style-detailed.svelte-ivvefq{padding:0}.style-minimal.svelte-ivvefq{padding:1.25rem}.feature-icon.svelte-ivvefq{width:48px;height:48px;font-size:1.25rem}.style-detailed.svelte-ivvefq .feature-icon:where(.svelte-ivvefq){width:52px;height:52px;font-size:1.5rem}.feature-title.svelte-ivvefq{font-size:1.125rem}.style-detailed.svelte-ivvefq .feature-title:where(.svelte-ivvefq){font-size:1.25rem}}button.feature-screenshot.svelte-ivvefq:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.lightbox.svelte-ivvefq{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;cursor:pointer;animation:svelte-ivvefq-fadeIn .3s ease}@keyframes svelte-ivvefq-fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content.svelte-ivvefq{position:relative;max-width:80vw;max-height:80vh;cursor:default}.lightbox-content.svelte-ivvefq img:where(.svelte-ivvefq),.lightbox-content.svelte-ivvefq video:where(.svelte-ivvefq){width:100%;max-width:70vw;height:100%;max-height:70vh;object-fit:contain;border-radius:.5rem;box-shadow:0 20px 60px #00000080;animation:svelte-ivvefq-scaleIn .3s ease}@keyframes svelte-ivvefq-scaleIn{0%{transform:scale(.9)}to{transform:scale(1)}}.lightbox-close.svelte-ivvefq{position:absolute;top:-50px;right:-50px;width:50px;height:50px;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.lightbox-close.svelte-ivvefq:hover{transform:scale(1.1);box-shadow:0 6px 16px #02558266}.lightbox-close.svelte-ivvefq svg:where(.svelte-ivvefq){width:24px;height:24px;color:#374151}@media (max-width: 768px){.lightbox.svelte-ivvefq{padding:1rem}.lightbox-close.svelte-ivvefq{top:10px;right:10px;width:45px;height:45px}.lightbox-close.svelte-ivvefq svg:where(.svelte-ivvefq){width:22px;height:22px}}