/* People Group Services — v10.0: menu, proof bar, live chat and assistant, joining, Agency Hub, booking, help */

/* ---------- menu with drop-downs ---------- */
.nav-links .nav-group{position:relative;display:flex;align-items:center;gap:2px}
.nav-links .nav-caret{border:0;background:none;color:inherit;font-size:.7rem;padding:6px 4px;border-radius:6px;opacity:.7}
.nav-links .nav-caret:hover,.nav-links .nav-caret:focus-visible{opacity:1;background:var(--ice)}
.nav-drop{position:absolute;top:calc(100% + 14px);left:-18px;min-width:290px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 48px rgba(9,46,80,.14);padding:10px;display:none;z-index:60}
.nav-drop::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
.nav-group:hover .nav-drop,.nav-group:focus-within .nav-drop,.nav-group.open .nav-drop{display:grid;gap:2px}
.nav-drop a{display:block;padding:10px 12px;border-radius:10px;white-space:normal!important}
.nav-drop a:hover,.nav-drop a:focus-visible{background:var(--ice);color:var(--navy)!important}
.nav-drop strong{display:block;font-size:.9rem;color:var(--navy)}
.nav-drop small{display:block;font-weight:500;font-size:.78rem;color:var(--muted);margin-top:2px}
.nav-links a.nav-help{display:inline-flex;align-items:center;gap:6px}
.nav-links a.nav-help::before{content:"?";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ice);color:var(--navy);font-size:.75rem;font-weight:800}
@media(max-width:920px){
  .nav-links .nav-group{flex-wrap:wrap}
  .nav-links .nav-caret{display:none}
  .nav-drop{position:static;display:grid;box-shadow:none;border:0;padding:0 0 6px 12px;min-width:0;width:100%}
  .nav-drop::before{display:none}
  .nav-drop a{padding:7px 10px}.nav-drop small{display:none}
}

/* ---------- shared bits ---------- */
.pg-eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin:0 0 12px}
.pg-section{padding:56px 0}.pg-section.paper{background:var(--paper)}.pg-section.ice{background:var(--ice)}
.pg-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 10px 30px rgba(9,46,80,.04)}
.pg-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pg-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pg-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pg-btn-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pg-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:800;background:var(--ice);color:var(--navy)}
.pg-pill.green{background:#e8f6ee;color:#0d6b3a}.pg-pill.amber{background:#fff4dc;color:#7a5200}.pg-pill.grey{background:var(--grey);color:#496377}
.pg-dot{width:9px;height:9px;border-radius:50%;background:#9fb4c4;display:inline-block}.pg-dot.on{background:#1aa45b;box-shadow:0 0 0 4px rgba(26,164,91,.16)}
.pg-form{display:grid;gap:14px}
.pg-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pg-field label,.pg-field .lbl{display:block;font-size:.82rem;font-weight:800;margin:0 0 6px;color:var(--ink)}
.pg-field input,.pg-field select,.pg-field textarea{width:100%;min-height:48px;border:1px solid #aebfca;border-radius:12px;background:#fff;color:var(--ink);padding:11px 13px;font:inherit}
.pg-field textarea{min-height:96px;resize:vertical}
.pg-field input:focus,.pg-field select:focus,.pg-field textarea:focus{outline:3px solid #b9def3;border-color:var(--blue)}
.pg-field small{display:block;color:var(--muted);font-size:.78rem;margin-top:5px}
.pg-check{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:#36556c}.pg-check input{width:20px;height:20px;margin-top:2px;flex:0 0 auto;accent-color:var(--navy)}
.pg-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.pg-msg{border-radius:12px;padding:12px 14px;font-size:.9rem;display:none}.pg-msg.show{display:block}.pg-msg.err{background:#fdecec;color:#8a1c1c;border:1px solid #f3c2c2}.pg-msg.ok{background:#e8f6ee;color:#0d5c33;border:1px solid #bfe3cd}
.pg-steps-bar{height:8px;border-radius:99px;background:#dfe9f0;overflow:hidden}.pg-steps-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--navy),var(--blue));border-radius:99px;transition:width .4s ease}
.pg-lead{font-size:1.12rem;color:#36556c;max-width:720px}
.btn[disabled]{opacity:.55;cursor:wait}
@media(max-width:920px){.pg-grid3,.pg-grid4{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.pg-grid2,.pg-grid3,.pg-grid4,.pg-form .row{grid-template-columns:1fr}}

/* ---------- homepage: proof bar, router, quick calculator ---------- */
.pg-proof{padding:4px 0 6px}
.pg-proof-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 26px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px 22px;box-shadow:0 8px 24px rgba(9,46,80,.04)}
.pg-rating{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--navy)}
.pg-rating .g{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font:800 1.05rem/1 Arial,sans-serif;color:#4285f4}
.pg-stars{color:#f5a623;letter-spacing:2px;font-size:1.05rem}
.pg-rating small{display:block;font-weight:600;color:var(--muted);font-size:.78rem}
.pg-badges{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.pg-badges a{display:flex;align-items:center;height:46px}.pg-badges img{max-height:42px;max-width:150px;object-fit:contain}
.pg-live{display:flex;align-items:center;gap:9px;font-weight:700;font-size:.88rem;color:#36556c}
.pg-live button{border:0;background:none;color:var(--blue);font-weight:800;padding:0;text-decoration:underline;text-underline-offset:3px}
.pg-router{margin:14px 0 0;background:linear-gradient(100deg,var(--navy),#0c4779);color:#fff;border-radius:18px;padding:16px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.pg-router strong{font-size:1.05rem}
.pg-router select{min-height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.35);background:#fff;color:var(--navy);font-weight:750;padding:8px 12px}
.pg-router .btn{min-height:46px;background:#fff;color:var(--navy);border-color:#fff}
.pg-quickcalc{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}
.pg-quickcalc h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.045em;line-height:1;margin:0 0 12px}
.pg-qc-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:18px 0}
.pg-qc-out{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pg-qc-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}
.pg-qc-card .k{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pg-qc-card .v{font-size:2.1rem;font-weight:850;letter-spacing:-.04em;color:var(--green);margin:6px 0 2px}
.pg-qc-card.peo{border-top:4px solid var(--blue)}.pg-qc-card.umb{border-top:4px solid var(--purple)}
.pg-qc-card p{margin:0;color:var(--muted);font-size:.82rem}
.pg-fine{font-size:.76rem;color:var(--muted);margin-top:10px}
@media(max-width:920px){.pg-quickcalc{grid-template-columns:1fr}.pg-qc-inputs{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.pg-qc-out,.pg-qc-inputs{grid-template-columns:1fr}.pg-proof-row{padding:14px}}

/* ---------- start cards (agencies / contractors pages) ---------- */
.pg-start{padding:46px 0}
.pg-start-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pg-start-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;transition:transform .18s,box-shadow .18s,border-color .18s}
.pg-start-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(9,46,80,.10);border-color:#b8cfdf}
.pg-start-card .ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--ice);font-size:1.3rem}
.pg-start-card h3{margin:6px 0 0;font-size:1.15rem;letter-spacing:-.02em}
.pg-start-card p{margin:0;color:var(--muted);font-size:.88rem;flex:1}
.pg-start-card span.go{font-weight:800;color:var(--blue);font-size:.9rem}
.pg-start-card.navy{background:var(--navy);color:#fff;border-color:var(--navy)}.pg-start-card.navy p{color:#cfe0ee}.pg-start-card.navy span.go{color:#9fd7f5}.pg-start-card.navy .ico{background:rgba(255,255,255,.12)}
@media(max-width:1100px){.pg-start-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.pg-start-grid{grid-template-columns:1fr}}

/* ---------- live chat & assistant ---------- */
.pgc-launch{position:fixed;right:22px;bottom:22px;z-index:900;display:flex;align-items:center;gap:10px;border:0;border-radius:999px;background:var(--navy);color:#fff;padding:10px 18px 10px 10px;font-weight:800;box-shadow:0 14px 34px rgba(8,45,80,.32);transition:transform .2s}
.pgc-launch:hover{transform:translateY(-2px)}
.pgc-launch .face{width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;position:relative}
.pgc-launch .face svg{width:22px;height:22px}
.pgc-launch .face .pg-dot{position:absolute;right:-1px;bottom:-1px;border:2px solid var(--navy)}
.pgc-launch .badge{min-width:20px;height:20px;border-radius:10px;background:#e0313c;color:#fff;font-size:.72rem;display:grid;place-items:center;padding:0 6px}
.pgc-tease{position:fixed;right:24px;bottom:86px;z-index:899;max-width:260px;background:#fff;border:1px solid var(--line);border-radius:16px 16px 4px 16px;padding:12px 14px;font-size:.88rem;box-shadow:0 14px 30px rgba(8,45,80,.16);animation:pgcUp .35s ease}
.pgc-tease button{position:absolute;top:4px;right:6px;border:0;background:none;color:var(--muted);font-size:1rem}
.pgc{position:fixed;right:22px;bottom:22px;z-index:950;width:400px;height:min(660px,calc(100vh - 44px));background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(8,45,80,.30);display:none;flex-direction:column;overflow:hidden;border:1px solid #cddbe5}
.pgc.open{display:flex;animation:pgcUp .25s ease}
@keyframes pgcUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.pgc-head{background:linear-gradient(110deg,var(--navy),#0c4779);color:#fff;padding:14px 14px 14px 16px;display:flex;align-items:center;gap:12px}
.pgc-head .av{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:0 0 auto;overflow:hidden}
.pgc-head .av img{width:100%;height:100%;object-fit:cover;object-position:top}
.pgc-head .av svg{width:24px;height:24px}
.pgc-head .t{flex:1;min-width:0}.pgc-head strong{display:block;font-size:1rem}.pgc-head small{display:flex;align-items:center;gap:6px;font-size:.76rem;opacity:.86;line-height:1.3;margin-top:2px}.pgc-head small span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pgc-head button{border:0;background:rgba(255,255,255,.1);color:#fff;width:34px;height:34px;border-radius:10px;font-size:1rem;display:grid;place-items:center}
.pgc-head button:hover,.pgc-head button:focus-visible{background:rgba(255,255,255,.22)}
.pgc-head button[aria-pressed="true"]{background:#fff;color:var(--navy)}
.pgc-menu{position:absolute;top:66px;right:12px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(8,45,80,.18);padding:6px;display:none;z-index:3;min-width:210px}
.pgc-menu.open{display:grid}.pgc-menu button,.pgc-menu a{border:0;background:none;text-align:left;padding:10px 12px;border-radius:10px;font-weight:700;font-size:.88rem;color:var(--ink)}
.pgc-menu button:hover,.pgc-menu a:hover{background:var(--ice)}
.pgc-body{flex:1;overflow-y:auto;padding:16px 14px 8px;background:#f6f9fb;scroll-behavior:smooth}
.pgc-m{display:flex;gap:8px;margin:0 0 12px;align-items:flex-end}
.pgc-m .b{max-width:84%;border-radius:16px;padding:10px 13px;font-size:.92rem;line-height:1.45;overflow-wrap:anywhere}
.pgc-m.bot .b,.pgc-m.staff .b{background:#fff;border:1px solid #dfe8ee;border-bottom-left-radius:5px}
.pgc-m.visitor{justify-content:flex-end}.pgc-m.visitor .b{background:var(--navy);color:#fff;border-bottom-right-radius:5px}
.pgc-m.system{justify-content:center}.pgc-m.system .b{background:none;color:var(--muted);font-size:.8rem;text-align:center;max-width:92%;padding:4px 8px}
.pgc-m .mini{width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid #dfe8ee;flex:0 0 auto;display:grid;place-items:center;overflow:hidden}
.pgc-m .mini img{width:100%;height:100%;object-fit:cover;object-position:top}.pgc-m .mini svg{width:16px;height:16px}
.pgc-m .who{display:block;font-size:.72rem;font-weight:800;color:var(--muted);margin-bottom:3px}
.pgc-m .b p{margin:0 0 8px}.pgc-m .b p:last-child{margin:0}.pgc-m .b ol,.pgc-m .b ul{margin:4px 0 8px;padding-left:20px}.pgc-m .b li{margin:2px 0}
.pgc-m .b a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:2px}.pgc-m.visitor .b a{color:#fff}
.pgc-m .b sup{font-size:.7em}
.pgc-acts{display:flex;flex-wrap:wrap;gap:7px;margin:-4px 0 12px 36px}
.pgc-acts button,.pgc-acts a{border:1px solid #b8cfdf;background:#fff;color:var(--navy);border-radius:999px;padding:7px 13px;font-size:.82rem;font-weight:800;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.pgc-acts button:hover,.pgc-acts a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.pgc-acts .primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.pgc-fb{display:flex;gap:4px;margin:-8px 0 10px 36px}.pgc-fb button{border:0;background:none;color:#8aa0b2;font-size:.8rem;padding:2px 6px;border-radius:6px}.pgc-fb button:hover{background:#e9f0f5;color:var(--navy)}.pgc-fb span{font-size:.75rem;color:var(--muted)}
.pgc-typing{display:inline-flex;gap:4px;padding:4px 2px}.pgc-typing i{width:7px;height:7px;border-radius:50%;background:#9fb4c4;animation:pgcBlink 1.2s infinite}.pgc-typing i:nth-child(2){animation-delay:.2s}.pgc-typing i:nth-child(3){animation-delay:.4s}
@keyframes pgcBlink{0%,80%,100%{opacity:.3}40%{opacity:1}}
.pgc-form{background:#fff;border:1px solid #dfe8ee;border-radius:16px;padding:14px;margin:0 0 12px 36px;display:grid;gap:10px}
.pgc-form h4{margin:0;font-size:.95rem}.pgc-form input,.pgc-form textarea,.pgc-form select{width:100%;border:1px solid #b9c9d4;border-radius:10px;padding:9px 11px;font:inherit;font-size:.9rem}.pgc-form textarea{min-height:70px;resize:vertical}
.pgc-form .r{display:flex;gap:8px;justify-content:flex-end}.pgc-form button{border-radius:10px;padding:8px 14px;font-weight:800;border:1px solid var(--navy);background:#fff;color:var(--navy)}.pgc-form button.go{background:var(--navy);color:#fff}
.pgc-foot{border-top:1px solid #e1e9ef;padding:10px 10px 8px;background:#fff}
.pgc-input{display:flex;align-items:flex-end;gap:8px}
.pgc-input textarea{flex:1;border:1px solid #c3d2dc;border-radius:14px;padding:11px 12px;font:inherit;font-size:.94rem;resize:none;max-height:120px;min-height:46px;line-height:1.35}
.pgc-input textarea:focus{outline:3px solid #b9def3;border-color:var(--blue)}
.pgc-input button{width:46px;height:46px;border-radius:14px;border:0;display:grid;place-items:center;flex:0 0 auto}
.pgc-input .send{background:var(--navy);color:#fff}.pgc-input .mic{background:var(--ice);color:var(--navy)}
.pgc-input .mic.listening{background:#e0313c;color:#fff;animation:pgcPulse 1.2s infinite}
@keyframes pgcPulse{0%{box-shadow:0 0 0 0 rgba(224,49,60,.45)}70%{box-shadow:0 0 0 12px rgba(224,49,60,0)}100%{box-shadow:0 0 0 0 rgba(224,49,60,0)}}
.pgc-input svg{width:20px;height:20px}
.pgc-sub{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font-size:.72rem;color:var(--muted)}
.pgc-sub button{border:0;background:none;color:var(--blue);font-weight:800;font-size:.76rem;padding:0}
.pgc-sub a{color:var(--muted);text-decoration:underline}
.pgc-rate{display:flex;gap:6px;margin:0 0 12px 36px}.pgc-rate button{border:1px solid #c3d2dc;background:#fff;border-radius:10px;width:38px;height:34px;font-size:1rem}.pgc-rate button:hover{background:var(--ice)}
@media(max-width:560px){.pgc{right:0;bottom:0;width:100%;height:100%;max-height:none;border-radius:0}.pgc-launch{right:14px;bottom:14px}.pgc-launch .lbl{display:none}.pgc-launch{padding:8px}.pgc-tease{right:14px;bottom:76px}}
@media print{.pgc,.pgc-launch,.pgc-tease{display:none!important}}

/* ---------- booking ---------- */
.pgb{display:grid;gap:16px}
.pgb-types{display:grid;gap:10px}
.pgb-type{display:flex;gap:14px;align-items:flex-start;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px;width:100%}
.pgb-type:hover,.pgb-type[aria-pressed="true"]{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy) inset}
.pgb-type strong{display:block;font-size:1rem}.pgb-type small{display:block;color:var(--muted);margin-top:3px}.pgb-type .mins{margin-left:auto;white-space:nowrap}
.pgb-days{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory}
.pgb-day{flex:0 0 auto;width:74px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:9px 6px;text-align:center;scroll-snap-align:start}
.pgb-day b{display:block;font-size:1.25rem;color:var(--navy)}.pgb-day small{display:block;font-size:.72rem;color:var(--muted);font-weight:700;text-transform:uppercase}
.pgb-day[disabled]{opacity:.38;cursor:not-allowed}.pgb-day[aria-pressed="true"]{background:var(--navy);border-color:var(--navy)}.pgb-day[aria-pressed="true"] b,.pgb-day[aria-pressed="true"] small{color:#fff}
.pgb-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}
.pgb-time{border:1px solid #b8cfdf;background:#fff;border-radius:12px;padding:10px 6px;font-weight:800;color:var(--navy)}
.pgb-time:hover,.pgb-time[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.pgb-done{text-align:center;padding:10px}.pgb-done .tick{width:64px;height:64px;border-radius:50%;background:#e8f6ee;color:#128449;display:grid;place-items:center;font-size:2rem;margin:0 auto 12px}
.pgb-sum{background:var(--ice);border-radius:14px;padding:12px 14px;font-size:.9rem}
.pg-modal{position:fixed;inset:0;z-index:1000;background:rgba(6,29,51,.62);display:none;align-items:center;justify-content:center;padding:18px}
.pg-modal.open{display:flex}
.pg-modal-card{position:relative;width:min(620px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.pg-modal-card h2{margin:0 44px 6px 0;font-size:1.6rem;letter-spacing:-.03em}
.pg-modal-x{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:1.2rem}

/* ---------- joining ---------- */
.pgj-hero{background:linear-gradient(110deg,var(--navy),#0c4779);color:#fff;padding:46px 0 120px}
.pgj-hero h1{font-size:clamp(2.6rem,4.6vw,4.6rem);line-height:.98;letter-spacing:-.05em;margin:0 0 14px}
.pgj-hero p{opacity:.86;max-width:640px;font-size:1.08rem;margin:0}
.pgj-wrap{margin-top:-86px;padding-bottom:64px}
.pgj{width:min(860px,100%);margin:auto;background:#fff;border-radius:24px;box-shadow:0 30px 70px rgba(8,45,80,.16);border:1px solid var(--line);overflow:hidden}
.pgj-top{padding:20px 28px;border-bottom:1px solid var(--line);display:grid;gap:10px}
.pgj-top .labels{display:flex;justify-content:space-between;font-size:.8rem;font-weight:800;color:var(--muted)}
.pgj-step{padding:28px;display:none}.pgj-step.show{display:block;animation:pgcUp .3s ease}
.pgj-step h2{margin:0 0 6px;font-size:1.7rem;letter-spacing:-.03em}.pgj-step > p.sub{margin:0 0 20px;color:var(--muted)}
.pgj-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.pgj-route{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;text-align:left;display:grid;gap:6px;align-content:start}
.pgj-route img{height:46px;width:auto;object-fit:contain;object-position:left}
.pgj-route strong{font-size:.98rem}.pgj-route small{color:var(--muted);font-size:.8rem}
.pgj-route[aria-pressed="true"]{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy) inset;background:#f7fbff}
.pgj-nav{display:flex;justify-content:space-between;gap:10px;margin-top:22px;flex-wrap:wrap}
.pgj-code{display:flex;gap:8px;justify-content:center;margin:18px 0}
.pgj-code input{width:52px;height:62px;text-align:center;font-size:1.6rem;font-weight:800;border:1px solid #aebfca;border-radius:12px}
.pgj-code input:focus{outline:3px solid #b9def3;border-color:var(--blue)}
.pgj-need{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 18px}
.pgj-need div{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fbfdfe}
.pgj-need b{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--ice);color:var(--navy);font-size:.85rem}
.pgj-illus{border:1px solid var(--line);border-radius:18px;overflow:hidden}
.pgj-illus .hd{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--ice);padding:12px 16px;font-weight:800;color:var(--navy)}
.pgj-illus dl{display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin:0;padding:16px}
.pgj-illus dt{color:var(--muted)}.pgj-illus dd{margin:0;font-weight:750;text-align:right}
.pgj-illus .net{border-top:1px solid var(--line);padding-top:10px;font-size:1.1rem}.pgj-illus .net dd{color:var(--green);font-size:1.5rem;font-weight:850}
.pgj-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.pgj-track{display:grid;gap:0;margin:8px 0}
.pgj-track li{list-style:none;display:grid;grid-template-columns:34px 1fr;gap:12px;position:relative;padding:0 0 18px}
.pgj-track li::before{content:"";position:absolute;left:16px;top:30px;bottom:0;width:2px;background:#dfe9f0}
.pgj-track li:last-child::before{display:none}
.pgj-track .n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#eef3f7;color:#7d93a5;border:2px solid #dfe9f0;position:relative;z-index:1}
.pgj-track li.done .n{background:#128449;color:#fff;border-color:#128449}
.pgj-track li.current .n{background:#fff;color:var(--navy);border-color:var(--navy);box-shadow:0 0 0 5px rgba(18,99,181,.14)}
.pgj-track strong{display:block;margin-top:5px}.pgj-track small{color:var(--muted)}
.pgj-ok{display:flex;gap:14px;align-items:center;background:#e8f6ee;border:1px solid #bfe3cd;border-radius:16px;padding:14px 16px;margin-bottom:18px;color:#0d5c33}
@media(max-width:720px){.pgj-routes,.pgj-need,.pgj-aside{grid-template-columns:1fr 1fr}.pgj-step{padding:22px 18px}.pgj-code input{width:42px;height:54px}}
@media(max-width:480px){.pgj-routes,.pgj-need,.pgj-aside{grid-template-columns:1fr}}

/* ---------- Agency Hub ---------- */
.pgh-hero{background:linear-gradient(110deg,var(--navy),#0c4779);color:#fff;padding:48px 0}
.pgh-hero h1{font-size:clamp(2.6rem,4.6vw,4.6rem);line-height:.98;letter-spacing:-.05em;margin:0 0 14px}
.pgh-hero p{opacity:.86;max-width:700px;font-size:1.08rem}
.pgh-gets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.pgh-gets div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:14px 16px;font-size:.9rem}
.pgh-gets strong{display:block;font-size:.98rem;margin-bottom:3px}
.pgh-auth{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:start}
.pgh-dash{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:start}
.pgh-side{position:sticky;top:110px;display:grid;gap:6px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px}
.pgh-side button{border:0;background:none;text-align:left;padding:11px 12px;border-radius:12px;font-weight:750;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:8px}
.pgh-side button[aria-current="page"]{background:var(--navy);color:#fff}
.pgh-side button:hover:not([aria-current="page"]){background:var(--ice)}
.pgh-side .ok{color:#1aa45b;font-weight:900}.pgh-side button[aria-current="page"] .ok{color:#8ee0b0}
.pgh-panel{display:none}.pgh-panel.show{display:block;animation:pgcUp .25s ease}
.pgh-panel h2{margin:0 0 6px;font-size:1.7rem;letter-spacing:-.03em}.pgh-panel > p.sub{margin:0 0 18px;color:var(--muted)}
.pgh-check{display:grid;gap:10px;margin:16px 0}
.pgh-check div{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff}
.pgh-check b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef3f7;color:#7d93a5;font-size:.85rem;flex:0 0 auto}
.pgh-check .done b{background:#128449;color:#fff}.pgh-check .done span{color:var(--muted);text-decoration:line-through}
.pgh-check button{margin-left:auto}
.pgh-contacts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.pgh-contact{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px;background:#fff}
.pgh-contact img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:top;background:var(--ice)}
.pgh-contact strong{display:block;font-size:.9rem}.pgh-contact small{color:var(--muted);font-size:.78rem}
.pgh-sig{border:2px dashed #aebfca;border-radius:14px;background:#fff;touch-action:none;width:100%;height:170px;display:block;cursor:crosshair}
.pgh-table{width:100%;border-collapse:collapse;font-size:.9rem}.pgh-table th,.pgh-table td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.pgh-table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.pgh-demo{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;background:var(--ice);border-radius:14px;padding:14px 16px;font-size:.92rem}
.pgh-demo code{font-size:.95rem;font-weight:800;color:var(--navy);background:#fff;border-radius:6px;padding:2px 7px}
@media(max-width:980px){.pgh-dash,.pgh-auth{grid-template-columns:1fr}.pgh-side{position:static;grid-template-columns:repeat(3,1fr)}.pgh-gets{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pgh-side{grid-template-columns:1fr 1fr}.pgh-gets{grid-template-columns:1fr}}

/* ---------- readiness check ---------- */
.pgr-q{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px 18px;display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center}
.pgr-q b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ice);color:var(--navy)}
.pgr-q p{margin:0;font-weight:700}
.pgr-opts{display:flex;gap:6px}
.pgr-opts button{border:1px solid #b8cfdf;background:#fff;border-radius:10px;padding:8px 12px;font-weight:800;color:var(--navy);min-width:62px}
.pgr-opts button[aria-pressed="true"].y{background:#128449;border-color:#128449;color:#fff}
.pgr-opts button[aria-pressed="true"].u{background:#d99a1a;border-color:#d99a1a;color:#fff}
.pgr-opts button[aria-pressed="true"].n{background:#c63b3b;border-color:#c63b3b;color:#fff}
.pgr-list{display:grid;gap:10px}
.pgr-result{border-radius:20px;padding:24px;color:#fff;background:var(--navy)}
.pgr-result.good{background:linear-gradient(110deg,#0d6b3a,#128449)}.pgr-result.mid{background:linear-gradient(110deg,#7a5200,#b57a0e)}.pgr-result.low{background:linear-gradient(110deg,#7a1c1c,#b03030)}
.pgr-score{font-size:3rem;font-weight:850;letter-spacing:-.04em;line-height:1}
.pgr-tips{display:grid;gap:10px;margin-top:16px}
.pgr-tips div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.pgr-tips strong{display:block;margin-bottom:3px}
@media(max-width:700px){.pgr-q{grid-template-columns:30px 1fr}.pgr-opts{grid-column:1/-1}}

/* ---------- help centre ---------- */
.pgf-search{display:flex;gap:10px;margin:18px 0 6px}
.pgf-search input{flex:1;min-height:56px;border-radius:16px;border:1px solid #aebfca;padding:12px 16px;font:inherit;font-size:1.05rem}
.pgf-cats{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}
.pgf-cats button{border:1px solid #abc0cf;border-radius:12px;background:#fff;padding:8px 14px;font-weight:700;color:#405c72}
.pgf-cats button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.pgf-list{display:grid;gap:10px}
.pgf-item{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.pgf-item summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:800;display:flex;justify-content:space-between;gap:12px}
.pgf-item summary::-webkit-details-marker{display:none}
.pgf-item summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--blue)}
.pgf-item[open] summary::after{content:"–"}
.pgf-item .a{padding:0 18px 16px;color:#36556c}.pgf-item .a p{margin:0 0 8px}
.pgf-item .cat{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pgf-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pgf-acts a,.pgf-acts button{border:1px solid #b8cfdf;border-radius:999px;padding:6px 12px;font-weight:800;font-size:.82rem;color:var(--navy);background:#fff}
.pg-open-now{display:flex;align-items:center;gap:10px;font-weight:800}

/* v10.1: the P mark in the chat, the chat button in the homepage chooser, Google reviews in the trust strip */
.pgc-launch .face img.pmark{width:72%;height:auto;margin-left:2px}
.pgc-head .av img.pmark{width:70%;height:auto;object-fit:contain;margin-left:2px}
.pgc-m .mini img.pmark{width:74%;height:auto;object-fit:contain;margin-left:1px}
.pg-proof{padding:14px 0 6px}.pg-proof .pg-router{margin-top:0}
.pg-router-chat{margin-left:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.pg-router-live{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700;color:rgba(255,255,255,.88)}
.pg-chatbtn{display:inline-flex;align-items:center;gap:10px;min-height:46px;border:0;border-radius:999px;background:#fff;color:var(--navy);font-weight:800;font-size:1rem;padding:5px 20px 5px 5px;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform .15s}
.pg-chatbtn:hover,.pg-chatbtn:focus-visible{transform:translateY(-1px)}
.pg-chatbtn .p{width:38px;height:38px;border-radius:50%;background:#eef4fb;display:grid;place-items:center}
.pg-chatbtn .p img{width:72%;height:auto;margin-left:2px}
@media(min-width:921px){.trust-box.pg-n{grid-template-columns:200px repeat(var(--n),minmax(0,1fr))}.trust-box.pg-n .trust-logo img{max-width:min(190px,100%)}}
.trust-google{gap:12px;color:var(--navy);text-decoration:none;padding:10px 14px}
.trust-google .g{width:40px;height:40px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font:800 1.2rem/1 Arial,sans-serif;color:#4285f4}
.trust-google strong{display:block;font-size:1rem;line-height:1.2;white-space:nowrap}
.trust-google .pg-stars{display:block;color:#f5a623;letter-spacing:1px;font-size:.95rem;line-height:1.1}
.trust-google small{display:block;color:var(--muted);font-weight:600;font-size:.8rem}
.trust-google.tg-tp .g{color:#00b67a}
@media(max-width:920px){.pg-router-chat{margin-left:0;width:100%;justify-content:space-between}}
@media(max-width:580px){.pg-router-live{width:100%}.pg-chatbtn{width:100%;justify-content:center}}

/* v10.8: Penny — the five ways to reach us, Start fresh, and larger text (for anyone who finds small text hard to read) */
.pgc-tools{display:flex;gap:8px;padding:8px 12px;background:#eaf2f8;border-bottom:1px solid #d5e3ec}
.pgc-tools button{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #b8cfdf;background:#fff;color:var(--navy);border-radius:999px;padding:6px 12px;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;min-height:36px}
.pgc-tools button:hover{border-color:var(--navy)}
.pgc-tools button:focus-visible{outline:3px solid #f2b705;outline-offset:2px}
.pgc-tools svg{width:16px;height:16px}
.pgc-tools .pgc-aa b{font-weight:900;font-size:.8rem;line-height:1;letter-spacing:-.5px}.pgc-tools .pgc-aa b i{font-style:normal;font-size:1.1rem}
.pgc-tools .pgc-aa[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.pgc-choices{display:grid;gap:8px;margin:2px 0 10px 36px}
.pgc-choice{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;text-align:left;border:2px solid #b8cfdf;background:#fff;color:var(--navy);border-radius:14px;padding:9px 12px;font:inherit;cursor:pointer;transition:background .15s,border-color .15s}
.pgc-choice:hover{border-color:var(--navy);background:#f1f7fb}
.pgc-choice:focus-visible{outline:3px solid #f2b705;outline-offset:2px}
.pgc-choice .ic{flex:0 0 38px;height:38px;border-radius:50%;background:#e8f1f8;display:grid;place-items:center;color:var(--navy)}
.pgc-choice .ic svg{width:21px;height:21px}
.pgc-choice:first-child{border-color:var(--navy)}
.pgc-choice:first-child .ic{background:#fff;box-shadow:0 0 0 2px var(--navy) inset}
.pgc-choice .tx{display:grid;gap:1px;min-width:0}
.pgc-choice strong{font-size:.95rem;line-height:1.25}.pgc-choice small{font-size:.8rem;color:#36556c;line-height:1.3}
.pgc-or{margin:0 0 12px 36px;font-size:.82rem;color:#36556c}
.pgc-formnote{margin:-4px 0 0;font-size:.82rem;color:#36556c}
.pgc-acts button:focus-visible,.pgc-acts a:focus-visible,.pgc-head button:focus-visible,.pgc-choice:focus-visible{outline:3px solid #f2b705;outline-offset:2px}
/* larger text */
.pgc.pgc-big .pgc-body{font-size:1.14rem}
.pgc.pgc-big .pgc-m .b{font-size:1.1rem;line-height:1.55}
.pgc.pgc-big .pgc-choice strong{font-size:1.1rem}.pgc.pgc-big .pgc-choice small{font-size:.95rem}
.pgc.pgc-big .pgc-acts button,.pgc.pgc-big .pgc-acts a{font-size:1rem;padding:10px 15px}
.pgc.pgc-big .pgc-input textarea{font-size:1.1rem}
.pgc.pgc-big .pgc-form input,.pgc.pgc-big .pgc-form textarea,.pgc.pgc-big .pgc-form select{font-size:1.05rem}
.pgc.pgc-big .pgc-or,.pgc.pgc-big .pgc-sub{font-size:.95rem}
.pgc.pgc-big .pgc-tools button{font-size:.95rem}
.pgc-choice .ic img.pmark{width:72%;height:auto;object-fit:contain;margin-left:2px}
@media (max-width:420px){.pgc-head{gap:8px;padding:12px 10px 12px 12px}.pgc-head .av{width:36px;height:36px}.pgc-head button{width:32px;height:32px}.pgc-head small{display:none}}