/* /generative-engine-optimisation (owner, 1 Oct 2026: the page redesigned in the Google Ads pattern). This file is the
   render-blocking part: the hero. The sections below it load from sv-geo.css without blocking the first paint. */

/* the hero's columns and title (moved here from sv-geo.css) */
.gex-hero-sec .wdp-hero__title{font-size:clamp(42px,4.3vw,62px)}
@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}
}
.gex-intro--phone{display:none}
@media (max-width:700px){
  .gex-hero-sec .wdp-hero__title{font-size:clamp(34px,9.6vw,44px)}
  main[data-svc="geo"] .gex-intro.has-phone{display:none}
  main[data-svc="geo"] .gex-intro--phone{display:block}
}

/* ============ HERO: one question, five assistants (kit/geo/hero). Phases on [data-phase]: ask → read → write → done ============ */
.geh{display:grid;gap:16px}
.geh__pic{position:relative;display:flex;flex-direction:column;gap:12px;padding-top:70px;container-type:inline-size}
.geh__cap{margin:0;display:grid;gap:4px;padding-left:14px;border-left:2px solid var(--gold)}
.geh__cap span{font:800 17px/1.3 var(--font-head);letter-spacing:-.01em;color:var(--text)}
.geh__cap b{color:var(--gold)}
.geh__cap small{font:500 12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-dim)}

/* the web behind */
.geh-sky{position:absolute;right:-6%;top:-40px;width:112%;height:300px;pointer-events:none;overflow:visible}
.geh-sky__dust circle{fill:rgba(255,255,255,.35)}
.geh-sky__web path{stroke:rgba(244,160,0,.32);stroke-width:1;fill:none}
.geh-sky__web circle{fill:#E9E4D8}
.geh-sky__halo{fill:rgba(244,160,0,.22)}
.geh-sky__ring{fill:none;stroke:var(--gold);stroke-width:1.5}
.geh-sky__core{fill:var(--gold)}
.geh[data-phase="done"] .geh-sky__halo{animation:gehHalo 1.6s ease-out}
@keyframes gehHalo{0%{transform:scale(.6);opacity:.3}40%{transform:scale(1.25);opacity:1}100%{transform:none}}

/* the assistant */
.geh-chat{position:relative;z-index:2;height:338px;display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px;border-radius:24px;
  border:1px solid var(--edge-2);background:linear-gradient(180deg,#13161B,#0D0F13);box-shadow:0 50px 100px -50px rgba(0,0,0,.95)}
.geh-plats{display:flex;gap:4px;padding:4px;border-radius:14px;background:#0A0C0F;border:1px solid var(--edge)}
.geh-plat{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 4px;border-radius:10px;font:700 11.5px/1 var(--font-head);color:var(--text-dim);
  white-space:nowrap;overflow:hidden;transition:background-color .35s,color .35s}
.geh-plat i{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}
.geh-plat.is-on{background:#1C2027;color:var(--text);box-shadow:inset 0 0 0 1px var(--gold-line)}
.geh-plat.is-on i{background:var(--gold);opacity:1;box-shadow:0 0 8px rgba(244,160,0,.8)}
.geh-plat.is-done:not(.is-on){color:var(--text-mid)}
.geh-plat.is-done:not(.is-on) i{background:var(--teal);opacity:1}
.geh-chat__hd{display:flex;align-items:center;gap:8px;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.geh-chat__live{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(79,191,160,.16)}
.geh-q{align-self:flex-end;max-width:86%;margin:0;padding:10px 14px;border-radius:16px 16px 4px 16px;background:#1D2129;border:1px solid var(--edge-2);font-size:14px;line-height:1.4;color:var(--text)}
.geh-a{flex:1 1 auto;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;min-height:0}
.geh-a__av{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;border:1px solid var(--gold-line);background:rgba(244,160,0,.1);color:var(--gold)}
.geh-a__av svg{width:15px;height:15px;fill:currentColor}
.geh-a__body{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0}
.geh-read{position:absolute;left:0;top:4px;display:flex;align-items:center;gap:5px;margin:0;font-size:12px;font-weight:600;color:var(--text-dim);opacity:0;transition:opacity .3s}
.geh-read i{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:gehDot 1s ease-in-out infinite}
.geh-read i:nth-child(2){animation-delay:.15s}
.geh-read i:nth-child(3){animation-delay:.3s}
.geh-read span{margin-left:5px}
@keyframes gehDot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
.geh[data-phase="read"] .geh-read{opacity:1}
.geh-a__tx{margin:0;min-height:6.1em;font-size:14.5px;line-height:1.52;color:var(--text-mid);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.geh-you{padding:0 4px;margin:0 -1px;border-radius:5px;background:rgba(244,160,0,.16);color:#FFD27A;font-weight:700}
.geh-cite{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:4px;padding:0 4px;border-radius:5px;background:var(--gold);color:#111;font:800 10px/1 var(--font-head);vertical-align:3px;
  transition:transform .35s cubic-bezier(.34,1.6,.5,1),opacity .25s}
.geh[data-state="named"] .geh-cite,.geh:is([data-phase="ask"],[data-phase="read"],[data-phase="write"]) .geh-cite{opacity:0;transform:scale(.4)}
.geh-src{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;transition:opacity .3s}
.geh-src__k{font:700 9.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}
.geh-chip{padding:5px 9px;border-radius:100px;border:1px solid var(--edge-2);font-size:11px;font-weight:600;color:var(--text-dim);white-space:nowrap;transition:border-color .35s,color .35s,background-color .35s}
.geh-chip.is-you{border-color:var(--gold);background:rgba(244,160,0,.1);color:#FFD27A}
.geh[data-state="named"] .geh-chip.is-you{border-color:var(--edge-2);background:none;color:var(--text-dim)}
.geh:is([data-phase="ask"],[data-phase="read"]) .geh-src{opacity:0}
.geh:is([data-phase="ask"],[data-phase="read"]) .geh-a__tx{opacity:0}

/* the board */
.geh-board{position:relative;z-index:3;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:8px;padding:14px;border-radius:20px;border:1px solid var(--edge-2);background:rgba(14,17,22,.98);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.95)}
.geh-board__hd{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.geh-board__hd b{font:800 14px/1.2 var(--font-head);color:var(--text)}
.geh-board__hd span{font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:var(--text-dim)}
.geh-row{display:grid;justify-items:start;gap:7px;padding:9px 10px;border-radius:12px;border:1px solid var(--edge);background:#0B0D11;transition:border-color .35s,background-color .35s}
.geh-row__p{font-size:12.5px;font-weight:600;color:var(--text-mid)}
.geh-row__s{display:grid}
.geh-row__s em{grid-area:1 / 1;justify-self:start;padding:3px 8px;border-radius:100px;font:700 10.5px/1.1 var(--font-body,inherit);font-style:normal;opacity:0;transform:scale(.8);transition:opacity .3s,transform .35s cubic-bezier(.34,1.6,.5,1)}
.geh-row__s .is-wait{color:var(--text-dim);border:1px dashed var(--edge-2)}
.geh-row__s .is-named{color:var(--teal);background:var(--teal-soft);border:1px solid var(--teal-line)}
.geh-row__s .is-cited{color:#111;background:var(--gold)}
.geh-row.is-cited:not(.is-wait) .geh-row__s .is-cited,.geh-row.is-named:not(.is-wait) .geh-row__s .is-named,.geh-row.is-wait .geh-row__s .is-wait{opacity:1;transform:none}
.geh-row.is-now{border-color:var(--gold-line);background:linear-gradient(180deg,rgba(244,160,0,.1),#0B0D11)}
.geh-row.is-now .geh-row__p{color:var(--text)}
.geh-board__tally{grid-column:1 / -1;margin:2px 0 0;font:700 12px/1.35 var(--font-head);color:var(--gold);transition:opacity .3s}
.geh.is-round .geh-board__tally{opacity:.35}

@media (max-width:1000px){.geh__pic{max-width:600px;width:100%;margin:0 auto}.geh__cap{max-width:600px;width:100%;margin:0 auto}}

/* phones: the same stack, a little tighter; the board's five platforms stay on one row */
@media (max-width:700px){
  .geh__pic{gap:10px;padding-top:40px}
  .geh-sky{top:-30px;height:200px;opacity:.7}
  .geh-chat{height:342px;padding:12px 12px 14px;border-radius:20px}
  .geh-src .geh-chip:last-child{display:none}
  .geh-plat{font-size:10.5px;gap:4px;padding:0 2px}
  .geh-plat i{display:none}
  .geh-q{font-size:13.5px}
  .geh-a{grid-template-columns:26px minmax(0,1fr);gap:10px}
  .geh-a__av{width:26px;height:26px}
  .geh-a__tx{font-size:14px;-webkit-line-clamp:5;min-height:7.6em}
  .geh-board{gap:5px;padding:12px 10px;border-radius:18px}
  .geh-board__hd{flex-direction:column;gap:3px}
  .geh-row{justify-items:center;gap:6px;padding:8px 2px}
  .geh-row__p{font-size:10.5px}
  .geh-row__s em{justify-self:center;padding:3px 5px;font-size:9.5px}
  .geh-board__tally{font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){.geh *{transition:none!important;animation:none!important}}