.commerce-page{overflow:clip}.commerce-journey{background:var(--secondary)}.commerce-demo-tools{flex-wrap:wrap;gap:8px;margin-block:24px;display:flex}.commerce-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:32px;display:grid}.commerce-stages>div{border-bottom:2px solid var(--border);color:var(--muted-foreground);align-items:center;gap:10px;padding-block:14px;display:flex}.commerce-stages>div.active{color:var(--foreground);border-color:var(--primary)}.commerce-stages svg{color:var(--primary);flex-shrink:0}.commerce-demo{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.commerce-browser{border:1px solid var(--border);background:var(--card);border-radius:8px;overflow:hidden}.commerce-browser-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;font-size:13px;display:flex}.commerce-browser-bar svg{color:var(--primary)}.commerce-store-image{object-fit:cover;width:100%;height:200px}.commerce-product-info{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:18px;display:flex}.commerce-product-info small{color:var(--muted-foreground)}.commerce-widget{padding:20px}.commerce-widget-heading{color:var(--primary);align-items:center;gap:10px;margin-bottom:18px;display:flex}.commerce-widget-message{background:var(--secondary);border-radius:8px;min-height:86px;padding:14px;font-size:15px;line-height:1.7}.commerce-widget-reply{min-height:78px;color:var(--primary);margin-top:12px;font-size:14px;line-height:1.7}.commerce-draft{border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;min-height:90px;margin-top:18px;padding:14px;font-size:13px;display:flex}.commerce-draft span{flex:1}.commerce-draft svg{color:var(--primary);flex-shrink:0}.commerce-call{min-width:0}.commerce-video-wrap{aspect-ratio:4/5;background:var(--social-screen);border-radius:8px;width:100%;position:relative;overflow:hidden}.commerce-video-wrap video{object-fit:cover;width:100%;height:100%}.commerce-call-overlay{background:var(--social-screen);color:var(--social-hero-ink);border:1px solid var(--device-rim);border-radius:8px;align-items:center;gap:14px;padding:16px;display:flex;position:absolute;inset:auto 16px 16px}.commerce-call-overlay>svg{color:var(--primary);flex-shrink:0}.commerce-call-overlay strong{font-size:16px;display:block}.commerce-call-overlay span{margin-top:5px;font-size:13px;display:block}.commerce-call-pending video{opacity:.35}.commerce-call-pending .commerce-call-overlay>svg{animation:1s ease-in-out infinite commerce-ring}.commerce-api{border-block:1px solid var(--border);align-items:flex-start;gap:22px;margin-top:30px;padding-block:30px;display:flex}.commerce-api>svg{color:var(--primary);flex-shrink:0}.commerce-api h3{margin:0 0 10px;font-size:23px}.commerce-api p{color:var(--muted-foreground);max-width:800px;line-height:1.7}.commerce-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px;display:grid}.commerce-feature{border-top:1px solid var(--border);padding-top:22px}.commerce-feature svg{color:var(--primary)}.commerce-feature h3{margin:14px 0 10px;font-size:20px}.commerce-feature p{color:var(--muted-foreground);line-height:1.7}@keyframes commerce-ring{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@media (width<=1050px){.commerce-demo{gap:18px}.commerce-widget{padding:16px}.commerce-video-wrap{aspect-ratio:3/5}}@media (width<=650px){.commerce-demo,.commerce-feature-grid{grid-template-columns:1fr}.commerce-video-wrap{aspect-ratio:4/5}.commerce-stages{grid-template-columns:1fr;gap:6px}.commerce-api{gap:16px}.commerce-api h3{font-size:20px}}@media (prefers-reduced-motion:reduce){.commerce-call-pending .commerce-call-overlay>svg{animation:none}}