#products.svelte-1ccbxwc{padding:84px 0 88px}.product-grid.svelte-1ccbxwc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card.svelte-1ccbxwc{background:var(--bg-panel);border:1px solid var(--bg-raised);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column}.product-image.svelte-1ccbxwc{width:100%;border:1px solid var(--bg-raised);border-radius:var(--radius-sm);margin-bottom:14px;background:var(--bg-hover)}.product-head.svelte-1ccbxwc{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.product-head.svelte-1ccbxwc h3:where(.svelte-1ccbxwc){font-size:.98rem;font-weight:700;color:var(--text-primary)}.status-badge.svelte-1ccbxwc{display:inline-flex;align-items:center;padding:3px 9px;border-radius:100px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-available.svelte-1ccbxwc{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:var(--color-live-text)}.status-preview.svelte-1ccbxwc{background:#8b5cf614;border:1px solid rgba(139,92,246,.2);color:var(--color-primary-text)}.status-alpha.svelte-1ccbxwc{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:var(--color-error-text)}.status-beta.svelte-1ccbxwc{background:#8b5cf614;border:1px solid rgba(139,92,246,.2);color:var(--color-primary-text)}.status-pilot.svelte-1ccbxwc{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:var(--color-warning-text)}.product-role.svelte-1ccbxwc{font-size:.74rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.product-summary.svelte-1ccbxwc{font-size:.87rem;line-height:1.6;margin-bottom:10px}.product-card.svelte-1ccbxwc ul:where(.svelte-1ccbxwc){list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}.product-card.svelte-1ccbxwc li:where(.svelte-1ccbxwc){font-size:.82rem;color:var(--text-secondary);position:relative;padding-left:14px;line-height:1.5}.product-card.svelte-1ccbxwc li:where(.svelte-1ccbxwc):before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--color-primary)}.card-link.svelte-1ccbxwc{margin-top:auto;display:inline-block;font-size:.82rem;font-weight:700;color:var(--color-primary-text);text-decoration:none;letter-spacing:.3px}.card-link.svelte-1ccbxwc:hover{color:var(--color-primary-hover)}.roadmap-card.svelte-1ccbxwc{margin-top:14px;padding:18px 20px;background:var(--bg-panel);border:1px dashed var(--bg-raised);border-radius:var(--radius)}.roadmap-card.svelte-1ccbxwc h3:where(.svelte-1ccbxwc){font-size:.86rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin-bottom:8px}.roadmap-list.svelte-1ccbxwc{list-style:none;margin:10px 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}.roadmap-list.svelte-1ccbxwc li:where(.svelte-1ccbxwc){font-size:.85rem;color:var(--text-secondary);line-height:1.5}.roadmap-card.svelte-1ccbxwc p:where(.svelte-1ccbxwc){font-size:.85rem;color:var(--text-secondary);margin-bottom:10px}.connect-strip.svelte-1ccbxwc{margin-top:42px;padding:26px;background:var(--bg-panel);border:1px solid var(--bg-raised);border-radius:var(--radius-lg)}.connect-top.svelte-1ccbxwc h3:where(.svelte-1ccbxwc){font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:10px}.connect-top.svelte-1ccbxwc h3:where(.svelte-1ccbxwc) span{color:var(--color-primary)}.connect-top.svelte-1ccbxwc p:where(.svelte-1ccbxwc){font-size:.84rem;color:var(--text-muted);margin-bottom:14px}.connect-flow.svelte-1ccbxwc{display:flex;align-items:stretch;justify-content:center;gap:8px;flex-wrap:wrap}.connect-control.svelte-1ccbxwc{margin-bottom:14px;padding:14px 16px;border-radius:var(--radius);background:linear-gradient(180deg,#141419f5,#1e1e26f5);border:1px solid rgba(139,92,246,.22)}.connect-control-badge.svelte-1ccbxwc{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#8b5cf61f;color:var(--color-primary-on-dark);font-size:.68rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px}.connect-control.svelte-1ccbxwc strong:where(.svelte-1ccbxwc){display:block;font-size:.95rem;color:#ededf0;margin-bottom:6px;font-family:var(--font-ui)}.connect-control.svelte-1ccbxwc p:where(.svelte-1ccbxwc){margin-bottom:0;font-size:.82rem;color:#9a9aa6;line-height:1.55}.connect-step.svelte-1ccbxwc{background:var(--bg-panel);border:1px solid var(--bg-raised);border-radius:var(--radius-sm);padding:10px 12px;min-width:140px;text-align:center}.connect-icon.svelte-1ccbxwc{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-primary-dim);border:1px solid rgba(139,92,246,.18);color:var(--color-primary-text);font-size:.68rem;font-weight:700;letter-spacing:.4px;margin-bottom:8px}.connect-step.svelte-1ccbxwc strong:where(.svelte-1ccbxwc){display:block;font-size:.82rem;color:var(--text-primary);margin-bottom:4px}.connect-step.svelte-1ccbxwc p:where(.svelte-1ccbxwc){font-size:.74rem;color:var(--text-muted);margin-bottom:0}.connect-arrow.svelte-1ccbxwc{display:inline-flex;align-items:center;color:var(--text-muted);font-size:1rem}@media(max-width:960px){.product-grid.svelte-1ccbxwc{grid-template-columns:1fr}}@media(max-width:680px){#products.svelte-1ccbxwc{padding:68px 0 72px}.product-card.svelte-1ccbxwc,.roadmap-card.svelte-1ccbxwc,.connect-strip.svelte-1ccbxwc{padding:18px}.connect-arrow.svelte-1ccbxwc{display:none}.connect-flow.svelte-1ccbxwc{display:grid;grid-template-columns:1fr;gap:10px}.connect-step.svelte-1ccbxwc{min-width:100%;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;text-align:left;align-items:center}.connect-icon.svelte-1ccbxwc{grid-row:1 / span 2;margin-bottom:0}.connect-step.svelte-1ccbxwc strong:where(.svelte-1ccbxwc){margin-bottom:0}.connect-step.svelte-1ccbxwc p:where(.svelte-1ccbxwc){font-size:.78rem}}@media(max-width:520px){.product-head.svelte-1ccbxwc{flex-direction:column;align-items:flex-start;gap:8px}.product-summary.svelte-1ccbxwc,.roadmap-list.svelte-1ccbxwc li:where(.svelte-1ccbxwc),.connect-top.svelte-1ccbxwc p:where(.svelte-1ccbxwc){font-size:.86rem}.connect-step.svelte-1ccbxwc{min-width:100%}}
