/* Pip Pro mock tests panel. Injected by landing-src/apply-pro-mocks-cta.mjs.
   Self-contained colours so it renders the same on landing.css and info-hub pages. */
.pm{container-type:inline-size;max-width:1092px;margin:28px auto 30px;padding:0 16px;box-sizing:border-box;font-family:'Nunito',-apple-system,system-ui,sans-serif}
.pm *{box-sizing:border-box}
.pm-in{position:relative;overflow:hidden;border-radius:28px;background:radial-gradient(120% 90% at 100% 100%,#123A63 0%,#0C1C2E 58%);color:#fff;padding:30px 22px 26px;display:grid;gap:26px;box-shadow:0 18px 40px -22px rgba(12,28,46,.55)}
.pm-in::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-120px;top:-150px;background:#1577E6;opacity:.18;filter:blur(2px)}
.pm-copy{position:relative;z-index:1;min-width:0}
.pm-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:#FFC93C;margin:0 0 12px}
.pm-eyebrow b{background:#FFC93C;color:#0C1C2E;border-radius:8px;padding:3px 8px;letter-spacing:.8px;font-size:11px}
.pm-title{font-size:28px;line-height:1.12;font-weight:900;letter-spacing:-.6px;margin:0 0 12px;color:#fff}
.pm-title span{color:#7CC4FF}
.pm-lede{font-size:16px;line-height:1.55;font-weight:600;color:#C9D8EA;margin:0 0 20px;max-width:560px}
.pm-lede strong{color:#fff;font-weight:900}
.pm-list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:12px}
.pm-list li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start}
.pm-ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.pm-ic svg{width:22px;height:22px}
.pm-list b{display:block;font-size:16px;font-weight:900;color:#fff;line-height:1.3}
.pm-list span{display:block;font-size:14px;font-weight:600;color:#AFC2D8;line-height:1.45;margin-top:2px}
.pm-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}
.pm-badges a{display:block;line-height:0}
.pm-badges img{height:44px;width:auto;display:block}
.pm-fine{font-size:13px;font-weight:700;color:#8EA6C0;margin:0;line-height:1.5}
/* illustration: a stylised timed mock screen */
.pm-art{position:relative;z-index:1;display:flex;justify-content:center;align-items:center}
.pm-phone{width:236px;max-width:100%;background:#F4F8FD;border-radius:30px;border:7px solid #0A1522;box-shadow:0 22px 40px -18px rgba(0,0,0,.6);padding:14px 12px 16px;color:#0C1C2E;transform:rotate(3deg)}
.pm-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.pm-bar small{font-size:9px;font-weight:900;letter-spacing:.8px;color:#5C7188;text-transform:uppercase}
.pm-timer{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #DCE5EF;border-radius:999px;padding:4px 9px;font-size:13px;font-weight:900;color:#0C1C2E;font-variant-numeric:tabular-nums}
.pm-timer i{width:8px;height:8px;border-radius:50%;background:#F2685C;animation:pm-blink 1s steps(2) infinite}
.pm-prog{height:6px;border-radius:6px;background:#DCE5EF;overflow:hidden;margin-bottom:12px}
.pm-prog i{display:block;height:100%;width:42%;background:#1577E6;border-radius:6px}
.pm-q{background:#fff;border:1px solid #DAE5EF;border-bottom-width:3px;border-radius:16px;padding:11px}
.pm-qn{font-size:10px;font-weight:900;color:#1577E6;letter-spacing:.6px;margin-bottom:6px}
.pm-ln{height:7px;border-radius:5px;background:#E3EAF3;margin-bottom:5px}
.pm-ln.s{width:62%}
.pm-opts{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:9px}
.pm-opts i{height:26px;border-radius:8px;border:1px solid #DAE5EF;background:#F7FAFF;font-style:normal;font-size:11px;font-weight:900;color:#46586C;display:flex;align-items:center;justify-content:center}
.pm-opts i.on{background:#16A65A;border-color:#0C8A48;color:#fff}
.pm-new{display:flex;align-items:center;gap:8px;margin-top:11px;background:#E2F6EC;border-radius:12px;padding:8px 10px;font-size:11px;font-weight:900;color:#0C7A40}
.pm-new img{width:26px;height:26px;display:block}
.pm-stamp{position:absolute;left:50%;bottom:-6px;transform:translateX(-128px) rotate(-6deg);background:#FFC93C;color:#0C1C2E;font-weight:900;font-size:13px;letter-spacing:.4px;border-radius:12px;padding:8px 12px;box-shadow:0 10px 18px -10px rgba(0,0,0,.6)}
@keyframes pm-blink{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.pm-timer i{animation:none}}
@container (min-width:700px){
  .pm-in{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);align-items:center;padding:40px 44px;gap:34px}
  .pm-title{font-size:36px}
  .pm-list{grid-template-columns:1fr 1fr;gap:16px 22px}
  .pm-phone{width:250px}
}
.pm--flush{padding:0}