/* Plan recommender widget */
  .recommender{margin-top:80px;background:#0a0a12;color:#fff;border-radius:32px;padding:56px;position:relative;overflow:hidden}
  .recommender::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 100% 0%,rgba(139,92,246,.34),transparent 55%),radial-gradient(50% 70% at 0% 100%,rgba(79,70,229,.26),transparent 55%);pointer-events:none}
  .recommender > *{position:relative}
  .recommender .rec-eye{display:inline-block;padding:5px 12px;border:1px solid rgba(255,255,255,.22);border-radius:99px;font-size:11px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:16px}
  .recommender h3{font-size:clamp(28px,3.4vw,42px);line-height:1.08;letter-spacing:-0.03em;font-weight:800;max-width:580px}
  .recommender h3 .em{color:#A78BFA}
  .recommender .rec-size-toggle{display:inline-flex;gap:2px;margin-top:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:4px}
  .recommender .size-btn{padding:8px 18px;border-radius:99px;font-size:13px;font-weight:700;color:rgba(255,255,255,.65);background:transparent;border:0;cursor:pointer;font-family:inherit;transition:all .15s}
  .recommender .size-btn:hover:not(.on){color:#fff}
  .recommender .size-btn.on{background:#fff;color:#0a0a12}
  .recommender .sub{margin-top:18px;color:rgba(255,255,255,.7);font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .recommender .counter{font-size:13px;color:#A78BFA;font-weight:700;font-family:ui-monospace,Menlo,monospace}
  .rec-grid{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .rec-opt{display:flex;align-items:center;gap:11px;padding:14px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;cursor:pointer;font-size:14px;font-weight:600;color:#fff;text-align:left;transition:all .15s;font-family:inherit}
  .rec-opt:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22)}
  .rec-opt .rc{width:18px;height:18px;border-radius:6px;border:1.5px solid rgba(255,255,255,.32);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}
  .rec-opt .rc svg{width:11px;height:11px;color:#0a0a12;opacity:0}
  .rec-opt.on{background:#fff;color:#0a0a12;border-color:#fff}
  .rec-opt.on .rc{background:#0a0a12;border-color:#0a0a12}
  .rec-opt.on .rc svg{opacity:1;color:#fff}
  .rec-result{margin-top:32px;padding:24px 28px;background:linear-gradient(135deg,rgba(167,139,250,.14),rgba(99,102,241,.08));border:1px solid rgba(167,139,250,.22);border-radius:20px;display:none;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .rec-result.show{display:flex}
  .rec-result .left .lab{font-size:12px;color:rgba(255,255,255,.55);letter-spacing:.06em;text-transform:uppercase;font-weight:700}
  .rec-result .left .plan-name{font-size:32px;font-weight:900;letter-spacing:-0.025em;margin-top:4px}
  .rec-result .left .plan-desc{font-size:14px;color:rgba(255,255,255,.7);margin-top:6px;max-width:480px}
  .rec-result .rec-cta{background:#fff;color:#0a0a12;font-weight:800;padding:14px 22px;border-radius:99px;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:all .15s}
  .rec-result .rec-cta:hover{background:#A78BFA;color:#fff}
  .rec-result .rec-cta svg{width:14px;height:14px}