/* GEO Services 01 · 2026-10-22
   Existing square Visual/UI Card contract: only the internal scene uses cqw.
   Retains the approved .svq__fig gradient, frame, grid and outer typography. */
html body.wy-responsive[data-responsive-page="solution-geo-seo"] #services .geo01 {
  --geo01-mention-fill:linear-gradient(90deg,#DDD3F4 0%,var(--wy-primary-light) 100%);
  container-type:inline-size;
  color:var(--wy-ink);
  font-family:var(--wy-font-cn);
  font-weight:400;
  line-height:1.5;
  letter-spacing:normal;
}
.geo01 *, .geo01 *::before, .geo01 *::after { box-sizing:border-box; }
.geo01__browser {
  /* Keep the brand website horizontal; depth comes from offset and overlap. */
  position:absolute;left:12%;top:10.5%;width:82%;height:54%;
  transform:none;
  overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:1.8cqw;
  background:#fff;box-shadow:0 .4cqw 1cqw rgba(37,30,69,.035),0 2.4cqw 4.5cqw -1.6cqw rgba(37,30,69,.20);
}
.geo01__chrome {
  height:4.8cqw;display:flex;align-items:center;gap:1.6cqw;padding:0 1.8cqw;
  background:#F7F7F9;border-bottom:1px solid #E9E9EF;
}
.geo01__dots { display:flex;gap:.65cqw; }
.geo01__dots i { display:block;width:.9cqw;height:.9cqw;border-radius:50%;background:#F07F78; }
.geo01__dots i:nth-child(2) { background:#E9BD58; }
.geo01__dots i:nth-child(3) { background:#6DBD8B; }
.geo01__address {
  margin:auto;width:56%;padding:.22cqw 1cqw;border:1px solid #ECECF1;border-radius:.6cqw;
  color:#71717C;background:#fff;text-align:center;font-size:1.3cqw;line-height:1.5;
}
.geo01__chrome-space { width:4cqw; }
.geo01__site-nav {
  height:5.6cqw;display:flex;align-items:center;gap:3.3cqw;padding:0 3cqw;
  background:#fff;color:#55555F;font-size:1.25cqw;
}
.geo01__wordmark { margin-right:auto;color:#232838;font:500 2.4cqw/1 var(--wy-font-en);letter-spacing:normal; }
.geo01__locale { margin-left:auto;color:#71717C; }
.geo01__site-hero { position:relative;height:43.6cqw;isolation:isolate;background:#F8FAFC; }
.geo01__photo { position:absolute;inset:0 0 0 auto;width:82%;height:100%;object-fit:cover;object-position:center;border-radius:0;mask-image:linear-gradient(90deg,transparent,#000 18%); }
.geo01__site-copy { position:absolute;left:4%;top:6%;width:44%;color:#232838; }
.geo01__site-kicker { margin:0 0 1.1cqw;font:400 1.25cqw/1.4 var(--wy-font-en); }
.geo01__product { margin:0 0 1.2cqw;font:500 4.2cqw/1.15 var(--wy-font-en);letter-spacing:normal;white-space:nowrap; }
.geo01__tagline { margin:0;color:#55555F;font:400 1.6cqw/1.5 var(--wy-font-en); }
.geo01__site-cta {
  display:inline-block;margin-top:2.4cqw;padding:.8cqw 1.6cqw;border-radius:3cqw;
  background:#232838;color:#fff;font:400 1.2cqw/1.4 var(--wy-font-en);
}
.geo01__report {
  /* Keep the approved half-width card, icon sizes and short gradient tracks.
     Its lower-left position balances the phone and keeps the product visible. */
  position:absolute;left:7%;top:47%;width:39%;padding:2.8cqw 2.2cqw 2.4cqw;
  border:1px solid rgba(255,255,255,.95);border-radius:1.8cqw;
  background:#fff;box-shadow:0 .35cqw .9cqw rgba(37,30,69,.035),0 2.8cqw 5cqw -1.6cqw rgba(37,30,69,.22);
}
.geo01__report-head { display:flex;justify-content:space-between;align-items:flex-start;gap:2cqw; }
.geo01__report-title { margin:0;color:#2A2A31;font-size:2.65cqw;line-height:1.4;font-weight:500;letter-spacing:normal; }
.geo01__legend { display:flex;align-items:center;gap:.65cqw;margin:1.7cqw 0 1.4cqw;color:#71717C;font-size:1.3cqw; }
.geo01__legend-bar { width:1.1cqw;height:.75cqw;background:var(--geo01-mention-fill);border-radius:.2cqw; }
.geo01__legend-tick { width:.25cqw;height:1.1cqw;margin-left:1.2cqw;background:#B4B4C0; }
.geo01__chart { margin:0;padding:0;list-style:none;display:grid;gap:1.6cqw; }
.geo01__row { display:grid;grid-template-columns:13.2cqw minmax(0,1fr) 5cqw;align-items:center;gap:1.1cqw;min-height:3.4cqw; }
.geo01__model { display:flex;align-items:center;gap:1cqw;color:#3D3D46;font-size:1.8cqw;white-space:nowrap; }
.geo01__model img { width:2.6cqw;height:2.6cqw;object-fit:contain;border-radius:0; }
.geo01__track { position:relative;height:1.2cqw;border-radius:.35cqw;background:#F0F0F4; }
.geo01__bar { position:absolute;inset:0 auto 0 0;width:var(--mention);border-radius:inherit;background:var(--geo01-mention-fill); }
.geo01__benchmark { position:absolute;left:var(--benchmark);top:-.45cqw;width:.28cqw;height:2.1cqw;border-radius:.14cqw;background:#A5A5B5; }
.geo01__value { color:#452F8E;font:500 2.1cqw/1.4 var(--wy-font-en);font-variant-numeric:tabular-nums;letter-spacing:normal;text-align:right; }
.geo01__value--below-average { color:var(--wy-danger); }