/* ==========================================================================
   /generative-engine-optimisation · September 2026 redesign. Loaded after
   ind-wdp.css and svx.css; every class here is .gex-* (the page's own).
   The page's pictures come from the world of AI answers: the reply and its
   sources, the web of mentions pointing at a business, the monthly check of
   who is named and cited.
   Motion rests complete: "before" states are gated by html.el8-js plus a
   class sv-geo.js adds while a part plays (.is-run) or the rise observer's
   .is-in, and ind-wdp.css switches every animation and transition off under
   reduced motion. Loops pause off screen through ind-wdp's .is-live rule.
   No backdrop-filter.
   ========================================================================== */

main[data-svc="geo"]{--gx-card:linear-gradient(180deg,#101318,#0B0C10);--gx-deep:#0A0B0E;--gx-mono:ui-monospace,SFMono-Regular,Menlo,monospace}

@keyframes gexBlink{50%{opacity:0}}
@keyframes gexMarch{to{stroke-dashoffset:-14}}
@keyframes gexFlow{to{stroke-dashoffset:-1}}
@keyframes gexDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes gexBreathe{50%{opacity:.4}}
@keyframes gexTwinkle{0%,100%{opacity:.25}50%{opacity:.9}}
@keyframes gexHalo{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@keyframes gexPing{from{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}
@keyframes gexPop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.25);opacity:1}100%{transform:none;opacity:1}}
@keyframes gexGlow{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes gexSweep{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* shared pieces */
.gex-cite{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;margin:0 1px 0 3px;border-radius:9px;background:var(--gold);color:#111;
  font:800 10.5px/1 var(--font-head);font-style:normal;vertical-align:.42em;box-shadow:0 0 0 3px rgba(244,160,0,.14)}
.gex-peek > summary{display:none}
.gex-note{display:flex;align-items:center;justify-content:space-between;gap:18px 32px;margin-top:26px;padding:18px 22px;border-radius:18px;border:1px dashed var(--edge-2);background:#0A0B0E}
.gex-note p{margin:0;max-width:820px;font-size:15px;line-height:1.6;color:var(--text-mid)}
.gex-note .svc-link{margin:0;white-space:nowrap}

/* ============ HERO ============ */

.gex-cite--hero{transition:opacity .35s,transform .5s var(--ease)}

.gex-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 5px;border-radius:13px;border:1px solid var(--edge-2);background:#101318;
  font-size:12px;white-space:nowrap;color:var(--text-soft);transition:all .5s var(--ease)}
.gex-chip i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgba(255,255,255,.06)}
.gex-chip i svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.gex-chip.is-you{border-color:var(--gold-line);background:rgba(244,160,0,.1);color:#FFD27A;box-shadow:0 0 22px -6px rgba(244,160,0,.45)}

/* the sequence (sv-geo.js): is-run, then is-s1 the sources read · is-s2 the answer · is-s3 the citation */

/* ============ VALUE: four tiles meeting at your business ============ */
.gex-vp{position:relative}

.gex-ex{align-self:start;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;border:1px solid var(--edge);background:var(--gx-deep)}
.gex-ex__k{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim)}
.gex-ex__rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.gex-ex__rows li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.035);
  font-size:12.5px;line-height:1.3;color:var(--text)}
.gex-ex__rows li > i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#15181E;font-style:normal;font-size:11px;font-weight:800;color:var(--text-soft)}
.gex-ex__rows li > i svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.gex-ex__rows em{justify-self:end;font-style:normal;font-size:11px;font-weight:700;line-height:1.2;padding:3px 8px;border-radius:100px;background:rgba(255,255,255,.06);color:var(--text-soft);white-space:nowrap}
.gex-ex__rows em.is-teal{color:var(--teal);background:var(--teal-soft)}
.gex-ex__rows em.is-gold{color:var(--gold);background:var(--gold-soft)}
.gex-ex__rows em.is-coral{color:var(--coral);background:var(--coral-soft)}
.gex-ex__rows li.is-bad{background:rgba(255,122,107,.05)}
.gex-ex__rows li.is-bad > i{color:var(--coral)}
.gex-ex__rows li.is-bad s{color:var(--text-soft);text-decoration-color:rgba(255,122,107,.7)}
.gex-ex__rows li.is-good{background:rgba(79,191,160,.06)}
.gex-ex__rows li.is-good > i{color:var(--teal)}
.gex-ex__web{display:block;width:100%;height:auto;margin:-2px 0 2px}
.gex-ex__web path{fill:none;stroke:rgba(244,160,0,.5);stroke-width:1.3;stroke-dasharray:1;transition:stroke-dashoffset 1s var(--ease);transition-delay:calc(.2s + var(--k) * .14s)}
.gex-ex__node{fill:#1F242D;stroke:rgba(255,255,255,.35)}
.gex-ex__you{fill:#0B0C10;stroke:var(--gold);stroke-width:1.5}
.gex-ex__core{fill:var(--gold)}

.gex-ex--plain svg{display:block;width:100%;height:auto}
.gex-ex--plain rect{fill:#12151A;stroke:var(--edge-2)}
.gex-ex--plain path{stroke:rgba(255,255,255,.2);stroke-width:5;stroke-linecap:round}
.gex-para{position:relative;margin:0;padding:12px 12px 12px 30px;border-radius:12px;border-left:3px solid var(--gold);background:rgba(244,160,0,.05);font-size:13px;line-height:1.55;color:var(--text)}
.gex-para__q{position:absolute;left:9px;top:4px;font:800 28px/1 var(--font-head);color:var(--gold)}
.gex-para mark{color:inherit;background:linear-gradient(rgba(244,160,0,.22),rgba(244,160,0,.22)) no-repeat 0 0 / 100% 100%;transition:background-size 1.6s var(--ease) .3s;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}

.gex-ex__bub{position:relative;color:var(--text-soft)}
.gex-ex__bub b{position:absolute;right:3px;top:3px;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px rgba(244,160,0,.7)}
.gex-ex--five li:last-child .gex-ex__bub b{background:var(--text-dim);box-shadow:none}
.gex-dash{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.gex-dash__t{display:flex;flex-direction:column;gap:4px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.035);font-size:11.5px;line-height:1.3;color:var(--text-soft)}
.gex-dash__t.is-wide{grid-column:1 / -1}
.gex-dash__t b{font:800 17px/1.1 var(--font-head);color:var(--text)}
.gex-dash__t b.is-gold{color:var(--gold)}
.gex-dash__t b.is-teal{color:var(--teal)}
.gex-dash__t svg{width:100%;height:26px}
.gex-dash__t path{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:1;transition:stroke-dashoffset 1.4s var(--ease) .3s}

.gex-dash__t.is-none{flex-direction:row;align-items:center;justify-content:space-between}
.gex-dash__t.is-none b{font-size:13px;color:var(--text-dim);text-decoration:line-through;text-decoration-color:rgba(255,122,107,.7)}
.gex-out{display:flex;align-items:center;gap:20px;margin-top:26px;padding:22px 26px;border-radius:22px;border:1px solid var(--gold-line);
  background:radial-gradient(60% 140% at 0% 50%,rgba(244,160,0,.12),transparent 70%),#0C0D11}
.gex-out__ic{position:relative;flex:0 0 auto;width:54px;height:54px}
.gex-out__ic i{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:var(--gold);
  transform:rotate(calc(var(--n,0) * 72deg)) translateY(-20px)}
.gex-out__ic i:nth-child(2){--n:1}.gex-out__ic i:nth-child(3){--n:2}.gex-out__ic i:nth-child(4){--n:3}.gex-out__ic i:nth-child(5){--n:4}
.gex-out__ic::after{content:"";position:absolute;inset:14px;border-radius:50%;border:1.5px solid var(--gold);box-shadow:0 0 20px rgba(244,160,0,.4)}
.gex-out b{font:800 20px/1.2 var(--font-head);letter-spacing:-.01em;color:var(--text)}
.gex-out p{margin:6px 0 0;font-size:15.5px;line-height:1.55;color:var(--text-mid)}

/* ============ HOW AI CHOOSES: the shortlist ============ */
.gex-pick{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:start}
.gex-pick.is-solo{grid-template-columns:minmax(0,1fr)}
.gex-list{position:sticky;top:110px;padding:20px 20px 18px;border-radius:26px;border:1px solid var(--edge-2);
  background:radial-gradient(70% 50% at 10% 0%,rgba(79,191,160,.06),transparent 70%),linear-gradient(180deg,#101318,#0A0B0E);box-shadow:0 40px 80px -50px rgba(0,0,0,.95)}
.gex-list__head,.gex-list__row{display:grid;grid-template-columns:minmax(0,2.4fr) repeat(var(--c),minmax(0,1fr)) 30px;align-items:center;gap:10px}
.gex-list__head{padding:0 12px 4px}
.gex-list__head b{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:34px;padding:7px 6px 6px;border-radius:10px;border:1px solid var(--edge-2);font:800 11.5px/1 var(--font-head);color:var(--text-soft);transition:all .35s}
.gex-list__head b i{display:grid}
.gex-list__head b svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.gex-list__row{margin-top:10px;padding:16px 12px;border-radius:14px;border:1px solid transparent;background:rgba(255,255,255,.025);transition:opacity .5s,border-color .4s,background .4s}
.gex-list__row.is-you{border-color:var(--gold-line);background:rgba(244,160,0,.06)}
.gex-list__who{display:flex;align-items:center;gap:9px;min-width:0}
.gex-list__fav{flex:0 0 auto;width:22px;height:22px;border-radius:7px;border:1px solid var(--edge-2);background:#1C2029}
.gex-list__id{flex:1;min-width:0;display:grid;gap:6px}
.gex-list__sub{display:block;width:var(--w);height:4px;border-radius:2px;background:rgba(255,255,255,.07)}
.is-you .gex-list__fav{border-color:var(--gold);background:var(--gold-soft)}
.gex-list__name{min-width:0;overflow:hidden;white-space:nowrap;font-size:12.5px;font-weight:700;color:#FFD27A}
.gex-list__bar{display:block;width:var(--w);height:7px;border-radius:4px;background:rgba(255,255,255,.13)}
.gex-list__m{display:block;height:10px;border-radius:5px;background:rgba(255,255,255,.06);overflow:hidden;transition:box-shadow .35s}
.gex-list__m b{display:block;width:calc(var(--s) * 100%);height:100%;border-radius:5px;background:var(--teal);transform-origin:left;transition:transform .7s var(--ease)}
.is-you .gex-list__m b{background:var(--gold)}
.gex-list__m.is-weak b{background:var(--coral)}
.gex-list__out{justify-self:center;display:grid;place-items:center}
.gex-list__out .gex-cite{margin:0;vertical-align:0;transition:opacity .4s,transform .5s var(--ease)}
.gex-list__out i{font-style:normal;font-size:12px;font-weight:800;color:var(--coral);transition:opacity .4s}
.gex-list.is-run .gex-list__row:not(.is-you) .gex-list__out i{opacity:0}
.gex-list.is-c1 [data-drop="1"] .gex-list__out i,.gex-list.is-c2 [data-drop="2"] .gex-list__out i,.gex-list.is-c3 [data-drop="3"] .gex-list__out i,.gex-list.is-c4 [data-drop="4"] .gex-list__out i{opacity:1}
.gex-list__ans{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:14px;border:1px dashed var(--edge-2)}
.gex-list__av{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--gold-soft);color:var(--gold)}
.gex-list__av svg{width:15px;height:15px;fill:currentColor}
.gex-list__lines{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.gex-list__lines i{display:block;height:6px;width:26%;border-radius:3px;background:rgba(255,255,255,.12)}
.gex-list__lines i + i{width:18%}
.gex-list__lines i.is-short{width:10%}
.gex-list__lines i.is-you{display:inline-flex;align-items:center;width:auto;height:auto;padding:3px 4px 3px 9px;border-radius:100px;background:rgba(244,160,0,.12);font-style:normal;
  transition:opacity .4s,transform .5s var(--ease)}
.gex-list__lines i.is-you b{font-size:11.5px;font-weight:700;color:#FFD27A;white-space:nowrap}
/* scored column by column (sv-geo.js: is-run, is-c1 … is-c4, is-done); a candidate weak on a signal drops out as that column is scored */
.gex-list.is-run:not(.is-c1) .gex-list__m[data-c="1"] b,.gex-list.is-run:not(.is-c2) .gex-list__m[data-c="2"] b,
.gex-list.is-run:not(.is-c3) .gex-list__m[data-c="3"] b,.gex-list.is-run:not(.is-c4) .gex-list__m[data-c="4"] b{transform:scaleX(0)}
.gex-list:not(.is-run) .gex-list__row[data-drop],.gex-list.is-c1 .gex-list__row[data-drop="1"],.gex-list.is-c2 .gex-list__row[data-drop="2"],
.gex-list.is-c3 .gex-list__row[data-drop="3"],.gex-list.is-c4 .gex-list__row[data-drop="4"]{opacity:.55}
.gex-list.is-run:not(.is-done) .gex-list__out .gex-cite,.gex-list.is-run:not(.is-done) .gex-list__lines i.is-you{opacity:0;transform:scale(.4)}
.gex-list.is-run .gex-list__head b.is-now{border-color:var(--gold);color:var(--gold)}
.gex-list[data-now="1"] .gex-list__m[data-c="1"],.gex-list[data-now="2"] .gex-list__m[data-c="2"],.gex-list[data-now="3"] .gex-list__m[data-c="3"],
.gex-list[data-now="4"] .gex-list__m[data-c="4"]{box-shadow:0 0 0 3px rgba(244,160,0,.18),0 0 18px rgba(244,160,0,.25)}
/* a signal card lights its column */
.gex-list.is-col1 [data-c="1"],.gex-list.is-col2 [data-c="2"],.gex-list.is-col3 [data-c="3"],.gex-list.is-col4 [data-c="4"]{box-shadow:0 0 0 2px rgba(244,160,0,.35)}
.gex-list.is-col1 .gex-list__head b[data-c="1"],.gex-list.is-col2 .gex-list__head b[data-c="2"],.gex-list.is-col3 .gex-list__head b[data-c="3"],
.gex-list.is-col4 .gex-list__head b[data-c="4"]{border-color:var(--gold);background:var(--gold);color:#111;box-shadow:none}

.gex-pick-sec .wdp-band{margin-top:22px}

/* ============ PLATFORMS ============ */

.gex-pp{display:block;width:100%;height:100%;overflow:visible}
.gex-pp *{vector-effect:non-scaling-stroke}
.gex-pp [pathLength],.gex-tp [pathLength],.gex-tv [pathLength],.gex-kp [pathLength],.gex-gp [pathLength],.gex-map [pathLength]{vector-effect:none}
.gex-pp__src *,.gex-pp__crawl *{fill:none;stroke:var(--text-soft);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.gex-pp__src .gex-pp__back{fill:#0E1116}
.gex-pp__flow{fill:none;stroke:rgba(244,160,0,.6);stroke-width:1.4;stroke-dasharray:.04 .03;animation:gexFlow 3s linear infinite}
.gex-pp__bubble path,.gex-pp__panel{fill:#12151B;stroke:rgba(255,255,255,.16);stroke-width:1.2}
.gex-pp__txt{fill:none;stroke:rgba(255,255,255,.22);stroke-width:5;stroke-linecap:round}
.gex-pp__txt.is-dim{stroke:rgba(255,255,255,.1)}
.gex-pp__you{fill:var(--gold)}
.gex-pp__chip{fill:rgba(255,255,255,.14)}
.gex-pp__badge circle{fill:var(--gold);filter:drop-shadow(0 0 8px rgba(244,160,0,.5))}
.gex-pp__badge path{fill:#111}
.gex-pp__crawl circle:first-child{stroke:var(--teal)}
.gex-pp__ping{transform-box:fill-box;transform-origin:center;animation:gexPing 2.4s ease-out infinite}
.gex-pp__num circle{fill:#1B1F27;stroke:rgba(255,255,255,.25);stroke-width:1}
.gex-pp__num text{font:800 8.5px/1 var(--font-head);text-anchor:middle;fill:var(--text-soft)}
.gex-pp__num.is-you circle{fill:var(--gold);stroke:var(--gold)}
.gex-pp__num.is-you text{fill:#111}
.gex-pp__ov{fill:rgba(79,191,160,.07);stroke:var(--teal-line);stroke-width:1.2}
.gex-pp__spark{fill:var(--teal)}
.gex-pp__index rect{fill:rgba(255,255,255,.08)}
.gex-pp__quote{fill:rgba(244,160,0,.07);stroke:var(--gold-line);stroke-width:1.2}
.gex-pp__seal circle{fill:var(--gold)}
.gex-pp__seal path:not(.gex-pp__ribbon){fill:none;stroke:#111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gex-pp__ribbon{fill:#B87800}
.gex-pp__dots circle{fill:rgba(255,255,255,.2)}
.gex-pp__app{fill:#15181E;stroke:rgba(255,255,255,.1)}
.gex-pp__side{fill:#0F1216;stroke:var(--gold-line);stroke-width:1.2}
.gex-pp__me{fill:rgba(255,255,255,.12)}
.gex-pp__ans{fill:#1A1E26}

/* ============ STORYBOARD FRAMES (in the month-by-month stage cards) ============ */
.gex-map{display:block;width:100%;height:100%}
.gex-map path{fill:none;vector-effect:non-scaling-stroke}
.gex-map__rival path{stroke:rgba(255,122,107,.5);stroke-width:1.3}
.gex-map__rival.is-fade path{stroke:rgba(255,122,107,.16)}
.gex-map__rivsrc path{stroke:rgba(255,122,107,.32);stroke-width:1.1;stroke-dasharray:3 4}
.gex-map__earn path{stroke:var(--gold);stroke-width:1.6;stroke-dasharray:1;opacity:.85}
.gex-map__earn.is-new path{animation:gexDraw 1.4s var(--ease) both,gexGlow 2.6s ease-in-out 1.4s infinite;animation-delay:calc(var(--k) * .22s),calc(1.4s + var(--k) * .22s)}
.gex-map__read path{stroke:var(--teal);stroke-width:1.3;stroke-dasharray:3 4;animation:gexMarch 1.1s linear infinite}
.gex-map__cite path{stroke:var(--gold);stroke-width:1.7;stroke-dasharray:.06 .04;animation:gexFlow 2.4s linear infinite reverse}
.gex-map__srcs circle{fill:#1D222B;stroke:rgba(255,255,255,.28);stroke-width:1.2;opacity:.35}
.gex-map__srcs.is-on circle{fill:#232833;stroke:rgba(255,255,255,.55);opacity:1}
.gex-map__srcs.is-new circle{animation:gexGlow 2.2s ease-in-out infinite}
.gex-map__gap circle{fill:none;stroke:var(--gold);stroke-width:1.2;stroke-dasharray:3 3;animation:gexBreathe 2s ease-in-out infinite}
.gex-map__cos circle{fill:rgba(255,122,107,.16);stroke:var(--coral);stroke-width:1.4}
.gex-map__page rect:first-child{fill:#161A21;stroke:rgba(255,255,255,.3);stroke-width:1.2}
.gex-map__page path{stroke:rgba(255,255,255,.3);stroke-width:2.4;stroke-linecap:round}
.gex-map__mark{fill:rgba(244,160,0,.6)}
.gex-map__page.is-new .gex-map__mark{animation:gexGlow 1.8s ease-in-out infinite}
.gex-map__ring{fill:#0B0C10;stroke:rgba(255,255,255,.3);stroke-width:1.4}
.gex-map__ring.is-ask{stroke-dasharray:3 3;animation:gexBreathe 2s ease-in-out infinite}
.gex-map__core{fill:rgba(255,255,255,.3)}
.gex-map__you.is-lit .gex-map__ring{stroke:var(--gold)}
.gex-map__you.is-lit .gex-map__core{fill:var(--gold)}
.gex-map__you.is-big .gex-map__ring{filter:drop-shadow(0 0 8px rgba(244,160,0,.6))}
.gex-map__halo{fill:rgba(244,160,0,.14);transform-box:fill-box;transform-origin:center;animation:gexHalo 3s ease-in-out infinite}
.gex-map__tag circle{fill:none;stroke:var(--teal);stroke-width:1.2;stroke-dasharray:2 3}
.gex-map__tag text{font:700 15px/1 var(--gx-mono);fill:var(--teal)}
.gex-map__tag.is-new{animation:gexGlow 2s ease-in-out infinite}
.gex-map__ais rect{fill:#141820;stroke:rgba(255,255,255,.25);stroke-width:1.1}
.gex-map__ais path{fill:var(--text-soft)}
.gex-map__ais .is-ask rect{stroke:rgba(255,122,107,.6)}
.gex-map__tick{fill:var(--teal);stroke:#0B0C10;stroke-width:1.5}

/* ============ WHAT TO EXPECT: the monthly answers ============ */
.gex-strip{padding:22px 24px 18px;border-radius:26px;border:1px solid var(--edge);background:var(--gx-card)}
.gex-strip__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;margin-bottom:18px}
.gex-strip__head > b{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}
.gex-strip__key,.gex-mx__key{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12.5px;color:var(--text-soft)}
.gex-strip__key span,.gex-mx__key span{display:inline-flex;align-items:center;gap:7px}
.gex-strip__key i{width:22px;height:8px;border-radius:4px}
.gex-strip__key .is-none i{border:1px dashed rgba(255,255,255,.4)}
.gex-strip__key .is-named i{background:var(--teal)}
.gex-strip__key .is-cited i{background:var(--gold)}
.gex-strip__frames{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--months),minmax(0,1fr));gap:10px}
.gex-shot{display:flex;flex-direction:column;gap:10px;padding:12px 10px 11px;border-radius:14px;border:1px solid var(--edge);background:#08090C;transition:opacity .35s,border-color .35s,transform .4s var(--ease)}
.gex-shot__q{align-self:flex-end;display:flex;align-items:center;width:72%;height:13px;padding:0 5px;border-radius:7px 7px 2px 7px;background:#1B1F27}
.gex-shot__q i{display:block;width:70%;height:3px;border-radius:2px;background:rgba(255,255,255,.22)}
.gex-shot__a{display:grid;grid-template-columns:12px minmax(0,1fr);gap:6px;align-items:start}
.gex-shot__av{display:block;width:12px;height:12px;border-radius:4px;background:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold-line)}
.gex-shot__ls{display:grid;gap:8px;padding-top:2px}
.gex-shot__src{display:flex;gap:4px;margin:1px 0 0 18px}
.gex-shot__src i{display:block;width:18px;height:7px;border-radius:4px;border:1px solid rgba(255,255,255,.2)}
.gex-shot__src i.is-you{border:0;background:var(--gold)}
.gex-shot__l{display:flex;align-items:center;gap:4px;height:8px}
.gex-shot__l > i{display:block;width:var(--w);height:4px;border-radius:2px;background:rgba(255,255,255,.14)}
.gex-shot__l em{display:block;width:18%;height:7px;border-radius:4px;background:rgba(255,255,255,.3)}
.gex-shot__you{position:relative;flex:0 0 auto;width:30%;height:8px;border-radius:4px}
.is-none .gex-shot__you{border:1px dashed rgba(255,255,255,.34)}
.is-named .gex-shot__you{background:var(--teal)}
.is-cited .gex-shot__you{background:var(--gold);box-shadow:0 0 10px rgba(244,160,0,.45)}
.gex-shot__you sup{position:absolute;right:-4px;top:-4px;width:7px;height:7px;border-radius:50%;background:#FFD27A;border:1.5px solid #08090C}
.gex-shot__m{margin-top:3px;font:700 10px/1.2 var(--gx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}
.is-cited .gex-shot__m{color:var(--gold)}
html.el8-js .gex-strip:not(.is-in) .gex-shot{opacity:0;transform:translateY(10px)}
.gex-strip .gex-shot{transition-delay:calc(var(--m) * .07s)}
.gex-film.has-pick .gex-shot{opacity:.35;transition-delay:0s}
.gex-film.has-pick .gex-shot.is-pick{opacity:1;border-color:var(--gold-line);transform:translateY(-3px)}
.gex-strip__spans{display:grid;grid-template-columns:repeat(var(--months),minmax(0,1fr));column-gap:10px;row-gap:4px;margin-top:10px}
.gex-strip__spans i{position:relative;grid-column:var(--a) / var(--b);grid-row:var(--r);display:flex;align-items:center;justify-content:center;height:16px;
  border-inline:1.5px solid var(--edge-2);transition:border-color .3s}
.gex-strip__spans i::before{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:var(--edge-2);transition:background .3s}
.gex-strip__spans b{position:relative;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#0D0F13;border:1px solid var(--edge-2);
  font:800 10px/1 var(--font-head);color:var(--text-soft);transition:all .3s}
.gex-strip__spans i.is-pick{border-color:var(--gold)}
.gex-strip__spans i.is-pick::before{background:var(--gold)}
.gex-strip__spans i.is-pick b{border-color:var(--gold);background:var(--gold);color:#111}

/* ============ MISTAKES: page one on Google, absent from the answer ============ */
.gex-gap__in{padding:24px;border-radius:26px;border:1px solid var(--edge-2);background:linear-gradient(180deg,#101318,#0A0B0E);box-shadow:0 40px 80px -50px rgba(0,0,0,.95)}
.gex-gap__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px;margin-bottom:18px}
.gex-gap__head b{font:700 12px/1.3 var(--gx-mono);letter-spacing:.1em;color:var(--gold)}
.gex-gap__head span{font-size:13px;color:var(--text-dim)}
.gex-gap__split{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:stretch}
.gex-gap__side{display:flex;flex-direction:column;gap:12px}
.gex-gap__pic{flex:1;display:grid;align-content:start;gap:8px;padding:14px;border-radius:18px;border:1px solid var(--edge);background:#08090C}
.gex-gap__bar{display:flex;align-items:center;gap:9px;height:32px;padding:0 12px;border-radius:16px;border:1px solid var(--edge-2)}
.gex-gap__bar svg{width:14px;height:14px;fill:none;stroke:var(--text-dim);stroke-width:2.2;stroke-linecap:round}
.gex-gap__bar i{display:block;width:44%;height:5px;border-radius:3px;background:rgba(255,255,255,.18)}
.gex-gap__res{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;border-radius:12px;border:1px solid transparent;background:rgba(255,255,255,.03)}
.gex-gap__res > b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#1A1E25;font:800 11px/1 var(--font-head);color:var(--text-soft)}
.gex-gap__res > span{display:grid;gap:5px;min-width:0}
.gex-gap__res i{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.12)}
.gex-gap__res i + i{width:66%}
.gex-gap__res em{overflow:hidden;white-space:nowrap;font-style:normal;font-size:12.5px;font-weight:700;color:#FFD27A}
.gex-gap__res.is-you{border-color:var(--gold-line);background:rgba(244,160,0,.07)}
.gex-gap__res.is-you > b{background:var(--gold);color:#111}
.gex-gap__ask{justify-self:end;display:flex;align-items:center;width:66%;height:26px;padding:0 10px;border-radius:13px 13px 4px 13px;background:#1A1E26}
.gex-gap__ask i{display:block;width:74%;height:5px;border-radius:3px;background:rgba(255,255,255,.22)}
.gex-gap__ans{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;margin-top:4px}
.gex-gap__av{width:24px;height:24px;padding:5px;border-radius:8px;background:var(--gold-soft);fill:var(--gold)}
.gex-gap__lines{display:grid;gap:9px}
.gex-gap__lines > span{display:flex;align-items:center;gap:6px}
.gex-gap__lines i{display:block;flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.12)}
.gex-gap__lines em{flex:0 0 auto;font-style:normal}
.gex-gap__lines em.is-co{width:62px;height:12px;border-radius:6px;background:rgba(255,122,107,.38);box-shadow:inset 0 0 0 1px rgba(255,122,107,.6)}
.gex-gap__lines em.is-empty{max-width:100%;overflow:hidden;white-space:nowrap;padding:3px 9px;border-radius:100px;border:1px dashed rgba(255,255,255,.3);font-size:11.5px;color:rgba(255,255,255,.28);
  text-decoration:line-through;text-decoration-color:rgba(255,122,107,.6)}
.gex-gap__srcs{display:flex;gap:6px;margin:12px 0 0 34px}
.gex-gap__srcs i{display:grid;place-items:center;width:40px;height:18px;border-radius:9px;border:1px solid var(--coral-line);background:var(--coral-soft);font:800 9.5px/1 var(--font-head);font-style:normal;color:var(--coral)}
.gex-gap__row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin:0;padding:11px 14px;border-radius:12px;font-size:13.5px;line-height:1.35;color:var(--text-soft)}
.gex-gap__row b{font-size:13px;white-space:nowrap}
.gex-gap__row.is-good{background:rgba(79,191,160,.07)}
.gex-gap__row.is-good b{color:var(--teal)}
.gex-gap__row.is-bad{background:rgba(255,122,107,.07)}
.gex-gap__row.is-bad b{color:var(--coral)}
.gex-gap__vs{position:relative;display:flex;justify-content:center}
.gex-gap__vs::before{content:"";position:absolute;top:10px;bottom:10px;left:50%;border-left:1px dashed var(--edge-2)}
.gex-gap__vs i{position:relative;align-self:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--coral-line);background:#140D0D}
.gex-gap__vs i::before,.gex-gap__vs i::after{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:1px;background:var(--coral)}
.gex-gap__vs i::before{top:11px}.gex-gap__vs i::after{top:16px;transform:rotate(-24deg)}
.gex-gap__rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0}
.gex-gap__rows > div{display:flex;flex-direction:column;gap:5px;padding:11px 14px;border-radius:12px;background:rgba(255,255,255,.03)}
.gex-gap__rows dt{font-size:13px;line-height:1.35;color:var(--text-soft)}
.gex-gap__rows dd{margin:0;font-size:13px;font-weight:700;color:var(--coral)}
.gex-gap__rows .is-total{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:baseline;border:1px dashed var(--coral-line);background:rgba(255,122,107,.05)}
.gex-gap__rows .is-total dt{font-weight:700;color:var(--text)}
.gex-gap__note{margin:12px 0 0;font:600 11.5px/1.4 var(--gx-mono);letter-spacing:.04em;color:var(--text-dim)}
html.el8-js .gex-gap__in:not(.is-in) .gex-gap__lines em.is-co{transform:scaleX(0)}
.gex-gap__lines em.is-co{transform-origin:left;transition:transform .6s var(--ease) .5s}

.gex-mi{width:44px;height:44px}
.gex-mi *{fill:none;stroke:var(--text-soft);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.gex-mi .g{stroke:var(--gold)}
.gex-mi .c{stroke:var(--coral)}
.gex-mi .d{stroke-dasharray:3 4;opacity:.65}
.gex-gap-sec .wdp-band{margin-top:22px}

/* ============ FREE AUDIT: the question grid ============ */
.gex-audit{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:40px;align-items:start}
.gex-mx{position:sticky;top:110px;padding:22px;border-radius:26px;border:1px solid var(--edge-2);
  background:radial-gradient(70% 50% at 100% 0%,rgba(244,160,0,.07),transparent 70%),linear-gradient(180deg,#101318,#0A0B0E);box-shadow:0 40px 80px -50px rgba(0,0,0,.95)}
.gex-mx__head{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.gex-mx__head > b{font:700 12px/1.35 var(--gx-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.gex-mx__key i{display:grid;place-items:center;width:14px;height:14px;border-radius:50%}
.gex-mx__key .is-cited i,.gex-mx__cell.is-cited i{background:var(--gold);box-shadow:0 0 10px rgba(244,160,0,.5)}
.gex-mx__key .is-named i,.gex-mx__cell.is-named i{border:2px solid var(--teal)}
.gex-mx__key .is-rival i,.gex-mx__cell.is-rival i{width:10px;height:10px;background:var(--coral)}
.gex-mx__key .is-none i,.gex-mx__cell.is-none i{border:1.5px dashed rgba(255,255,255,.3)}
.gex-mx__grid{display:grid;grid-template-columns:minmax(0,2.3fr) repeat(var(--c),minmax(0,1fr));gap:6px;align-items:stretch}
.gex-mx__col{align-self:end;padding-bottom:4px;font:700 10.5px/1.2 var(--gx-mono);text-align:center;color:var(--text-dim);overflow-wrap:anywhere;transition:color .3s}
.gex-mx__q{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03);font-size:12.5px;line-height:1.3;color:var(--text-soft);transition:all .35s}
.gex-mx__qi{flex:0 0 auto;display:grid;color:var(--text-dim)}
.gex-mx__qi svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4}
.gex-mx__skel{display:block;width:70%;height:6px;border-radius:3px;background:rgba(255,255,255,.1)}
.gex-mx__cell{display:grid;place-items:center;min-height:40px;border-radius:10px;border:1px solid var(--edge);background:rgba(255,255,255,.02);transition:all .35s}
.gex-mx__cell i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font:800 10px/1 var(--font-head);font-style:normal;color:#111;
  transition:opacity .4s,transform .5s var(--ease);transition-delay:calc(.35s + var(--c-i) * .26s + var(--r-i) * .06s)}
html.el8-js .gex-mx:not(.is-in) .gex-mx__cell i{opacity:0;transform:scale(.3)}
.gex-mx__finds{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px dashed var(--edge-2)}
.gex-mx__finds span{display:flex;align-items:center;gap:7px;height:40px;padding:0 11px 0 9px;border-radius:12px;border:1px solid var(--edge-2);color:var(--text-soft);transition:all .35s}
.gex-mx__finds svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.gex-mx__finds b{font:800 11px/1 var(--font-head);color:inherit;opacity:.8}
.gex-mx__finds .m{stroke:var(--gold);stroke-width:3;opacity:.5}
.gex-mx.has-pick .gex-mx__q,.gex-mx.has-pick .gex-mx__cell,.gex-mx.has-pick .gex-mx__finds span{opacity:.4}
.gex-mx.pick-0 .gex-mx__q{opacity:1;background:var(--gold-soft);color:var(--text)}
.gex-mx.pick-1 .gex-mx__cell{opacity:1;border-color:var(--gold-line)}
.gex-mx.pick-1 .gex-mx__col{color:var(--gold)}
.gex-mx__finds span.is-pick{opacity:1;border-color:var(--gold);color:var(--gold);box-shadow:0 0 22px -4px rgba(244,160,0,.5)}
.gex-mx__finds em{display:none;font:700 13px/1.25 var(--font-head);font-style:normal;color:var(--text);white-space:nowrap}
.gex-mx.has-find .gex-mx__finds span:not(.is-pick){opacity:.4}
.gex-mx.has-find .gex-mx__finds span.is-pick{background:rgba(244,160,0,.08)}
.gex-mx.has-find .gex-mx__finds span.is-pick em{display:block}
@media (max-width:700px){.gex-mx.has-find .gex-mx__finds span.is-pick em{display:none}}


/* ============ RESULTS ============ */

.gex-pf{min-height:44px;display:flex;align-items:center}
.gex-pf__of{display:flex;flex-wrap:wrap;gap:8px}
.gex-pf__of i{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px dashed rgba(255,255,255,.22);color:rgba(255,255,255,.3)}
.gex-pf__of i svg{width:22px;height:22px;fill:currentColor}
.gex-pf__of i.is-on{border:1px solid var(--gold-line);background:var(--gold-soft);color:var(--gold)}
.gex-pf__of .gex-cite{position:absolute;right:-7px;top:-7px;margin:0;vertical-align:0;transform:scale(.85)}
.gex-pf__bars{display:grid;gap:7px;width:100%}
.gex-pf__bars i{display:block;width:var(--w);height:12px;border-radius:6px;background:rgba(255,255,255,.14);transform-origin:left;transition:transform 1s var(--ease) .3s}
.gex-pf__bars i.is-after{background:linear-gradient(90deg,rgba(244,160,0,.5),var(--gold));box-shadow:0 0 18px -4px rgba(244,160,0,.6)}
.gex-pf__grid{display:grid;grid-template-columns:repeat(8,14px);gap:5px}
.gex-pf__grid i{width:14px;height:14px;border-radius:4px;border:1px dashed rgba(255,255,255,.2);transition:background .3s,border-color .3s;transition-delay:calc(var(--k) * .03s)}
.gex-pf__grid i.is-on{border:0;background:var(--gold)}
html.el8-js .ger__proof:not(.is-in) .gex-pf__bars i.is-after{transform:scaleX(.55)}
html.el8-js .ger__proof:not(.is-in) .gex-pf__grid i.is-on{background:transparent;border:1px dashed rgba(255,255,255,.2)}

.gex-proof-sec .svc-center{margin-top:34px}

/* ============ WHY: the ticked box and its fine print ============ */
.gex-why{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:start}
.gex-deed{position:relative;padding:12px 14px 0 6px}
.gex-deed__sheet{position:absolute;inset:16px 22px -6px 10px;border-radius:18px;background:#CFCABB;transform:rotate(-2.6deg);box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.gex-deed__sheet + .gex-deed__sheet{background:#DDD8CA;transform:rotate(1.8deg)}
.gex-deed__page{position:relative;padding:26px 28px 24px;border-radius:18px;background:#EFEBE0;color:#24221E;box-shadow:0 40px 80px -40px rgba(0,0,0,.95)}
.gex-deed__chip{display:inline-block;padding:5px 11px;border-radius:100px;background:#D8412F;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FFF7F0}
.gex-deed__k{display:block;margin:14px 0 18px;font:700 12px/1.45 var(--gx-mono);letter-spacing:.06em;color:#4A463E}
.gex-deed__box{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:12px;border:1.5px solid #C9C3B3;background:#F7F4EC}
.gex-deed__tick{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:9px;border:2px solid #2B6F5C;background:#DFF0E8}
.gex-deed__tick svg{width:26px;height:26px;fill:none;stroke:#2B6F5C;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:0;transition:stroke-dashoffset .6s var(--ease) .2s}
.gex-deed__lines{flex:1;display:grid;gap:7px}
.gex-deed__lines i{display:block;height:7px;border-radius:4px;background:#CFC9B9}
.gex-deed__lines i + i{width:62%}
.gex-deed__clauses{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:4px}
.gex-deed__clauses li{display:grid;grid-template-columns:36px minmax(0,1fr) 22px;gap:10px;align-items:start;padding:10px 4px;border-bottom:1px solid #DCD6C8;transition:background .4s}
.gex-deed__n{font:700 12px/1.6 var(--gx-mono);color:#8A8373}
.gex-deed__tx{font-size:14px;line-height:1.55;color:#2B2924;text-decoration:underline wavy rgba(216,65,47,.9);text-decoration-thickness:1.4px;text-underline-offset:4px;
  text-decoration-skip-ink:none;transition:text-decoration-color .5s}
.gex-deed__x{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#D8412F;font-style:normal;font-size:11px;font-weight:800;color:#FFF;transition:opacity .35s,transform .45s var(--ease)}
.gex-deed__cap{margin:18px 0 0;padding-top:14px;border-top:1.5px dashed #C9C3B3;font:800 15.5px/1.35 var(--font-head);letter-spacing:-.01em;color:#B7372A}
/* flagged one clause at a time (sv-geo.js: is-run, then is-read / is-done on each clause) */
html.el8-js .gex-deed:not(.is-in) .gex-deed__tick svg{stroke-dashoffset:24}
.gex-deed.is-run .gex-deed__clauses li:not(.is-done) .gex-deed__tx{text-decoration-color:transparent}
.gex-deed.is-run .gex-deed__clauses li:not(.is-done) .gex-deed__x{opacity:0;transform:scale(.3)}
.gex-deed__clauses li.is-read{background:rgba(216,65,47,.07)}

.gex-tp{display:block;width:100%;height:100%}
.gex-tp *{fill:none;stroke:rgba(255,255,255,.28);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.gex-tp .gex-tp__box rect{stroke:rgba(255,255,255,.22);stroke-dasharray:3 3}
.gex-tp .gex-tp__box path{stroke:rgba(255,255,255,.3);stroke-width:2}
.gex-tp .gex-tp__strike{stroke:var(--coral);stroke-width:1.6}
.gex-tp .gex-tp__src{fill:#232833;stroke:rgba(255,255,255,.45)}
.gex-tp .gex-tp__core{fill:var(--gold);stroke:none}
.gex-tp .gex-tp__head,.gex-tp .gex-tp__q{fill:rgba(255,255,255,.1);stroke:none}
.gex-tp circle.is-gold{fill:var(--gold);stroke:none}
.gex-tp circle.is-teal{stroke:var(--teal);stroke-width:1.6}
.gex-tp circle.is-off{stroke:rgba(255,255,255,.2);stroke-dasharray:2 2}
.gex-tp .gex-tp__cal{stroke:var(--gold-line);stroke-dasharray:3 3}
.gex-tp .gex-tp__body{fill:#15181E;stroke:var(--teal-line);stroke-width:1.4}
.gex-tp .gex-tp__shackle{stroke:var(--teal);stroke-width:2.4}
.gex-tp .gex-tp__loop{stroke:var(--gold);stroke-width:1.6;stroke-dasharray:.1 .06;animation:gexFlow 3s linear infinite reverse}
.gex-tp .gex-tp__head2{stroke:var(--gold);stroke-width:1.6}
.gex-tp .gex-tp__link{stroke:var(--gold-line);stroke-dasharray:.06 .05;animation:gexFlow 2.6s linear infinite reverse}
.gex-tp .gex-tp__node{fill:#15181E;stroke:rgba(255,255,255,.2)}
.gex-tp .gex-tp__txt{stroke:rgba(255,255,255,.3);stroke-width:4}
.gex-tp .gex-tp__hub{fill:#0B0C10;stroke:var(--gold);stroke-width:1.6}

/* ============ INDUSTRIES: a question waiting per industry; the tile opens its SEO industry page where there is one ============ */

/* the whole tile is the link's tap area */

.gex-asks__all{margin-top:22px}
.gex-asks__all .svc-link{margin:0}
.gex-ind-sec .wdp-band{margin-top:30px}

/* ============ FREE TOOLS ============ */
.gex-tools{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:18px}
.gex-tool a{display:flex;flex-direction:column;height:100%;padding:12px 12px 22px;border-radius:24px;border:1px solid var(--edge);background:var(--gx-card);color:inherit;text-decoration:none;
  transition:border-color .35s,box-shadow .45s,transform .45s var(--ease)}
.gex-tool a:hover{border-color:var(--gold-line);transform:translateY(-3px);box-shadow:0 30px 60px -40px rgba(244,160,0,.5)}
.gex-tool__peek{display:block;aspect-ratio:240 / 110;margin-bottom:18px;border-radius:16px;border:1px solid var(--edge);background:#08090C}
.gex-tool__ic{display:grid;place-items:center;width:38px;height:38px;margin:0 8px 12px;border-radius:11px;border:1px solid var(--gold-line);color:var(--gold)}
.gex-tool__ic svg{width:19px;height:19px}
.gex-tool__t{margin:0 8px 8px;font:800 18px/1.25 var(--font-head);letter-spacing:-.01em;color:var(--text)}
.gex-tool__d{margin:0 8px 16px;font-size:14px;line-height:1.58;color:var(--text-mid)}
.gex-tool__go{margin:auto 8px 0;font-weight:700;color:var(--gold)}
.gex-tv{display:block;width:100%;height:100%}
.gex-tv *{fill:none;stroke:rgba(255,255,255,.22);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.gex-tv .gex-tv__panel{fill:#0F1216;stroke:rgba(255,255,255,.14)}
.gex-tv .gex-tv__br{fill:var(--teal);stroke:none;font:700 22px/1 var(--gx-mono)}
.gex-tv .gex-tv__key{fill:rgba(255,255,255,.14);stroke:none}
.gex-tv .gex-tv__val{fill:rgba(79,191,160,.5);stroke:none}
.gex-tv .gex-tv__val.is-gold{fill:var(--gold)}
.gex-tv .gex-tv__ok{fill:var(--teal);stroke:none}
.gex-tv .gex-tv__okp{stroke:#0B0C10;stroke-width:1.8}
.gex-tv .gex-tv__ln{stroke:rgba(255,255,255,.2)}
.gex-tv .gex-tv__ln.is-gap{stroke:var(--gold);stroke-dasharray:3 3}
.gex-tv .gex-tv__topic{fill:#1C2029;stroke:rgba(79,191,160,.6)}
.gex-tv .gex-tv__gap{stroke:var(--gold);stroke-dasharray:3 3;animation:gexBreathe 2s ease-in-out infinite}
.gex-tv .gex-tv__hub{fill:#0B0C10;stroke:var(--gold);stroke-width:1.5}
.gex-tv .gex-tv__core{fill:var(--gold);stroke:none}
.gex-tv .gex-tv__map path{stroke:rgba(255,255,255,.07)}
.gex-tv .gex-tv__pin path{fill:var(--gold);stroke:none;filter:drop-shadow(0 6px 10px rgba(244,160,0,.35))}
.gex-tv .gex-tv__pin circle{fill:#111;stroke:none}
.gex-tv .gex-tv__box{stroke:rgba(255,255,255,.3)}
.gex-tv .gex-tv__box.is-on{fill:var(--teal);stroke:none}
.gex-tv .gex-tv__axis{stroke:rgba(255,255,255,.18)}
.gex-tv .gex-tv__tick{stroke:rgba(255,255,255,.2)}
.gex-tv .gex-tv__track{fill:rgba(255,255,255,.06);stroke:none}
.gex-tv .gex-tv__fill{fill:rgba(79,191,160,.55);stroke:none}
.gex-tv .gex-tv__flag path{stroke:var(--gold);stroke-width:1.6}
.gex-tv .gex-tv__flag .f{fill:var(--gold);stroke:none}

/* ============ PRICING ============ */
.gex-keep{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:center;gap:30px;margin:0 0 34px;padding:18px 26px;border-radius:22px;border:1px solid var(--teal-line);background:rgba(79,191,160,.04)}
.gex-keep__t{display:flex;gap:12px;margin:0;font-size:15.5px;line-height:1.6;color:var(--text-mid)}
.gex-keep__t strong{color:var(--text)}
.gex-keep__t > span:first-child{font-weight:800;color:var(--teal)}
.gex-kp{display:block;width:100%;height:auto}
.gex-kp *{fill:none;stroke:rgba(255,255,255,.3);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.gex-kp__item rect{fill:#12151B;stroke:rgba(255,255,255,.18)}
.gex-kp .g{fill:var(--gold);stroke:none}
.gex-kp__flow{stroke:var(--teal-line);stroke-dasharray:.05 .04;animation:gexFlow 2.8s linear infinite reverse}
.gex-kp__folder path:first-child{fill:rgba(79,191,160,.12);stroke:var(--teal)}
.gex-kp__folder .g{fill:none;stroke:var(--gold);stroke-width:2}
.gex-kp__tag path{fill:var(--gold);stroke:none}
.gex-kp__tag text{fill:#111;stroke:none;font:800 11px/1 var(--font-head);text-anchor:middle}

/* ============ GLOSSARY: three rows ============ */

.gex-gp{display:block;width:100%;height:100%}
.gex-gp *{fill:none;stroke:rgba(255,255,255,.26);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.gex-gp .gex-gp__doc rect{fill:#12151B}
.gex-gp .gex-gp__flow{stroke:var(--gold-line);stroke-dasharray:.06 .05;animation:gexFlow 2.6s linear infinite reverse}
.gex-gp .gex-gp__model path{fill:rgba(244,160,0,.1);stroke:var(--gold)}
.gex-gp .gex-gp__model circle{fill:var(--gold);stroke:none}
.gex-gp .gex-gp__ans path:first-child{fill:#12151B;stroke:rgba(255,255,255,.2)}
.gex-gp .gex-gp__ans .t{stroke:rgba(255,255,255,.22);stroke-width:4}
.gex-gp .gex-gp__ans .y{fill:var(--gold);stroke:none}
.gex-gp .gex-gp__in{stroke:var(--teal-line);stroke-dasharray:.06 .05;animation:gexFlow 2.8s linear infinite reverse}
.gex-gp .gex-gp__src{fill:#232833;stroke:rgba(255,255,255,.5)}
.gex-gp .gex-gp__br{fill:var(--teal);stroke:none;font:700 24px/1 var(--gx-mono)}
.gex-gp .gex-gp__you{fill:#0B0C10;stroke:var(--gold);stroke-width:1.6}
.gex-gp .gex-gp__core{fill:var(--gold);stroke:none}
.gex-gp .gex-gp__ring{stroke:rgba(255,255,255,.1);stroke-width:9}
.gex-gp .gex-gp__share{stroke:var(--gold);stroke-width:9;stroke-linecap:butt;stroke-dasharray:34 66}
.gex-gp .gex-gp__axis{stroke:rgba(255,255,255,.15)}
.gex-gp .gex-gp__line{stroke:var(--teal);stroke-width:2}
.gex-gp .gex-gp__dot{fill:var(--teal);stroke:none}

/* ============ Wide screens down ============ */
@media (max-width:1180px){
  
  
  
  .gex-strip__frames{gap:8px}
  .gex-shot{padding:9px 8px}
  .gex-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  
}
@media (max-width:1080px){
  .gex-pick,.gex-audit,.gex-why{grid-template-columns:minmax(0,1fr)}
  .gex-list,.gex-mx{position:static}
  
  
  
  
  .gex-gap__rows{grid-template-columns:minmax(0,1fr)}
}

/* ============ Phones ============ */
@media (max-width:700px){
  
  
  
  
  
  
  
  

  /* value: the tiles swipe; the hub stays with the desktop grid */
  
  
  
  
  .gex-out{align-items:flex-start;padding:18px}
  .gex-out__ic{width:44px;height:44px}
  .gex-out__ic i{transform:rotate(calc(var(--n,0) * 72deg)) translateY(-16px)}
  .gex-out__ic::after{inset:11px}

  .gex-list{padding:14px 12px}
  /* the name takes its own line on phones; the scores sit under it */
  .gex-list__head,.gex-list__row{grid-template-columns:repeat(var(--c),minmax(0,1fr)) 24px;gap:8px 10px}
  .gex-list__head > span:first-child{display:none}
  .gex-list__head{padding:0 10px 2px}
  .gex-list__row{padding:11px 10px}
  .gex-list__who{grid-column:1 / -1}
  .gex-list__id{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}
  .gex-list__sub{width:calc(var(--w) * .6)}
  
  .gex-film.has-pick .gex-shot{opacity:.6}
  .gex-mx.has-pick .gex-mx__cell,.gex-mx.has-pick .gex-mx__finds span,.gex-mx.has-pick .gex-mx__q{opacity:1}

  
  
  
  
  
  
  
  
  

  
  .gex-note{flex-direction:column;align-items:flex-start;padding:16px 18px}
  .gex-note p{font-size:14px}
  .gex-note .svc-link{white-space:normal}

  .gex-gap > summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:16px;border:1px solid var(--edge-2);
    background:#0E1014;font-weight:700;color:var(--text);cursor:pointer;list-style:none}
  .gex-gap > summary::-webkit-details-marker{display:none}
  .gex-gap > summary span{color:var(--gold);font-size:20px;line-height:1;transition:transform .3s}
  .gex-gap[open] > summary{margin-bottom:12px}
  .gex-gap[open] > summary span{transform:rotate(45deg)}
  .gex-gap__in{padding:16px 14px}
  .gex-gap__split{grid-template-columns:minmax(0,1fr);gap:10px}
  .gex-gap__vs{height:30px}
  .gex-gap__vs::before{top:0;bottom:0}
  
  

  .gex-mx{padding:16px 12px}
  /* each question takes its own line, its five answers under it */
  .gex-mx__grid{grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:4px 5px}
  .gex-mx__corner{display:none}
  .gex-mx__q{grid-column:1 / -1;margin-top:6px;padding:6px 9px;font-size:12.5px}
  .gex-mx__col{font-size:9px;letter-spacing:-.02em;white-space:nowrap;overflow-wrap:normal}
  .gex-mx__cell{min-height:36px;border-radius:8px}
  
  

  
  

  .gex-why__peek > summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:16px;border:1px solid var(--edge-2);
    background:#0E1014;font-weight:700;color:var(--text);cursor:pointer;list-style:none}
  .gex-why__peek > summary::-webkit-details-marker{display:none}
  .gex-why__peek > summary span{color:var(--gold);font-size:20px;line-height:1;transition:transform .3s}
  .gex-why__peek[open] > summary{margin-bottom:12px}
  .gex-why__peek[open] > summary span{transform:rotate(45deg)}
  .gex-deed__page{padding:20px 18px}
  .gex-deed__clauses li{grid-template-columns:30px minmax(0,1fr) 22px;gap:8px}
  

  .gex-tools{display:flex}
  .gex-keep{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px}
  .gex-kp{max-width:230px}

  
  
  
  
  
  
  
  
}

/* ============ Service pages gap audit (28 Sep 2026) ============ */
/* the contract picture's small print reads at 4.5:1 or better */
.gex-deed__n{color:#666053}
.gex-deed__chip{background:#B8352A}
/* pricing: one line where the free audit and the paid one-off audit meet */
.gex-auditnote{display:flex;align-items:flex-start;gap:14px;max-width:900px;margin:26px 0 0;font-size:15px;line-height:1.6;color:var(--text-mid)}
.gex-auditnote__ic{position:relative;flex:0 0 auto;width:30px;height:30px;margin-top:-2px}
.gex-auditnote__ic i{position:absolute;width:18px;height:23px;border-radius:4px;border:1.5px solid var(--edge-2);background:#0E1014}
.gex-auditnote__ic i:first-child{left:0;top:0}
.gex-auditnote__ic i + i{left:10px;top:6px;border-color:var(--gold-line);background:linear-gradient(180deg,rgba(244,160,0,.22),rgba(244,160,0,.06)),#0E1014;
  box-shadow:inset 0 5px 0 -3px rgba(244,160,0,.55),inset 0 10px 0 -8px rgba(244,160,0,.3)}
@media (max-width:700px){.gex-auditnote{margin-top:20px;font-size:14px}}
/* laptop screens: a wider copy column and a headline sized to the screen's height, so the call to action shows
   without scrolling */
@media (min-width:1081px) and (max-height:950px){
  main[data-svc="geo"] .wdp-hero{padding-top:124px}
  main[data-svc="geo"] .wdp-hero__cols{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;align-items:start}
  main[data-svc="geo"] .wdp-hero__title{font-size:clamp(40px,min(4.4vw,7vh),70px)}
  main[data-svc="geo"] .wdp-hero__intro{font-size:16px;max-width:620px}
}

/* ============ Final sweep (29 Sep 2026) ============ */
/* hero: phones get the shorter introduction (when the CMS has one), so the main button shows on the first screen */

/* hero picture: the follow-up is sent, and the answer narrows to you (sv-geo.js: is-send, is-s4); colour only, no size change */

.gex-chip.is-other{transition:opacity .6s}

/* value: what GEO is, in one paragraph; the worked examples are labelled illustrative */
.gex-def{max-width:980px;margin:0 0 30px;padding:20px 24px;border-radius:20px;border:1px solid var(--edge);border-left:3px solid var(--gold);background:#0B0C10}
.gex-def__t{margin:0;font-size:16.5px;line-height:1.6;color:var(--text)}
.gex-def dfn{font-style:normal;font-weight:800;font-family:var(--font-head);letter-spacing:-.005em}
.gex-def__aka{margin:8px 0 0;font-size:14.5px;line-height:1.55;color:var(--text-mid)}
.gex-def__date{margin:12px 0 0;font:600 12px/1.3 var(--gx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}
.gex-exnote{margin:14px 0 0;font:600 12px/1.3 var(--gx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}
/* shortlist: the other candidates are named, with the reason each one drops out */
.gex-list__name.is-rival{font-weight:600;color:var(--text-soft)}
.gex-list__why{min-width:0;overflow:hidden;white-space:nowrap;font-size:12px;line-height:1.3;color:rgba(255,122,107,.9)}
/* free audit: the grid is labelled illustrative */
.gex-mx__note{font-size:12px;color:var(--text-dim)}
/* month by month: each stage card carries its storyboard frame, what we do and what you see */

@media (max-width:700px){
  .gex-vp-sec .wdp-head .wdp-lede{display:none}
  .gex-def{margin-bottom:22px;padding:16px 16px 16px 18px}
  .gex-def__t{font-size:15.5px}
  .gex-def__aka{font-size:14px}
  /* the eight monthly answers in one row under the question, numbered; the stage card lights its months */
  .gex-strip{padding:14px 12px 12px}
  .gex-strip__head{margin-bottom:12px}
  .gex-strip__frames{gap:4px}
  .gex-shot{gap:6px;padding:7px 4px 6px;border-radius:9px}
  .gex-shot__q,.gex-shot__src,.gex-shot__av,.gex-shot__mw{display:none}
  .gex-shot__a{grid-template-columns:minmax(0,1fr)}
  .gex-shot__ls{gap:5px;padding-top:0}
  .gex-shot__l{height:6px;gap:2px}
  .gex-shot__l em{height:5px}
  .gex-shot__you{width:46%;height:6px}
  .gex-shot__you sup{right:-3px;top:-3px;width:6px;height:6px}
  .gex-shot__m{margin-top:0;font-size:12px;letter-spacing:0;text-align:center}
  .gex-strip__spans{display:none}
  
  
  
  
  /* industries: one compact row each */
  
  
  
  
  
  
  /* pricing: the "one flat fee" line stays; its picture goes */
  .gex-keep .gex-kp{display:none}
}

/* ============ TAB STAGES (owner, 1 Oct 2026, as on Google Ads and AEO): on wide screens a list of items becomes tabs
   (each item's heading is a real button) beside or over one panel holding the chosen item's words, and the section's
   picture follows the choice. Every item stays a full box stacked in one cell: the chosen one shows, the others show
   only their tab. Phones keep their swipe cards. ============ */
.ges-tab{display:inline;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;cursor:default;-webkit-tap-highlight-color:transparent}
.ges-tab__prog{display:none}
@media (max-width:1000px){.ges-tab{pointer-events:none}}
@keyframes gesProg{to{transform:scaleX(1)}}
@keyframes gesIn{from{opacity:0;transform:translateY(8px)}}
@media (min-width:1001px){
  html.el8-js [data-ges] .ges-tab{position:relative;display:flex;align-items:center;gap:14px;width:100%;height:100%;padding:0 18px;border-radius:16px;border:1px solid var(--edge);background:#0C0E12;
    color:var(--text-mid);font:700 16px/1.25 var(--font-head);letter-spacing:-.01em;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .3s,background-color .3s,color .3s}
  html.el8-js [data-ges] .ges-tab:hover{border-color:var(--edge-2);color:var(--text)}
  html.el8-js [data-ges] .ges-tab:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
  html.el8-js [data-ges] .ges-tab__n{display:grid;flex:0 0 auto;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:100px;border:1px solid var(--gold-line);background:none;font:800 12px/1 var(--font-head);color:var(--gold)}
  html.el8-js [data-ges] .is-cur .ges-tab__n{border-color:var(--gold);background:var(--gold);color:#111}
  html.el8-js [data-ges] .is-cur .ges-tab{border-color:var(--gold-line);background:linear-gradient(90deg,rgba(244,160,0,.12),#0C0E12 85%);color:var(--text)}
  html.el8-js [data-ges] .ges-tab__prog{display:block;position:absolute;left:16px;right:16px;bottom:0;height:2px;border-radius:2px;background:var(--gold);transform-origin:0 50%;transform:scaleX(0);opacity:0}
  html.el8-js [data-ges].is-playing .is-cur .ges-tab__prog{opacity:.85;animation:gesProg var(--dur,6s) linear both}
  /* the panel every stage shares: the chosen item's words (and picture), under or beside the tabs */
  html.el8-js [data-ges] .ges-panel{border-radius:22px;border:1px solid var(--gold-line);background:radial-gradient(70% 90% at 0% 0%,rgba(244,160,0,.07),transparent 60%),#0E1014}
  html.el8-js [data-ges] .is-cur .ges-panel{animation:gesIn .5s var(--ease) both}
}

/* ============ VALUE (owner, 1 Oct 2026: a redesign): the worked examples as one large picture that follows the chosen
   pillar, beside the pillars as an expanding list ============ */
.gev{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.gev__stage{position:relative;border-radius:24px;border:1px solid var(--edge-2);background:radial-gradient(70% 70% at 30% 0%,rgba(244,160,0,.08),transparent 60%),linear-gradient(180deg,#12151A,#0B0D10);
  box-shadow:0 50px 100px -50px rgba(0,0,0,.95);overflow:hidden}
.gev__bar{display:flex;align-items:center;gap:12px;height:44px;padding:0 16px;border-bottom:1px solid var(--edge);background:#11141A}
.gev__bar b{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:700 13px/1 var(--font-head);color:var(--text)}
.gev__bar em{margin-left:auto;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;color:var(--gold)}
.gev__shots{display:grid;padding:24px}
.gev__shot{grid-area:1 / 1;display:grid;align-content:center;visibility:hidden;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .5s var(--ease),visibility 0s .45s}
.gev__shot.is-on{visibility:visible;opacity:1;transform:none;transition:opacity .45s,transform .5s var(--ease),visibility 0s}
.gev__shot .gex-ex{align-self:center;padding:18px;font-size:15px}
.gev .svc-acc__pad p{margin:0;font-size:15.5px;line-height:1.6;color:var(--text-mid)}
@media (min-width:1001px){
  .gev{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px}
  .gev__shots{min-height:360px}
  html.el8-js .gev .svc-acc__pad p{color:var(--text)}
}
@media (max-width:700px){
  .gev{gap:14px}
  .gev__shots{padding:14px}
  .gev__shot .gex-ex{padding:12px}
  .gev .svc-acc__pad p{font-size:15px}
}
@media (prefers-reduced-motion:reduce){.gev__shot{transition:none}}

/* ============ HOW AI CHOOSES: the shortlist beside the four signals (tabs over one panel on wide screens) ============ */
.gex-pick__side{min-width:0}
.gex-sigs{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.gex-sig{display:grid;gap:10px;padding:18px 20px 20px;border-radius:20px;border:1px solid var(--edge);background:#0E1014}
.gex-sig__h{margin:0;font:800 19px/1.22 var(--font-head);letter-spacing:-.01em;color:var(--text)}
.gex-sig__h .ges-tab{display:flex;align-items:center;gap:12px}
.gex-sig__h .ges-tab__n{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--gold);font:800 12.5px/1 var(--font-head);color:var(--gold)}
.gex-sig__body{display:grid;gap:8px}
.gex-sig__body p{margin:0;font-size:15px;line-height:1.6;color:var(--text-mid)}
.gex-sig__body .gex-sig__w{font-size:13.5px;font-weight:700;color:var(--gold)}
.gex-sig__w span{display:block;margin-bottom:2px;font:700 10.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}
@media (min-width:1001px){
  .gex-pick{align-items:center}
  html.el8-js .gex-pick__side[data-ges] .gex-sigs{grid-template-columns:minmax(0,1fr);gap:0}
  html.el8-js .gex-pick__side[data-ges] .gex-sig{grid-area:1 / 1;grid-template-rows:repeat(var(--rows),62px) auto;gap:10px;padding:0;border:0;background:none;visibility:hidden}
  html.el8-js .gex-pick__side[data-ges] .gex-sig__h{grid-row:var(--r);height:62px;font-size:inherit;visibility:visible}
  html.el8-js .gex-pick__side[data-ges] .gex-sig__h .ges-tab__n{width:30px;height:30px;border-width:1px}
  html.el8-js .gex-pick__side[data-ges] .gex-sig.is-cur{visibility:visible}
  html.el8-js .gex-pick__side[data-ges] .gex-sig__body{grid-row:calc(var(--rows) + 1);gap:10px;margin-top:8px;padding:22px 24px}
  html.el8-js .gex-pick__side[data-ges] .gex-sig__body p{font-size:16.5px;color:var(--text)}
  html.el8-js .gex-pick__side[data-ges] .gex-sig__body .gex-sig__w{font-size:15px;color:var(--gold)}
}

/* ============ PLATFORMS: five tabs across the top, one panel with the platform's picture and words ============ */
.gep__items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gep-p{display:flex;flex-direction:column;border-radius:26px;border:1px solid var(--edge);background:#0E1014;overflow:hidden}
.gep-p__h{order:2;margin:0;padding:20px 22px 0;font:800 20px/1.2 var(--font-head);letter-spacing:-.01em;color:var(--text)}
.gep-p__h .ges-tab{display:flex;align-items:center;gap:12px}
.gep-p__h .ges-tab__n{flex:0 0 auto;font:800 12.5px/1 var(--font-head);color:var(--gold)}
.gep-p__body{order:1;display:contents}
.gep-p__art{order:1;position:relative;height:160px;padding:6px 10px;border-bottom:1px solid var(--edge);background:radial-gradient(70% 90% at 50% 100%,rgba(244,160,0,.07),transparent 70%),#08090C}
.gep-p__copy{order:3;display:flex;flex-direction:column;gap:12px;padding:12px 22px 24px}
.gep-p__copy p{margin:0;font-size:14.5px;line-height:1.6;color:var(--text-mid)}
.gep-p__inc{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.gep-p__inc li{padding:5px 10px;border-radius:100px;border:1px solid var(--edge-2);font-size:12px;line-height:1.3;color:var(--text-soft)}
.gex-plat-sec .wdp-band{margin-top:32px}
@media (min-width:1001px){
  html.el8-js .gep[data-ges] .gep__items{grid-template-columns:minmax(0,1fr);gap:0}
  html.el8-js .gep[data-ges] .gep-p{grid-area:1 / 1;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:64px auto;gap:10px;border:0;border-radius:0;background:none;overflow:visible;visibility:hidden}
  html.el8-js .gep[data-ges] .gep-p__h{grid-column:var(--c);grid-row:1;height:64px;padding:0;font-size:inherit;visibility:visible}
  html.el8-js .gep[data-ges] .gep-p__h .ges-tab{padding:0 14px;font-size:15px}
  html.el8-js .gep[data-ges] .gep-p.is-cur{visibility:visible}
  html.el8-js .gep[data-ges] .gep-p__body{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;margin-top:8px;overflow:hidden}
  html.el8-js .gep[data-ges] .gep-p__art{height:auto;min-height:260px;padding:20px 26px;border-bottom:0;border-right:1px solid var(--edge);display:grid;place-items:center}
  html.el8-js .gep[data-ges] .gep-p__art > *{width:100%;max-width:420px}
  html.el8-js .gep[data-ges] .gep-p__copy{justify-content:center;gap:16px;padding:30px 34px}
  html.el8-js .gep[data-ges] .gep-p__copy p{font-size:17px;line-height:1.62;color:var(--text)}
  html.el8-js .gep[data-ges] .gep-p__inc li{font-size:13px;padding:6px 12px}
}
@media (max-width:1000px) and (min-width:701px){.gep__items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .gep-p__art{height:140px}
  .gep-p__h{padding:18px 18px 0;font-size:19px}
  .gep-p__copy{padding:10px 18px 20px}
}

/* ============ MONTH BY MONTH: the film of eight months, then the stages (tabs over one panel on wide screens: the
   stage's storyboard frame beside what we do and what you see) ============ */
.gex-film__stage{margin-top:18px}
.gex-stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gex-stage{display:flex;flex-direction:column;gap:12px;padding:12px 12px 22px;border-radius:22px;border:1px solid var(--edge);background:#0E1014}
.gex-stage__h{order:2;margin:0 8px;font:800 19px/1.22 var(--font-head);letter-spacing:-.01em;color:var(--text)}
.gex-stage__h .ges-tab{display:flex;align-items:center;gap:12px}
.gex-stage__h .ges-tab__n{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:1px solid var(--gold-line);font:800 11.5px/1 var(--font-head);color:var(--gold)}
.gex-stage__h .ges-tab__t{display:grid;gap:4px}
.gex-stage__when{font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.gex-stage__body{display:contents}
.gex-stage__pic{order:1;position:relative;aspect-ratio:360 / 200;border-radius:15px;border:1px solid var(--edge);overflow:hidden;
  background:radial-gradient(60% 80% at 42% 55%,rgba(244,160,0,.06),transparent 70%),#07080B}
.gex-stage__cap{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:4px 10px;border-radius:100px;border:1px solid var(--edge-2);background:#0B0C10;
  font-size:12px;font-weight:600;line-height:1.3;color:var(--text-soft)}
.gex-stage__copy{order:3;display:grid;gap:12px;margin:0 8px}
.gex-stage__copy p{margin:0;font-size:14.5px;line-height:1.6;color:var(--text-mid)}
.gex-stage__do b,.gex-stage__see b{display:block;margin-bottom:3px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.gex-stage__see b{color:var(--teal)}
@media (min-width:1001px){
  html.el8-js .gex-film__stage[data-ges] .gex-stages{grid-template-columns:minmax(0,1fr);gap:0}
  html.el8-js .gex-film__stage[data-ges] .gex-stage{grid-area:1 / 1;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:70px auto;gap:10px;padding:0;border:0;background:none;visibility:hidden}
  html.el8-js .gex-film__stage[data-ges] .gex-stage__h{grid-column:var(--c);grid-row:1;height:70px;margin:0;font-size:inherit;visibility:visible}
  html.el8-js .gex-film__stage[data-ges] .gex-stage__h .ges-tab__n{width:30px;height:30px;min-width:0;padding:0}
  html.el8-js .gex-film__stage[data-ges] .gex-stage__h .ges-tab__t > span{font-size:15.5px}
  html.el8-js .gex-film__stage[data-ges] .gex-stage.is-cur{visibility:visible}
  html.el8-js .gex-film__stage[data-ges] .gex-stage__body{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:30px;margin-top:8px;padding:18px 30px 18px 18px}
  html.el8-js .gex-film__stage[data-ges] .gex-stage__copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:0}
  html.el8-js .gex-film__stage[data-ges] .gex-stage__copy p{font-size:16px;color:var(--text)}
}
@media (max-width:700px){
  .gex-stage__h{font-size:18.5px}
  .gex-stage__copy p{font-size:14px}
}

/* ============ MISTAKES: the first audit's readout, then the six mistakes (tabs over one panel on wide screens) ============ */
.gex-slips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.gex-slip{display:flex;flex-direction:column;gap:12px;padding:22px 22px 24px;border-radius:24px;border:1px solid var(--edge);background:#0E1014}
.gex-slip__h{margin:0;font:800 19px/1.22 var(--font-head);letter-spacing:-.01em;color:var(--text);text-wrap:balance}
.gex-slip__h .ges-tab{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.gex-slip__ic{display:grid;place-items:center;flex:0 0 auto;width:64px;height:64px;border-radius:18px;border:1px solid var(--coral-line);background:var(--coral-soft)}
.gex-slip__d{margin:0;font-size:14.5px;line-height:1.6;color:var(--text-mid)}
@media (min-width:1001px){
  html.el8-js .gem[data-ges] .gex-slips{grid-template-columns:minmax(0,1fr);gap:0}
  html.el8-js .gem[data-ges] .gex-slip{grid-area:1 / 1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows),72px) auto;gap:10px;padding:0;border:0;background:none;visibility:hidden}
  html.el8-js .gem[data-ges] .gex-slip__h{grid-row:var(--r);grid-column:var(--c);height:72px;font-size:inherit;visibility:visible}
  html.el8-js .gem[data-ges] .gex-slip__h .ges-tab{flex-direction:row;align-items:center;gap:14px;padding:0 16px 0 12px;font-size:15.5px}
  html.el8-js .gem[data-ges] .gex-slip__ic{width:46px;height:46px;border-radius:14px}
  html.el8-js .gem[data-ges] .gex-slip__ic svg{width:34px;height:34px}
  html.el8-js .gem[data-ges] .gex-slip.is-cur .ges-tab{border-color:var(--coral-line);background:linear-gradient(90deg,rgba(255,122,107,.12),#0C0E12 85%)}
  html.el8-js .gem[data-ges] .gex-slip.is-cur .gex-slip__ic{border-color:var(--coral)}
  html.el8-js .gem[data-ges] .ges-tab__prog{background:var(--coral)}
  html.el8-js .gem[data-ges] .gex-slip.is-cur{visibility:visible}
  html.el8-js .gem[data-ges] .gex-slip__d{grid-row:calc(var(--rows) + 1);grid-column:1 / -1;margin-top:8px;padding:22px 26px;border-color:var(--coral-line);background:rgba(255,122,107,.05);font-size:16.5px;line-height:1.62;color:var(--text)}
}
@media (max-width:1000px) and (min-width:701px){.gex-slips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .gex-slips{margin-top:4px}
  .gex-slip{padding:20px 18px}
  .gex-slip__h{font-size:18px}
  .gex-slip__d{font-size:14px}
}

/* ============ FREE AUDIT (owner, 1 Oct 2026): the checks as an expanding list beside the grid ============ */
.gex-audit .svc-acc__pad p{margin:0;font-size:15px;line-height:1.6;color:var(--text-mid)}
.gex-checks.svc-acc{display:grid;grid-template-columns:minmax(0,1fr)}
@media (min-width:1001px){
  .gex-audit{align-items:center}
  html.el8-js .gex-audit .svc-acc__pad p{color:var(--text)}
  html.el8-js .gex-audit .svc-acc__btn{min-height:54px;font-size:15.5px}
}
.gem{margin-top:0}
@media (max-width:700px){.gem{margin-top:14px}}

/* ============ RESULTS: the cases as tickets, the chosen one open as a report with its chart drawing the move (the
   Google Ads design, owner approved 1 Oct 2026); each report keeps the case's own proof picture where the chart was ============ */
.ger{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:22px;align-items:stretch}
.ger__cases{display:grid;gap:10px;align-content:center}
.ger__tab{position:relative;display:grid;gap:6px;width:100%;padding:18px 20px;border-radius:18px;border:1px solid var(--edge);background:#0C0E12;color:var(--text-mid);font:inherit;text-align:left;cursor:pointer;overflow:hidden;
  -webkit-tap-highlight-color:transparent;transition:border-color .3s,background-color .3s}
.ger__tab:hover{border-color:var(--edge-2)}
.ger__tab:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ger__tab.is-on{border-color:var(--gold-line);background:linear-gradient(90deg,rgba(244,160,0,.12),#0C0E12 85%)}
.ger__tag{font:700 10.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}
.ger__big{display:flex;align-items:baseline;gap:8px;font:800 34px/1 var(--font-head);letter-spacing:-.03em;color:var(--text-soft)}
.ger__big i{font-style:normal;font-size:20px;color:var(--teal)}
.ger__tab.is-on .ger__big{color:var(--gold)}
.ger__metric{font-size:14px;font-weight:600;color:var(--text-mid)}
.ger__prog{position:absolute;left:20px;right:20px;bottom:0;height:2px;border-radius:2px;background:var(--gold);transform-origin:0 50%;transform:scaleX(0);opacity:0}
.ger.is-playing .ger__tab.is-on .ger__prog{opacity:.85;animation:gesProg var(--dur,7s) linear both}
.ger__reports{display:grid}
.ger__rep{display:grid;grid-template-rows:auto 1fr auto auto;gap:18px;min-width:0;padding:26px 28px;border-radius:24px;border:1px solid var(--edge-2);background:radial-gradient(70% 60% at 100% 0%,rgba(79,191,160,.08),transparent 60%),linear-gradient(180deg,#111418,#0B0D10)}
html.el8-js .ger__rep{grid-area:1 / 1;visibility:hidden;opacity:0;transition:opacity .3s,visibility 0s .3s}
html.el8-js .ger__rep.is-on{visibility:visible;opacity:1;transition:opacity .45s,visibility 0s}
html:not(.el8-js) .ger__reports{gap:18px}
.ger__top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px}
.ger__k{font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.ger__fig{margin:6px 0 0;font:800 clamp(56px,6vw,84px)/.95 var(--font-head);letter-spacing:-.045em;color:var(--gold)}
.ger__metric-l{margin:6px 0 0;font:700 18px/1.25 var(--font-head);color:var(--text)}
.ger__foot{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border-radius:100px;border:1px solid var(--teal-line);background:var(--teal-soft);font-size:13px;font-weight:600;color:var(--teal)}
.ger__chart{position:relative;min-height:150px;border-radius:14px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 25%),#0A0B0E;border:1px solid var(--edge);overflow:hidden}
.ger__chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ger__area{fill:rgba(79,191,160,.12)}
.ger__line{fill:none;stroke:var(--teal);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ger__rep.is-on .ger__plot svg{animation:gerDraw 1.6s var(--ease) both}
.ger__start{position:absolute;top:-10px;bottom:-10px;border-left:2px dashed var(--gold-line)}
.ger__start b{position:absolute;left:6px;top:8px;padding:3px 7px;border-radius:6px;background:var(--gold-soft);font:700 10.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gold);white-space:nowrap}
.ger__plot{position:absolute;inset:10px 12px}
.ger__dot{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(79,191,160,.2)}
.ger__rep.is-on .ger__dot{animation:gerArea .4s 1.4s both}
.ger__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ger__steps li{padding:14px 16px;border-radius:14px;border:1px solid var(--edge);background:#0C0E12}
.ger__steps b{display:block;margin-bottom:6px;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.ger__steps li.is-gold{border-color:var(--gold-line)}
.ger__steps li.is-gold b{color:var(--gold)}
.ger__steps p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text-mid)}
.ger__link{justify-self:start;color:var(--gold);font-weight:700;font-size:15px;text-decoration:none}
.ger__link:hover{color:var(--text)}
@media (max-width:1000px){
  .ger{grid-template-columns:minmax(0,1fr)}
  .ger__cases{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ger__big{font-size:28px}
}
@media (max-width:700px){
  .ger{gap:12px}
  .ger__reports{grid-row:1}
  .ger__rep{gap:14px;padding:18px 16px;border-radius:20px}
  .ger__fig{font-size:56px}
  .ger__metric-l{font-size:16px}
  .ger__chart{min-height:120px}
  .ger__steps{grid-template-columns:minmax(0,1fr);gap:8px}
  .ger__steps li{padding:12px 14px}
  .ger__steps p{font-size:14px}
  .ger__cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .ger__tab{gap:3px;padding:10px 10px;border-radius:14px}
  .ger__tag,.ger__metric{display:none}
  .ger__big{justify-content:center;font-size:22px}
  .ger__big i{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .ger *{animation:none!important;transition:none!important}
}
@keyframes gesProg{to{transform:scaleX(1)}}
@keyframes gerArea{from{opacity:0}}
@keyframes gerDraw{from{clip-path:inset(-10% 100% -10% 0)}to{clip-path:inset(-10% 0 -10% 0)}}

@keyframes gerDraw{from{clip-path:inset(-10% 100% -10% 0)}to{clip-path:inset(-10% 0 -10% 0)}}
@keyframes gerArea{from{opacity:0}}

.ger__proof{display:grid;place-items:center;min-height:150px;padding:22px;border-radius:16px;border:1px solid var(--edge);background:radial-gradient(60% 90% at 50% 100%,rgba(244,160,0,.08),transparent 70%),#0A0C0F}
.ger__proof .gex-pf{justify-content:center;width:100%;max-width:420px}
.ger__proof .gex-pf__of i{width:48px;height:48px;border-radius:14px}
.ger__proof .gex-pf__of i svg{width:26px;height:26px}
.ger__proof .gex-pf__grid{grid-template-columns:repeat(8,20px);gap:7px}
.ger__proof .gex-pf__grid i{width:20px;height:20px;border-radius:5px}
.ger__proof .gex-pf__bars i{height:16px;border-radius:8px}
@media (max-width:700px){.ger__proof{min-height:120px;padding:16px}.ger__proof .gex-pf__grid{grid-template-columns:repeat(8,16px);gap:5px}.ger__proof .gex-pf__grid i{width:16px;height:16px}}

/* ============ WHY: our terms beside the typical contract (tabs over one panel with the term's picture on wide screens) ============ */

.gex-why-sec .wdp-band{margin-top:34px}

/* ============ PRICING: a fee range stays on one line (it wrapped "/mo" under the figure) ============ */
.gex-price-sec .svc-tier__fee{font-size:clamp(25px,2.25vw,32px);white-space:nowrap}
@media (max-width:700px){.gex-price-sec .svc-tier__fee{font-size:clamp(24px,7.4vw,30px)}}

/* ============ GEO IN PLAIN ENGLISH: an AI answer and the month's numbers beside the shared glossary; each pinned
   part carries its pin (.ggp = the glossary picture) ============ */
.ggp{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:12px;align-items:start}
.ggp-pin{position:absolute;right:-9px;top:-9px;z-index:2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#111;
  box-shadow:0 0 0 3px #0B0D10;font:800 10.5px/1 var(--font-head);font-style:normal;letter-spacing:0}
.ggp [data-slx-spot]{position:relative;border-radius:10px}
.ggp-chat,.ggp-side{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-content:start;min-width:0}
.ggp-chat{padding:14px;border-radius:22px;border:1px solid var(--edge-2);background:linear-gradient(180deg,#13161B,#0C0E11);box-shadow:0 50px 100px -60px rgba(0,0,0,.95)}
.ggp-hd{display:flex;align-items:center;gap:8px;padding:2px 26px 2px 2px;font:700 10.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.ggp-hd__av{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;border:1px solid var(--gold-line);background:rgba(244,160,0,.1);color:var(--gold)}
.ggp-hd__av svg{width:12px;height:12px;fill:currentColor}
.ggp-q{justify-self:end;max-width:90%;margin:0;padding:9px 13px;border-radius:14px 14px 4px 14px!important;background:#1D2129;border:1px solid var(--edge-2);font-size:13px;line-height:1.4;color:var(--text)}
.ggp-search{display:flex;align-items:center;gap:7px;justify-self:start;margin:0;padding:3px 26px 3px 4px;font-size:11.5px;font-weight:600;color:var(--teal)}
.ggp-search svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ggp-a{margin:0;font-size:13.5px;line-height:1.6;color:var(--text-mid)}
.ggp-you{display:inline-block;padding:0 26px 0 5px;border-radius:6px!important;background:rgba(244,160,0,.15);color:#FFD27A;font-weight:700}
.ggp-cite{position:relative;display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:4px;padding:0 4px;border-radius:5px!important;background:var(--gold);color:#111;font:800 10px/1 var(--font-head);vertical-align:3px}
.ggp-cite{margin-right:26px}
.ggp-cite .ggp-pin{right:-27px;top:50%;margin-top:-11px}
.ggp-you .ggp-pin{right:2px;top:50%;margin-top:-11px}
.ggp-src{display:flex;flex-wrap:wrap;gap:6px;padding:2px 26px 2px 2px}
.ggp-src span{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 5px;border-radius:100px;border:1px solid var(--edge-2);font-size:11px;font-weight:600;color:var(--text-dim)}
.ggp-src span.is-you{border-color:var(--gold);color:#FFD27A}
.ggp-src i{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:rgba(255,255,255,.1);font:800 9px/1 var(--font-head);font-style:normal}
.ggp-src .is-you i{background:var(--gold);color:#111}
.ggp-ent{display:grid;justify-items:start;gap:6px;padding:13px;border-radius:18px!important;border:1px solid var(--edge-2);background:linear-gradient(180deg,#121418,#0C0E11)}
.ggp-ent__logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--gold),#FFD27A)}
.ggp-ent b:not(.ggp-pin){font:800 14px/1.2 var(--font-head);color:var(--text)}
.ggp-ent small{font-size:11px;color:var(--text-dim)}
.ggp-ent > i{width:100%;height:6px;border-radius:3px;background:rgba(255,255,255,.1)}
.ggp-ent > i.s{width:62%}
.ggp-code{display:grid;gap:6px;padding:11px 12px;border-radius:14px;border:1px solid var(--teal-line);background:#0A1210;font:600 10.5px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}
.ggp-code span{padding:3px 24px 3px 4px;color:var(--teal);word-break:break-word}
.ggp-code span.is-bot{color:var(--text-soft)}
.ggp-nums{display:grid;gap:7px;padding:12px;border-radius:18px;border:1px solid var(--edge-2);background:linear-gradient(180deg,#101317,#0B0D10)}
.ggp-nums__top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px 2px}
.ggp-nums__top b:not(.ggp-pin){font:800 12.5px/1.2 var(--font-head);color:var(--text)}
.ggp-nums__top span{font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.ggp-sov{display:grid;gap:6px;padding:8px 10px;border:1px solid var(--edge);background:#0D0F13}
.ggp-sov span{display:flex;justify-content:space-between;gap:8px;padding-right:18px;font-size:11.5px;font-weight:600;color:var(--text-dim)}
.ggp-sov b:not(.ggp-pin){font:800 14px/1 var(--font-head);color:var(--gold)}
.ggp-sov > i{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.ggp-sov > i i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(244,160,0,.5),var(--gold))}
.ggp-m{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 26px 8px 10px;border:1px solid var(--edge);background:#0D0F13;font-size:11.5px;font-weight:600;color:var(--text-dim)}
.ggp-m b:not(.ggp-pin){font:800 16px/1 var(--font-head);color:var(--teal);font-variant-numeric:tabular-nums}
@media (max-width:1180px) and (min-width:901px){.ggp{grid-template-columns:minmax(0,1fr)}.ggp-side{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){
  .ggp{grid-template-columns:minmax(0,1fr);gap:9px}
  .ggp-chat{padding:11px;border-radius:18px}
  .ggp-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ggp-nums{grid-column:1 / -1}
  .ggp-ent{padding:11px}
  .ggp-pin{width:20px;height:20px;right:-7px;top:-7px;font-size:10px}
  .ggp-you .ggp-pin{right:3px;top:50%;margin-top:-10px}
  .ggp-cite .ggp-pin{right:-25px;top:50%;margin-top:-10px}
}

/* (owner, 1 Oct 2026: a later tab's box sat over the earlier tabs, so only forward clicks worked) the stacked items
   let clicks through; only the tabs and the chosen item's content take them */
@media (min-width:1001px){
  html.el8-js [data-ges] [data-ges-item]{pointer-events:none}
  html.el8-js [data-ges] [data-ges-item] .ges-tab,html.el8-js [data-ges] [data-ges-item].is-cur *{pointer-events:auto}
}

/* ============ INDUSTRIES (owner, 1 Oct 2026): an assistant asks each industry's question and names you; the
   industries beside it are buttons that ask theirs ============ */
.gei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:28px;align-items:center}
.gei-chat{position:relative;display:flex;flex-direction:column;gap:14px;min-height:330px;padding:18px 20px 18px;border-radius:26px;border:1px solid var(--edge-2);
  background:radial-gradient(70% 60% at 100% 0%,rgba(79,191,160,.08),transparent 60%),linear-gradient(180deg,#13161B,#0C0E12);box-shadow:0 50px 100px -50px rgba(0,0,0,.95)}
.gei-chat__hd{display:flex;align-items:center;gap:9px;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.gei-chat__live{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(79,191,160,.16)}
.gei-chat__hd em{margin-left:auto;padding:4px 9px;border-radius:100px;border:1px solid var(--teal-line);font-style:normal;letter-spacing:.06em;color:var(--teal);text-transform:none;font-size:11px;font-weight:700;font-family:var(--font-body,inherit)}
.gei-q{align-self:flex-end;max-width:88%;min-height:48px;margin:0;padding:12px 16px;border-radius:18px 18px 4px 18px;background:#1D2129;border:1px solid var(--edge-2);font-size:15px;line-height:1.45;color:var(--text)}
.gei-a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start}
.gei-a__av{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;border:1px solid var(--gold-line);background:rgba(244,160,0,.1);color:var(--gold)}
.gei-a__av svg{width:16px;height:16px;fill:currentColor}
.gei-a__body{display:grid;gap:10px;padding-top:4px}
.gei-a__ln{display:grid;gap:7px}
.gei-a__ln i{height:8px;border-radius:4px;background:rgba(255,255,255,.12)}
.gei-a__ln i.s{width:72%}.gei-a__ln i.xs{width:48%}
.gei-a__you{display:flex;align-items:center;gap:8px;min-width:0}
.gei-a__you b{padding:3px 9px;border-radius:7px;background:rgba(244,160,0,.16);color:#FFD27A;font:700 13.5px/1.3 var(--font-body,inherit);white-space:nowrap}
.gei-a__you sup{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:5px;background:var(--gold);color:#111;font:800 10px/1 var(--font-head)}
.gei-a__you i{flex:1;height:8px;border-radius:4px;background:rgba(255,255,255,.12)}
.gei-chat__cap{margin:auto 0 0;padding-top:12px;border-top:1px dashed var(--edge-2);font:500 11.5px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-dim)}
.gei.is-asking .gei-a{opacity:.25;transition:opacity .2s}
.gei-a{transition:opacity .5s .1s}
.gei.is-asking .gei-a__you b{background:rgba(255,255,255,.08);color:transparent}
.gei-a__you b{transition:background-color .4s,color .4s}
.gei-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.gei-i__btn{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:3px;width:100%;min-height:78px;margin:0;padding:12px 14px;border-radius:18px;
  border:1px solid var(--edge);background:#0C0E12;color:var(--text);text-align:left;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .3s,background-color .3s}
.gei-i__ic{grid-row:1 / span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;border:1px solid var(--gold-line);background:rgba(244,160,0,.08);color:var(--gold)}
.gei-i__ic svg{width:21px;height:21px}
.gei-i__t{font:800 15.5px/1.25 var(--font-head);letter-spacing:-.01em}
.gei-i__q{font-size:12.5px;line-height:1.35;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.gei-i__btn:hover{border-color:var(--edge-2)}
.gei-i__btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.gei-i.is-on .gei-i__btn{border-color:var(--teal-line);background:linear-gradient(90deg,rgba(79,191,160,.12),#0C0E12 85%)}
.gei-i.is-on .gei-i__ic{border-color:var(--teal);background:var(--teal);color:#0A1512}
.gei-i.is-on .gei-i__q{color:var(--teal)}
.gex-ind-sec .gex-asks__all{margin-top:26px}
@media (max-width:1000px){.gei{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
  .gei{gap:14px}
  .gei-chat{min-height:0;padding:14px 14px 14px;gap:12px}
  .gei-q{font-size:14px}
  .gei-list{gap:8px}
  .gei-i__btn{grid-template-columns:minmax(0,1fr);min-height:0;padding:10px 12px;row-gap:0}
  .gei-i__ic,.gei-i__q{display:none}
  .gei-i__t{font-size:13.5px}
}

/* results (owner, 1 Oct 2026: every case's proof line on the figure's row): the line wraps inside its pill rather than
   dropping under the figure */
@media (min-width:701px){
  .ger__top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
  .ger__foot{max-width:330px;border-radius:16px;line-height:1.35}
}
.gei-q{min-height:calc(2.9em + 24px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* platforms (owner, 1 Oct 2026): what we do for each platform, in teal */
.gep-p__inc li{display:inline-flex;align-items:center;gap:7px;border-color:var(--teal-line);background:var(--teal-soft);color:var(--teal);font-weight:600}
.gep-p__inc li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal)}

/* ============ MISTAKES (owner, 1 Oct 2026: a redesign): the first audit's readout (the same question on Google and in
   AI, then a line per finding) beside the six mistakes; the chosen mistake lights the lines it causes ============ */
.gex-mis{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.gex-mis .gex-gap__in{padding:22px 22px 18px}
.gex-mis .gex-gap__split{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}
.gex-mis .gex-gap__pic{padding:12px}
.gex-gap__read{display:grid;gap:0;margin:16px 0 0;padding:0;list-style:none;border-radius:16px;border:1px solid var(--edge);overflow:hidden}
.gex-gap__read li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 16px;border-top:1px solid var(--edge);font-size:14px;line-height:1.35;color:var(--text-soft);
  transition:opacity .35s,background-color .35s,box-shadow .35s}
.gex-gap__read li:first-child{border-top:0}
.gex-gap__read li b{flex:0 0 auto;padding:3px 10px;border-radius:100px;font-size:12.5px;font-weight:700;white-space:nowrap}
.gex-gap__read li.is-good b{color:var(--teal);background:var(--teal-soft)}
.gex-gap__read li.is-bad b{color:var(--coral);background:var(--coral-soft)}
.gex-mis.has-pick .gex-gap__read li{opacity:.4}
.gex-mis.has-pick .gex-gap__read li.is-pick{opacity:1;background:rgba(255,122,107,.09);box-shadow:inset 3px 0 0 var(--coral);color:var(--text)}
.gex-mis.has-pick .gex-gap__read li.is-good.is-pick{background:rgba(79,191,160,.09);box-shadow:inset 3px 0 0 var(--teal)}
.gex-mis .gem{margin:0}
.gex-mis .gex-slips{margin-top:0}
@media (min-width:1001px){
  .gex-mis{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
  .gex-mis.is-solo{grid-template-columns:minmax(0,760px)}
  html.el8-js .gem[data-ges] .gex-slip__h .ges-tab{font-size:15px;line-height:1.2}
  html.el8-js .gem[data-ges] .gex-slip__d{font-size:15.5px}
}
/* phones (owner, 2 Oct 2026: the picture was folded away and, opened, filled the screen): it always shows, compact. The
   Google results and the AI's answer side by side, the readout the mistakes light under them, the mistake card under
   that with its icon beside its title, so the picture and the card fit one screen together */
@media (max-width:700px){
  .gex-mis{gap:12px}
  .gex-mis .gex-gap > summary{display:none}
  .gex-mis .gex-gap__in{padding:12px 12px 10px;border-radius:20px}
  .gex-mis .gex-gap__head{margin-bottom:10px;gap:2px}
  .gex-mis .gex-gap__head b{font-size:11px}
  .gex-mis .gex-gap__head span{font-size:11.5px}
  .gex-mis .gex-gap__split{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:0}
  .gex-mis .gex-gap__vs{height:auto}
  .gex-mis .gex-gap__vs i{width:20px;height:20px}
  .gex-mis .gex-gap__pic{gap:5px;padding:7px;border-radius:12px}
  .gex-mis .gex-gap__bar{height:20px;padding:0 7px}
  .gex-mis .gex-gap__bar svg{width:10px;height:10px}
  .gex-mis .gex-gap__res{grid-template-columns:16px minmax(0,1fr);gap:6px;padding:5px 6px}
  .gex-mis .gex-gap__res > b{width:16px;height:16px;border-radius:5px;font-size:9px}
  .gex-mis .gex-gap__res em{font-size:9.5px;overflow:hidden;text-overflow:ellipsis}
  .gex-mis .gex-gap__res i{height:4px}
  .gex-mis .gex-gap__ask{height:18px}
  .gex-mis .gex-gap__ans{grid-template-columns:16px minmax(0,1fr);gap:6px}
  .gex-mis .gex-gap__av{width:16px;height:16px;padding:3px;border-radius:5px}
  .gex-mis .gex-gap__lines{gap:6px}
  .gex-mis .gex-gap__lines i{height:4px}
  .gex-mis .gex-gap__lines em.is-co{width:34px;height:8px}
  .gex-mis .gex-gap__lines em.is-empty{padding:1px 5px;font-size:8.5px;text-overflow:ellipsis}
  .gex-mis .gex-gap__srcs{gap:4px;margin:6px 0 0 22px}
  .gex-mis .gex-gap__srcs i{width:22px;height:13px;font-size:8px}
  .gex-mis .gex-gap__read{margin-top:10px;border-radius:12px}
  .gex-gap__read li{align-items:center;padding:7px 10px;font-size:12.5px;line-height:1.3}
  .gex-gap__read li b{padding:2px 8px;font-size:11.5px}
  .gex-mis .gex-gap__note{display:none}
  .gex-mis .gex-slip{gap:10px;padding:16px 16px 18px}
  .gex-mis .gex-slip__h .ges-tab{flex-direction:row;align-items:center;gap:12px}
  .gex-mis .gex-slip__ic{width:42px;height:42px;border-radius:12px}
  .gex-mis .gex-slip__ic svg{width:30px;height:30px}
  .gex-mis .gex-slip__h{font-size:16.5px}
  .gex-mis .gex-slip__d{font-size:13.5px;line-height:1.55}
}
.gex-mis .gex-gap__head{flex-direction:column;align-items:flex-start;gap:5px}
.gex-mis .gex-gap__head b{white-space:nowrap}

/* ============ WHY (owner, 1 Oct 2026: a rethink): our terms as a one-page agreement of our own beside the typical
   contract; a clause per term with its picture, ticked in turn as it comes into view ============ */
.gex-why{align-items:center}
.gex-ours{position:relative;padding:22px 24px 20px;border-radius:24px;border:1px solid var(--teal-line);
  background:radial-gradient(80% 50% at 100% 0%,rgba(79,191,160,.1),transparent 60%),linear-gradient(180deg,#101417,#0A0D0E);box-shadow:0 50px 100px -50px rgba(0,0,0,.95)}
.gex-ours::before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(127,216,189,.7),transparent)}
.gex-ours__head{display:grid;gap:12px;margin-bottom:10px}
.gex-ours__chip{justify-self:start;padding:5px 11px;border-radius:100px;background:var(--teal);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0A1512}
.gex-ours__k{font:700 12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:var(--text-dim)}
.gex-ours__clauses{display:grid;gap:0;margin:0;padding:0;list-style:none}
.gex-ours__c{display:grid;grid-template-columns:30px 118px minmax(0,1fr);align-items:center;gap:16px;padding:14px 0;border-top:1px dashed rgba(127,216,189,.22)}
.gex-ours__n{align-self:start;padding-top:4px;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--teal)}
.gex-ours__art{height:74px;border-radius:12px;border:1px solid var(--edge);background:#08090C;overflow:hidden}
.gex-ours__tx h3{display:flex;align-items:center;gap:9px;margin:0 0 5px;font:800 16.5px/1.25 var(--font-head);letter-spacing:-.01em;color:var(--text)}
.gex-ours__tx h3 i{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--teal);color:#0A1512;font-style:normal;font-size:11px;font-weight:800;
  transition:transform .45s cubic-bezier(.34,1.6,.5,1) calc(var(--i) * .25s + .4s),opacity .3s calc(var(--i) * .25s + .4s)}
.gex-ours__tx p{margin:0;font-size:13.5px;line-height:1.55;color:var(--text-mid)}
html.el8-js .gex-ours:not(.is-in) .gex-ours__tx h3 i{opacity:0;transform:scale(.3)}
.gex-ours__sign{display:flex;align-items:flex-end;gap:14px;margin:6px 0 0;padding-top:14px;border-top:1.5px solid rgba(127,216,189,.3);font:800 15px/1.35 var(--font-head);color:var(--teal)}
.gex-ours__sign i{flex:1;height:22px;border-bottom:1px solid rgba(127,216,189,.35);background:no-repeat left bottom/64px 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 20'%3E%3Cpath d='M2 15c6-10 9-11 10-5s-2 9 2 6 6-12 9-10 0 12 4 9 5-7 8-6 1 5 5 4 6-6 10-5 5 3 8 2' fill='none' stroke='%237FD8BD' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
@media (max-width:700px){
  .gex-ours{padding:18px 16px 16px}
  .gex-ours__c{grid-template-columns:24px minmax(0,1fr);gap:8px 10px}
  .gex-ours__art{grid-column:2;height:64px}
  .gex-ours__tx{grid-column:2}
  .gex-ours__tx h3{font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){.gex-ours__tx h3 i{transition:none}}
.gev__shot .gex-ex{padding:0;border:0;background:none}
.gex-ours__sign span{flex:0 0 auto;max-width:70%}
