/* Next Serve product pages. Uses the dark navy / cobalt look of internal-theme.css (loaded through enhancements.css). */
.pr-sec{position:relative;padding:95px max(4.5vw,32px);background:#090e14;border-bottom:1px solid #222d37;color:#f4f5f7}
.pr-sec.alt{background:#0b1118}
.pr-sec .label{color:#4d7dff;display:block;margin-bottom:14px}
.pr-sec h2{font-size:clamp(42px,5.2vw,78px);line-height:.92;margin:0 0 22px;max-width:980px}
.pr-sec h2 mark{color:#8f9cab}
.pr-intro{max-width:760px;font-size:18px;line-height:1.65;color:#aeb7c1;margin:0 0 44px}

.pr-status{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid #2f3b47;border-radius:999px;font:600 12px 'IBM Plex Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#cbd2d9;margin-bottom:6px;position:relative;z-index:1}
.pr-status:before{content:'';width:9px;height:9px;border-radius:50%;background:#8f9cab}
.pr-status.live:before{background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.18)}
.pr-status.early:before{background:#fbbf24;box-shadow:0 0 0 4px rgba(251,191,36,.16)}
.pr-status.soon:before{background:#4d7dff;box-shadow:0 0 0 4px rgba(77,125,255,.2)}
.pr-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px;position:relative;z-index:1}
.pr-actions .btn{border-radius:999px}
.pr-actions .btn.ghost{background:transparent;color:#fff;border-color:#3a4652}
.pr-actions .btn.ghost:hover{border-color:#4d7dff;color:#4d7dff}
.pr-actions .btn.wa{background:#2f5cff;border-color:#2f5cff;color:#fff}

.pr-note{max-width:820px;margin:0 0 36px;padding:16px 20px;border:1px solid #3a3320;background:rgba(251,191,36,.06);border-radius:14px;color:#e8d9a8;font-size:14px;line-height:1.6}
.pr-note b{color:#fbbf24}

.pr-split{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.pr-split>div{border:1px solid #26313c;border-radius:18px;padding:30px;background:#0c131b}
.pr-split h3{font:600 20px 'IBM Plex Sans',sans-serif;letter-spacing:0;margin:0 0 18px;color:#fff}
.pr-list{list-style:none;margin:0;padding:0}
.pr-list li{padding:13px 0 13px 28px;border-bottom:1px solid #212c36;color:#cbd2d9;font-size:15px;line-height:1.55;position:relative}
.pr-list li:last-child{border-bottom:0}
.pr-list li:before{content:'↗';position:absolute;left:0;top:13px;color:#2f5cff;font-weight:700}
.pr-list.x li:before{content:'×';color:#8f9cab;font-size:18px;top:10px}

.pr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pr-card{border:1px solid #26313c;border-radius:18px;padding:28px;background:#0c131b;transition:transform .25s ease,border-color .25s ease}
.pr-card:hover{transform:translateY(-4px);border-color:#2f5cff}
.pr-card .n{font:700 12px 'IBM Plex Sans',sans-serif;letter-spacing:.14em;color:#4d7dff}
.pr-card h3{font:600 24px 'IBM Plex Sans',sans-serif;letter-spacing:-.01em;margin:14px 0 10px;color:#fff}
.pr-card p{margin:0;color:#aeb7c1;font-size:15px;line-height:1.6}
.pr-card ul{list-style:none;margin:14px 0 0;padding:0}
.pr-card li{padding:7px 0 7px 22px;position:relative;color:#cbd2d9;font-size:14px;line-height:1.5}
.pr-card li:before{content:'';position:absolute;left:0;top:14px;width:8px;height:2px;background:#2f5cff}

.pr-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #29343f}
.pr-steps>div{padding:30px 26px 30px 0;border-bottom:1px solid #29343f}
.pr-steps b{display:block;font:700 13px 'IBM Plex Sans',sans-serif;letter-spacing:.14em;color:#4d7dff;margin-bottom:14px}
.pr-steps h3{font:600 22px 'IBM Plex Sans',sans-serif;letter-spacing:-.01em;margin:0 0 10px;color:#fff}
.pr-steps p{margin:0;color:#aeb7c1;font-size:15px;line-height:1.6}

.pr-faq{max-width:900px;border-top:1px solid #29343f}
.pr-faq details{border-bottom:1px solid #29343f;padding:0}
.pr-faq summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;font:600 19px 'IBM Plex Sans',sans-serif;color:#fff;position:relative}
.pr-faq summary::-webkit-details-marker{display:none}
.pr-faq summary:after{content:'+';position:absolute;right:6px;top:18px;font-size:26px;font-weight:400;color:#4d7dff}
.pr-faq details[open] summary:after{content:'–'}
.pr-faq details p{margin:0 0 24px;max-width:760px;color:#aeb7c1;font-size:16px;line-height:1.7}

.pr-family{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pr-family a{display:block;border:1px solid #26313c;border-radius:18px;padding:26px;background:#0c131b;color:#fff;transition:transform .25s ease,border-color .25s ease}
.pr-family a:hover{transform:translateY(-4px);border-color:#2f5cff}
.pr-family a.cur{border-color:#2f5cff;background:#0d1730}
.pr-family strong{display:block;font:600 26px 'IBM Plex Sans',sans-serif;letter-spacing:-.01em;margin:12px 0 6px}
.pr-family span.t{display:block;color:#8f9cab;font-size:13px;letter-spacing:.06em}
.pr-family p{margin:12px 0 0;color:#aeb7c1;font-size:14px;line-height:1.55}
.pr-family em{display:inline-block;margin-top:14px;font-style:normal;font-weight:700;color:#4d7dff;font-size:14px}

.pr-ctaband{padding:110px max(4.5vw,32px);background:linear-gradient(135deg,#0c1a44 0%,#0b1118 70%);border-bottom:1px solid #222d37;color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}
.pr-ctaband h2{font-size:clamp(52px,7vw,110px);line-height:.88;margin:0;max-width:900px}
.pr-ctaband h2 mark{color:#8f9cab}
.pr-ctaband p{color:#aeb7c1;font-size:18px;line-height:1.6;max-width:560px;margin:22px 0 0}
.pr-ctaband .pr-actions{margin-top:0;flex-direction:column;align-items:stretch;min-width:240px}

@media(max-width:900px){
.pr-sec{padding:75px 20px}
.pr-grid,.pr-family{grid-template-columns:1fr 1fr}
.pr-split{grid-template-columns:1fr}
.pr-steps{grid-template-columns:1fr 1fr}
.pr-ctaband{padding:80px 20px;flex-direction:column;align-items:flex-start}
.pr-ctaband .pr-actions{flex-direction:row;flex-wrap:wrap;min-width:0}
}
@media(max-width:560px){
.pr-grid,.pr-family,.pr-steps{grid-template-columns:1fr}
.pr-steps>div{padding-right:0}
.pr-card{padding:24px}
.pr-faq summary{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.pr-card,.pr-family a{transition:none}.pr-card:hover,.pr-family a:hover{transform:none}}
