/* All styles scoped to .plx so the block can live inside any page */
.plx{--o:#215a92;--od:#003566;--d:#111111;--t:#c9d6e3;
  --bg:#ffffff;--fg:#111111;--g:#666666;--card:#ffffff;--cardb:#e7e7e9;--hov:#f4f4f5;--line:rgba(17,17,17,.12);--pill:rgba(17,17,17,.06);--cta:#000000;--foot:#000000;--footb:#1d1d20;
  font-family:Open Sans,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--fg);background:var(--bg);}
.plx[data-theme=dark]{--bg:#000000;--fg:#ffffff;--g:#a0a8b0;--card:#0e0e10;--cardb:#232326;--hov:#18181b;--line:rgba(255,255,255,.13);--pill:rgba(255,255,255,.08);--cta:#0e0e10;--foot:#000000;--footb:#232326;--o:#2ea3f2;--od:#1b7fc4}
.plx{
  border-radius:20px;overflow:hidden;max-width:1240px;margin:0 auto;-webkit-font-smoothing:antialiased;line-height:1.4}
.plx *{box-sizing:border-box}
.plx button{font:inherit;color:inherit;cursor:pointer}
.plx :focus-visible{outline:3px solid var(--o);outline-offset:2px}
/* header */
.plx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:36px 40px 8px;flex-wrap:wrap}
.plx-eyebrow{font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--o);text-transform:uppercase;margin:0 0 10px}
.plx-title{font-family:"Archivo Black",Open Sans,sans-serif;font-size:clamp(30px,4.2vw,52px);font-weight:400;letter-spacing:-.01em;line-height:1.02;margin:0}
.plx-title span{color:var(--o)}
.plx-lede{margin:12px 0 0;color:var(--g);font-size:17px;max-width:560px}
/* specs */
.plx-specs{display:grid;grid-template-columns:1.25fr 1.4fr 1fr 1fr 1fr;margin:20px 40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.plx-spec{padding:14px 16px 14px 0;border-right:1px solid var(--line);padding-left:16px}
.plx-spec:first-child{padding-left:0}.plx-spec:last-child{border-right:0}
.plx-spec small{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--g);text-transform:uppercase}
.plx-spec strong{display:block;font-size:clamp(20px,2.4vw,32px);font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.plx-spec.model strong{color:var(--o)}
/* plan */
.plx-plan{position:relative;padding:18px 40px 4px}
.plx-plan svg{display:block;width:100%;height:auto;max-height:520px;overflow:visible}
.plx-plan .mod{transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .45s ease;cursor:pointer}
.plx-plan .hlr{opacity:0;transition:opacity .2s;fill:var(--o)}
.plx-plan .mod.hl .hlr{opacity:.22}
.plx-plan .lbl{font:700 1.15px Open Sans,sans-serif;fill:var(--fg);opacity:.8;letter-spacing:.04px;transition:opacity .3s}
.plx-plan.tiny .lbl{opacity:0!important}
.plx[data-theme=dark] .A{background:#24262f;box-shadow:inset 0 0 0 1px #4a4c55}
.plx[data-theme=dark] .plx-strip .A{box-shadow:inset 0 0 0 1px #4a4c55}
.plx-plan .mk{transition:transform .3s,opacity .3s;transform-box:fill-box;transform-origin:center}
.plx-plan .mk.on{transform:scale(1.35)}
.plx-plan .mk.dim{opacity:.35}
.plx-dim{display:flex;align-items:center;gap:12px;margin:2px 0 0;color:var(--g);font-size:13px;font-weight:600}
.plx-dim i{flex:1;height:1px;background:currentColor;opacity:.45;position:relative}
.plx-tip{position:absolute;pointer-events:none;background:var(--fg);color:var(--bg);font-size:13px;padding:8px 12px;border-radius:8px;opacity:0;transform:translate(-50%,-110%);transition:opacity .15s;white-space:nowrap;z-index:2}
.plx-tip b{color:var(--o)}
/* size control */
.plx-size{display:flex;align-items:center;gap:16px;padding:16px 40px 6px;flex-wrap:wrap}
.plx-step{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--fg);background:transparent;color:var(--fg);font-size:22px;line-height:1;display:grid;place-items:center;transition:background .15s,color .15s}
.plx-step:hover{background:var(--fg);color:var(--bg)}
.plx-step:disabled{opacity:.3;pointer-events:none}
.plx-pills{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.plx-pill{border:0;border-radius:999px;padding:9px 0;width:52px;font-size:13px;font-weight:700;background:var(--pill);color:var(--g);transition:background .2s,color .2s}
.plx-pill.done{background:var(--fg);color:var(--bg)}
.plx-pill.on{background:var(--o);color:#fff}
.plx-range{width:100%;accent-color:var(--o);margin:0;display:none}
/* cards */
.plx-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:16px;padding:22px 40px 36px}
.plx-card{background:var(--card);border-radius:16px;padding:22px;border:1px solid var(--cardb)}
.plx-card h3{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--o)}
.plx-card .sub{margin:0 0 14px;font-size:20px;font-weight:800;letter-spacing:-.01em}
.plx-strip{display:flex;gap:3px;margin:0 0 16px}
.plx-strip span{flex:1;min-width:0;height:34px;border-radius:4px;display:grid;place-items:center;font-size:12px;font-weight:700;transition:flex .5s,opacity .3s}
.plx-legend{display:grid;gap:4px}
.plx-leg{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;border:0;background:transparent;text-align:left;transition:background .15s}
.plx-leg:hover,.plx-leg.on{background:var(--hov)}
.plx-leg .b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;flex:none}
.plx-leg strong{display:block;font-size:15px}.plx-leg em{font-style:normal;color:var(--g);font-size:13px}
.plx-leg.off{opacity:.38}
.plx .A{background:var(--d);color:#fff}.plx .B{background:var(--t);color:var(--d)}.plx .C{background:var(--o);color:#fff}.plx .D{background:var(--od);color:#fff}
.plx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.plx-chip{border:1.5px solid var(--cardb);background:var(--card);color:var(--fg);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;letter-spacing:.04em;transition:all .15s}
.plx-chip:hover{border-color:var(--fg)}
.plx-chip.on{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.plx-mkt [data-mi-role="mktText"]{margin:0 0 12px;color:var(--g);font-size:15px;min-height:63px}
.plx-mkt .rec{font-weight:700;font-size:14px;color:var(--fg)}
.plx-mkt .rec span{color:var(--o)}
.plx-feats{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.plx-feat{display:flex;gap:12px;padding:8px;border-radius:10px;cursor:default;transition:background .15s}
.plx-feat:hover{background:var(--hov)}
.plx-feat .n{width:26px;height:26px;border-radius:50%;background:var(--o);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;flex:none;margin-top:1px}
.plx-feat strong{display:block;font-size:15px}.plx-feat em{font-style:normal;color:var(--g);font-size:13px}
/* CTA */
.plx-cta{background:var(--cta);color:#fff;border-top:1px solid var(--footb);padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;position:relative;overflow:hidden}
.plx-cta .sum small{display:block;color:#9aa3ad;font-size:12px;letter-spacing:.14em;font-weight:600;text-transform:uppercase}
.plx-cta .sum b{font-size:clamp(20px,2.4vw,28px);font-weight:800}
.plx-cta .sum b span{color:var(--o)}
.plx-btns{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.plx-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .15s,background .15s}
.plx-btn:hover{transform:translateY(-1px)}
.plx-btn.pri{background:var(--o);color:#fff}
.plx-btn.pri:hover{background:#2a6db0}
.plx-btn.sec{border:1.5px solid rgba(255,255,255,.35);color:#fff}
.plx-btn.sec:hover{border-color:#fff}
.plx-stripes{position:absolute;right:-10px;top:-30px;opacity:.12;pointer-events:none}
.plx-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 40px;background:var(--foot);border-top:1px solid var(--footb);color:#9aa3ad;font-size:12px;flex-wrap:wrap}
.plx-foot .brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;letter-spacing:.02em;font-size:13px}
.plx-foot .brand em{font-style:normal;color:var(--o);font-weight:700;font-size:10px;letter-spacing:.14em;display:block}
.plx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* responsive */
@media (max-width:960px){
  .plx-grid{grid-template-columns:1fr 1fr}.plx-grid .plx-card:first-child{grid-column:1/-1}
}
@media (max-width:680px){
  .plx-head,.plx-plan,.plx-size,.plx-grid,.plx-cta,.plx-foot{padding-left:18px;padding-right:18px}
  .plx-head{padding-top:26px}  .plx-specs{margin:16px 18px 0;grid-template-columns:1fr 1fr 1fr}
  .plx-spec{padding:10px 8px!important;border-right:0;border-bottom:1px solid var(--line)}
  .plx-spec.model,.plx-spec.fp{grid-column:span 3/span 3;display:flex;justify-content:space-between;align-items:baseline}
  .plx-spec:nth-last-child(-n+3){border-bottom:0}
  .plx-grid{grid-template-columns:1fr}
  .plx-pills{display:none}.plx-range{display:block;flex:1;width:auto}
  .plx-btns{width:100%}.plx-btn{flex:1 1 100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.plx *{transition:none!important}}

.mi-configurator .plx-feats{list-style:none!important;padding:0!important}

.mi-configurator [hidden]{display:none!important}
.mi-configurator :is(.plx,.b3) a{text-decoration:none}.mi-configurator :is(.plx,.b3) button{letter-spacing:normal;text-transform:none}