/* product.html page styles (scoped under body.rx) */
body.rx .px-hero-media{overflow:visible}
body.rx .px-phones{position:relative;display:flex;justify-content:center;align-items:flex-end;width:100%;max-width:560px;padding:0 8px 8px}
body.rx .px-phone{flex:0 0 auto;background:#0b0c1c;border-radius:34px;padding:7px;box-shadow:0 30px 60px rgba(5,4,30,.55),inset 0 0 0 1.5px rgba(255,255,255,.16);overflow:hidden}
body.rx .px-phone img{display:block;width:100%;height:auto;max-width:none;border-radius:27px}
body.rx .px-phone--center{width:min(100%,300px);position:relative;z-index:2}
body.rx .px-phone--side{width:36%;position:relative;z-index:1;opacity:.92}
body.rx .px-phone--left{margin-right:-7%;transform:rotate(-6deg) translateY(22px)}
body.rx .px-phone--right{margin-left:-7%;transform:rotate(6deg) translateY(22px)}

/* not-a-chatbot card */
body.rx .px-power{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:center;background:var(--rx-lilac-2,#ebe5ff);border-radius:24px;padding:36px 40px}
body.rx .px-power-copy p{margin:10px 0 0;max-width:62ch;color:var(--rx-ink,#1d2152);font-size:1.08rem;line-height:1.65}
body.rx .px-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}
body.rx .px-chips li{background:#fff;color:var(--rx-purple,#6d4fe0);border:1px solid #d9ceff;border-radius:999px;padding:9px 18px;font-weight:600;font-size:.95rem}

/* walkthrough */
body.rx .px-walk{overflow:hidden}
body.rx .px-walk .rx-container{position:relative;z-index:1}
body.rx .px-walk-head{max-width:760px;margin:0 auto 36px;text-align:center}
body.rx .px-walk-head .rx-h2{font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.25;color:#fff;margin:10px 0 0}
body.rx .px-walk .decoder-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 28px;padding:0;border:0;background:none}
body.rx .px-walk .decoder-tab{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07);color:rgba(255,255,255,.88);font:600 .95rem/1.2 inherit;font-family:inherit;cursor:pointer;white-space:normal;transition:background .2s,color .2s}
body.rx .px-walk .decoder-tab:hover{background:rgba(255,255,255,.16)}
body.rx .px-walk .decoder-tab[aria-selected="true"]{background:linear-gradient(135deg,#d9ccff,#b9a5ff);color:#171245;border-color:transparent}
body.rx .px-walk .decoder-tab:focus-visible{outline:3px solid #5fe0d6;outline-offset:2px}
body.rx .px-walk .decoder-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:920px;margin:0 auto;padding:0;background:none;border:0}
body.rx .px-walk .decoder-panel[hidden]{display:none}
body.rx .px-walk .decoder-step{display:block;margin:0;padding:28px;border-radius:22px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);box-shadow:none;min-width:0}
body.rx .px-walk .decoder-step::before,body.rx .px-walk .decoder-step+.decoder-step::before{display:none;content:none}
body.rx .px-walk .decoder-step-pattern{background:#fff;border-color:transparent}
body.rx .px-walk .decoder-label{display:inline-block;margin:0 0 12px;padding:5px 12px;border-radius:999px;background:rgba(185,165,255,.22);color:#e6deff;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
body.rx .px-walk .decoder-step-pattern .decoder-label{background:var(--rx-lilac-2,#ebe5ff);color:var(--rx-purple,#6d4fe0)}
body.rx .px-walk .decoder-value{margin:0;color:rgba(255,255,255,.86);font-size:1.02rem;line-height:1.6}
body.rx .px-walk .decoder-value strong{display:block;color:#fff;font-size:1.2rem;line-height:1.3;margin-bottom:8px}
body.rx .px-walk .decoder-step-pattern .decoder-value{color:var(--rx-text,#4b5070)}
body.rx .px-walk .decoder-step-pattern .decoder-value strong{color:var(--rx-navy,#12163f)}

/* cards */
body.rx .px-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.rx .px-cards .rx-card{display:flex;flex-direction:column;align-items:flex-start;height:100%}
body.rx .px-tag{margin:14px 0 6px;color:var(--rx-purple,#6d4fe0);font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
body.rx .px-cards .rx-card-title{margin:0 0 8px}
body.rx .px-cards p{margin:0}

@media(max-width:900px){
 body.rx .px-hero-media{margin-top:12px}
 body.rx .px-phones{max-width:440px;margin:0 auto}
 body.rx .px-power{grid-template-columns:1fr;padding:28px 24px}
 body.rx .px-walk .decoder-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.rx .px-walk .decoder-panel{grid-template-columns:1fr}
 body.rx .px-cards{grid-template-columns:1fr}
}
@media(max-width:480px){
 body.rx .px-phone{border-radius:24px;padding:4px}
 body.rx .px-phone img{border-radius:20px}
 body.rx .px-walk .decoder-step{padding:22px}
}