/* FanBound v8.6: Google Business Profile section (home). Complete and Premium 3D side by side, ticks and crosses,
   from the agreement's Schedule 5 (v1.3). The profile picture is FanBound's own illustration: no Google logos,
   colours or screenshots, with a trademark line underneath. */
.gp{background:var(--paper);padding-block:88px 92px}
.gp .wrap{display:block}
.gp-top{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.gp-kick{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;padding:7px 14px 7px 10px;border-radius:999px;background:var(--teal);color:#fff;font-weight:800;font-size:14px;letter-spacing:.02em}
.gp-kick svg{width:15px;height:20px;fill:var(--gold)}
.gp-kick svg circle{fill:var(--teal)}
.gp-intro .lead{font-size:1.12rem;color:var(--ink);max-width:56ch}
.gp-basic{font-size:15px;color:var(--muted);margin:0}

/* illustration: a map with one pin, and a profile card */
.gp-illus{margin:0;position:relative}
.gp-map{position:relative;height:250px;border-radius:18px;overflow:hidden;background:#DCE8E3;box-shadow:inset 0 0 0 1px rgba(10,50,56,.08)}
.gp-map::before{content:"";position:absolute;left:8%;top:58%;width:30%;height:34%;border-radius:40% 55% 45% 50%;background:#C9DECF}
.gp-map::after{content:"";position:absolute;right:-4%;top:-10%;width:34%;height:44%;border-radius:50%;background:#CFE0EA}
.gp-roads{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.gp-roads path{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round}
.gp-roads path.thin{stroke-width:4;stroke:#F3F7F5}
.gp-pin{position:absolute;left:50%;top:38%;width:38px;height:50px;margin:-50px 0 0 -19px;z-index:3;filter:drop-shadow(0 8px 10px rgba(7,62,69,.35));animation:gp-drop .9s var(--ease-spring) both .2s}
.gp-pin svg{width:100%;height:100%}.gp-pin path{fill:var(--teal)}.gp-pin circle{fill:var(--gold)}
.gp-pin::after{content:"";position:absolute;left:50%;bottom:-6px;width:22px;height:8px;margin-left:-11px;border-radius:50%;background:rgba(7,62,69,.25);z-index:-1}
.gp-dot{position:absolute;z-index:2;width:12px;height:12px;border-radius:50%;background:#9DB3B0;box-shadow:0 0 0 3px #fff}
@keyframes gp-drop{from{transform:translateY(-26px);opacity:0}to{transform:none;opacity:1}}
.gp-card-ill{position:relative;z-index:4;margin:-78px 22px 0 auto;width:min(380px,92%);background:#fff;border-radius:16px;box-shadow:0 22px 50px rgba(7,40,45,.22),0 0 0 1px rgba(10,50,56,.06);overflow:hidden}
.gp-photos{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:3px;height:74px}
.gp-photos i{background:linear-gradient(135deg,#5E7F82,#2F5156)}
.gp-photos i:nth-child(2){background:linear-gradient(135deg,#B78B5C,#7A5A3A)}
.gp-photos i:nth-child(3){background:linear-gradient(135deg,#7C8F6A,#4D6044)}
.gp-body{display:grid;gap:4px;padding:14px 16px 16px;font-size:13.5px;color:#3E5559;line-height:1.35}
.gp-name{font-size:18px;color:var(--teal-ink);font-stretch:108%;font-variation-settings:"wdth" 108}
.gp-stars{color:#5B6E70}.gp-stars span{color:var(--gold-d);letter-spacing:1px;margin-right:4px}
.gp-open b{color:#1E7B4E}
.gp-acts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
.gp-acts>span{display:grid;justify-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--teal)}
.gp-acts svg{width:34px;height:34px;padding:8px;border-radius:50%;background:var(--teal-tint);fill:none;stroke:var(--teal);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.gp-illus figcaption{font-size:12px;color:var(--muted);margin-top:12px;max-width:none;line-height:1.45}

/* the two packages */
.gp-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;align-items:stretch}
.gp-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:30px 28px 28px}
.gp-card h3{font-size:1.6rem}
.gp-card.prem{border:2px solid var(--gold);background:linear-gradient(180deg,#FFFBF1,#fff 220px);box-shadow:0 26px 60px rgba(7,62,69,.14)}
.gp-badge{position:absolute;top:-14px;left:26px;background:var(--gold);color:var(--teal-ink);font-weight:800;font-size:13px;padding:5px 12px;border-radius:999px;letter-spacing:.01em}
.gp-price{margin:6px 0 4px;font-weight:700;color:var(--teal);font-size:15px}
.gp-h{margin:22px 0 8px;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink)}
.gp-h span{font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted);font-size:13px}
.gp-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.gp-list li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:8px 0;border-top:1px solid #EDF1EF;font-size:15.5px;line-height:1.45}
.gp-list li:first-child{border-top:0}
.gp-list small{display:block;font-size:13.5px;color:var(--teal);font-weight:700;margin-top:2px}
.gp-list .ic{width:24px;height:24px;border-radius:50%;padding:3px;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.gp-list .ic.y{background:#DDF1E5;stroke:#1E7B4E}
.gp-list .ic.n{background:#F7E3E1;stroke:#B3433A}
.gp-list li.n>span{color:#8A9A9C}
.gp-list li.n small{color:#8A9A9C;font-weight:600}
.gp-card.prem .gp-list .ic.y{background:var(--gold);stroke:var(--teal-ink)}
.pon{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--teal);color:#fff;font-size:11px;font-weight:800;letter-spacing:.03em;vertical-align:2px}
.gp-card .btn{margin-top:auto;align-self:flex-start}
.gp-card .gp-list:last-of-type{margin-bottom:24px}
.gp-pay{margin:18px 0 0;font-size:14.5px;color:var(--muted);max-width:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* honest limits */
.gp-never{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;margin-top:40px;padding:28px 30px;border-radius:18px;background:var(--teal-ink);color:#D9E8E7}
.gp-never h3{color:#fff;margin-bottom:14px}
.gp-never ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.gp-never li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15px;line-height:1.4}
.gp-never .ic{width:20px;height:20px;fill:none;stroke:var(--gold);stroke-width:2;margin-top:1px}
.gp-never>p{margin:0;font-size:15px;color:#B9D3D3;align-self:center}

@media (max-width:1000px){
  .gp-top{grid-template-columns:1fr;gap:34px}
  .gp-cards{grid-template-columns:1fr;gap:30px}
  .gp-never{grid-template-columns:1fr;gap:18px}
}
@media (max-width:640px){
  .gp{padding-block:60px 64px}
  .gp-map{height:190px}
  .gp-card-ill{margin:-64px 10px 0 auto}
  .gp-card{padding:26px 18px 22px}
  .gp-list li{font-size:15px}
  .gp-never{padding:24px 18px}
  .gp-never ul{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.gp-pin{animation:none}}
@media (max-width:1000px){.gp-card.prem{order:-1}}