/* RecensLabs — products (SaaS portfolio) page */

.products{padding:44px 0 20px;}
.product-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px;}

.product-card{display:flex; flex-direction:column; background:var(--white); border:1px solid var(--paper-dim); border-radius:20px; padding:30px 30px 26px; transition:transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;}
.product-card:hover{transform:translateY(-4px); box-shadow:0 28px 56px -30px rgba(91,76,255,0.42); border-color:var(--indigo-soft);}

.product-card-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:22px;}
.product-mark{width:48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:700; font-size:22px; color:var(--white); box-shadow:0 12px 24px -12px rgba(21,19,31,0.35);}
.mark-a{background:linear-gradient(135deg,var(--indigo),#4238C7);}
.mark-b{background:linear-gradient(135deg,#00B37E,#0E7C5A);}
.mark-c{background:linear-gradient(135deg,var(--coral),#D8412C);}
.mark-d{background:linear-gradient(135deg,var(--ink),#3A3450);}

.product-status{font-family:var(--font-mono); font-size:10.5px; font-weight:700; letter-spacing:0.02em; padding:5px 11px; border-radius:100px; display:inline-flex; align-items:center; gap:7px;}
.product-status::before{content:''; width:7px; height:7px; border-radius:50%;}
.status-onboarding{background:rgba(0,179,126,0.10); color:#0E7C5A;}
.status-onboarding::before{background:#12A87A;}
.status-invite{background:rgba(91,76,255,0.10); color:var(--indigo);}
.status-invite::before{background:var(--indigo);}
.status-internal{background:var(--paper-dim); color:var(--slate);}
.status-internal::before{background:var(--slate-light);}

.product-card h2{font-family:var(--font-display); font-size:24px; font-weight:700; letter-spacing:-0.01em; margin-bottom:4px;}
.product-pitch{font-family:var(--font-mono); font-size:12.5px; color:var(--indigo); margin-bottom:14px;}
.product-desc{font-size:14.5px; color:var(--slate); line-height:1.6; flex:1; margin-bottom:24px;}

.product-card-foot{display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:20px; border-top:1px solid var(--paper-dim);}
.product-card-foot .tag-row{display:flex; gap:6px; flex-wrap:wrap;}
.product-launch{font-family:var(--font-mono); font-size:12.5px; font-weight:700; color:var(--ink); white-space:nowrap; transition:color 0.16s ease, transform 0.16s ease;}
.product-card:hover .product-launch{color:var(--indigo); transform:translateX(2px);}

.products-note{margin-top:36px; font-family:var(--font-mono); font-size:12px; color:var(--slate-light); text-align:center; max-width:560px; margin-left:auto; margin-right:auto; line-height:1.6;}

@media(max-width:900px){
  .product-grid{grid-template-columns:1fr;}
}