.products-page { min-height: calc(100vh - var(--top-h)); padding: 28px 20px 76px; background: #000; }
.products-hero { padding: 42px 0 28px; }
.products-hero .hero__bg { opacity: .28; }
.products-hero .hero__title-main { font-size: clamp(2.1rem, 4vw, 3.7rem); }
.products-hero .hero__title-sub { margin-top: 5px; color: var(--ink-dim); font-size: clamp(1rem, 1.8vw, 1.25rem); font-weight: 500; }
.products-hero .hero__desc { max-width: 520px; margin-inline: auto; }
.products-stack { max-width: 1060px; margin-inline: auto; }
.products-page .hero__products { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 980px; gap: 12px; margin-bottom: 0; }
.products-page .product-card { min-height: 330px; padding: 24px; border-radius: 18px; border-color: rgba(255,255,255,.10); background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.012)); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); align-items: center; text-align: center; }
.products-page .product-card::before { display: none; }
.products-page .product-card:hover { transform: translateY(-4px); border-color: rgba(166,176,255,.42); background: linear-gradient(145deg, rgba(166,176,255,.10), rgba(255,255,255,.018)); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 16px 38px rgba(0,0,0,.35); }
.products-page .product-card__icon { width: 70px; height: 70px; padding: 3px; margin: 0 0 17px; border-radius: 18px; border-color: rgba(255,255,255,.11); background: rgba(0,0,0,.35); }
.products-page .product-card__img { width: 100%; height: 100%; border-radius: 14px; }
.products-page .product-card__wordmark { height: 70px; display: flex; align-items: center; justify-content: center; margin-bottom: 17px; color: #f2f3f8; font-weight: 800; font-size: 1.1rem; letter-spacing: .13em; }
.products-page .product-card__wordmark--midnight { font-weight: 600; letter-spacing: .2em; }
.products-page .product-card__wordmark--xone { font-size: 1.45rem; letter-spacing: -.08em; font-style: italic; }
.products-page .product-card__tag { margin-bottom: 13px; color: #aeb9ff; border-color: rgba(166,176,255,.32); }
.products-page .product-card__tag--premium { color: #d6b36a; border-color: rgba(214,179,106,.30); }
.products-page .product-card__tag--elite { color: #cc9ed4; border-color: rgba(204,158,212,.30); }
.products-page .product-card__name { font-size: 1.13rem; letter-spacing: .04em; margin-bottom: 8px; }
.products-page .product-card__desc { min-height: 50px; margin-bottom: 20px; }
.products-page .product-card__btn { margin-top: auto; border-radius: 10px; }
.products-referral { max-width: 980px; margin: 54px auto 0; text-align: center; }
.products-referral__eyebrow { color: #aeb9ff; font-size: .68rem; font-weight: 800; letter-spacing: .13em; }
.products-referral h2 { margin: 8px 0; font-size: clamp(1.25rem, 2vw, 1.65rem); }
.products-referral__heading p { color: var(--ink-dim); margin: 0 auto; max-width: 610px; font-size: .92rem; }
.products-referral__offers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 32px 0 25px; }
.referral-offer { display: flex; gap: 13px; align-items: center; padding: 5px 24px; border-right: 1px solid rgba(255,255,255,.13); text-align: left; }
.referral-offer:first-child { padding-left: 0; }.referral-offer:last-child { padding-right: 0; border-right: 0; }
.referral-offer__number { color: #bdc6ff; font-size: 1.4rem; font-weight: 800; letter-spacing: -.05em; }
.referral-offer strong, .referral-offer span { display: block; }
.referral-offer strong { font-size: .88rem; }
.referral-offer div span { margin-top: 2px; color: var(--ink-faint); font-size: .75rem; line-height: 1.35; }
.products-referral__support { margin: 0; color: #d9deff; font-size: .84rem; font-weight: 600; }
@media (max-width: 760px) { .products-page { padding-inline: 14px; } .products-page .hero__products, .products-referral__offers { grid-template-columns: 1fr; } .products-page .product-card { min-height: 280px; } .referral-offer,.referral-offer:first-child,.referral-offer:last-child{padding:16px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.referral-offer:last-child{border-bottom:0} }

/* Clean product directory: no grey container cards. */
.products-page{width:min(1320px,100%);margin:0 auto;padding-top:58px;background:transparent}.products-hero{padding:22px 0 45px}.products-hero .hero__content{padding:0}.products-hero .hero__title-main{font-size:clamp(2.25rem,5vw,4.4rem);letter-spacing:-.065em}.products-hero .hero__desc{margin-top:15px;color:#727680}.products-stack{max-width:1120px}.products-page .hero__products{max-width:none;gap:0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.products-page .product-card{min-height:300px;padding:36px 30px;border:0;border-right:1px solid rgba(255,255,255,.09);border-radius:0;background:transparent;box-shadow:none}.products-page .product-card:last-child{border-right:0}.products-page .product-card:hover{transform:none;border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.018);box-shadow:none}.products-page .product-card__icon{width:62px;height:62px;border-radius:15px;background:#030304}.products-page .product-card__btn{width:auto;min-width:190px;background:transparent;border-color:rgba(255,255,255,.16);color:#e9eaf0;box-shadow:none}.products-page .product-card__btn:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.055);box-shadow:none}.products-referral{margin-top:68px}.products-referral h2{margin-top:0}.products-referral__heading p{color:#737781}@media(max-width:760px){.products-page{padding-top:35px}.products-page .hero__products{border-bottom:0}.products-page .product-card{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}}
