.sr-site .product-hero-copy{flex-direction:column;gap:20px;display:flex}.sr-site .product-how-hero{max-width:840px;padding-top:64px;padding-bottom:64px}.sr-site .product-white{background:var(--card);border-top:1px solid var(--border)}.sr-site .product-features{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.sr-site .product-feature{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);flex-direction:column;gap:12px;padding:20px;display:flex}.sr-site .product-features-muted .product-feature{background:var(--background);gap:10px}.sr-site .product-icon{border-radius:var(--radius-md);background:var(--accent);width:32px;height:32px;color:var(--accent-foreground);justify-content:center;align-items:center;display:flex}.sr-site .product-roles{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:20px;display:grid}.sr-site .product-roles>div{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:16px;display:flex}.sr-site .product-steps{gap:64px}.sr-site .product-step{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:center;gap:40px;display:grid}.sr-site .product-screenshot{aspect-ratio:16/10;border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:var(--card);overflow:hidden}.sr-site .product-placeholder{aspect-ratio:3/2;text-align:center;background:#7f7f7f14;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;padding:12px;font:13px/1.3 system-ui,-apple-system,sans-serif;display:flex;position:relative}.sr-site .product-placeholder:after{content:"";opacity:.35;pointer-events:none;border:1.5px dashed;position:absolute;inset:0}.sr-site .product-placeholder svg{opacity:.45}.sr-site .product-placeholder-caption{letter-spacing:.01em;opacity:.75;max-width:90%;font-weight:500}
