/* MULTEXPK Proxies — dedicated design system (violet/glass). Loaded only on /proxies* pages. */
:root{
  --px-violet:#7c5cff; --px-violet-deep:#5b3ee0; --px-violet-soft:rgba(124,92,255,.12);
  --px-teal:#00c6a7; --px-gold:#f5a623;
  --px-ink:#eef4ff; --px-muted:#93a5c8; --px-line:#22345e;
}
.px-hero{position:relative;overflow:hidden;padding:96px 0 120px;
  background:radial-gradient(1100px 500px at 80% -15%,rgba(124,92,255,.35) 0%,transparent 55%),
  radial-gradient(800px 420px at 10% 110%,rgba(0,198,167,.12) 0%,transparent 60%),
  #070c1c;border-bottom:1px solid var(--px-line)}
.px-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:linear-gradient(rgba(124,92,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(124,92,255,.06) 1px,transparent 1px);
  background-size:44px 44px;mask-image:radial-gradient(700px 320px at 50% 0%,#000 30%,transparent 75%)}
.px-hero .wrap{position:relative;z-index:2}
.px-hero h1{font-size:clamp(2.2rem,5vw,3.6rem)}
.px-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--px-violet),var(--px-teal));-webkit-background-clip:text;background-clip:text;color:transparent}
.px-hero .sub{color:var(--px-muted);max-width:720px;font-size:1.1rem}
.px-eyebrow{display:inline-block;font:700 .74rem/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;
  color:#d9ccff;border:1px solid rgba(124,92,255,.5);background:var(--px-violet-soft);padding:8px 16px;border-radius:20px;margin-bottom:16px}
.px-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}
.px-btn{display:inline-block;background:linear-gradient(135deg,var(--px-violet),var(--px-violet-deep));color:#fff;
  text-decoration:none;padding:14px 28px;border-radius:12px;font-weight:700;border:1px solid rgba(124,92,255,.6);
  cursor:pointer;white-space:nowrap;box-shadow:0 10px 30px -12px rgba(124,92,255,.55);transition:transform .15s,box-shadow .15s}
.px-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -12px rgba(124,92,255,.7)}
.px-btn-ghost{background:rgba(255,255,255,.04);border:1px solid var(--px-line);color:var(--px-ink);box-shadow:none}
.px-btn-ghost:hover{border-color:var(--px-violet);background:var(--px-violet-soft)}
.px-btn-sm{padding:9px 18px;font-size:.9rem;border-radius:10px}
.px-btn-gold{background:linear-gradient(135deg,var(--px-gold),#d98f1a);border-color:#b97a12;color:#1d1405;box-shadow:0 10px 30px -12px rgba(245,166,35,.5)}
.px-section{padding:72px 0}
.px-kicker{display:block;font:700 .76rem/1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#b7a5ff;margin-bottom:12px}
.px-h2{font-size:clamp(1.5rem,3.2vw,2.2rem)}
.px-lead{color:var(--px-muted);max-width:760px;font-size:1.05rem}
/* type cards */
.px-grid{display:grid;gap:20px}
.px-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.px-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.px-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.px-card{position:relative;display:block;text-decoration:none;color:inherit;padding:26px 24px;border-radius:18px;
  background:linear-gradient(180deg,rgba(124,92,255,.08),rgba(124,92,255,.02));
  border:1px solid rgba(124,92,255,.25);transition:transform .18s,border-color .18s,box-shadow .18s}
.px-card:hover{transform:translateY(-4px);border-color:var(--px-violet);box-shadow:0 20px 44px -18px rgba(124,92,255,.45)}
.px-card .px-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px;
  background:var(--px-violet-soft);border:1px solid rgba(124,92,255,.4)}
.px-card .px-icon svg{width:24px;height:24px;stroke:#c9b8ff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.px-card h3{margin:0 0 8px;font-size:1.18rem;color:#fff}
.px-card p{margin:0;color:var(--px-muted);font-size:.94rem;line-height:1.55}
.px-card .px-go{display:inline-block;margin-top:16px;font-weight:700;font-size:.9rem;color:var(--px-teal)}
/* feature list with glow markers */
.px-features{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.px-features li{position:relative;padding:16px 18px 16px 52px;border-radius:12px;
  background:rgba(255,255,255,.03);border:1px solid var(--px-line);color:var(--px-muted);font-size:.96rem}
.px-features li::before{content:"";position:absolute;left:18px;top:20px;width:10px;height:10px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,var(--px-teal),var(--px-violet));box-shadow:0 0 12px rgba(124,92,255,.8)}
.px-features li b{color:var(--px-ink);display:block;margin-bottom:2px;font-size:.98rem}
/* spec table */
.px-tbl{width:100%;border-collapse:collapse;font-size:.94rem}
.px-tbl th,.px-tbl td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--px-line)}
.px-tbl th{font:700 .74rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#b7a5ff}
.px-tbl td{color:var(--px-muted)} .px-tbl td:first-child{color:var(--px-ink);font-weight:600}
/* stat pills */
.px-stats{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}
.px-stat{flex:1;min-width:150px;padding:18px 20px;border-radius:14px;background:rgba(124,92,255,.07);
  border:1px solid rgba(124,92,255,.22)}
.px-stat b{display:block;font-size:1.5rem;color:#fff;font-family:var(--font-display)}
.px-stat span{font-size:.84rem;color:var(--px-muted)}
/* comparison band */
.px-compare{padding:72px 0;background:linear-gradient(180deg,transparent,rgba(124,92,255,.06),transparent)}
.px-compare table{width:100%;border-collapse:collapse;font-size:.94rem}
.px-compare th,.px-compare td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--px-line)}
.px-compare th{font:700 .74rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#b7a5ff}
.px-compare td{color:var(--px-muted)} .px-compare td:first-child{color:var(--px-ink);font-weight:600}
.px-compare .yes{color:var(--px-teal);font-weight:700}
/* CTA band */
.px-band{padding:72px 0;text-align:center;
  background:radial-gradient(700px 300px at 50% 0%,rgba(124,92,255,.22),transparent 70%);border-top:1px solid var(--px-line)}
.px-band h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}
.px-note{font-size:.86rem;color:var(--px-muted);max-width:680px;margin:18px auto 0;line-height:1.6}
@media(max-width:900px){.px-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.px-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.px-grid-4,.px-grid-3,.px-grid-2{grid-template-columns:1fr}}