/* GEO Services 03 · 2026-10-23
   Centered, vertically layered composition: editorial website above cited content.
   Uses the approved square gradient stage and cqw UI contract; no page scaling. */
html body.wy-responsive[data-responsive-page="solution-geo-seo"] #services .geo03 {
  container-type:inline-size;color:var(--wy-ink);font-family:var(--wy-font-cn);
  font-weight:400;line-height:1.5;letter-spacing:normal;
}
.geo03 *, .geo03 *::before, .geo03 *::after { box-sizing:border-box; }
.geo03__browser {
  position:absolute;left:10%;top:7%;width:80%;height:59%;transform:none;
  overflow:hidden;border:1px solid rgba(255,255,255,.9);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,.18);
}
.geo03__chrome {
  height:4.8cqw;display:flex;align-items:center;gap:1.6cqw;padding:0 1.8cqw;
  background:#F7F7F9;border-bottom:1px solid #E9E9EF;
}
.geo03__dots { display:flex;gap:.65cqw; }
.geo03__dots i { display:block;width:.9cqw;height:.9cqw;border-radius:50%;background:#F07F78; }
.geo03__dots i:nth-child(2) { background:#E9BD58; }
.geo03__dots i:nth-child(3) { background:#6DBD8B; }
.geo03__address {
  margin:auto;width:66%;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;
}
.geo03__chrome-space { width:4cqw; }
.geo03__nav {
  height:5.6cqw;display:flex;align-items:center;gap:3.3cqw;padding:0 3cqw;
  background:#fff;color:#55555F;font-size:1.25cqw;
}
.geo03__wordmark { margin-right:auto;color:#232838;font:500 2.4cqw/1 var(--wy-font-en);letter-spacing:normal; }
.geo03__locale { margin-left:auto;color:#71717C; }
.geo03__article { position:relative;height:48.6cqw;overflow:hidden;background:#F8FAFC;color:#232838; }
.geo03__intro { position:relative;z-index:1;padding-top:2.5cqw;text-align:center; }
.geo03__kicker { margin:0 0 .7cqw;color:#71717C;font:400 1.15cqw/1.5 var(--wy-font-en);letter-spacing:normal; }
.geo03__headline { margin:0;font:500 3.8cqw/1.2 var(--wy-font-en);letter-spacing:normal; }
.geo03__subtitle { margin:.8cqw 0 0;color:#71717C;font:400 1.5cqw/1.5 var(--wy-font-en);letter-spacing:normal; }
.geo03__photo {
  /* Fit the full device above the foreground card; crop only photo whitespace. */
  position:absolute;left:5%;top:5.2cqw;width:90%;height:48cqw;
  object-fit:contain;object-position:center;border-radius:0;
  mask-image:linear-gradient(180deg,transparent,#000 12%),linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-composite:intersect;
}
.geo03__card {
  position:absolute;left:13%;top:62.5%;width:74%;padding:2.6cqw 3cqw 2.8cqw;
  border:1px solid rgba(255,255,255,.96);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,.20);
}
.geo03__question { width:fit-content;max-width:100%;margin:0 0 2cqw auto;padding:1cqw 1.5cqw;border-radius:1.2cqw;background:#F3F3F6;color:#55555F;font-size:1.85cqw;line-height:1.5; }
.geo03__card-head { display:flex;align-items:center;gap:2cqw; }
.geo03__card-title { display:flex;align-items:center;gap:1cqw;margin:0;color:#2A2A31;font:500 2cqw/1.4 var(--wy-font-en);letter-spacing:normal; }
.geo03__card-title img { display:block;width:2.8cqw;height:2.8cqw;object-fit:contain; }
.geo03__excerpt { margin:1.3cqw 0 2cqw 3.8cqw;color:#55555F;font-size:2.05cqw;line-height:1.7;font-weight:400;letter-spacing:normal; }
.geo03__brand { padding:.12cqw .35cqw;border-radius:.4cqw;background:var(--wy-primary-subtle,#EDE9F9);color:var(--wy-primary-deep,#452F8E);font-weight:500;white-space:nowrap; }
.geo03__cite { margin-inline-start:.5cqw;color:var(--wy-primary);font:500 1.2cqw/1 var(--wy-font-en); }
.geo03__sources { display:flex;flex-wrap:wrap;gap:1cqw;margin-inline-start:3.8cqw; }
.geo03__source { display:flex;align-items:center;justify-content:center;gap:.6cqw;min-width:0;padding:.7cqw 1cqw;border-radius:.7cqw;background:#F5F3FB;color:#68578E;font-size:1.55cqw;line-height:1.5;white-space:nowrap; }
.geo03__source-number { display:grid;place-items:center;width:2cqw;height:2cqw;color:var(--wy-primary);font:500 1.2cqw/1 var(--wy-font-en); }
