/* ==========================================================================
   /google-ads-agency-melbourne · round 3 redesign (Sept 2026). Loaded after
   ind-wdp.css and svx.css; every class here is .gax-* (the page's own).
   Motion rests complete: the "before" states are gated by html.el8-js and
   a class svg-ads.js adds once the part is on screen (.is-go / .is-run), and
   ind-wdp.css switches every animation off under reduced motion. Loops pause
   off screen through ind-wdp's .is-live rule.
   ========================================================================== */

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

/* shared pieces */
/* a picture that phones can fold away (open by default; the summary is its label on phones) */
.gax-peek > summary{display:none}
.gax-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}
.gax-note p{margin:0;max-width:780px;font-size:15px;line-height:1.6;color:var(--text-mid)}
.gax-note .svc-link{margin:0;white-space:nowrap}

@keyframes gaxBlink{50%{opacity:0}}
@keyframes gaxFlow{to{stroke-dashoffset:-26}}
@keyframes gaxDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes gaxPop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
@keyframes gaxRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes gaxSpin{to{transform:rotate(-360deg)}}
@keyframes gaxBreathe{50%{opacity:.45}}
@keyframes gaxTap{from{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.gax-duo__bar svg,.gax-dict__q svg{width:100%;height:100%}
/* the sequence (svg-ads.js): is-run, then is-s1 results · is-s2 the click · is-s3 the call · is-s4 the sale */
.gax-hero-sec .wdp-hero__title{font-size:clamp(44px,4.5vw,64px)}
/* the trail keeps the last search lit while the next is typed (is-t2 … is-t4){display:none}
@keyframes gaxRing{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}

/* ============ VALUE: the budget band and the pillars ============ */
.gax-band{position:relative;height:180px;margin:0 0 26px;border-radius:26px;border:1px solid var(--edge);overflow:hidden;
  background:radial-gradient(50% 120% at 100% 50%,rgba(244,160,0,.12),transparent 70%),linear-gradient(180deg,#0E1014,#08090C)}
.gax-band__track{position:absolute;inset:0}
.gax-band__svg{position:absolute;inset:0;width:100%;height:100%}
.gax-band__lane{fill:none;stroke:rgba(244,160,0,.16);stroke-width:18;stroke-linecap:round}
.gax-band__drop{fill:none;stroke:rgba(255,122,107,.16);stroke-width:9;stroke-linecap:round}
.gax-band__dots{fill:none;stroke:var(--gold);stroke-width:5;stroke-linecap:round;stroke-dasharray:0 26;animation:gaxFlow 1.5s linear infinite;animation-delay:calc(var(--j,0) * -.5s)}
.gax-band__dots.is-drop{stroke:var(--coral);stroke-width:4;animation-duration:2.1s}
.gax-band__out{fill:none;stroke:url(#gax-band-glow);stroke-width:26;stroke-linecap:round}
.gax-band__in{position:absolute;left:18px;top:50%;display:grid;place-items:center;width:44px;height:44px;margin-top:-22px;border-radius:50%;
  border:1px solid var(--gold-line);background:#15130D;font:800 18px/1 var(--font-head);color:var(--gold);box-shadow:0 0 0 6px rgba(244,160,0,.05)}
.gax-band__gate{position:absolute;top:14px;bottom:14px;left:var(--x);display:flex;justify-content:center;width:46px;margin-left:-23px;padding-top:10px;
  border-radius:23px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));transition:border-color .4s,box-shadow .5s}
.gax-band__gate b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--edge-2);background:#15181E;
  font:800 12px/1 var(--font-head);color:var(--text-soft);transition:all .4s}
.gax-band__gate.is-on{border-color:var(--gold-line);box-shadow:0 0 0 6px rgba(244,160,0,.05),0 0 40px -8px rgba(244,160,0,.55)}
.gax-band__gate.is-on b{border-color:var(--gold);background:var(--gold);color:#111}
.gax-band__sink{position:absolute;left:var(--x);bottom:-6px;width:110px;height:24px;margin-left:-55px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,122,107,.45),transparent);animation:gaxBreathe 2.4s ease-in-out infinite}
.gax-flow__cards{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:18px}
.gax-pill{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px 22px 22px;border-radius:24px;border:1px solid var(--edge);background:var(--gx-card);
  transition:border-color .4s,box-shadow .5s}
.gax-pill::before{content:"";position:absolute;left:50%;top:-27px;width:1px;height:27px;background:linear-gradient(rgba(244,160,0,.4),rgba(244,160,0,0))}
.gax-pill.is-on{border-color:var(--gold-line);box-shadow:0 24px 50px -30px rgba(244,160,0,.5)}
.gax-pill__top{display:flex;align-items:baseline;gap:12px}
.gax-pill__n{font:800 13px/1 var(--font-head);letter-spacing:.04em;color:var(--gold)}
.gax-pill h3{margin:0;font:800 21px/1.15 var(--font-head);letter-spacing:-.02em;text-wrap:balance}
.gax-pill__d{margin:0;font-size:15px;line-height:1.58;color:var(--text-mid)}
.gax-ex{margin-top:auto;padding:14px;border-radius:16px;border:1px solid var(--edge);background:var(--gx-deep)}
.gax-ex__k{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim)}
.gax-ex__ill{flex:0 0 auto;font:600 10.5px/1 var(--gx-mono);letter-spacing:.04em;text-transform:none;color:var(--text-dim)}
.gax-ex ul,.gax-ex dl{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.gax-ex--tree li{position:relative;display:grid;gap:4px;padding:8px 10px 11px;border-radius:10px;background:rgba(255,255,255,.035)}
.gax-ex--tree li::after{content:"";position:absolute;left:10px;bottom:4px;width:calc(var(--w,0%) * .9);height:2px;border-radius:1px;background:var(--gold);opacity:.75}
.gax-ex--tree b{font-size:12.5px;font-weight:600;line-height:1.3;color:var(--text)}
.gax-ex--tree em,.gax-ex--terms em{justify-self:start;font-style:normal;font-size:11px;font-weight:700;line-height:1.2;padding:3px 8px;border-radius:100px;color:var(--gold);background:var(--gold-soft)}
.gax-ex--tree li.is-off{background:rgba(255,122,107,.05)}
.gax-ex--tree li.is-off b{color:var(--text-dim)}
.gax-ex--tree li.is-off s{text-decoration-color:var(--coral)}
.gax-ex--tree li.is-off em{color:var(--coral);background:var(--coral-soft)}
.gax-ex--terms li{display:grid;gap:5px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.035)}
.gax-ex__q{min-width:0;font-size:13px;line-height:1.35;color:var(--text)}
.gax-ex--terms .is-up em{color:var(--teal);background:var(--teal-soft)}
.gax-ex--terms .is-out{background:rgba(255,122,107,.05)}
.gax-ex--terms .is-out .gax-ex__q{color:var(--text-dim)}
.gax-ex--terms .is-out s{text-decoration-color:var(--coral)}
.gax-ex--terms .is-out em{color:var(--coral);background:var(--coral-soft)}
.gax-ex__ad{display:grid;gap:4px;padding:10px 12px;border-radius:10px;border:1px solid var(--gold-line);background:rgba(244,160,0,.05)}
.gax-ex__adtop{font-size:11px;color:var(--text-dim)}
.gax-ex__adtop b{margin-right:6px;color:var(--text)}
.gax-ex__adt{font:700 13.5px/1.3 var(--font-head);color:#FFD27A}
.gax-ex__add{font-size:11.5px;line-height:1.4;color:var(--text-soft)}
.gax-ex__qs{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:var(--text-soft)}
.gax-ex__qs b{font:800 13px/1 var(--font-head);color:var(--teal)}
.gax-ex__seg{display:flex;gap:3px}
.gax-ex__seg i{flex:1;height:8px;border-radius:2px;background:rgba(255,255,255,.08)}
.gax-ex__seg i.is-on{background:var(--teal)}
html.el8-js .gax-pill:not(.is-in) .gax-ex__seg i.is-on{background:rgba(255,255,255,.08)}
.gax-pill.is-in .gax-ex__seg i.is-on{animation:gaxSeg .3s ease both;animation-delay:calc(var(--s) * .08s + .6s)}
@keyframes gaxSeg{from{background:rgba(255,255,255,.08)}to{background:var(--teal)}}
.gax-ex__ab{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:7px 10px;border-radius:10px;background:var(--teal-soft);font-size:12px;color:var(--text-soft)}
.gax-ex__ab i{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:5px;background:var(--teal);color:#0A1512;font:800 11px/1 var(--font-head);font-style:normal}
.gax-ex__ab b{white-space:nowrap;color:var(--teal);font-size:12px}
.gax-ex--month dl > div{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 10px 10px;border-radius:10px;background:rgba(255,255,255,.035)}
.gax-ex--month dt{font-size:12.5px;color:var(--text-soft)}
.gax-ex--month dd{margin:0;font:800 14px/1 var(--font-head);white-space:nowrap;color:var(--teal)}
.gax-ex--month i{position:absolute;left:10px;bottom:4px;width:calc(var(--w) * .85);height:2px;border-radius:1px;background:var(--teal);opacity:.7;transform-origin:left}
.gax-pill.is-in .gax-ex--month i{animation:gaxGrow 1.1s var(--ease) .5s both}
@keyframes gaxGrow{from{transform:scaleX(0)}to{transform:none}}
.gax-out{display:flex;align-items:center;gap:20px;margin-top:22px;padding:20px 24px;border-radius:22px;border:1px solid var(--gold-line);
  background:radial-gradient(60% 140% at 0% 50%,rgba(244,160,0,.14),transparent 70%),#0E0F12}
.gax-out__coin{flex:0 0 auto;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--gold);color:#111;font:800 24px/1 var(--font-head);
  box-shadow:0 0 0 8px rgba(244,160,0,.1),0 0 40px rgba(244,160,0,.35)}
.gax-out b{display:block;font:800 21px/1.2 var(--font-head);letter-spacing:-.015em}
.gax-out p{margin:4px 0 0;font-size:15px;line-height:1.55;color:var(--text-mid)}

@keyframes gaxPing{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}

/* ============ YOUR FIRST 90 DAYS: the calendar ============ */
.gax-cal{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px 44px;align-items:start}
.gax-days{position:sticky;top:110px;padding:22px 22px 18px;border-radius:26px;border:1px solid var(--edge);background:var(--gx-card)}
.gax-days__months,.gax-days__flags,.gax-days__grid,.gax-days__wks{display:grid;grid-template-columns:repeat(var(--weeks),minmax(0,1fr));gap:6px}
.gax-days__months span{grid-column:var(--w) / span var(--sp,4);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);
  padding-bottom:8px;border-bottom:1px solid var(--edge);margin-bottom:14px}
.gax-days__flags{height:34px;margin-bottom:6px}
.gax-days__flags span{grid-column:var(--w);position:relative;justify-self:center;display:flex;flex-direction:column;align-items:center}
.gax-days__flags b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font:800 12px/1 var(--font-head);color:#111;background:var(--c)}
.gax-days__flags span::after{content:"";width:1px;height:10px;background:var(--c)}
.gax-days__wk{display:grid;gap:6px;transition:opacity .4s}
.gax-days__wk i{display:block;aspect-ratio:.82;border-radius:5px;background:rgba(255,255,255,.045)}
.gax-days__wk.is-s0 i{background:rgb(244 160 0 / calc(var(--h) * .1));box-shadow:inset 0 0 0 1px rgba(244,160,0,.42)}
.gax-days__wk.is-s1 i{background:rgb(244 160 0 / calc(.2 + var(--h) * .45))}
.gax-days__wk.is-s2 i{background:rgb(79 191 160 / calc(.14 + var(--h) * .3))}
.gax-days__wk.is-s3 i{background:rgb(79 191 160 / calc(.3 + var(--h) * .6))}
.gax-days__wk i.is-past{opacity:.25}
.is-s0{--c:#F4C66A}.is-s1{--c:var(--gold)}.is-s2{--c:#8FD9C3}.is-s3{--c:var(--teal)}.is-s4{--c:#E8ECE6}
/* after day 90: one more column, its days outlined, a slow wave running down it (the work that carries on) */
.gax-days__wk.is-after{position:relative;padding-left:4px;border-left:1px dashed var(--edge-2)}
.gax-days__wk.is-after i{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(232,236,230,.55);animation:gaxAfter 3.5s ease-in-out infinite;animation-delay:calc((var(--d) - 91) * 250ms)}
@keyframes gaxAfter{0%,60%,100%{background:transparent}30%{background:rgba(232,236,230,.3)}}
html.el8-js .gax-cal:not(.is-go) .gax-days__wk.is-after i{opacity:0}
.gax-cal.is-go .gax-days__wk.is-after i{animation:gaxDay .5s var(--ease) both,gaxAfter 3.5s ease-in-out infinite;animation-delay:calc(var(--d) * 17ms + .2s),calc(2.4s + (var(--d) - 91) * 250ms)}
.gax-days__wks i svg{display:block;width:12px;height:12px;margin:0 auto;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
html.el8-js .gax-cal:not(.is-go) .gax-days__wk i{opacity:0}
.gax-cal.is-go .gax-days__wk i{animation:gaxDay .5s var(--ease) both;animation-delay:calc(var(--d) * 17ms + .2s)}
.gax-cal.is-go .gax-days__wk i.is-past{animation:none}
@keyframes gaxDay{from{opacity:0;transform:scale(.3)}}
html.el8-js .gax-cal:not(.is-go) .gax-days__flags span{opacity:0}
.gax-cal.is-go .gax-days__flags span{animation:gaxRise .6s var(--ease) both;animation-delay:calc(var(--i) * .4s + .5s)}
.gax-days__wks{margin-top:10px}
.gax-days__wks i{font:600 10.5px/1 var(--gx-mono);font-style:normal;text-align:center;color:var(--text-dim)}
.gax-days__legend{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--edge)}
.gax-days__legend li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-soft);transition:opacity .4s}
.gax-days__legend b{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--c);color:#111;font:800 11.5px/1 var(--font-head)}
.gax-cal.has-pick .gax-days__legend li:not(.is-pick){opacity:.35}
/* (owner, 2 Oct 2026: the chosen stage hardly stood out, stage 3 looked like an unlit stage 4; approved on phones, then
   asked for on desktop too) the other weeks dim further and the chosen stage's days fill and take an outline in its colour */
.gax-cal.has-pick .gax-days__wk:not(.is-pick){opacity:.22}
.gax-cal.has-pick .gax-days__wk.is-pick i{box-shadow:inset 0 0 0 1.5px var(--c)}
.gax-cal.has-pick .gax-days__wk.is-pick.is-s0 i{background:rgb(244 160 0 / calc(.28 + var(--h) * .3))}
.gax-cal.has-pick .gax-days__wk.is-pick.is-s2 i{background:rgb(79 191 160 / calc(.42 + var(--h) * .3))}
.gax-cal.has-pick .gax-days__flags span:not(.is-pick){opacity:.3}
.gax-cal__stages{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.gax-stage{position:relative;padding:18px 22px 18px 24px;border-radius:20px;border:1px solid var(--edge);background:#0E1014;transition:border-color .4s,background .4s}
.gax-stage::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--c)}
.gax-stage.is-on{border-color:rgba(255,255,255,.2);background:#11141A}
.gax-stage__when{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c)}
.gax-stage__when i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--c);color:#111;font:800 11.5px/1 var(--font-head);font-style:normal;letter-spacing:0}
.gax-stage h3{margin:10px 0 6px;font:800 19px/1.2 var(--font-head);letter-spacing:-.015em}
.gax-stage p{margin:0;font-size:14.5px;line-height:1.58;color:var(--text-mid)}

/* ============ TARGETING MELBOURNE: the service area as a map ============ */
.gax-where{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);grid-template-areas:"cards pic";gap:28px 44px;align-items:start}
.gax-where.is-solo{grid-template-columns:minmax(0,640px);grid-template-areas:"pic"}
.gax-where__car{grid-area:cards}
.gax-areas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gax-area{padding:20px 22px 22px;border-radius:20px;border:1px solid var(--edge);background:#0E1014;transition:border-color .4s,background .4s}
.gax-area.is-on{border-color:var(--teal-line);background:#0C1212}
.gax-area__n{font:800 13px/1 var(--font-head);color:var(--teal)}
.gax-area h3{margin:10px 0 8px;font:800 18.5px/1.25 var(--font-head);letter-spacing:-.01em;text-wrap:balance}
.gax-area p{margin:0;font-size:14.5px;line-height:1.58;color:var(--text-mid)}
.gax-geo{grid-area:pic;position:sticky;top:110px;border-radius:26px;border:1px solid var(--edge-2);background:linear-gradient(180deg,#101318,#0A0B0E);overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.gax-geo__bar{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--edge);background:#12151A}
.gax-geo__bar b{font-size:13px;font-weight:700;color:var(--text-soft)}
.gax-geo__ill{position:absolute;left:8px;top:8px;padding:4px 7px;border-radius:6px;background:rgba(10,11,14,.72);font:600 10.5px/1 var(--gx-mono);letter-spacing:.04em;color:var(--text-dim)}
.gax-geo__stage{position:relative;aspect-ratio:360 / 210;margin:14px 14px 0;border-radius:14px;overflow:hidden;background:#0C0E11}
.gax-geo__stage > svg{position:absolute;inset:0;display:block;width:100%;height:100%}
.gax-geo__sub{fill:rgba(255,255,255,.012);stroke:rgba(255,255,255,.08);stroke-width:.8;stroke-linejoin:round;transition:fill .5s,stroke .5s}
.gax-geo__sub.is-in{fill:rgb(79 191 160 / calc(.1 + var(--h) * .22));stroke:rgba(79,191,160,.55)}
.gax-geo__sub.is-bid{stroke:rgba(244,160,0,.85);stroke-width:1.4}
.gax-geo__bay{fill:#0B1A20}
.gax-geo__coast{fill:none;stroke:rgba(143,217,195,.42);stroke-width:1.3;stroke-linejoin:round}
.gax-geo__river{fill:none;stroke:rgba(143,217,195,.3);stroke-width:1.6;stroke-linecap:round}
.gax-geo__ring{fill:none;stroke:var(--gold);stroke-width:1.4;stroke-dasharray:1.4 1.1;animation:gaxOrbit 40s linear infinite}
@keyframes gaxOrbit{to{stroke-dashoffset:-100}}
.gax-geo__pulse{fill:none;stroke:rgba(244,160,0,.55);stroke-width:1.2;transform-box:fill-box;transform-origin:center;opacity:0;animation:gaxRipple 4.5s ease-out infinite}
@keyframes gaxRipple{0%{opacity:.8;transform:scale(.1)}100%{opacity:0;transform:none}}
.gax-geo__halo{fill:rgba(244,160,0,.2)}
.gax-geo__dot{fill:var(--gold);stroke:#0A0B0E;stroke-width:2}
.gax-geo__you,.gax-geo__bid{position:absolute;left:var(--x);top:var(--y);white-space:nowrap;pointer-events:none}
.gax-geo__you{transform:translate(13px,-50%);font:800 12.5px/1 var(--font-head);color:var(--gold);text-shadow:0 1px 4px #000}
.gax-geo__bid{transform:translate(-50%,-50%);padding:4px 8px;border-radius:100px;background:var(--gold);color:#111;font:800 11px/1 var(--font-head);box-shadow:0 6px 12px -6px rgba(0,0,0,.9)}
.gax-geo__away{position:absolute;left:8px;bottom:8px;display:grid;justify-items:start;gap:6px}
.gax-geo__chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:100px;border:1px solid var(--coral-line);background:#1A1112;font:600 11.5px/1 var(--gx-mono);color:var(--text-soft);white-space:nowrap}
.gax-geo__chip s{text-decoration-color:var(--coral);text-decoration-thickness:1.5px}
.gax-geo__chip b{font-weight:800;color:var(--coral)}
.gax-geo__q{flex:0 0 auto;display:grid;width:11px;height:11px;color:var(--coral)}
.gax-geo__q svg{width:100%;height:100%}
.gax-geo__note{padding:0 4px;white-space:nowrap;font:700 10.5px/1 var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--coral);text-shadow:0 1px 4px #000}
.gax-geo__hours{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:12px 14px 0;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03)}
.gax-geo__k{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}
.gax-geo__day{position:relative;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;gap:2px;height:22px}
.gax-geo__day i{height:100%;border-radius:2px;background:var(--gold)}
.gax-geo__day i.is-low{height:32%;background:rgba(244,160,0,.35)}
.gax-geo__now{position:absolute;inset:-4px 0;transform:translateX(46%);animation:gaxNow 16s linear infinite;pointer-events:none}
.gax-geo__now::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:1px;background:var(--text);box-shadow:0 0 6px rgba(255,255,255,.6)}
@keyframes gaxNow{from{transform:none}to{transform:translateX(100%)}}
.gax-geo__v{font:700 12.5px/1.2 var(--font-head);color:var(--gold);white-space:nowrap}
.gax-geo__split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:8px;margin:8px 14px 14px}
.gax-geo__mk{display:grid;gap:7px;min-width:0;padding:9px 12px 10px;border-radius:12px;border:1px solid var(--teal-line);background:rgba(79,191,160,.06)}
.gax-geo__mk.is-rest{border-color:var(--gold-line);background:rgba(244,160,0,.05)}
.gax-geo__mk b{font:700 12.5px/1.2 var(--font-head);white-space:nowrap;overflow:hidden;text-overflow:clip}
.gax-geo__mk i{height:5px;border-radius:3px;background:var(--teal)}
.gax-geo__mk.is-rest i{background:var(--gold)}
/* a card lights its part of the picture (svg-ads.js): pick-0 the area, pick-1 the raised bids, pick-2 the hours, pick-3 the split */
.gax-geo [data-gax-layer],.gax-geo__stage{transition:opacity .45s}
.gax-geo.has-pick [data-gax-layer]:not(.is-pick){opacity:.25}
.gax-geo.pick-2 .gax-geo__stage,.gax-geo.pick-3 .gax-geo__stage{opacity:.5}
.gax-geo.pick-0 .gax-geo__sub.is-in{stroke:var(--teal)}
.gax-geo.pick-1 .gax-geo__sub.is-bid{fill:rgba(244,160,0,.42)}
.gax-bill{padding:22px 22px 18px;border-radius:24px;border:1px solid var(--edge-2);background:linear-gradient(180deg,#13151A,#0C0D11);box-shadow:0 40px 70px -40px rgba(0,0,0,.9)}
.gax-bill__head b{display:block;font:700 12.5px/1.3 var(--gx-mono);letter-spacing:.12em;color:var(--text)}
.gax-bill__head span{display:block;margin-top:3px;font-size:13px;color:var(--text-dim)}
.gax-bill__notes{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin:18px 0 16px}
.gax-bill__g{display:contents}
.gax-bill__g i{position:relative;display:block;aspect-ratio:1.55;border-radius:4px;background:var(--c);transition:opacity .4s,transform .4s}
.gax-bill__g i::after{content:"";position:absolute;inset:3px;border-radius:2px;border:1px solid rgba(0,0,0,.2)}
.is-g1{--c:#FF7A6B}
.is-g2{--c:#D9594B;--c2:repeating-linear-gradient(135deg,#FF7A6B 0 3px,#B8483C 3px 6px)}
.is-g3{--c:#F9A596}
.is-g4{--c:#B04238}
.is-g0{--c:var(--teal)}
.gax-bill__g.is-g2 i{background:var(--c2)}
html.el8-js .gax-bill:not(.is-go) .gax-bill__g i{background:var(--gold)}
.gax-bill.is-go .gax-bill__g i{animation:gaxNote .7s var(--ease) both;animation-delay:calc(var(--g) * .6s + var(--t) * 14ms + .3s)}
.gax-bill.is-go .gax-bill__g.is-g2 i{animation-name:gaxNote2}
@keyframes gaxNote{0%{background:var(--gold);transform:none}50%{background:var(--gold);transform:rotateX(90deg)}51%{background:var(--c)}100%{background:var(--c);transform:none}}
@keyframes gaxNote2{0%{background:var(--gold);transform:none}50%{background:var(--gold);transform:rotateX(90deg)}51%{background:var(--c2)}100%{background:var(--c2);transform:none}}
.gax-bill__rows{display:grid;margin:0}
.gax-bill__row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 8px;border-bottom:1px dashed rgba(255,255,255,.1);border-radius:8px;transition:background .4s,opacity .4s}
.gax-bill__row dt{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-soft)}
.gax-bill__row dt i{flex:0 0 auto;width:14px;height:10px;border-radius:2px;background:var(--c)}
.gax-bill__row.is-g2 dt i{background:var(--c2)}
.gax-bill__row dd{margin:0;font:700 14.5px/1 var(--gx-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.gax-bill__row.is-budget dt{font-weight:700;color:var(--text)}
.gax-bill__row.is-leak dd{color:var(--coral)}
.gax-bill__row.is-real{border-bottom:0;margin-top:6px;background:var(--teal-soft)}
.gax-bill__row.is-real dt{font-weight:700;color:var(--text)}
.gax-bill__row.is-real dd{color:var(--teal);font-size:16px}
.gax-bill.is-go .gax-bill__row.is-leak{animation:gaxFlash 1.2s ease both;animation-delay:calc(var(--g) * .6s + .3s)}
@keyframes gaxFlash{0%,100%{background:transparent}30%{background:rgba(255,122,107,.14)}}
.gax-bill__note{margin:12px 0 0;font-size:12.5px;color:var(--text-dim);text-align:right}
/* mistake pictograms */
.gax-mi__s{fill:none;stroke:var(--coral);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.gax-mi__f{fill:var(--coral)}
.gax-mi__x{fill:none;stroke:#FFD2CC;stroke-width:3;stroke-linecap:round}
.gax-mi__drop{fill:var(--gold);animation:gaxDrop 2.6s ease-in infinite;animation-delay:calc(var(--k) * -.45s)}
.gax-mi__drop.is-bad{fill:var(--coral)}
@keyframes gaxDrop{0%{transform:translateY(0);opacity:0}15%{opacity:1}80%{transform:translateY(30px);opacity:1}100%{transform:translateY(36px);opacity:0}}
.gax-mi__peg{animation:gaxPeg 3s ease-in-out infinite}
@keyframes gaxPeg{0%,100%{transform:translate(0,0)}50%{transform:translate(0,9px)}}
.gax-mi__hand{transform-origin:32px 34px;animation:gaxTick 8s steps(8) infinite}
@keyframes gaxTick{to{transform:rotate(360deg)}}
.gax-mi__web{fill:none;stroke:rgba(255,255,255,.35);stroke-width:1.2;stroke-linecap:round}
.gax-mi__spin{fill:none;stroke:var(--coral);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:.7 .3;transform-origin:32px 38px;animation:gaxSpin 1.6s linear infinite reverse}
.gax-mi__back{fill:none;stroke:#FFD2CC;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.gax-mi__mesh{stroke-width:1.6}
.gax-mi__coin{fill:var(--gold);animation:gaxDrop 2.4s ease-in infinite;animation-delay:calc(var(--k) * -.8s)}
.gax-mi__txt{fill:var(--gold);font:800 14px var(--font-head);text-anchor:middle}

/* ============ FREE AUDIT: the account map ============ */
.gax-audit{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-areas:"map head" "map copy";column-gap:52px;align-items:center}
.gax-audit > .gax-map{grid-area:map}
.gax-audit__head{grid-area:head;align-self:end;margin-bottom:26px}
.gax-audit__copy{grid-area:copy;align-self:start}
.gax-map{border-radius:26px;border:1px solid var(--edge-2);background:linear-gradient(180deg,#101318,#0A0B0E);overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.gax-map__bar{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--edge);background:#12151A}
.gax-map__bar b{font-size:13px;font-weight:700;color:var(--text-soft)}
.gax-map__stage{position:relative;aspect-ratio:520 / 340;margin:18px}
.gax-map__stage svg{position:absolute;inset:0;width:100%;height:100%}
.gax-map__wire{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1.6;stroke-dasharray:1}
.gax-map__wire.is-page{stroke:rgba(79,191,160,.35);stroke-dasharray:.06 .06}
html.el8-js .gax-map:not(.is-in) .gax-map__wire{stroke-dashoffset:1}
.gax-map.is-in .gax-map__wire:not(.is-page){animation:gaxDraw 1s var(--ease) both;animation-delay:calc(var(--k) * .18s + .3s)}
.gax-map__acct rect:first-child{fill:#15130D;stroke:var(--gold-line)}
.gax-map__acct circle{fill:rgba(244,160,0,.2);stroke:var(--gold);stroke-width:1.5}
.gax-map__tag{fill:var(--gold)}
.gax-map__ln{fill:rgba(255,255,255,.22)}
.gax-map__ln.is-dim{fill:rgba(255,255,255,.1)}
.gax-map__camp rect:first-child,.gax-map__grp rect:first-child{fill:#14171C;stroke:rgba(255,255,255,.14)}
.gax-map__coin{fill:var(--gold)}
.gax-map__cur{fill:#111;font:800 11px var(--font-head);text-anchor:middle}
.gax-map__page rect:first-child{fill:#E9ECEF;stroke:none}
.gax-map__page .gax-map__ln{fill:#A6AEB8}
.gax-map__page .gax-map__ln.is-dim{fill:#C9CFD6}
.gax-map__btn{fill:var(--teal)}
.gax-map__q{fill:var(--coral);animation:gaxBreathe 2s ease-in-out infinite;animation-delay:calc(var(--k) * -.6s)}
.gax-map__pin{position:absolute;left:var(--x);top:var(--y);z-index:1;display:grid;place-items:center;width:30px;height:30px;margin:-38px 0 0 -15px;
  border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:var(--c);box-shadow:0 8px 16px -6px rgba(0,0,0,.8);transition:transform .4s var(--ease),opacity .4s}
.gax-map__pin b{transform:rotate(45deg);font:800 13px/1 var(--font-head);color:#111}
.gax-map__pin.is-bad{--c:var(--coral)}
.gax-map__pin.is-warn{--c:var(--gold)}
.gax-map__pin.is-ok{--c:var(--teal)}
html.el8-js .gax-map:not(.is-in) .gax-map__pin{opacity:0}
.gax-map.is-in .gax-map__pin{animation:gaxPin .7s var(--ease) both;animation-delay:calc(var(--i) * .3s + 1s)}
@keyframes gaxPin{from{opacity:0;translate:0 -26px}to{opacity:1;translate:0 0}}
.gax-map.has-pick .gax-map__pin:not(.is-pick){opacity:.3}
.gax-map.has-pick .gax-map__pin.is-pick{transform:rotate(-45deg) scale(1.22)}
.gax-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.gax-check{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:16px 0;border-top:1px solid var(--edge);transition:opacity .3s}
.gax-check__n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--gold-line);font:800 12px/1 var(--font-head);color:var(--gold)}
.gax-check h3{margin:2px 0 6px;font:800 17px/1.25 var(--font-head)}
.gax-check p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text-mid)}
.gax-audit__none{margin:20px 0 0;padding:14px 18px;border-radius:16px;border:1px solid var(--teal-line);background:#0A1211;font-size:14.5px;line-height:1.55;color:var(--text-mid)}
.gax-audit__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:24px}
.gax-audit__cta p{margin:0;font-size:13.5px;color:var(--text-dim)}
@keyframes gaxGlow{50%{stroke:rgba(244,160,0,.85)}}
@keyframes gaxClick{0%,100%{transform:translate(30px,30px);opacity:0}30%,70%{transform:none;opacity:1}45%{transform:scale(.9)}}
@keyframes gaxShelf{0%,40%{transform:none}50%,90%{transform:translateX(-92px)}100%{transform:none}}
@keyframes gaxOut{from{stroke-dashoffset:.1}to{stroke-dashoffset:-.9}}
@keyframes gaxTwinkle{50%{transform:scale(.8) rotate(45deg)}}
/* Demand Gen: your image ad scrolling past in a feed{fill:#14171C;stroke:rgba(255,255,255,.1)}
@keyframes gaxFeed{0%,25%{transform:none}35%,60%{transform:translateY(-74px)}70%,100%{transform:translateY(-148px)}}
@keyframes gaxProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes gaxBar{from{transform:scaleY(0)}}
.gax-proof-sec .wdp-band{margin-top:34px}

/* ============ WHY: fine print and our terms ============ */
.gax-fine{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:26px;align-items:start}
.gax-fine__peek{position:sticky;top:110px}
.gax-deed{padding:22px;border-radius:26px;border:1px solid var(--coral-line);background:radial-gradient(70% 60% at 0% 0%,rgba(255,122,107,.08),transparent 70%),#0E0C0D}
.gax-deed__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.gax-deed__chip{padding:5px 12px;border-radius:100px;background:var(--coral-soft);border:1px solid var(--coral-line);font-size:12.5px;font-weight:700;color:var(--coral)}
.gax-deed__k{font:700 11.5px/1.3 var(--gx-mono);letter-spacing:.1em;color:var(--text-dim)}
.gax-deed__body{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:start;margin:20px 0 16px}
.gax-deed__pic{position:relative;aspect-ratio:200 / 260}
.gax-deed__pic svg{display:block;width:100%;height:100%;overflow:visible}
.gax-deed__sheet{fill:#E8E3D6}
.gax-deed__sheet.is-m{fill:#CFC9BB}
.gax-deed__sheet.is-b{fill:#A9A395}
.gax-deed__title{fill:#4E4A42}
.gax-deed__fine{fill:#A39C8D;transition:fill .5s}
.gax-deed__strike{fill:none;stroke:#D8392E;stroke-width:3;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:0;transition:stroke-dashoffset .6s var(--ease)}
.gax-deed__sign{fill:none;stroke:#3A5DA8;stroke-width:1.6;stroke-linecap:round}
.gax-deed__block.is-read .gax-deed__fine{fill:#D8392E}
.gax-deed.is-run .gax-deed__block:not(.is-done) .gax-deed__strike{stroke-dashoffset:140}
.gax-deed__lens{position:absolute;left:4%;top:calc(var(--y) + var(--at,0) * var(--step));width:72%;aspect-ratio:1;transform:translateY(-50%);transition:top .9s var(--ease);pointer-events:none}
.gax-deed__lens i{position:absolute;inset:0;border-radius:50%;border:5px solid #D5D9E0;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),rgba(255,255,255,.06) 60%);
  box-shadow:0 10px 20px -6px rgba(0,0,0,.6),inset 0 0 0 1px rgba(0,0,0,.2)}
.gax-deed__lens::after{content:"";position:absolute;right:-16%;bottom:-16%;width:34%;height:9px;border-radius:5px;background:#3A3F48;transform:rotate(45deg);transform-origin:left center}
.gax-deed:not(.is-run) .gax-deed__lens{top:var(--y)}
.gax-deed__clauses{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gax-deed__clauses li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:start;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.025);transition:background .4s}
.gax-deed__n{font:700 12px/1.5 var(--gx-mono);color:var(--coral)}
.gax-deed__tx{font-size:14px;line-height:1.5;color:var(--text-mid)}
.gax-deed__tx s{text-decoration-color:rgba(255,122,107,.85);text-decoration-thickness:1.5px;transition:text-decoration-color .5s}
.gax-deed__x{font-style:normal;font-weight:800;color:var(--coral);transition:opacity .4s}
.gax-deed.is-run li:not(.is-done) s{text-decoration-color:transparent}
.gax-deed.is-run li:not(.is-done) .gax-deed__x{opacity:0}
.gax-deed__clauses li.is-read{background:var(--coral-soft)}
.gax-deed__cap{margin:0;padding-top:14px;border-top:1px dashed rgba(255,122,107,.3);font:700 15px/1.4 var(--font-head);color:var(--text-soft)}
.gax-fine__ours{min-width:0}
.gax-fine__k{display:block;margin:0 0 16px;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal)}

/* ============ WHY: our terms, as a table (typical agency struck, ours ticked) ============ */
.gax-ab{border-radius:26px;border:1px solid var(--edge-2);background:#0C0E12;overflow:hidden}
.gax-ab__head,.gax-ab__row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:20px}
.gax-ab__head{padding:18px 26px;border-bottom:1px solid var(--edge);background:#11141A}
.gax-ab__corner{display:inline-flex;gap:5px}
.gax-ab__corner i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.14)}
.gax-ab__head .gax-ab__them,.gax-ab__head .gax-ab__us{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font:800 16px/1.2 var(--font-head)}
.gax-ab__head b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font:800 13px/1 var(--font-head)}
.gax-ab__head .gax-ab__them{color:var(--text-soft)}
.gax-ab__head .gax-ab__them b{background:var(--coral-soft);color:var(--coral);border:1px solid var(--coral-line)}
.gax-ab__head .gax-ab__us b{background:var(--gold);color:#111}
.gax-ab__head em{font-style:normal;padding:4px 10px;border-radius:100px;font:700 12px/1 var(--font-body,inherit);color:var(--teal);background:var(--teal-soft);border:1px solid var(--teal-line)}
.gax-ab__row{position:relative;padding:18px 26px;border-bottom:1px solid var(--edge)}
.gax-ab__row:last-child{border-bottom:0}
.gax-ab__row::after{content:"";position:absolute;right:0;top:0;bottom:0;width:calc((100% - 52px - 40px) * 1.15 / 3 + 26px);background:linear-gradient(90deg,rgba(244,160,0,.07),rgba(244,160,0,.02));pointer-events:none}
.gax-ab__k{display:flex;align-items:baseline;gap:12px;font:700 15.5px/1.3 var(--font-head)}
.gax-ab__k b{font:600 11.5px/1 var(--gx-mono);color:var(--text-dim)}
.gax-ab__them,.gax-ab__us{display:flex;gap:10px;align-items:baseline;font-size:15px;line-height:1.45}
.gax-ab__row .gax-ab__them{color:var(--text-dim)}
.gax-ab__them i{font-style:normal;color:var(--coral);font-weight:800}
.gax-ab__them s{text-decoration-color:rgba(255,122,107,.7)}
.gax-ab__row .gax-ab__us{position:relative;z-index:1;color:var(--text);font-weight:600}
.gax-ab__us i{font-style:normal;color:var(--teal);font-weight:800}
html.el8-js .gax-ab:not(.is-in) .gax-ab__row .gax-ab__us{opacity:0}
.gax-ab.is-in .gax-ab__row .gax-ab__us{animation:gaxRise .6s var(--ease) both;animation-delay:calc(var(--i) * .14s + .5s)}
.gax-fine-sec .wdp-band{margin-top:34px}
.gax-fine .gax-ab__head,.gax-fine .gax-ab__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;padding:16px 22px}
.gax-fine .gax-ab__k{grid-column:1 / -1}
.gax-fine .gax-ab__row{align-items:start}
.gax-fine .gax-ab__row::after{width:calc(50% - 2px)}

/* ============ GOOGLE ADS AND SEO ============ */
.gax-both{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"paid mid org";gap:18px;align-items:stretch}
.gax-both__mid{grid-area:mid}
.gax-both__col.is-paid{grid-area:paid}
.gax-both__col.is-org{grid-area:org}
.gax-both > article{display:flex;flex-direction:column;padding:24px;border-radius:24px;border:1px solid var(--edge);background:var(--gx-card)}
.gax-both__col.is-paid{border-color:var(--gold-line)}
.gax-both__col.is-org{border-color:var(--teal-line)}
.gax-both__k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}
.is-paid .gax-both__k{color:var(--gold)}
.is-org .gax-both__k{color:var(--teal)}
.gax-both h3{margin:8px 0 6px;font:800 22px/1.15 var(--font-head);letter-spacing:-.02em}
.gax-both__s{margin:0;font-size:15px;color:var(--text-soft)}
.gax-both__bars{display:flex;align-items:flex-end;gap:5px;height:76px;margin:18px 0;padding-bottom:1px;border-bottom:1px solid var(--edge)}
.gax-both__bars i{flex:1;height:var(--h);border-radius:3px 3px 1px 1px;transform-origin:bottom}
.is-paid .gax-both__bars i{background:linear-gradient(180deg,var(--gold),rgba(244,160,0,.4))}
.is-org .gax-both__bars i{background:linear-gradient(180deg,var(--teal),rgba(79,191,160,.35))}
html.el8-js .gax-both__col:not(.is-in) .gax-both__bars i{transform:scaleY(0)}
.gax-both__col.is-in .gax-both__bars i{animation:gaxBar .7s var(--ease) both;animation-delay:calc(var(--b) * .07s + .3s)}
.gax-both__col.is-paid.is-in .gax-both__bars i{animation-delay:.3s}
.gax-both ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gax-both li{display:flex;gap:10px;font-size:14.5px;line-height:1.5;color:var(--text-mid)}
.gax-both li span{font-weight:800}
.is-paid li span{color:var(--gold)}
.is-org li span{color:var(--teal)}
.gax-both__mid p{margin:auto 0 0;font-size:14.5px;line-height:1.58;color:var(--text-mid)}
.gax-duo{position:relative;margin:16px 30px 20px}
.gax-duo__page{display:grid;gap:8px;padding:14px;border-radius:18px;border:1px solid var(--edge-2);background:var(--gx-deep)}
.gax-duo__bar{display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:15px;border:1px solid var(--edge-2);color:var(--gold)}
.gax-duo__bar svg{flex:0 0 auto;width:13px;height:13px}
.gax-duo__bar i{width:45%;height:5px;border-radius:3px;background:rgba(255,255,255,.15)}
.gax-duo__slot{display:grid;gap:5px;padding:10px 12px;border-radius:12px;border:1px solid var(--edge)}
.gax-duo__slot i{height:5px;border-radius:3px;background:rgba(255,255,255,.12)}
.gax-duo__slot i.s{width:64%}
.gax-duo__top{font-size:11.5px;font-weight:600;color:var(--text-soft)}
.gax-duo__top b{margin-right:6px;color:var(--gold)}
.gax-duo__slot.is-paid-result{border-color:var(--gold-line);background:rgba(244,160,0,.07)}
.gax-duo__slot.is-paid-result i:first-of-type{background:#FFD27A}
.gax-duo__slot.is-org{border-color:var(--teal-line);background:rgba(79,191,160,.07)}
.gax-duo__slot.is-org .gax-duo__top{color:var(--teal)}
.gax-duo__slot.is-org i:first-of-type{background:#8FD9C3}
.gax-duo__slot.is-other{opacity:.5}
.gax-duo__loop{position:absolute;top:31%;right:-28px;width:26px;height:44%;overflow:visible}
.gax-duo__loop.is-left{right:auto;left:-28px}
.gax-duo__arc{fill:none;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.gax-duo__arc.is-down{stroke:rgba(244,160,0,.55)}
.gax-duo__arc.is-up{stroke:rgba(79,191,160,.55)}
.gax-duo__run{stroke-width:4;stroke-dasharray:.1 .9;animation:gaxPing 2.6s linear infinite}
.gax-duo__arc.is-down.gax-duo__run{stroke:var(--gold)}
.gax-duo__arc.is-up.gax-duo__run{stroke:var(--teal);animation-delay:-1.3s}
.gax-both__note{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:10px 32px;align-items:baseline;margin-top:22px;padding:22px 26px;border-radius:22px;border:1px dashed var(--edge-2);background:#07080A}
.gax-both__note b{font:800 19px/1.3 var(--font-head)}
.gax-both__note p{margin:0;font-size:15px;line-height:1.6;color:var(--text-mid)}
.gax-both__note .svc-link{margin:0 0 0 4px}

/* ============ INDUSTRIES: the campaign list ============ */
.gax-camps{border-radius:26px;border:1px solid var(--edge-2);background:#0C0E12;overflow:hidden}
.gax-camps__bar{display:flex;align-items:center;gap:16px;padding:14px 22px;border-bottom:1px solid var(--edge);background:#11141A}
.gax-camps__cols{display:flex;gap:10px;margin-left:auto}
.gax-camps__cols i{width:44px;height:6px;border-radius:3px;background:rgba(255,255,255,.1)}
.gax-camps__list{list-style:none;margin:0;padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}
.gax-camps__list a{display:grid;grid-template-columns:38px 30px minmax(0,1fr) 84px 18px;align-items:center;gap:14px;padding:15px 16px;border-radius:14px;color:var(--text);transition:background .3s}
.gax-camps__list a:hover{background:rgba(255,255,255,.045);color:var(--text)}
.gax-tog{position:relative;width:38px;height:22px;border-radius:11px;background:var(--teal);transition:background .4s}
.gax-tog i{position:absolute;top:3px;left:19px;width:16px;height:16px;border-radius:50%;background:#0A1512;transition:left .4s var(--ease)}
html.el8-js .gax-camps:not(.is-in) .gax-tog{background:rgba(255,255,255,.14)}
html.el8-js .gax-camps:not(.is-in) .gax-tog i{left:3px;background:#2A2E35}
.gax-camps.is-in .gax-tog{animation:gaxTog .5s ease both;animation-delay:calc(var(--i) * .12s + .4s)}
.gax-camps.is-in .gax-tog i{animation:gaxKnob .5s var(--ease) both;animation-delay:calc(var(--i) * .12s + .4s)}
@keyframes gaxTog{from{background:rgba(255,255,255,.14)}}
@keyframes gaxKnob{from{left:3px;background:#2A2E35}}
.gax-camps li{--i:0}
.gax-camps__ic{display:grid;color:var(--gold)}
.gax-camps__ic svg{width:26px;height:26px}
.gax-camps__t{display:grid;gap:4px;font:700 16px/1.3 var(--font-head)}
.gax-camps__q{display:flex;align-items:flex-start;gap:6px;min-width:0;font:500 12.5px/1.35 var(--gx-mono);color:var(--text-dim)}
.gax-camps__q i{flex:0 0 auto;display:grid;width:11px;height:11px;margin-top:3px;color:var(--gold)}
.gax-camps__q svg{width:100%;height:100%}
.gax-camps__spark{display:block;width:84px;height:24px;overflow:visible}
.gax-camps__spark path{fill:none;stroke:var(--teal);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1}
html.el8-js .gax-camps:not(.is-in) .gax-camps__spark path{stroke-dashoffset:1}
.gax-camps.is-in .gax-camps__spark path{animation:gaxDraw 1.2s var(--ease) both;animation-delay:calc(var(--i) * .12s + .7s)}
.gax-camps__go{color:var(--text-dim);transition:transform .3s,color .3s}
.gax-camps__list a:hover .gax-camps__go{color:var(--gold);transform:translateX(3px)}
.gax-camps__all{display:flex;justify-content:center;padding:16px;border-top:1px solid var(--edge);font-weight:700;color:var(--gold)}
.gax-camps__all:hover{background:rgba(244,160,0,.06)}

/* ============ FREE TOOLS ============ */
.gax-tools{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gax-tool a{display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:22px;height:100%;padding:16px 22px 18px 16px;
  border-radius:24px;border:1px solid var(--edge);background:var(--gx-card);color:var(--text);transition:border-color .3s,transform .4s var(--ease)}
.gax-tool a:hover{border-color:var(--gold-line);color:var(--text);transform:translateY(-3px)}
.gax-tool__peek{grid-row:1 / -1;display:grid;place-items:center;min-height:132px;border-radius:16px;border:1px solid var(--edge);background:var(--gx-deep)}
.gax-tool__peek svg{display:block;width:100%;height:auto}
.gax-tool__ic{display:grid;place-items:center;width:38px;height:38px;margin-top:4px;border-radius:12px;border:1px solid var(--gold-line);background:#15130D;color:var(--gold)}
.gax-tool__ic svg{width:19px;height:19px}
.gax-tool__t{margin:12px 0 6px;font:800 19px/1.25 var(--font-head);letter-spacing:-.01em}
.gax-tool__d{font-size:14.5px;line-height:1.55;color:var(--text-mid)}
.gax-tool__go{margin-top:12px;font-weight:700;color:var(--gold)}
.gax-tool__go b{display:inline-block;transition:transform .3s}
.gax-tool a:hover .gax-tool__go b{transform:translateX(4px)}
.gax-tp__track{fill:rgba(255,255,255,.1)}
.gax-tp__fill{fill:var(--gold);transform-box:fill-box;transform-origin:left;animation:gaxSlide 5s ease-in-out infinite}
.gax-tp__knob{animation:gaxKnobX 5s ease-in-out infinite}
.gax-tp__knob circle{fill:#F4F4F0;stroke:var(--gold);stroke-width:3}
@keyframes gaxSlide{0%,100%{transform:scaleX(.3)}50%{transform:scaleX(.72)}}
@keyframes gaxKnobX{0%,100%{transform:translateX(84px)}50%{transform:translateX(160px)}}
.gax-tp__range{fill:none;stroke:rgba(244,160,0,.5);stroke-width:1.6}
.gax-tp__coin{fill:#15130D;stroke:var(--gold);stroke-width:1.6}
.gax-tp__box{fill:none;stroke:rgba(255,255,255,.3);stroke-width:1.6}
.gax-tp__ln{fill:rgba(255,255,255,.18)}
.gax-tp__chk.is-warn .gax-tp__flag{fill:var(--gold)}
.gax-tp__chk.is-bad .gax-tp__flag{fill:var(--coral)}
.gax-tp__chk.is-ok .gax-tp__flag{fill:var(--teal)}
.gax-tp__flag{animation:gaxBreathe 3s ease-in-out infinite;animation-delay:calc(var(--k) * -.7s)}
.gax-tp__even{stroke:rgba(255,255,255,.3);stroke-dasharray:4 4}
.gax-tp__spend{fill:rgba(255,255,255,.2)}
.gax-tp__rev{fill:var(--gold);transform-box:fill-box;transform-origin:bottom;animation:gaxRev 4s var(--ease) infinite}
@keyframes gaxRev{0%{transform:scaleY(.4)}35%,100%{transform:none}}
.gax-tp__arrow{fill:none;stroke:var(--teal);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gax-tp__adbox{fill:rgba(244,160,0,.05);stroke:var(--gold-line)}
.gax-tp__head{fill:#FFD27A}
.gax-tp__char{fill:var(--teal);animation:gaxChar 4s steps(1) infinite;animation-delay:calc(var(--k) * .12s)}
@keyframes gaxChar{0%{opacity:.15}8%,100%{opacity:1}}
.gax-tp__ring{fill:none;stroke:rgba(255,255,255,.1);stroke-width:4}
.gax-tp__ringv{fill:none;stroke:var(--teal);stroke-width:4;stroke-linecap:round;stroke-dasharray:.86 .14;transform:rotate(-90deg);transform-origin:202px 44px}
.gax-tp__grade{fill:var(--teal);font:800 15px var(--font-head);text-anchor:middle}
.gax-tp__seg{fill:none;stroke:rgba(255,255,255,.12);stroke-width:10;stroke-linecap:round}
.gax-tp__seg.is-on{stroke:var(--teal)}
.gax-tp__seg.is-half{stroke:var(--gold)}
.gax-tp__needle{stroke:var(--text);stroke-width:3;stroke-linecap:round;transform-origin:120px 78px;animation:gaxNeedle 5s ease-in-out infinite}
@keyframes gaxNeedle{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(38deg)}}
.gax-tp__pivot{fill:var(--text)}
.gax-tp__paid{fill:var(--gold)}
.gax-tp__org{fill:var(--teal);transform-box:fill-box;transform-origin:bottom;animation:gaxOrg 5s var(--ease) infinite;animation-delay:calc(var(--k) * .1s)}
@keyframes gaxOrg{0%{transform:scaleY(.2)}40%,100%{transform:none}}
.gax-tp__base{stroke:rgba(255,255,255,.18)}

/* ============ PRICING: the split ============ */
.gax-split{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:center;gap:26px;max-width:940px;margin:0 0 40px;padding:14px 24px 14px 16px;
  border-radius:20px;border:1px solid var(--teal-line);background:#0A1211}
.gax-split__pic{display:block;width:100%;height:auto}
.gax-split__t{display:flex;gap:12px;margin:0;font-size:15px;line-height:1.58;color:var(--text-mid)}
.gax-split__t > span:first-child{font-weight:800;color:var(--teal)}
.gax-split__t strong{color:var(--text)}
.gax-split__you{fill:#14171C;stroke:rgba(255,255,255,.2)}
.gax-split__wallet{fill:none;stroke:var(--text-soft);stroke-width:2;stroke-linejoin:round}
.gax-split__big{fill:none;stroke:rgba(244,160,0,.35);stroke-width:14;stroke-linecap:round}
.gax-split__run{stroke:var(--gold);stroke-width:4;stroke-dasharray:.06 .06;animation:gaxPing 3s linear infinite reverse}
.gax-split__small{fill:none;stroke:rgba(79,191,160,.6);stroke-width:4;stroke-linecap:round}
.gax-split__plat{fill:rgba(244,160,0,.1);stroke:var(--gold-line)}
.gax-split__mag circle,.gax-split__mag path{fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round}
.gax-split__ln{fill:rgba(255,255,255,.25)}
.gax-split__us{fill:rgba(79,191,160,.1);stroke:var(--teal-line)}
.gax-split__fee{fill:var(--teal);font:800 15px var(--font-head);text-anchor:middle}
.gax-split__pct circle{fill:#1A1112;stroke:var(--coral-line)}
.gax-split__pct text{fill:var(--coral);font:800 12px var(--font-head);text-anchor:middle}
.gax-split__pct path{stroke:var(--coral);stroke-width:2.2;stroke-linecap:round}

/* ============ GLOSSARY: three columns ============ */
.gax-dict{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.gax-dict__col{padding:22px 24px 8px;border-radius:24px;border:1px solid var(--edge);background:var(--gx-card)}
.gax-dict__pic{height:84px;margin-bottom:14px;padding:6px 0;border-radius:14px;background:var(--gx-deep);border:1px solid var(--edge);overflow:hidden}
.gax-dict__pic svg{display:block;width:100%;height:100%}
.gax-dict__h{margin:0 0 8px;font:800 21px/1.2 var(--font-head);letter-spacing:-.015em}
.gax-dict__h::after{content:"";display:block;width:36px;height:3px;margin-top:10px;border-radius:2px;background:var(--gold)}
.is-searches .gax-dict__h::after{background:#8FD9C3}
.is-results .gax-dict__h::after{background:var(--teal)}
.gax-dict dl{margin:0}
.gax-dict__e{padding:14px 0;border-top:1px solid var(--edge)}
.gax-dict__e:first-child{border-top:0}
.gax-dict__e dt{display:flex;align-items:center;gap:10px;font:800 16.5px/1.25 var(--font-head)}
.gax-dict__q{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;padding:6px;border-radius:50%;border:1px solid var(--gold-line);color:var(--gold)}
.gax-dict__e dd{margin:6px 0 0 36px;font-size:14.5px;line-height:1.55;color:var(--text-mid)}
.gax-gl{overflow:hidden}
.gax-gl__rank rect{fill:rgba(255,255,255,.12);stroke:rgba(255,255,255,.18)}
.gax-gl__rank text{fill:var(--text-dim);font:800 11px var(--font-head);text-anchor:middle}
.gax-gl__rank.is-you rect{fill:rgba(244,160,0,.3);stroke:var(--gold)}
.gax-gl__rank.is-you text{fill:var(--gold)}
.gax-gl__rank.is-you{animation:gaxTop 5s var(--ease) infinite}
@keyframes gaxTop{0%,20%{transform:translateY(34px)}45%,100%{transform:none}}
.gax-gl__rank:not(.is-you){animation:gaxDown 5s var(--ease) infinite}
@keyframes gaxDown{0%,20%{transform:translateY(-17px)}45%,100%{transform:none}}
.gax-gl__q{animation:gaxFall 3.6s ease-in infinite;animation-delay:calc(var(--k) * -.7s)}
.gax-gl__q.is-ok{fill:rgba(79,191,160,.55)}
.gax-gl__q.is-bad{fill:rgba(255,122,107,.55);animation-name:gaxBounce}
@keyframes gaxFall{0%{transform:translateY(-8px);opacity:0}20%{opacity:1}70%{transform:translateY(26px);opacity:1}100%{transform:translateY(40px);opacity:0}}
@keyframes gaxBounce{0%{transform:translateY(-8px);opacity:0}20%{opacity:1}55%{transform:translateY(16px)}100%{transform:translate(40px,4px);opacity:0}}
.gax-gl__s{fill:none;stroke:rgba(255,255,255,.3);stroke-width:2;stroke-linejoin:round}
.gax-gl__s.is-teal{stroke:var(--teal)}
.gax-gl__node{fill:#14171C;stroke:rgba(79,191,160,.45);animation:gaxStep 4.5s ease-in-out infinite;animation-delay:calc(var(--k) * .6s)}
@keyframes gaxStep{0%,100%{stroke:rgba(79,191,160,.35)}20%,40%{stroke:var(--teal);fill:rgba(79,191,160,.14)}}
.gax-gl__glyph{fill:none;stroke:var(--teal);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gax-gl__arrow{fill:none;stroke:rgba(255,255,255,.3);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ============ Responsive ============ */
@media (max-width:1180px){
  .gax-flow__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gax-pill::before{display:none}
  .gax-cal{grid-template-columns:minmax(0,1fr)}
  .gax-days{position:relative;top:0}
  .gax-cal__stages{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gax-audit{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "map" "copy"}
  .gax-audit > .gax-map{margin-bottom:34px}
  .gax-map{max-width:640px}
  .gax-fine{grid-template-columns:minmax(0,1fr)}
  .gax-fine__peek{position:relative;top:0}
  .gax-fine__ours{margin-top:8px}
  .gax-both{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"mid mid" "paid org"}
}
@media (max-width:1080px){
  .gax-where{grid-template-columns:minmax(0,1fr);grid-template-areas:"pic" "cards";gap:24px}
  .gax-geo{position:relative;top:0;width:100%;max-width:640px}
  .gax-camps__list{grid-template-columns:minmax(0,1fr)}
  .gax-tools{grid-template-columns:minmax(0,1fr)}
  .gax-dict{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .gax-peek > summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px 16px;border-radius:14px;
    border:1px solid var(--edge-2);background:#0E1014;cursor:pointer;list-style:none;font-weight:600;color:var(--gold)}
  .gax-peek > summary::-webkit-details-marker{display:none}
  .gax-peek > summary span{transition:transform .3s}
  .gax-peek[open] > summary span{transform:rotate(45deg)}
  /* hero: the window full width, the trail beneath it{grid-template-columns:minmax(0,1fr)}
  /* value */
  .gax-band{height:118px;margin-bottom:14px;border-radius:20px}
  .gax-band__in{left:8px;width:34px;height:34px;margin-top:-17px;font-size:15px}
  .gax-band__track{left:46px}
  .gax-band__gate{width:36px;margin-left:-18px;top:10px;bottom:10px;padding-top:7px}
  .gax-band__gate b{width:24px;height:24px;font-size:10.5px}
  .gax-flow__cards{display:flex}
  .gax-pill{padding:20px 18px 18px}
  .gax-pill h3{font-size:19px}
  .gax-pill__d{font-size:14.5px}
  .gax-out{align-items:flex-start;gap:14px;padding:16px 18px}
  .gax-out__coin{width:42px;height:42px;font-size:19px}
  .gax-out b{font-size:18px}
  .gax-out p{font-size:14px}
  /* calendar */
  .gax-days{padding:16px 14px 12px;border-radius:20px}
  .gax-days__months,.gax-days__flags,.gax-days__grid,.gax-days__wks{gap:4px}
  .gax-days__wk{gap:4px}
  .gax-days__wk i{border-radius:3px}
  .gax-days__months span{font-size:10px;letter-spacing:.08em;margin-bottom:10px}
  .gax-days__flags{height:30px}
  .gax-days__flags b{width:20px;height:20px;font-size:10.5px}
  .gax-days__wks i{font-size:9px}
  .gax-cal__stages{display:flex;grid-template-columns:none}
  .gax-stage{padding:16px 18px 16px 20px}
  .gax-note{flex-direction:column;align-items:flex-start;padding:16px 18px}
  .gax-note p{font-size:14px}
  /* targeting: the map, then the cards swipe beneath it */
  .gax-where{gap:16px}
  .gax-geo{border-radius:20px}
  .gax-geo__bar{display:none}
  .gax-geo__stage{margin:10px 10px 0;border-radius:12px}
  .gax-geo__you{font-size:11.5px;transform:translate(11px,-50%)}
  .gax-geo__bid{padding:3px 7px;font-size:10.5px}
  .gax-geo__away{left:6px;bottom:6px;gap:4px}
  .gax-geo__chip{padding:5px 9px;font-size:11px}
  .gax-geo__note{font-size:10px}
  .gax-geo__hours{gap:9px;margin:8px 10px 0;padding:8px 10px}
  .gax-geo__k{font-size:10px;letter-spacing:.1em}
  .gax-geo__day{height:18px;gap:1.5px}
  .gax-geo__v{font-size:11.5px}
  .gax-geo__split{margin:6px 10px 10px}
  .gax-geo__mk{padding:8px 10px 9px}
  .gax-geo__mk b{font-size:12px}
  .gax-areas{display:flex}
  .gax-area{padding:18px 18px 20px}
  .gax-area h3{font-size:18px}
  /* mistakes: the notes fold away on phones; the ledger's rows carry the leaks */
  .gax-bill__notes{display:none}
  .gax-bill__rows{margin-top:14px}
  .gax-bill{padding:18px 16px 14px}
  .gax-bill__notes{gap:4px;margin:14px 0 12px}
  .gax-bill__row{padding:8px 4px}
  .gax-bill__row dt{font-size:13px}
  .gax-bill__row dd{font-size:13px}
  /* audit */
  .gax-map__stage{margin:12px}
  .gax-map__pin{width:24px;height:24px;margin:-30px 0 0 -12px}
  .gax-map__pin b{font-size:11px}
  .gax-checks{display:flex;gap:10px}
  .gax-check{grid-template-columns:28px minmax(0,1fr);padding:16px;border:1px solid var(--edge);border-radius:18px;background:#0E1014}
  .gax-audit__cta .wdp-btn{width:100%;justify-content:center}
  /* why */
  .gax-deed{padding:18px 16px}
  .gax-deed__body{grid-template-columns:minmax(0,1fr);gap:14px;margin:16px 0 14px}
  .gax-deed__pic{width:104px;margin-left:6px}
  .gax-deed__clauses li{grid-template-columns:30px minmax(0,1fr) auto;padding:8px 10px}
  .gax-deed__tx{font-size:13px}
  /* comparison */
  .gax-ab{border-radius:22px}
  .gax-ab__head{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 16px}
  .gax-ab__corner{display:none}
  .gax-ab__head .gax-ab__them,.gax-ab__head .gax-ab__us{font-size:14px;gap:6px 8px}
  .gax-ab__head b{width:22px;height:22px;font-size:11.5px}
  .gax-ab__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:14px 16px}
  .gax-ab__row::after{width:50%}
  .gax-ab__k{grid-column:1 / -1;font-size:14.5px}
  .gax-ab__them,.gax-ab__us{font-size:13.5px;gap:7px}
  /* (owner, 2 Oct 2026: the two-column table did not work on a phone) each row reads down: the topic, our terms, then
     the typical agency's, struck through underneath; the header becomes a one-line key */
  .gax-fine .gax-ab__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px}
  .gax-fine .gax-ab__head .gax-ab__them,.gax-fine .gax-ab__head .gax-ab__us{font-size:13px}
  .gax-fine .gax-ab__head em{padding:3px 8px;font-size:11px}
  .gax-ab__head .gax-ab__us{order:-1}
  .gax-fine .gax-ab__row{grid-template-columns:minmax(0,1fr);gap:5px;padding:13px 16px}
  .gax-fine .gax-ab__row::after{display:none}
  .gax-fine .gax-ab__k{grid-column:auto;font-size:14.5px}
  .gax-ab__row .gax-ab__us{order:1;font-size:14.5px;line-height:1.4}
  .gax-ab__row .gax-ab__them{order:2;font-size:12.5px;line-height:1.4}
  /* google ads and seo */
  .gax-both{display:flex}
  .gax-both > article{padding:20px 18px}
  .gax-duo{margin:14px 26px 16px}
  .gax-both__note{grid-template-columns:minmax(0,1fr);padding:18px}
  .gax-both__note b{font-size:17px}
  .gax-both__note p{font-size:14.5px}
  /* industries */
  .gax-camps__list{padding:6px}
  .gax-camps__list a{grid-template-columns:34px 24px minmax(0,1fr) 16px;gap:12px;padding:13px 10px}
  .gax-camps__spark{display:none}
  .gax-tog{width:34px;height:20px}
  .gax-tog i{width:14px;height:14px;left:17px}
  .gax-camps__ic svg{width:22px;height:22px}
  .gax-camps__t{font-size:15px}
  .gax-camps__q{font-size:12px}
  /* tools */
  .gax-tools{display:flex}
  .gax-tool a{grid-template-columns:minmax(0,1fr);grid-template-rows:none;padding:14px 14px 18px}
  .gax-tool__peek{grid-row:auto;min-height:110px;margin-bottom:14px}
  .gax-tool__ic{margin-top:0}
  /* pricing */
  .gax-split{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px 16px}
  .gax-split__pic{max-width:280px}
  .gax-split__t{font-size:14px}
  /* glossary */
  .gax-dict{display:flex}
  .gax-dict__col{padding:18px 18px 6px}
  .gax-dict__e dd{margin-left:0;font-size:14px}
}
/* phones: cards in a carousel keep one height */
@media (max-width:700px){
  .gax-flow__cards > .wdp-car__item,.gax-areas > .wdp-car__item,.gax-cal__stages > .wdp-car__item,.gax-checks > .wdp-car__item,.gax-both > .wdp-car__item,.gax-tools > .wdp-car__item,.gax-dict > .wdp-car__item{align-self:stretch}
}

/* ==========================================================================
   HERO (owner, 1 Oct 2026: a new animation): the ad auction, won live. A light Google results page on a phone, the
   auction panel beside it, the lead and the month's tally. data-phase steps type → auction → won → tap → lead; the
   markup arrives as "done" (the won, lead state), which is also the no-script and reduced-motion frame.
   ========================================================================== */
.gxh{display:grid;gap:16px}
.gxh__pic{position:relative;height:560px;container-type:inline-size}
/* the phone */
.gxh-phone{position:absolute;left:0;top:0;width:min(258px,46cqw);height:560px;padding:10px;border-radius:46px;background:#16181D;border:1px solid var(--edge-2);
  box-shadow:0 60px 110px -50px rgba(0,0,0,.95),inset 0 0 0 4px #0B0C0F}
.gxh-phone__notch{position:absolute;left:50%;top:18px;z-index:2;width:78px;height:20px;margin-left:-39px;border-radius:12px;background:#0B0C0F}
.gxh-phone__screen{position:relative;height:100%;padding:46px 12px 12px;border-radius:37px;background:#F7F7F4;overflow:hidden;color:#202124}
.gxh-q{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 10px;border-radius:100px;background:#fff;box-shadow:0 1px 6px rgba(32,33,36,.2)}
.gxh-q__g{flex:0 0 auto;font:800 17px/1 var(--font-head);background:linear-gradient(135deg,#4285F4 0 40%,#EA4335 40% 60%,#FBBC05 60% 78%,#34A853 78%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gxh-q__t{min-width:0;overflow:hidden;white-space:nowrap;font-size:13px;color:#202124}
.gxh-q__caret{flex:0 0 auto;width:1.5px;height:16px;margin-left:-6px;background:#1A73E8;opacity:0}
.gxh[data-phase="type"] .gxh-q__caret{opacity:1;animation:gxhBlink .9s steps(1) infinite}
@keyframes gxhBlink{50%{opacity:0}}
.gxh-q svg{flex:0 0 auto;width:16px;height:16px;margin-left:auto;color:#1A73E8}
.gxh-tabs{display:flex;align-items:center;gap:14px;margin:12px 4px 10px;padding-bottom:8px;border-bottom:1px solid #E3E3E0}
.gxh-tabs b{padding-bottom:6px;margin-bottom:-9px;border-bottom:2.5px solid #1A73E8;font-size:11.5px;color:#1A73E8}
.gxh-tabs i{width:30px;height:6px;border-radius:3px;background:#D5D5D1}
/* the sponsored results: three slots; the auction decides who takes which */
.gxh-ads{position:relative;height:312px}
.gxh-ad{--pos:0;position:absolute;left:0;right:0;top:0;height:92px;display:grid;align-content:start;gap:5px;padding:9px 10px;border-radius:12px;background:#fff;border:1px solid #E6E6E2;
  transform:translateY(var(--y,0px));transition:transform .75s cubic-bezier(.62,0,.3,1),border-color .4s,box-shadow .4s}
.gxh-ad__top{display:flex;align-items:center;gap:6px;font-size:10.5px;color:#4D5156;white-space:nowrap;overflow:hidden}
.gxh-ad__top b{font-weight:800;color:#202124}
.gxh-ad__fav{flex:0 0 auto;width:14px;height:14px;border-radius:50%;background:#C9CDD3}
.gxh-ad__h{font:600 13.5px/1.25 var(--font-body,inherit);color:#1A0DAB;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gxh-ad__bar{display:block;width:84%;height:10px;border-radius:4px;background:#8AA3E8}
.gxh-ad__d{display:grid;gap:4px}
.gxh-ad__d i{height:5px;border-radius:3px;background:#D8D8D4}
.gxh-ad__d i.s{width:62%}
.gxh-ad__links{display:flex;gap:5px}
.gxh-ad__links i{height:14px;flex:1;border-radius:100px;border:1px solid #DADCE0}
.gxh-ad.is-you{z-index:2;height:112px}
.gxh-ad.is-you .gxh-ad__fav{background:var(--gold)}
/* (won: you, then the two rivals; before the auction decides, the big spender tops the page and you sit third) */
.gxh-ad[data-slot="r1"]{--y:120px}
.gxh-ad[data-slot="r2"]{--y:220px}
.gxh:is([data-phase="type"],[data-phase="auction"]) .gxh-ad.is-you{--y:200px}
.gxh:is([data-phase="type"],[data-phase="auction"]) .gxh-ad[data-slot="r1"]{--y:0px}
.gxh:is([data-phase="type"],[data-phase="auction"]) .gxh-ad[data-slot="r2"]{--y:100px}
.gxh:not([data-phase="type"]):not([data-phase="auction"]) .gxh-ad.is-you{border-color:var(--gold);box-shadow:0 0 0 3px rgba(244,160,0,.25),0 14px 30px -14px rgba(244,160,0,.55)}
.gxh[data-phase="type"] .gxh-ad{opacity:.35}
.gxh-tap{position:absolute;left:58%;top:34px;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:rgba(26,115,232,.18);border:2px solid rgba(26,115,232,.55);opacity:0;pointer-events:none}
.gxh[data-phase="tap"] .gxh-tap{animation:gxhTap .6s ease-out both}
@keyframes gxhTap{0%{opacity:0;transform:scale(.3)}30%{opacity:1}100%{opacity:0;transform:scale(1.5)}}
.gxh-org{display:grid;gap:6px;margin-top:8px;padding:10px;border-radius:12px;background:#fff;border:1px solid #E6E6E2}
.gxh-org i{height:6px;border-radius:3px;background:#D8D8D4}
.gxh-org i.s{width:58%}
/* the auction */
.gxh-auc{position:absolute;right:0;top:40px;z-index:3;width:min(312px,56cqw);padding:14px 16px 14px;border-radius:20px;border:1px solid var(--edge-2);background:rgba(16,19,23,.97);
  box-shadow:0 40px 80px -36px rgba(0,0,0,.95)}
.gxh-auc__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.gxh-auc__top b{font:800 15px/1 var(--font-head);color:var(--text)}
.gxh-auc__top span{font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--teal)}
.gxh-auc__head,.gxh-row{display:grid;grid-template-columns:minmax(0,1fr) 44px 46px 58px;align-items:center;gap:7px}
.gxh-auc__head{padding:0 8px 6px;font:700 9.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}
.gxh-row{position:relative;min-height:36px;padding:6px 8px;border-radius:10px;border:1px solid transparent;transition:border-color .4s,background-color .4s}
.gxh-row + .gxh-row{margin-top:4px}
.gxh-row__who{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;font-size:12px;font-weight:600;color:var(--text-mid);white-space:nowrap;text-overflow:ellipsis}
.gxh-row__dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#6E7FD9}
.gxh-row.is-you .gxh-row__who{color:var(--text)}
.gxh-row.is-you .gxh-row__dot{background:var(--gold)}
.gxh-row__bid{font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-soft);font-variant-numeric:tabular-nums}
.gxh-row__qs{display:grid;gap:4px}
.gxh-row__qs b{font:800 12px/1 var(--font-head);color:var(--text)}
.gxh-row__qs i{display:block;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--teal) calc(var(--q) * 10%),rgba(255,255,255,.1) calc(var(--q) * 10%))}
.gxh-row.is-you .gxh-row__qs b{color:var(--teal)}
.gxh-row__rank{display:block;height:10px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden}
.gxh-row__rank i{display:block;width:var(--w);height:100%;border-radius:inherit;background:#6E7FD9;transition:width .9s var(--ease) calc(var(--i) * .15s)}
.gxh-row.is-you .gxh-row__rank i{background:linear-gradient(90deg,var(--gold),#FFD27A)}
.gxh[data-phase="type"] .gxh-row__rank i{width:0;transition:none}
.gxh-row__pos{position:absolute;right:-12px;top:50%;display:grid;place-items:center;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:#262A31;
  font:800 10.5px/1 var(--font-head);font-style:normal;color:var(--text-mid);opacity:1;transition:opacity .35s,transform .45s var(--ease)}
.gxh-row.is-you .gxh-row__pos{background:var(--gold);color:#111}
.gxh:is([data-phase="type"],[data-phase="auction"]) .gxh-row__pos{opacity:0;transform:scale(.6)}
.gxh:not([data-phase="type"]):not([data-phase="auction"]) .gxh-row.is-you{border-color:var(--gold-line);background:rgba(244,160,0,.07)}
.gxh-auc__note{margin:10px 2px 0;padding-top:10px;border-top:1px dashed var(--edge-2);font-size:12.5px;line-height:1.45;color:var(--text-soft);transition:opacity .4s}
.gxh:is([data-phase="type"],[data-phase="auction"]) .gxh-auc__note{opacity:.25}
/* the lead */
.gxh-lead{position:absolute;right:18px;top:326px;z-index:4;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;width:min(292px,56cqw);padding:12px 14px 12px 12px;border-radius:18px;
  border:1px solid var(--teal-line);background:rgba(14,22,21,.97);box-shadow:0 30px 60px -26px rgba(0,0,0,.95);transition:opacity .45s,transform .55s var(--ease)}
.gxh:is([data-phase="type"],[data-phase="auction"],[data-phase="won"],[data-phase="tap"]) .gxh-lead{opacity:0;transform:translateY(12px) scale(.96)}
.gxh-lead__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--teal);color:#0A1512}
.gxh-lead__ic svg{display:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.gxh[data-act="call"] .gxh-lead__ic .is-call,.gxh[data-act="order"] .gxh-lead__ic .is-order,.gxh[data-act="form"] .gxh-lead__ic .is-form,.gxh[data-act="booking"] .gxh-lead__ic .is-booking{display:block}
.gxh-lead small{display:block;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}
.gxh-lead__t b{font:800 16px/1.2 var(--font-head);color:var(--text)}
.gxh-lead__v{text-align:right}
.gxh-lead__v b{font:800 20px/1.1 var(--font-head);letter-spacing:-.02em;color:var(--teal)}
/* the month */
.gxh-month{position:absolute;right:0;bottom:34px;z-index:3;display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:14px;width:min(360px,64cqw);padding:14px 16px;border-radius:18px;
  border:1px solid var(--edge-2);background:rgba(16,19,23,.97);box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.gxh-month__k{font:700 10px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);max-width:58px}
.gxh-month span:not(.gxh-month__k){display:grid;gap:3px}
.gxh-month b{font:800 20px/1 var(--font-head);letter-spacing:-.02em;color:var(--gold);font-variant-numeric:tabular-nums}
.gxh-month b.is-teal{color:var(--teal)}
.gxh-month small{font-size:11px;color:var(--text-dim)}
.gxh-month b.is-bump{animation:gxhBump .5s var(--ease)}
@keyframes gxhBump{40%{transform:scale(1.18)}}
.gxh__cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;padding-left:14px;border-left:2px solid var(--gold);font:700 15px/1.35 var(--font-head);color:var(--text)}
.gxh__cap small{font:500 11.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-dim)}
@media (max-width:1080px){.gxh{max-width:640px;width:100%;justify-self:center}}
/* phones: the results page full width (no phone round it, the reader is holding one), the auction under it, the
   lead landing on the results; the month's tally stays for wider screens */
@media (max-width:700px){
  .gxh__pic{height:auto;display:grid;gap:12px}
  .gxh-phone{position:relative;width:auto;height:auto;padding:0;border-radius:22px;border:0;background:none;box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
  .gxh-phone__notch{display:none}
  .gxh-phone__screen{padding:12px 10px 10px;border-radius:22px}
  .gxh-ads{height:288px}
  .gxh-ad{height:84px}
  .gxh-ad.is-you{height:104px}
  .gxh-ad[data-slot="r1"]{--y:112px}
  .gxh-ad[data-slot="r2"]{--y:204px}
  .gxh:is([data-phase="type"],[data-phase="auction"]) .gxh-ad.is-you{--y:184px}
  .gxh:is([data-phase="type"],[data-phase="auction"]) .gxh-ad[data-slot="r2"]{--y:92px}
  .gxh-org{display:none}
  .gxh-auc{position:relative;right:auto;top:auto;width:auto;padding:12px 14px}
  .gxh-auc__head,.gxh-row{grid-template-columns:minmax(0,1fr) 48px 52px 64px}
  .gxh-row__pos{right:-8px;width:22px;height:22px;margin-top:-11px}
  .gxh-lead{right:10px;top:210px;width:min(270px,80%);padding:10px 12px 10px 10px;grid-template-columns:34px minmax(0,1fr) auto;gap:10px}
  .gxh-lead__ic{width:34px;height:34px}
  .gxh-lead__v b{font-size:17px}
  .gxh-month{display:none}
  .gxh__cap{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.gxh *{transition:none!important;animation:none!important}}