/* ==========================================================================
   Google Ads for Healthcare, September 2026 redesign. Loaded after
   ind-wdp.css and ind-gax.css; every rule is scoped to this page. The
   pictures are calm: things settle, breathe and tick rather than ring or
   shake. Transforms and opacity for motion; no backdrop-filter anywhere.
   ========================================================================== */
main[data-ga-page="healthcare"] .gxh-sr{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
main[data-ga-page="healthcare"] .gxh-tap{position:absolute;inset:-5px;border-radius:inherit;border:2px solid #fff;opacity:0;pointer-events:none}
@keyframes gxhBreathe{50%{transform:scale(1.06)}}
@keyframes gxhDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes gxhIn{from{opacity:0;transform:translateY(8px)}}

/* ==========================================================================
   HERO: the patient's search, the clinic's calm ad at the top of the page,
   and the appointment booked from its last link
   ========================================================================== */
main[data-ga-page="healthcare"] .gxh-book{position:relative;min-height:604px;border-radius:34px;border:1px solid var(--edge-2);overflow:hidden;isolation:isolate;
  background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.6px) 0 0 / 24px 24px,#0A0C10;box-shadow:0 60px 120px -60px rgba(0,0,0,.95)}
main[data-ga-page="healthcare"] .gxh-book__halo{position:absolute;z-index:-1;right:-120px;bottom:-140px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(79,191,160,.16),transparent 62%);pointer-events:none}
main[data-ga-page="healthcare"] .gxh-book__phone{position:absolute;left:26px;top:34px;display:flex;flex-direction:column;gap:12px;width:284px;height:536px;padding:12px 12px 0;border-radius:46px;
  border:1px solid rgba(255,255,255,.16);background:#0E1015;overflow:hidden;box-shadow:inset 0 0 0 7px #06070A,inset 0 0 0 8px rgba(255,255,255,.06),0 50px 90px -34px #000}
main[data-ga-page="healthcare"] .gxh-book__bar{display:flex;padding:4px 6px 0}
main[data-ga-page="healthcare"] .gxh-book .gx-search{border-color:var(--teal-line);box-shadow:0 0 0 4px rgba(79,191,160,.07);color:var(--teal)}
main[data-ga-page="healthcare"] .gxh-book .gx-caret{background:var(--teal)}
main[data-ga-page="healthcare"] .gxh-serp{list-style:none;margin:0;padding:0 6px;display:grid;gap:9px}
main[data-ga-page="healthcare"] .gxh-ad{position:relative;display:grid;gap:6px;padding:12px 13px 13px;border-radius:16px;border:1px solid var(--edge);background:#14171C}
main[data-ga-page="healthcare"] .gxh-ad.is-you{border-color:var(--teal-line);background:linear-gradient(180deg,rgba(79,191,160,.13),rgba(79,191,160,.035));box-shadow:0 0 0 1px rgba(79,191,160,.14),0 18px 40px -18px rgba(79,191,160,.45)}
main[data-ga-page="healthcare"] .gxh-ad__meta{display:flex;align-items:center;gap:7px;min-width:0;max-width:100%;font-size:11.5px;line-height:1.3;white-space:nowrap;color:var(--text-dim)}
main[data-ga-page="healthcare"] .gxh-ad__meta .is-plabel{font-weight:800;color:var(--text)}
main[data-ga-page="healthcare"] .gxh-ad__t{font-size:14.5px;line-height:1.3;color:#BFD3FF}
main[data-ga-page="healthcare"] .gxh-ad:not(.is-you) .gxh-ad__t{font-size:13.5px;font-weight:600;color:var(--text-mid)}
main[data-ga-page="healthcare"] .gxh-ad__d{font-size:12px;line-height:1.45;color:var(--text-mid)}
main[data-ga-page="healthcare"] .gxh-ad__links{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}
main[data-ga-page="healthcare"] .gxh-ad__links > span{position:relative;padding:4px 10px;border-radius:100px;border:1px solid var(--edge-2);font-size:11.5px;font-weight:600;white-space:nowrap;color:#A9C4FF}
main[data-ga-page="healthcare"] .gxh-ad__links > .is-book{border-color:var(--gold-line);background:var(--gold-soft);color:var(--gold)}
main[data-ga-page="healthcare"] .gxh-ad__lines{display:grid;gap:5px}
main[data-ga-page="healthcare"] .gxh-ad__lines i{height:5px;width:88%;border-radius:3px;background:rgba(255,255,255,.11)}
main[data-ga-page="healthcare"] .gxh-ad__lines i.s{width:58%;opacity:.6}
/* the booking page the ad opens */
main[data-ga-page="healthcare"] .gxh-slot{position:absolute;z-index:2;right:22px;top:132px;display:grid;gap:12px;width:246px;padding:16px 16px 16px;border-radius:22px;border:1px solid var(--edge-2);background:#101318;
  box-shadow:0 40px 70px -28px rgba(0,0,0,.95)}
main[data-ga-page="healthcare"] .gxh-slot__head{display:flex;align-items:center;gap:11px;min-width:0}
main[data-ga-page="healthcare"] .gxh-slot__head > span:last-child{display:grid;gap:2px;min-width:0}
main[data-ga-page="healthcare"] .gxh-slot__head b{font-size:15px;color:var(--text)}
main[data-ga-page="healthcare"] .gxh-slot__head small{overflow:hidden;white-space:nowrap;text-overflow:clip;font-size:12px;color:var(--text-dim)}
main[data-ga-page="healthcare"] .gxh-slot__ic{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:var(--teal-soft);color:var(--teal)}
main[data-ga-page="healthcare"] .gxh-slot__ic svg{width:20px;height:20px}
main[data-ga-page="healthcare"] .gxh-slot__days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
main[data-ga-page="healthcare"] .gxh-slot__days span{display:grid;justify-items:center;gap:3px;padding:7px 0 8px;border-radius:11px;border:1px solid var(--edge);transition:border-color .35s,background .35s}
main[data-ga-page="healthcare"] .gxh-slot__days em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);transition:color .35s}
main[data-ga-page="healthcare"] .gxh-slot__days b{font:800 15px/1 var(--font-head);color:var(--text-soft);transition:color .35s}
main[data-ga-page="healthcare"] .gxh-slot__days .is-pick{border-color:var(--teal);background:var(--teal-soft)}
main[data-ga-page="healthcare"] .gxh-slot__days .is-pick em,main[data-ga-page="healthcare"] .gxh-slot__days .is-pick b{color:var(--teal)}
main[data-ga-page="healthcare"] .gxh-slot__times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
main[data-ga-page="healthcare"] .gxh-slot__times span{position:relative;padding:8px 0;border-radius:10px;border:1px solid var(--edge-2);font:600 13px/1 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;text-align:center;color:var(--text-soft);
  transition:background .35s,color .35s,border-color .35s,opacity .4s,transform .45s var(--ease)}
main[data-ga-page="healthcare"] .gxh-slot__times .is-taken{border-style:dashed;border-color:var(--edge);color:var(--text-dim);opacity:.45}
main[data-ga-page="healthcare"] .gxh-slot__times .is-pick{border-color:var(--gold);background:var(--gold);color:#111;font-weight:800}
main[data-ga-page="healthcare"] .gxh-slot__done{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;border:1px solid var(--teal-line);background:rgba(79,191,160,.1);
  transition:opacity .45s ease,transform .6s var(--ease)}
main[data-ga-page="healthcare"] .gxh-slot__done > span:last-child{display:grid;gap:2px;min-width:0}
main[data-ga-page="healthcare"] .gxh-slot__done b{font-size:14.5px;color:var(--text)}
main[data-ga-page="healthcare"] .gxh-slot__done small{font-size:12.5px;font-weight:600;color:var(--teal)}
main[data-ga-page="healthcare"] .gxh-slot__tick{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--teal);box-shadow:0 0 18px rgba(79,191,160,.5)}
main[data-ga-page="healthcare"] .gxh-slot__tick svg{width:18px;height:18px;fill:none;stroke:#0A1512;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-slot__tick path{stroke-dasharray:1 1}
main[data-ga-page="healthcare"] .gxh-book__cap{position:absolute;z-index:2;right:24px;bottom:34px;width:226px;margin:0;padding-left:14px;border-left:2px solid var(--teal);font-family:var(--font-head);font-weight:700;font-size:16px;line-height:1.38;color:var(--text);text-wrap:balance}
/* the loop (ind-gax-healthcare.js adds .is-run, then each beat); without it the booked frame shows */
main[data-ga-page="healthcare"] .gxh-book.is-run .gxh-serp > li{opacity:.14;transform:translateY(-6px);transition:opacity .3s,transform .3s}
main[data-ga-page="healthcare"] .gxh-book.is-run.is-serp .gxh-serp > li{opacity:1;transform:none;transition:opacity .5s ease,transform .7s var(--ease)}
main[data-ga-page="healthcare"] .gxh-book.is-run.is-serp .gxh-serp > li:nth-child(2){transition-delay:.15s}
main[data-ga-page="healthcare"] .gxh-book.is-run.is-serp .gxh-serp > li:nth-child(3){transition-delay:.3s}
main[data-ga-page="healthcare"] .gxh-book.is-tap .gxh-ad__links .gxh-tap{animation:gxTap 1.1s ease forwards}
main[data-ga-page="healthcare"] .gxh-book.is-run .gxh-slot{opacity:0;transform:translateX(-26px) scale(.97);transition:opacity .3s,transform .3s}
main[data-ga-page="healthcare"] .gxh-book.is-run.is-open .gxh-slot{opacity:1;transform:none;transition:opacity .5s ease,transform .8s var(--ease)}
main[data-ga-page="healthcare"] .gxh-book.is-run:not(.is-day) .gxh-slot__days .is-pick{border-color:var(--edge);background:none}
main[data-ga-page="healthcare"] .gxh-book.is-run:not(.is-day) .gxh-slot__days .is-pick em{color:var(--text-dim)}
main[data-ga-page="healthcare"] .gxh-book.is-run:not(.is-day) .gxh-slot__days .is-pick b{color:var(--text-soft)}
main[data-ga-page="healthcare"] .gxh-book.is-run:not(.is-day) .gxh-slot__times span{opacity:0;transform:translateY(6px)}
main[data-ga-page="healthcare"] .gxh-book.is-run.is-day .gxh-slot__times span{transition-delay:calc(var(--i) * .06s)}
main[data-ga-page="healthcare"] .gxh-book.is-run:not(.is-slot) .gxh-slot__times .is-pick{border-color:var(--edge-2);background:none;color:var(--text-soft);font-weight:600}
main[data-ga-page="healthcare"] .gxh-book.is-slot .gxh-slot__times .gxh-tap{animation:gxTap 1.1s ease forwards}
main[data-ga-page="healthcare"] .gxh-book.is-run:not(.is-done) .gxh-slot__done{opacity:0;transform:translateY(10px)}
main[data-ga-page="healthcare"] .gxh-book.is-run.is-done .gxh-slot__tick path{animation:gxhDraw .6s ease .25s both}
main[data-ga-page="healthcare"] .gxh-book.is-run.is-done .gxh-slot__tick{animation:gxhBreathe 2.4s ease-in-out .9s infinite}
@media (max-width:1180px){
  main[data-ga-page="healthcare"] .gxh-book{width:100%;max-width:640px;margin:0 auto}
}
@media (max-width:700px){
  /* the phone keeps its screen at full width: the whole query, then the
     results; the booking page and the line follow underneath */
  main[data-ga-page="healthcare"] .gxh-book{display:flex;flex-direction:column;gap:12px;min-height:0;padding:14px 10px 18px;border-radius:26px}
  main[data-ga-page="healthcare"] .gxh-book__phone{position:relative;left:auto;top:auto;width:auto;height:auto;gap:10px;padding:10px 8px 12px;border-radius:30px;
    box-shadow:inset 0 0 0 5px #06070A,inset 0 0 0 6px rgba(255,255,255,.06),0 30px 60px -30px #000}
  main[data-ga-page="healthcare"] .gxh-book .gx-au__status{height:24px;padding:4px 20px 0;font-size:12px}
  main[data-ga-page="healthcare"] .gxh-book .gx-au__island{width:66px;height:19px}
  main[data-ga-page="healthcare"] .gxh-book__bar{padding:0 2px}
  main[data-ga-page="healthcare"] .gxh-serp{gap:8px;padding:0 2px}
  main[data-ga-page="healthcare"] .gxh-ad{padding:11px 12px 12px;border-radius:14px}
  main[data-ga-page="healthcare"] .gxh-ad__t{font-size:15px}
  main[data-ga-page="healthcare"] .gxh-ad__d{font-size:12.5px}
  main[data-ga-page="healthcare"] .gxh-slot{position:relative;right:auto;top:auto;width:auto;padding:14px}
  main[data-ga-page="healthcare"] .gxh-slot__times span{padding:9px 0}
  main[data-ga-page="healthcare"] .gxh-book.is-run .gxh-serp > li{opacity:.22;transform:none}
  main[data-ga-page="healthcare"] .gxh-book.is-run .gxh-slot{opacity:.3;transform:none}
  main[data-ga-page="healthcare"] .gxh-book__cap{position:relative;right:auto;bottom:auto;width:auto;margin-top:4px;font-size:16px}
}
@media (min-width:1181px){
  /* the headline is longer than Trades': a size that keeps it to five lines */
  main[data-ga-page="healthcare"] .wdp-hero__title{font-size:clamp(46px,4.6vw,68px)}
}

/* ==========================================================================
   THE RACE: the same patient, twice. The search at 0:00, then two lanes of
   three moments: the careful ad (teal) and the careless one (coral)
   ========================================================================== */
main[data-ga-page="healthcare"] .gxh-race .gx-sb__fork .is-you{stroke:var(--teal)}
main[data-ga-page="healthcare"] .gxh-race .gx-sb__lane.is-you > .gx-sb__lk{border-color:var(--teal-line);background:var(--teal-soft);color:var(--teal)}
main[data-ga-page="healthcare"] .gxh-race .gx-sb__lane.is-you .gx-sb__f{border-color:var(--teal-line);background:linear-gradient(180deg,rgba(79,191,160,.07),#0A0B0E 70%)}
main[data-ga-page="healthcare"] .gxh-race .gx-sb__f.is-now{box-shadow:0 0 0 1px var(--teal),0 0 44px -12px rgba(79,191,160,.5)}
main[data-ga-page="healthcare"] .gxh-race .gx-sb__lane.is-lost .gx-sb__f.is-now{box-shadow:0 0 0 1px var(--coral),0 0 44px -14px rgba(255,122,107,.45)}
main[data-ga-page="healthcare"] .gxh-race .gx-sb__lane .gx-sb__f{gap:11px}
main[data-ga-page="healthcare"] .gxh-race .gx-sb__lane .gx-sb__f h3{font-size:clamp(17px,1.35vw,20px)}
main[data-ga-page="healthcare"] .gxh-clock{flex:0 0 auto}
main[data-ga-page="healthcare"] .gxh-clock b{min-width:0;white-space:nowrap}
@media (min-width:1081px){
  main[data-ga-page="healthcare"] .gxh-sb{grid-template-columns:minmax(0,1.14fr) 40px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr)}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__fork{grid-column:2}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__lane{grid-column:3 / 8;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr)}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__lane > .gx-sb__f:nth-of-type(3){grid-column:5}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__lane > .gx-sb__join:nth-of-type(2){grid-column:4}
}
@media (max-width:1080px) and (min-width:701px){
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__f--a{grid-column:1 / -1}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__lane{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr)}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__lane > .gx-sb__f:nth-of-type(3){grid-column:5}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__lane > .gx-sb__join:nth-of-type(2){grid-column:4}
}
/* 0:00 the need: a sore lower back in its third week, at 7:52 on a Monday evening */
main[data-ga-page="healthcare"] .gxh-need{min-height:196px}
main[data-ga-page="healthcare"] .gxh-need svg{width:100%;height:100%;max-height:230px}
main[data-ga-page="healthcare"] .gxh-need{background:radial-gradient(60% 70% at 88% 8%,rgba(244,160,0,.09),transparent 70%),#060709}
main[data-ga-page="healthcare"] .gxh-need__torso{fill:rgba(255,255,255,.03);stroke:rgba(255,255,255,.13);stroke-width:1.2}
main[data-ga-page="healthcare"] .gxh-need__spine rect{fill:#262B34;stroke:rgba(255,255,255,.16);stroke-width:1.2}
main[data-ga-page="healthcare"] .gxh-need__spine rect.is-ache{fill:rgba(255,122,107,.3);stroke:var(--coral)}
main[data-ga-page="healthcare"] .gxh-need__pelvis{fill:#1D2129;stroke:rgba(255,255,255,.12);stroke-width:1.2}
main[data-ga-page="healthcare"] .gxh-need__glow{fill:rgba(255,122,107,.2);transform-box:fill-box;transform-origin:center}
main[data-ga-page="healthcare"] .gx-sb__f.is-on .gxh-need__glow{animation:gxhAche 2.8s ease-in-out infinite}
@keyframes gxhAche{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:.9;transform:scale(1.2)}}
main[data-ga-page="healthcare"] .gxh-need__page{fill:#12151B;stroke:rgba(255,255,255,.14)}
main[data-ga-page="healthcare"] .gxh-need__bar{fill:rgba(255,255,255,.07)}
main[data-ga-page="healthcare"] .gxh-need__rings{stroke:rgba(255,255,255,.3);stroke-width:3;stroke-linecap:round}
main[data-ga-page="healthcare"] .gxh-need__day{fill:rgba(255,255,255,.05)}
main[data-ga-page="healthcare"] .gxh-need__day.is-sore{fill:rgba(255,122,107,.3)}
main[data-ga-page="healthcare"] .gxh-need__week{fill:none;stroke:var(--gold);stroke-width:1.6}
main[data-ga-page="healthcare"] .gx-sb__f.is-on .gxh-need__week{animation:gxhWeek 2.8s ease-in-out infinite}
@keyframes gxhWeek{50%{stroke-opacity:.4}}
main[data-ga-page="healthcare"] .gxh-need__time{position:absolute;left:12px;top:12px;padding:5px 11px;border-radius:100px;border:1px solid var(--edge-2);background:#101318;font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text)}
main[data-ga-page="healthcare"] .gxh-need__search{display:flex}
main[data-ga-page="healthcare"] .gxh-need__search .gx-search{height:42px;padding:0 13px 0 12px;font-size:14px;border-color:var(--teal-line);color:var(--teal);box-shadow:0 0 0 4px rgba(79,191,160,.06)}
main[data-ga-page="healthcare"] .gxh-need__search .gx-caret{background:var(--teal)}
main[data-ga-page="healthcare"] .gxh-need__t{margin:0;font-family:var(--font-head);font-weight:800;font-size:19px;line-height:1.2;letter-spacing:-.015em;color:var(--text)}
main[data-ga-page="healthcare"] .gxh-race .gx-sb__f--a .gx-sb__copy p{font-size:15.5px}
/* 0:10 the ads */
main[data-ga-page="healthcare"] .gxh-lad{position:relative;display:grid;gap:7px;padding:12px 13px;border-radius:14px;border:1px solid var(--teal-line);background:#0C1513}
main[data-ga-page="healthcare"] .gxh-lad small{display:flex;gap:7px;min-width:0;font-size:11.5px;white-space:nowrap;color:var(--text-dim)}
main[data-ga-page="healthcare"] .gxh-lad small span:first-child{font-weight:800;color:var(--text)}
main[data-ga-page="healthcare"] .gxh-lad strong{font-size:14.5px;line-height:1.35;color:#BFD3FF}
main[data-ga-page="healthcare"] .gxh-lad__ok{justify-self:start;min-width:0;display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 11px;border-radius:100px;background:var(--teal-soft);font-size:12.5px;font-weight:700;white-space:nowrap;color:var(--teal)}
main[data-ga-page="healthcare"] .gxh-lad__ok svg{flex:0 0 auto;width:13px;height:13px;fill:none;stroke:var(--teal);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-lad.is-loud{border-color:var(--coral-line);background:#160E0E}
main[data-ga-page="healthcare"] .gxh-lad__shout{position:relative;display:grid;gap:6px;padding-right:34px}
main[data-ga-page="healthcare"] .gxh-lad__shout i{height:11px;width:92%;border-radius:4px;background:rgba(255,122,107,.6)}
main[data-ga-page="healthcare"] .gxh-lad__shout i.s{width:64%;background:rgba(255,122,107,.42)}
main[data-ga-page="healthcare"] .gxh-lad__shout b{position:absolute;right:0;top:50%;display:grid;place-items:center;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:var(--coral);font:900 16px/1 var(--font-head);color:#1A0F10}
main[data-ga-page="healthcare"] .gx-sb__f.is-on .gxh-lad__shout i{animation:gxhJolt 1.4s steps(2) infinite}
main[data-ga-page="healthcare"] .gx-sb__f.is-on .gxh-lad__shout b{animation:gxhBadge 1.4s ease-in-out infinite}
@keyframes gxhJolt{0%,100%{transform:none}50%{transform:translateX(1.5px)}}
@keyframes gxhBadge{50%{transform:scale(1.14)}}
main[data-ga-page="healthcare"] .gxh-lad__lines{display:grid;gap:5px}
main[data-ga-page="healthcare"] .gxh-lad__lines i{height:5px;width:86%;border-radius:3px;background:rgba(255,255,255,.1)}
main[data-ga-page="healthcare"] .gxh-lad__lines i.s{width:54%}
/* 2 min the page: the careful ad's page reassures and the booking starts */
main[data-ga-page="healthcare"] .gxh-page{display:grid;gap:11px;padding:12px 13px 13px;border-radius:14px;border:1px solid var(--teal-line);background:#0C1116}
main[data-ga-page="healthcare"] .gxh-page__who{display:flex;align-items:center;gap:10px}
main[data-ga-page="healthcare"] .gxh-page__face{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#CFE9E0 0 26%,transparent 27%),radial-gradient(ellipse at 50% 100%,#4FBFA0 0 46%,transparent 47%),#1B2A27}
main[data-ga-page="healthcare"] .gxh-page__who > span{flex:1;display:grid;gap:5px}
main[data-ga-page="healthcare"] .gxh-page__who > span i,main[data-ga-page="healthcare"] .gxh-page__rows i{height:5px;width:86%;border-radius:3px;background:rgba(255,255,255,.16)}
main[data-ga-page="healthcare"] .gxh-page__who > span i.s,main[data-ga-page="healthcare"] .gxh-page__rows i.s{width:56%;background:rgba(255,255,255,.09)}
main[data-ga-page="healthcare"] .gxh-page__reg{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--teal-soft)}
main[data-ga-page="healthcare"] .gxh-page__reg svg{width:13px;height:13px;fill:none;stroke:var(--teal);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-page__rows{display:grid;gap:6px}
main[data-ga-page="healthcare"] .gxh-page__act{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
main[data-ga-page="healthcare"] .gxh-page__call{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:100px;background:var(--gold);font-size:13px;font-weight:700;color:#111}
main[data-ga-page="healthcare"] .gxh-page__call svg{width:14px;height:14px}
main[data-ga-page="healthcare"] .gxh-page__started{min-width:0;display:inline-flex;align-items:center;max-width:100%;padding:5px 10px;border-radius:100px;border:1px solid var(--teal-line);font-size:12px;font-weight:700;white-space:nowrap;color:var(--teal)}
main[data-ga-page="healthcare"] .gx-sb__f.is-now .gxh-page__call .gxh-tap{animation:gxTap 2.2s ease .5s both}
main[data-ga-page="healthcare"] .gx-sb__f.is-now .gxh-page__started{animation:gxhIn .5s var(--ease) 1.5s both}
/* 2 min the careless ad: flagged, or passed over */
main[data-ga-page="healthcare"] .gxh-flag{position:relative;display:grid;place-items:center;min-height:104px;padding:14px;border-radius:14px;border:1px dashed var(--coral-line);background:repeating-linear-gradient(-45deg,rgba(255,122,107,.06) 0 6px,transparent 6px 12px)}
main[data-ga-page="healthcare"] .gxh-flag__ad{display:grid;gap:6px;width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--edge);background:#121418;opacity:.55}
main[data-ga-page="healthcare"] .gxh-flag__ad i{height:6px;width:88%;border-radius:3px;background:rgba(255,122,107,.4)}
main[data-ga-page="healthcare"] .gxh-flag__ad i.s{width:60%;background:rgba(255,255,255,.12)}
main[data-ga-page="healthcare"] .gxh-flag__shield{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;display:grid;place-items:center;border-radius:14px;background:#1E1112;border:1px solid var(--coral-line);box-shadow:0 10px 24px -10px #000}
main[data-ga-page="healthcare"] .gxh-flag__shield svg{width:26px;height:26px;fill:none;stroke:var(--coral);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-flag__back{position:absolute;right:10px;bottom:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.08)}
main[data-ga-page="healthcare"] .gxh-flag__back svg{width:15px;height:15px;fill:none;stroke:var(--text-mid);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gx-sb__f.is-now .gxh-flag__shield{animation:gxhStamp .7s cubic-bezier(.34,1.5,.5,1) .3s both}
main[data-ga-page="healthcare"] .gx-sb__f.is-on .gxh-flag__back{animation:gxhLeave 2.6s ease-in-out infinite}
@keyframes gxhStamp{from{opacity:0;transform:scale(1.8)}}
@keyframes gxhLeave{0%,40%{transform:none}70%{transform:translateX(-8px)}100%{transform:none}}
/* Day 1 the decision: the patient's week, Thursday booked */
main[data-ga-page="healthcare"] .gxh-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
main[data-ga-page="healthcare"] .gxh-week__day{display:grid;gap:5px;min-width:0}
main[data-ga-page="healthcare"] .gxh-week__day em{font-style:normal;font-size:11px;font-weight:700;text-align:center;color:var(--text-dim)}
main[data-ga-page="healthcare"] .gxh-week__day > i{display:grid;align-items:end;min-width:0;height:66px;padding:4px;border-radius:9px;border:1px solid var(--edge);background:rgba(255,255,255,.025)}
main[data-ga-page="healthcare"] .gxh-week__day.is-thu em{color:var(--text)}
main[data-ga-page="healthcare"] .gxh-week__day.is-thu > i{border-color:var(--edge-2);background:rgba(255,255,255,.05)}
main[data-ga-page="healthcare"] .gxh-week__appt{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;overflow:hidden;padding:5px 1px;border-radius:7px;background:var(--teal);font:800 clamp(9.5px,.8vw,11px)/1 var(--font-head);font-variant-numeric:tabular-nums;color:#0A1512}
main[data-ga-page="healthcare"] .gxh-week__appt i{flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:currentColor}
main[data-ga-page="healthcare"] .gxh-week.is-rival .gxh-week__appt{background:#6E7FD9;color:#0E1020}
main[data-ga-page="healthcare"] .gxh-week.is-you .gxh-week__day.is-thu > i{border-color:var(--teal-line)}
main[data-ga-page="healthcare"] .gx-sb__f.is-now .gxh-week__appt{animation:gxhIn .5s var(--ease) .4s both}
@media (max-width:700px){
  /* the lanes' labels show from the first ad on */
  html.el8-js main[data-ga-page="healthcare"] .gxh-race[data-now="1"] .gx-sb__lk{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease .1s,transform .55s var(--ease) .1s,visibility 0s}
  main[data-ga-page="healthcare"] .gxh-need{min-height:176px}
  main[data-ga-page="healthcare"] .gxh-race .gx-sb__f--a .gx-sb__copy p{font-size:15px}
  main[data-ga-page="healthcare"] .gxh-lad small,main[data-ga-page="healthcare"] .gxh-lad__ok,main[data-ga-page="healthcare"] .gxh-page__started{max-width:100%}
  main[data-ga-page="healthcare"] .gxh-week__day > i{height:52px}
}
/* a label that cannot fit on one line even at its smallest size wraps tidily (tablet widths) */
main[data-ga-page="healthcare"] .gxh-lad [data-gx-line].is-wrap{flex-wrap:wrap;white-space:normal}
main[data-ga-page="healthcare"] .gxh-lad__ok.is-wrap{border-radius:10px}
@media (max-width:1240px) and (min-width:1081px){
  main[data-ga-page="healthcare"] .gxh-week__appt i{display:none}
}

/* wider screens (round 3): the whole storyboard and its heading in one
   screen (1440x900 under the nav), every frame its own control (ind-gax).
   The need takes more of the width so its words run to fewer lines, its
   picture takes the height the words leave it (beside the time, clear of
   it) */
@media (min-width:1081px){
  main[data-ga-page="healthcare"] .gxh-race-sec .wdp-head{margin-bottom:26px}
  main[data-ga-page="healthcare"] .gxh-race{padding:14px 22px 15px}
  main[data-ga-page="healthcare"] .gxh-race .gx-race__mast{margin:0 6px 6px}
  main[data-ga-page="healthcare"] .gxh-race .gx-race__clock{padding:6px 15px}
  main[data-ga-page="healthcare"] .gxh-race .gx-race__clock b{font-size:21px}
  main[data-ga-page="healthcare"] .gxh-sb{grid-template-columns:minmax(0,1.6fr) 32px minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);grid-template-rows:auto auto auto;row-gap:7px}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__lane{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);gap:5px 0}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__f{gap:7px;padding:13px 15px 14px}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__stamp b{font-size:23px}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__stamp span{font-size:11.5px}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__f h3{font-size:19px;line-height:1.15}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__copy{gap:5px}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__copy p{font-size:14.5px;line-height:1.45}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__ctx{font-size:11.5px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-need{contain:size;min-height:104px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-need svg{position:absolute;left:auto;right:10px;top:8px;width:calc(100% - 128px);height:calc(100% - 14px);max-height:none}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-need__time{left:9px;top:9px;padding:4px 9px;font-size:11px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-need__search .gx-search{height:36px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-need__t{font-size:17px}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__lk{padding:3px 10px;font-size:11.5px}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__lane .gx-sb__f{gap:5px;padding:10px 12px 11px}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__lane .gx-sb__stamp b{font-size:19px}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__lane .gx-sb__f h3{font-size:16.5px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-lad{gap:5px;padding:9px 11px 10px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-lad small{font-size:11px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-lad strong{font-size:14px;line-height:1.3}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-lad__ok{padding:4px 10px;font-size:12px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-lad__shout{gap:5px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-lad__shout i{height:10px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-lad__lines{gap:4px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-page{gap:8px;padding:10px 9px 10px 10px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-page__face{width:28px;height:28px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-page__rows{gap:4px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-page__act{gap:5px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-page__call{gap:5px;padding:6px 9px;font-size:12px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-page__call svg{width:13px;height:13px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-page__started{padding:4px 7px;font-size:11px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-flag{min-height:78px;padding:9px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-week__day > i{height:50px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-week__appt i{display:none}
  main[data-ga-page="healthcare"] .gxh-sb .gx-lane__result{font-size:15px}
  main[data-ga-page="healthcare"] .gxh-sb .gx-lane__result svg{width:21px;height:21px}
}
/* small laptops: the lanes keep the width their pictures need */
@media (min-width:1081px) and (max-width:1300px){
  main[data-ga-page="healthcare"] .gxh-sb{grid-template-columns:minmax(0,1.14fr) 26px minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr)}
  main[data-ga-page="healthcare"] .gxh-sb .gx-sb__lane{grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr)}
  /* the need is narrower here: its picture sits under the time instead of beside it */
  main[data-ga-page="healthcare"] .gxh-sb .gxh-need{min-height:168px}
  main[data-ga-page="healthcare"] .gxh-sb .gxh-need svg{left:8px;right:8px;top:36px;width:calc(100% - 16px);height:calc(100% - 42px)}
}

/* phones (round 3, one moment at a time): the stage takes the height of the
   lanes, the need's picture fills what its words leave it (beside the time,
   clear of it), so the mast, stage, picker and previous / next fit one
   screen under the nav. Without JS every frame stacks at its own size */
@media (max-width:700px){
  html.el8-js main[data-ga-page="healthcare"] .gxh-sb{grid-template-rows:auto auto auto auto}
  html.el8-js main[data-ga-page="healthcare"] .gxh-race .gx-race__mast{margin-bottom:10px}
  html.el8-js main[data-ga-page="healthcare"] .gxh-sb .gxh-need{contain:size;min-height:110px}
  html.el8-js main[data-ga-page="healthcare"] .gxh-sb .gxh-need svg{position:absolute;left:auto;right:8px;top:8px;width:calc(100% - 122px);height:calc(100% - 14px);max-height:none}
  html.el8-js main[data-ga-page="healthcare"] .gxh-sb .gxh-need__time{left:9px;top:9px;padding:4px 9px;font-size:11px}
  html.el8-js main[data-ga-page="healthcare"] .gxh-sb .gxh-need__search .gx-search{height:38px}
  html.el8-js main[data-ga-page="healthcare"] .gxh-sb .gxh-need__t{font-size:17px}
}

/* ==========================================================================
   SIX CONSTRAINTS: a picture for each place healthcare breaks the generic
   playbook (resources/views/industries/gads/healthcare/rule.blade.php)
   ========================================================================== */
main[data-ga-page="healthcare"] .gxh-rules .gx-rule__art{background:radial-gradient(80% 90% at 50% 100%,rgba(79,191,160,.06),transparent 70%),#07080A}
main[data-ga-page="healthcare"] .gxh-r{display:block;width:100%;height:100%;font-family:Inter,system-ui,sans-serif}
main[data-ga-page="healthcare"] .gxh-r *{transform-box:fill-box;transform-origin:center}
main[data-ga-page="healthcare"] .gxh-r-line{fill:rgba(255,255,255,.14)}
main[data-ga-page="healthcare"] .gxh-r-line.is-k{fill:rgba(191,211,255,.55)}
main[data-ga-page="healthcare"] .gxh-r-card > rect:first-child,main[data-ga-page="healthcare"] .gxh-r-ad > rect:first-child{fill:#12151B;stroke:rgba(255,255,255,.14)}
main[data-ga-page="healthcare"] .gxh-r-slash{fill:none;stroke:var(--coral);stroke-width:3;stroke-linecap:round}
main[data-ga-page="healthcare"] .gxh-r-cross{fill:var(--teal)}
/* fence: the claims bounce off the boundary */
main[data-ga-page="healthcare"] .gxh-r-bound{fill:rgba(79,191,160,.05);stroke:var(--teal);stroke-width:1.6;stroke-dasharray:6 6;animation:gxDash 3s linear infinite}
main[data-ga-page="healthcare"] .gxh-r-btn{fill:var(--teal)}
main[data-ga-page="healthcare"] .gxh-r-claim rect{fill:#1E1213;stroke:var(--coral-line)}
main[data-ga-page="healthcare"] .gxh-r-claim text{font-size:11px;font-weight:700;fill:var(--coral)}
main[data-ga-page="healthcare"] .gxh-r-claim{--d:13px;animation:gxhHit 3.6s cubic-bezier(.5,0,.3,1) infinite;animation-delay:calc(var(--i) * .9s)}
main[data-ga-page="healthcare"] .gxh-r-claim.is-r{--d:-8px}
@keyframes gxhHit{0%,30%{transform:none}42%{transform:translateX(var(--d))}50%{transform:translateX(calc(var(--d) * .3))}58%{transform:translateX(calc(var(--d) * .55))}70%,100%{transform:none}}
/* policy: a scan passes, each category shows where it stands */
main[data-ga-page="healthcare"] .gxh-r-cat__card{fill:#12151B;stroke:rgba(255,255,255,.12)}
main[data-ga-page="healthcare"] .gxh-r-cat.is-ok .gxh-r-cat__card{stroke:var(--teal-line)}
main[data-ga-page="healthcare"] .gxh-r-cat.is-lock .gxh-r-cat__card{stroke:var(--coral-line)}
main[data-ga-page="healthcare"] .gxh-r-cat.is-cert .gxh-r-cat__card{stroke:var(--gold-line)}
main[data-ga-page="healthcare"] .gxh-r-ico{fill:none;stroke:var(--text-mid);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
main[data-ga-page="healthcare"] .gxh-r-badge > circle:first-child{fill:var(--teal)}
main[data-ga-page="healthcare"] .is-lock .gxh-r-badge > circle:first-child{fill:var(--coral)}
main[data-ga-page="healthcare"] .is-cert .gxh-r-badge > circle:first-child{fill:var(--gold)}
main[data-ga-page="healthcare"] .gxh-r-badge > :not(:first-child){fill:none;stroke:#0A0B0E;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-r-badge{animation:gxhBadgeIn 5s ease infinite;animation-delay:calc(var(--i) * .55s)}
@keyframes gxhBadgeIn{0%,12%{opacity:.25;transform:scale(.6)}22%,92%{opacity:1;transform:none}100%{opacity:.25;transform:scale(.6)}}
main[data-ga-page="healthcare"] .gxh-r-scan{fill:var(--teal);opacity:.75;transform-box:view-box;transform-origin:0 0;animation:gxhScan 5s cubic-bezier(.45,0,.55,1) infinite}
@keyframes gxhScan{0%{opacity:0;transform:none}6%{opacity:.75}40%{opacity:.75;transform:translateX(268px)}46%,100%{opacity:0;transform:translateX(268px)}}
/* tone: the megaphone is out, the calm voice breathes */
main[data-ga-page="healthcare"] .gxh-r-loud{opacity:.85}
main[data-ga-page="healthcare"] .gxh-r-mega{fill:rgba(255,122,107,.12);stroke:var(--coral);stroke-width:1.8;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-r-blast{fill:none;stroke:var(--coral);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;animation:gxhJolt 1.2s steps(2) infinite;animation-delay:calc(var(--i) * -.3s)}
main[data-ga-page="healthcare"] .gxh-r-arrow{fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-r-bubble{fill:rgba(79,191,160,.08);stroke:var(--teal);stroke-width:1.8;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-r-calm{animation:gxhBreathe 4.2s ease-in-out infinite}
main[data-ga-page="healthcare"] .gxh-r-calm .gxh-r-line.is-k{fill:rgba(79,191,160,.6)}
main[data-ga-page="healthcare"] .gxh-r-heart{fill:var(--teal)}
/* booking: the ad leads to a call and to an online booking, both to the appointment */
main[data-ga-page="healthcare"] .gxh-r-ad > rect:first-child{stroke:var(--teal-line)}
main[data-ga-page="healthcare"] .gxh-r-route{fill:none;stroke:var(--teal);stroke-width:1.8;stroke-dasharray:4 5;animation:gxDash 1.8s linear infinite}
main[data-ga-page="healthcare"] .gxh-r-disc{fill:var(--teal)}
main[data-ga-page="healthcare"] .gxh-r-hand{fill:none;stroke:#0A1512;stroke-width:2.6;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-r-cal{fill:#12151B;stroke:var(--teal);stroke-width:1.6}
main[data-ga-page="healthcare"] .gxh-r-cal__top{fill:none;stroke:var(--teal);stroke-width:1.6;stroke-linecap:round}
main[data-ga-page="healthcare"] .gxh-r-cal__day{fill:var(--gold)}
main[data-ga-page="healthcare"] .gxh-r-appt > rect{fill:rgba(79,191,160,.1);stroke:var(--teal);stroke-width:1.6}
main[data-ga-page="healthcare"] .gxh-r-ok{fill:var(--teal)}
main[data-ga-page="healthcare"] .gxh-r-tick{fill:none;stroke:#0A1512;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-r-appt{animation:gxhBreathe 3.6s ease-in-out infinite}
/* local: the practice among its streets; nearby patients walk in */
main[data-ga-page="healthcare"] .gxh-r-street{fill:none;stroke:#14171D;stroke-width:12;stroke-linecap:round}
main[data-ga-page="healthcare"] .gxh-r-house{fill:#1A1E25;stroke:rgba(255,255,255,.2);stroke-width:1.2;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-r-house.is-far{opacity:.3}
main[data-ga-page="healthcare"] .gxh-r-clinic > path:first-child{fill:rgba(79,191,160,.16);stroke:var(--teal);stroke-width:1.6;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-r-trail{fill:none;stroke:rgba(244,160,0,.22);stroke-width:1.5;stroke-dasharray:3 4}
main[data-ga-page="healthcare"] .gxh-r-walk{fill:none;stroke:var(--gold);stroke-width:8;stroke-linecap:round;stroke-dasharray:.001 .999;stroke-dashoffset:-.999;animation:gxhWalk 4.5s ease-in-out infinite;animation-delay:calc(var(--i) * 1.4s)}
@keyframes gxhWalk{0%{stroke-dashoffset:0;opacity:0}8%{opacity:1}80%{stroke-dashoffset:-.999;opacity:1}92%,100%{stroke-dashoffset:-.999;opacity:0}}
main[data-ga-page="healthcare"] .gxh-r-hours{fill:#12151B;stroke:rgba(255,255,255,.2)}
main[data-ga-page="healthcare"] .gxh-r-hours__arc{fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round}
main[data-ga-page="healthcare"] .gxh-r-hours__hand{fill:none;stroke:var(--text);stroke-width:1.8;stroke-linecap:round}
/* trust: credentials check off; the testimonial is left out */
main[data-ga-page="healthcare"] .gxh-r-face{fill:#1B2A27;stroke:var(--teal-line)}
main[data-ga-page="healthcare"] .gxh-r-face__head{fill:#CFE9E0}
main[data-ga-page="healthcare"] .gxh-r-face__body{fill:none;stroke:#CFE9E0;stroke-width:3;stroke-linecap:round}
main[data-ga-page="healthcare"] .gxh-r-cred circle{fill:var(--teal)}
main[data-ga-page="healthcare"] .gxh-r-cred path{fill:none;stroke:#0A1512;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-r-cred .gxh-r-pop{animation:gxhBadgeIn 5s ease infinite;animation-delay:calc(var(--i) * .5s)}
main[data-ga-page="healthcare"] .gxh-r-quote{opacity:.6}
main[data-ga-page="healthcare"] .gxh-r-quote path{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.22);stroke-dasharray:4 4}
main[data-ga-page="healthcare"] .gxh-r-quote text{font-size:15px;letter-spacing:1px;fill:var(--gold)}
main[data-ga-page="healthcare"] .gxh-r-quote .gxh-r-quote__mk{font-size:24px;font-family:Georgia,serif;fill:var(--text-dim)}
@media (max-width:700px){
  main[data-ga-page="healthcare"] .gxh-rules .gx-rule__art{height:168px}
}

/* ==========================================================================
   LEAKS: the account's vital signs, from the search to the booking. The
   trace is steady except where a problem sits; the one in view beats red
   ========================================================================== */
main[data-ga-page="healthcare"] .gxh-mon{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:14px}
main[data-ga-page="healthcare"] .gxh-mon__in,main[data-ga-page="healthcare"] .gxh-mon__out{display:grid;place-items:center;width:52px;height:52px;border-radius:16px}
main[data-ga-page="healthcare"] .gxh-mon__in{background:var(--gold);color:#111}
main[data-ga-page="healthcare"] .gxh-mon__out{background:var(--teal);color:#0A1512}
main[data-ga-page="healthcare"] .gxh-mon__in svg,main[data-ga-page="healthcare"] .gxh-mon__out svg{width:24px;height:24px}
main[data-ga-page="healthcare"] .gxh-mon__screen{position:relative;height:136px;border-radius:18px;border:1px solid var(--edge-2);overflow:hidden;
  background:linear-gradient(90deg,rgba(79,191,160,.05) 1px,transparent 1px) 0 0 / 40px 100%,#060909;box-shadow:inset 0 0 50px rgba(79,191,160,.05)}
main[data-ga-page="healthcare"] .gxh-mon__trace{position:absolute;left:0;right:0;top:34px;width:100%;height:96px}
main[data-ga-page="healthcare"] .gxh-mon__grid{fill:none;stroke:rgba(79,191,160,.06);stroke-width:1;vector-effect:non-scaling-stroke}
main[data-ga-page="healthcare"] .gxh-mon__steady{fill:none;stroke:var(--teal);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
main[data-ga-page="healthcare"] .gxh-mon__odd{fill:none;stroke:rgba(255,122,107,.4);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .4s}
main[data-ga-page="healthcare"] .gxh-mon__odd.is-2{stroke-dasharray:2 7}
main[data-ga-page="healthcare"] .gxh-mon__odd.is-on{stroke:var(--coral)}
/* the sweep: a bright head runs across, clearing the line just ahead of it */
main[data-ga-page="healthcare"] .gxh-mon__sweep{position:absolute;top:0;bottom:0;left:0;width:9%;background:linear-gradient(90deg,rgba(79,191,160,.55) 0,rgba(79,191,160,.12) 3px,#060909 12px,#060909 55%,rgba(6,9,9,0) 100%);
  animation:gxhSweep 6s linear infinite;pointer-events:none}
@keyframes gxhSweep{from{transform:translateX(-100%)}to{transform:translateX(1112%)}}
/* where each problem sits (ind-gax.js lights the one in view) */
main[data-ga-page="healthcare"] .gxh-mon__mark{position:absolute;z-index:1;left:var(--x);top:8px;display:grid;place-items:center;width:24px;height:24px;margin-left:-12px;border-radius:50%;
  border:1.5px solid var(--coral-line);background:#140C0C;opacity:.55;transition:opacity .4s,background .4s,box-shadow .4s}
main[data-ga-page="healthcare"] .gxh-mon__mark b{font:800 11.5px/1 var(--font-head);color:var(--coral)}
main[data-ga-page="healthcare"] .gxh-mon__mark.is-on{opacity:1;background:var(--coral);box-shadow:0 0 0 5px rgba(255,122,107,.16),0 0 18px rgba(255,122,107,.6)}
main[data-ga-page="healthcare"] .gxh-mon__mark.is-on b{color:#1A0F10}
main[data-ga-page="healthcare"] .gxh-mon__mark::after{content:"";position:absolute;left:50%;top:100%;height:12px;border-left:1.5px dashed rgba(255,122,107,.5)}
main[data-ga-page="healthcare"] .gxh-leaks .gx-pipe__tabs{margin-top:4px}
@media (max-width:700px){
  main[data-ga-page="healthcare"] .gxh-mon{grid-template-columns:34px minmax(0,1fr) 34px;gap:8px}
  main[data-ga-page="healthcare"] .gxh-mon__in,main[data-ga-page="healthcare"] .gxh-mon__out{width:34px;height:34px;border-radius:11px}
  main[data-ga-page="healthcare"] .gxh-mon__in svg,main[data-ga-page="healthcare"] .gxh-mon__out svg{width:17px;height:17px}
  main[data-ga-page="healthcare"] .gxh-mon__screen{height:118px;border-radius:14px}
  main[data-ga-page="healthcare"] .gxh-mon__trace{top:32px;height:82px}
}

/* ==========================================================================
   TWO CHECKS: the message review, the campaign review, then the ad live.
   Three cards on one line; each list ticks off as its gate is reached
   ========================================================================== */
main[data-ga-page="healthcare"] .gxh-gates__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
main[data-ga-page="healthcare"] .gxh-gate{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 14px 22px;border-radius:26px;border:1px solid var(--edge-2);
  background:linear-gradient(180deg,#111318,#0B0C0F);transition:opacity .5s ease,border-color .5s,box-shadow .5s}
main[data-ga-page="healthcare"] .gxh-gate__art{height:150px;margin-bottom:8px;border-radius:17px;border:1px solid var(--edge);overflow:hidden;
  background:radial-gradient(70% 90% at 50% 100%,rgba(244,160,0,.05),transparent 70%),#07080A}
main[data-ga-page="healthcare"] .gxh-gate--policy .gxh-gate__art,main[data-ga-page="healthcare"] .gxh-gate--live .gxh-gate__art{background:radial-gradient(70% 90% at 50% 100%,rgba(79,191,160,.07),transparent 70%),#07080A}
main[data-ga-page="healthcare"] .gxh-gate__k,main[data-ga-page="healthcare"] .gxh-gate__t,main[data-ga-page="healthcare"] .gxh-gate__for,main[data-ga-page="healthcare"] .gxh-gate__list,main[data-ga-page="healthcare"] .gxh-gate__ad{margin-inline:8px}
main[data-ga-page="healthcare"] .gxh-gate__k{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
main[data-ga-page="healthcare"] .gxh-gate__k b{font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:var(--text-dim)}
main[data-ga-page="healthcare"] .gxh-gate--live .gxh-gate__k{color:var(--teal)}
main[data-ga-page="healthcare"] .gxh-gate--live .gxh-gate__k b{font-family:inherit;font-size:13px;color:var(--teal)}
main[data-ga-page="healthcare"] .gxh-gate__t{margin-block:0;font-family:var(--font-head);font-weight:800;font-size:22px;line-height:1.14;letter-spacing:-.022em;text-wrap:balance}
main[data-ga-page="healthcare"] .gxh-gate__for{margin-block:-2px 4px;font-size:15px;line-height:1.45;color:var(--text-dim)}
main[data-ga-page="healthcare"] .gxh-gate__list{list-style:none;margin-block:0;padding:0}
main[data-ga-page="healthcare"] .gxh-gate__list li{display:grid;grid-template-columns:26px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--edge);font-size:15.5px;line-height:1.35;color:var(--text-soft)}
main[data-ga-page="healthcare"] .gxh-gate__n{font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-dim)}
main[data-ga-page="healthcare"] .gxh-gate__tick{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--teal);background:var(--teal)}
main[data-ga-page="healthcare"] .gxh-gate__tick svg{width:13px;height:13px;fill:none;stroke:#0A1512;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-gate__ad{margin-top:auto;display:grid;gap:7px;padding:14px;border-radius:16px;border:1px solid var(--teal-line);background:#0C1513}
main[data-ga-page="healthcare"] .gxh-gate__ad small{font-size:11.5px;color:var(--text-dim)}
main[data-ga-page="healthcare"] .gxh-gate__ad small .is-k{font-weight:800;color:var(--text)}
main[data-ga-page="healthcare"] .gxh-gate__ad strong{font-size:16px;line-height:1.35;color:#BFD3FF}
main[data-ga-page="healthcare"] .gxh-gate__chips{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
main[data-ga-page="healthcare"] .gxh-gate__chips li{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:100px;background:var(--teal-soft);font-size:13px;font-weight:700;color:var(--teal)}
main[data-ga-page="healthcare"] .gxh-gate__chips svg{flex:0 0 auto;width:12px;height:12px;fill:none;stroke:var(--teal);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
/* the arrow from one card to the next, fixed to the card it points into */
main[data-ga-page="healthcare"] .gxh-gate + .gxh-gate::before{content:"";position:absolute;z-index:2;left:-30px;top:60px;width:30px;height:30px;border-radius:50%;border:1px solid var(--gold-line);background:#15130D}
main[data-ga-page="healthcare"] .gxh-gate + .gxh-gate::after{content:"";position:absolute;z-index:3;left:-19px;top:71px;width:7px;height:7px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:rotate(45deg)}
/* the run (ind-gax-healthcare.js): each gate lights and ticks its list off in turn */
main[data-ga-page="healthcare"] .gxh-gates.is-run .gxh-gate:not(.is-on):not(.is-done){opacity:.5}
main[data-ga-page="healthcare"] .gxh-gates.is-run .gxh-gate:not(.is-on):not(.is-done) .gxh-gate__tick{border-color:var(--edge-2);background:none}
main[data-ga-page="healthcare"] .gxh-gates.is-run .gxh-gate:not(.is-on):not(.is-done) .gxh-gate__tick svg{opacity:0}
main[data-ga-page="healthcare"] .gxh-gates.is-run .gxh-gate.is-on .gxh-gate__tick{animation:gxhTick .45s ease both;animation-delay:calc(var(--i) * .42s + .5s)}
main[data-ga-page="healthcare"] .gxh-gates.is-run .gxh-gate.is-on .gxh-gate__tick svg{animation:gxhIn .3s ease both;animation-delay:calc(var(--i) * .42s + .6s)}
@keyframes gxhTick{from{border-color:var(--edge-2);background:transparent;transform:scale(.7)}}
main[data-ga-page="healthcare"] .gxh-gate.is-on{border-color:var(--gold-line);box-shadow:0 0 0 1px rgba(244,160,0,.14),0 30px 60px -30px rgba(244,160,0,.35)}
main[data-ga-page="healthcare"] .gxh-gate--live.is-on{border-color:var(--teal-line);box-shadow:0 0 0 1px rgba(79,191,160,.14),0 30px 60px -30px rgba(79,191,160,.35)}
main[data-ga-page="healthcare"] .gxh-gates.is-run .gxh-gate--live:not(.is-on):not(.is-done) .gxh-gate__chips li{opacity:0}
main[data-ga-page="healthcare"] .gxh-gates.is-run .gxh-gate--live.is-on .gxh-gate__chips li{animation:gxhIn .45s var(--ease) both;animation-delay:calc(var(--i) * .15s + .4s)}
/* the pictures (resources/views/industries/gads/healthcare/gate.blade.php); the finished frame is the base */
main[data-ga-page="healthcare"] .gxh-g{display:block;width:100%;height:100%}
main[data-ga-page="healthcare"] .gxh-g *{transform-box:fill-box;transform-origin:center}
main[data-ga-page="healthcare"] .gxh-g-floor{stroke:rgba(255,255,255,.1);stroke-width:2}
main[data-ga-page="healthcare"] .gxh-g-arch{fill:none;stroke:var(--gold);stroke-width:6;stroke-linecap:round}
main[data-ga-page="healthcare"] .gxh-g--policy .gxh-g-arch{stroke:var(--teal)}
main[data-ga-page="healthcare"] .gxh-g-badge{fill:#15130D;stroke:var(--gold);stroke-width:1.5}
main[data-ga-page="healthcare"] .gxh-g--policy .gxh-g-badge{fill:#0C1513;stroke:var(--teal)}
main[data-ga-page="healthcare"] .gxh-g-ico{fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
main[data-ga-page="healthcare"] .gxh-g--policy .gxh-g-ico{stroke:var(--teal)}
main[data-ga-page="healthcare"] .gxh-g-beam{fill:var(--gold);opacity:.2}
main[data-ga-page="healthcare"] .gxh-g--policy .gxh-g-beam{fill:var(--teal)}
main[data-ga-page="healthcare"] .gxh-g-card{fill:#12151B;stroke:rgba(255,255,255,.16)}
main[data-ga-page="healthcare"] .gxh-g-line{fill:rgba(255,255,255,.16)}
main[data-ga-page="healthcare"] .gxh-g-line.is-k{fill:rgba(191,211,255,.55)}
main[data-ga-page="healthcare"] .gxh-g-line.is-flag{fill:rgba(255,122,107,.7);opacity:0}
main[data-ga-page="healthcare"] .gxh-g-wave{fill:none;stroke:var(--coral);stroke-width:1.4;opacity:0}
main[data-ga-page="healthcare"] .gxh-g-line.is-fix{fill:var(--teal)}
main[data-ga-page="healthcare"] .gxh-g-kw circle{fill:none;stroke:var(--teal);stroke-width:1.5}
main[data-ga-page="healthcare"] .gxh-g-kw rect{fill:rgba(79,191,160,.45)}
main[data-ga-page="healthcare"] .gxh-g-kw.is-cut{opacity:0}
main[data-ga-page="healthcare"] .gxh-g-kw.is-cut circle{stroke:var(--coral)}
main[data-ga-page="healthcare"] .gxh-g-kw.is-cut rect{fill:rgba(255,122,107,.6)}
main[data-ga-page="healthcare"] .gxh-g-pass circle{fill:var(--teal)}
main[data-ga-page="healthcare"] .gxh-g-pass path{fill:none;stroke:#0A1512;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-g-token{transform:translateX(196px)}
main[data-ga-page="healthcare"] .gxh-gate.is-in .gxh-g-token,main[data-ga-page="healthcare"] .gxh-gates.is-in .gxh-g-token{animation:gxhThrough 6s cubic-bezier(.45,0,.3,1) infinite}
main[data-ga-page="healthcare"] .gxh-gates.is-in .gxh-g-line.is-flag,main[data-ga-page="healthcare"] .gxh-gates.is-in .gxh-g-wave,main[data-ga-page="healthcare"] .gxh-gates.is-in .gxh-g-kw.is-cut{animation:gxhFlagOut 6s linear infinite}
main[data-ga-page="healthcare"] .gxh-gates.is-in .gxh-g-line.is-fix{animation:gxhFixIn 6s linear infinite}
main[data-ga-page="healthcare"] .gxh-gates.is-in .gxh-g-pass{animation:gxhPass 6s ease infinite}
main[data-ga-page="healthcare"] .gxh-gates.is-in .gxh-g-beam{animation:gxhBeam 6s linear infinite}
@keyframes gxhThrough{0%{transform:none;opacity:0}6%{opacity:1;transform:none}16%{transform:none}58%{transform:translateX(196px)}90%{transform:translateX(196px);opacity:1}100%{transform:translateX(196px);opacity:0}}
@keyframes gxhFlagOut{0%,36%{opacity:1}41%,100%{opacity:0}}
@keyframes gxhFixIn{0%,37%{opacity:0}42%,100%{opacity:1}}
@keyframes gxhPass{0%,40%{opacity:0;transform:scale(.4)}48%,100%{opacity:1;transform:none}}
@keyframes gxhBeam{0%,30%{opacity:.2}37%{opacity:1}46%,100%{opacity:.2}}
main[data-ga-page="healthcare"] .gxh-g-screen{fill:#0E1015;stroke:rgba(255,255,255,.14)}
main[data-ga-page="healthcare"] .gxh-g-bar{fill:#181B21;stroke:var(--teal-line)}
main[data-ga-page="healthcare"] .gxh-g-lens{fill:none;stroke:var(--teal);stroke-width:1.6}
main[data-ga-page="healthcare"] .gxh-g-adcard{fill:rgba(79,191,160,.1);stroke:var(--teal);stroke-width:1.4}
main[data-ga-page="healthcare"] .gxh-g-book{fill:var(--gold)}
main[data-ga-page="healthcare"] .gxh-g-tap{fill:none;stroke:#fff;stroke-width:2;opacity:0}
main[data-ga-page="healthcare"] .gxh-g-other rect{fill:#14171C;stroke:var(--edge)}
main[data-ga-page="healthcare"] .gxh-g-done circle{fill:var(--teal)}
main[data-ga-page="healthcare"] .gxh-g-done path{fill:none;stroke:#0A1512;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-gates.is-in .gxh-g-tap{animation:gxhTapLoop 4.5s ease infinite}
main[data-ga-page="healthcare"] .gxh-gates.is-in .gxh-g-done{animation:gxhDoneLoop 4.5s ease infinite}
@keyframes gxhTapLoop{0%,30%{opacity:0;transform:scale(1.8)}36%{opacity:1;transform:scale(1)}44%{opacity:.8;transform:scale(.85)}54%,100%{opacity:0;transform:scale(1.4)}}
@keyframes gxhDoneLoop{0%,44%{opacity:0;transform:scale(.4)}54%,94%{opacity:1;transform:none}100%{opacity:0}}
@media (max-width:1080px){
  main[data-ga-page="healthcare"] .gxh-gates__row{gap:20px}
  main[data-ga-page="healthcare"] .gxh-gate + .gxh-gate::before{left:-25px;width:30px}
  main[data-ga-page="healthcare"] .gxh-gate + .gxh-gate::after{left:-14px}
  main[data-ga-page="healthcare"] .gxh-gate__t{font-size:20px}
  main[data-ga-page="healthcare"] .gxh-gate__list li{font-size:14.5px}
}
@media (max-width:700px){
  /* one card at a time (swipe or tap its neighbour), all the same height */
  main[data-ga-page="healthcare"] .gxh-gate + .gxh-gate::before,main[data-ga-page="healthcare"] .gxh-gate + .gxh-gate::after{display:none}
  main[data-ga-page="healthcare"] .gxh-gate{padding:12px 12px 18px}
  main[data-ga-page="healthcare"] .gxh-gate__art{height:140px}
  main[data-ga-page="healthcare"] .gxh-gates.is-run .gxh-gate:not(.is-on):not(.is-done){opacity:1}
}

/* ==========================================================================
   WHAT TO SAY INSTEAD: one flagged line at a time (the s1 player's
   component, ind-gax.css .gx-play), beside a blood pressure dial. The line
   pumps the needle into the red, it is struck out, the calm line is written
   in and the needle settles in the teal; the drag needle keeps the peak.
   The finished frame is the base (reduced motion, no JS, scenes not on stage)
   ========================================================================== */
/* the picker: the flagged lines themselves */
main[data-ga-page="healthcare"] .gxh-say .gx-play__pick{align-items:flex-start}
main[data-ga-page="healthcare"] .gxh-say .gx-play__dot{margin-top:4px}
main[data-ga-page="healthcare"] .gxh-say .gx-play__pick b{font-size:15px;line-height:21px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;letter-spacing:.02em}
main[data-ga-page="healthcare"] .gxh-say .gx-play__pick span{font-size:14.5px;font-weight:600;line-height:1.45;letter-spacing:0;text-transform:none}
main[data-ga-page="healthcare"] .gxh-say .gx-play__pick.is-now span{color:var(--text)}
main[data-ga-page="healthcare"] .gxh-say .gx-play__pick.is-now .gx-play__dot{border-color:var(--coral);background:var(--coral);box-shadow:0 0 0 5px rgba(255,122,107,.14),0 0 14px rgba(255,122,107,.5)}
main[data-ga-page="healthcare"] .gxh-say .gx-play__pick.is-now .gx-play__bar{background:var(--coral)}
main[data-ga-page="healthcare"] .gxh-say.is-many .gx-play__pick span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* a scene: the dial, and beside it the line, struck, the calm line and the reason */
main[data-ga-page="healthcare"] .gxh-say__card{display:grid;grid-template-columns:minmax(0,392px) minmax(0,1fr);align-items:center;gap:20px 52px;height:100%;padding:16px 44px 16px 16px;border-radius:22px;border:1px solid var(--edge);background:#0A0B0E}
main[data-ga-page="healthcare"] .gxh-say__art{position:relative;align-self:stretch;height:318px;border-radius:16px;border:1px solid var(--edge);
  background:radial-gradient(70% 80% at 44% 46%,rgba(79,191,160,.07),transparent 70%),#060709;overflow:hidden}
main[data-ga-page="healthcare"] .gxh-say__art svg{position:absolute;top:var(--pt,16px);right:var(--px,14px);bottom:var(--pb,10px);left:var(--px,14px);display:block;width:calc(100% - var(--px,14px) * 2);height:calc(100% - var(--pt,16px) - var(--pb,10px))}
main[data-ga-page="healthcare"] .gxh-say__words{display:grid;justify-items:start;gap:12px;max-width:620px}
main[data-ga-page="healthcare"] .gxh-say__words em{display:block;margin-bottom:7px;font-style:normal;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}
main[data-ga-page="healthcare"] .gxh-say__was{margin:0;font-size:21px;line-height:1.4;color:var(--text-mid);opacity:.72}
main[data-ga-page="healthcare"] .gxh-say__was em{color:var(--coral)}
main[data-ga-page="healthcare"] .gxh-say__was s{text-decoration:none;background:linear-gradient(var(--coral),var(--coral)) no-repeat 0 58% / 100% 2px;-webkit-box-decoration-break:slice;box-decoration-break:slice}
main[data-ga-page="healthcare"] .gxh-say__to{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--teal-soft)}
main[data-ga-page="healthcare"] .gxh-say__to svg{width:16px;height:16px;fill:none;stroke:var(--teal);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxh-say__now{margin:0;font-family:var(--font-head);font-weight:800;font-size:clamp(26px,2.5vw,35px);line-height:1.12;letter-spacing:-.024em;text-wrap:balance;color:var(--text)}
main[data-ga-page="healthcare"] .gxh-say__now em{color:var(--teal)}
main[data-ga-page="healthcare"] .gxh-say__now ins{text-decoration:none}
main[data-ga-page="healthcare"] .gxh-say__now ins span{display:inline-block}
main[data-ga-page="healthcare"] .gxh-say__why{display:flex;align-items:flex-start;gap:12px;margin:6px 0 0;padding:13px 16px;border-radius:14px;border:1px solid var(--teal-line);background:#0C1311;font-size:16px;line-height:1.55;color:var(--text-mid)}
main[data-ga-page="healthcare"] .gxh-say__why svg{flex:0 0 auto;width:20px;height:20px;margin-top:1px;fill:none;stroke:var(--teal);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* the dial */
main[data-ga-page="healthcare"] .gxh-g{font-family:Inter,system-ui,sans-serif;overflow:visible}
main[data-ga-page="healthcare"] .gxh-g__rim{fill:#15181E;stroke:rgba(255,255,255,.16);stroke-width:1.5}
main[data-ga-page="healthcare"] .gxh-g__face{fill:#0B0D11;stroke:rgba(255,255,255,.06)}
main[data-ga-page="healthcare"] .gxh-g__zone{fill:none;stroke-width:7;stroke-linecap:round}
main[data-ga-page="healthcare"] .gxh-g__zone.is-calm{stroke:var(--teal)}
main[data-ga-page="healthcare"] .gxh-g__zone.is-mid{stroke:var(--gold);opacity:.45}
main[data-ga-page="healthcare"] .gxh-g__zone.is-high{stroke:var(--coral);opacity:.4}
main[data-ga-page="healthcare"] .gxh-g__tick{fill:none;stroke:rgba(255,255,255,.34);stroke-width:1.4;stroke-linecap:round}
main[data-ga-page="healthcare"] .gxh-g__num{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;fill:var(--text-dim)}
main[data-ga-page="healthcare"] .gxh-g__unit{font-size:11px;font-weight:700;letter-spacing:.08em;fill:rgba(255,255,255,.34)}
main[data-ga-page="healthcare"] .gxh-g__heart path{transform-box:fill-box;transform-origin:center}
main[data-ga-page="healthcare"] .gxh-g__heart.is-fast{opacity:0}
main[data-ga-page="healthcare"] .gxh-g__heart.is-fast path{fill:var(--coral)}
main[data-ga-page="healthcare"] .gxh-g__heart.is-calm path{fill:var(--teal)}
main[data-ga-page="healthcare"] .gxh-g__needle,main[data-ga-page="healthcare"] .gxh-g__peak{transform-box:view-box;transform-origin:150px 136px}
main[data-ga-page="healthcare"] .gxh-g__needle{fill:#F2F4F7;transform:rotate(var(--lo));filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
main[data-ga-page="healthcare"] .gxh-g__peak{fill:none;stroke:var(--coral);stroke-width:2.2;stroke-linecap:round;opacity:.85;transform:rotate(var(--hi))}
main[data-ga-page="healthcare"] .gxh-g__hub{fill:#1D2129;stroke:rgba(255,255,255,.22)}
main[data-ga-page="healthcare"] .gxh-g__pin{fill:var(--gold)}
main[data-ga-page="healthcare"] .gxh-g__hose{fill:none;stroke:#2A2F38;stroke-width:6;stroke-linecap:round}
main[data-ga-page="healthcare"] .gxh-g__bulb{transform-box:fill-box;transform-origin:30% 80%}
main[data-ga-page="healthcare"] .gxh-g__bulb ellipse{fill:#1F242C;stroke:rgba(255,255,255,.16);stroke-width:1.2;transform-box:view-box;transform-origin:0 0}
main[data-ga-page="healthcare"] .gxh-g__valve{fill:#2A2F38;stroke:rgba(255,255,255,.14)}
main[data-ga-page="healthcare"] .gxh-g__rib{fill:none;stroke:rgba(255,255,255,.1);stroke-width:1.4;stroke-linecap:round}
/* the change, played when the line comes on stage (ind-gax.js .is-now) */
main[data-ga-page="healthcare"] .gxh-say .gx-play__scene.is-now .gxh-g__needle{animation:gxhNeedle 5s cubic-bezier(.4,0,.3,1) both}
main[data-ga-page="healthcare"] .gxh-say .gx-play__scene.is-now .gxh-g__peak{animation:gxhPeak 5s cubic-bezier(.4,0,.3,1) both}
main[data-ga-page="healthcare"] .gxh-say .gx-play__scene.is-now .gxh-g__bulb{animation:gxhPump .3s ease-in-out .05s 3}
main[data-ga-page="healthcare"] .gxh-say .gx-play__scene.is-now .gxh-g__zone.is-high{animation:gxhHot 5s ease both}
main[data-ga-page="healthcare"] .gxh-say .gx-play__scene.is-now .gxh-g__zone.is-calm{animation:gxhCool 5s ease both}
main[data-ga-page="healthcare"] .gxh-say .gx-play__scene.is-now .gxh-g__heart.is-fast{animation:gxhFastOn 5s ease both}
main[data-ga-page="healthcare"] .gxh-say .gx-play__scene.is-now .gxh-g__heart.is-fast path{animation:gxhBeat .42s ease-in-out infinite}
main[data-ga-page="healthcare"] .gxh-say .gx-play__scene.is-now .gxh-g__heart.is-calm{animation:gxhCalmOn 5s ease both}
main[data-ga-page="healthcare"] .gxh-say .gx-play__scene.is-now .gxh-g__heart.is-calm path{animation:gxhBeat 1.15s ease-in-out infinite}
main[data-ga-page="healthcare"] .gxh-say .gx-play__scene.is-now .gxh-say__was{animation:gxhDim .5s ease 2.1s both}
main[data-ga-page="healthcare"] .gxh-say .gx-play__scene.is-now .gxh-say__was s{animation:gxhStrike .6s ease 1.5s both}
main[data-ga-page="healthcare"] .gxh-say .gx-play__scene.is-now .gxh-say__to{animation:gxhIn .4s var(--ease) 2s both}
main[data-ga-page="healthcare"] .gxh-say .gx-play__scene.is-now .gxh-say__now em{animation:gxhIn .4s var(--ease) 2.1s both}
main[data-ga-page="healthcare"] .gxh-say .gx-play__scene.is-now .gxh-say__now ins span{animation:gxhWord .45s var(--ease) both;animation-delay:calc(2.3s + var(--w) * .075s)}
main[data-ga-page="healthcare"] .gxh-say .gx-play__scene.is-now .gxh-say__why{animation:gxhIn .55s var(--ease) 3.3s both}
@keyframes gxhNeedle{
  0%{transform:rotate(-128deg)}
  8%{transform:rotate(calc(var(--hi) - 34deg))}
  12%{transform:rotate(calc(var(--hi) - 14deg))}
  17%{transform:rotate(var(--hi))}
  21%{transform:rotate(calc(var(--hi) - 5deg))}
  25%{transform:rotate(calc(var(--hi) + 2deg))}
  29%,42%{transform:rotate(var(--hi))}
  63%{transform:rotate(calc(var(--lo) - 4deg))}
  70%{transform:rotate(calc(var(--lo) + 2deg))}
  76%,100%{transform:rotate(var(--lo))}
}
@keyframes gxhPeak{0%{transform:rotate(-128deg);opacity:0}8%{transform:rotate(calc(var(--hi) - 34deg));opacity:.85}12%{transform:rotate(calc(var(--hi) - 14deg))}17%,100%{transform:rotate(var(--hi));opacity:.85}}
@keyframes gxhPump{50%{transform:scale(.84,.94)}}
@keyframes gxhHot{0%{opacity:.4}14%,44%{opacity:1}64%,100%{opacity:.4}}
@keyframes gxhCool{0%,44%{opacity:.35}66%,100%{opacity:1}}
@keyframes gxhFastOn{0%{opacity:0}8%,44%{opacity:1}56%,100%{opacity:0}}
@keyframes gxhCalmOn{0%,48%{opacity:0}62%,100%{opacity:1}}
@keyframes gxhBeat{0%,100%{transform:scale(1)}30%{transform:scale(1.28)}}
@keyframes gxhDim{from{opacity:1}}
@keyframes gxhStrike{from{background-size:0 2px}}
@keyframes gxhWord{from{opacity:0;transform:translateY(10px)}}
@media (min-width:701px) and (max-width:1080px){
  main[data-ga-page="healthcare"] .gxh-say .gx-play__pick span{font-size:13px}
  main[data-ga-page="healthcare"] .gxh-say__card{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:16px 28px;padding:14px 24px 14px 14px}
  main[data-ga-page="healthcare"] .gxh-say__art{height:280px}
  main[data-ga-page="healthcare"] .gxh-say__was{font-size:18px}
  main[data-ga-page="healthcare"] .gxh-say__now{font-size:24px}
  main[data-ga-page="healthcare"] .gxh-say__why{padding:11px 13px;font-size:14.5px}
}
@media (max-width:700px){
  /* a phone: the numbers pick the line (the line itself is on the stage); the dial above the words */
  main[data-ga-page="healthcare"] .gxh-say .gx-play__pick{align-items:center}
  main[data-ga-page="healthcare"] .gxh-say .gx-play__pick b{font-size:15px}
  main[data-ga-page="healthcare"] .gxh-say .gx-play__pick span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  main[data-ga-page="healthcare"] .gxh-say__card{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px}
  main[data-ga-page="healthcare"] .gxh-say__art{--pt:10px;--px:8px;--pb:6px;flex:0 0 auto;height:178px}
  main[data-ga-page="healthcare"] .gxh-say__words{gap:9px;padding:0 4px 4px}
  main[data-ga-page="healthcare"] .gxh-say__words em{margin-bottom:5px;font-size:11.5px}
  main[data-ga-page="healthcare"] .gxh-say__was{font-size:16.5px}
  main[data-ga-page="healthcare"] .gxh-say__to{width:26px;height:26px}
  main[data-ga-page="healthcare"] .gxh-say__to svg{width:14px;height:14px}
  main[data-ga-page="healthcare"] .gxh-say__now{font-size:22px}
  main[data-ga-page="healthcare"] .gxh-say__why{gap:10px;margin-top:2px;padding:11px 12px;font-size:14.5px;line-height:1.5}
  main[data-ga-page="healthcare"] .gxh-say__why svg{width:18px;height:18px}
}

/* ==========================================================================
   APPROACH: the shared seven-step track (ind-gax), with this page's own
   working examples (resources/views/industries/gads/healthcare/example.blade.php)
   ========================================================================== */
main[data-ga-page="healthcare"] .gxhw .wdp-panel__row b{white-space:nowrap}
main[data-ga-page="healthcare"] .gxhw .is-cut b{background:rgba(255,122,107,.12);color:var(--coral)}
/* process-1: one practice, a campaign per service */
main[data-ga-page="healthcare"] .gxhw-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);align-items:center;gap:0 30px;padding:14px 22px 24px}
main[data-ga-page="healthcare"] .gxhw-split__root{position:relative;display:grid;justify-items:center;gap:4px;padding:16px 12px;border-radius:16px;background:var(--gold);color:#111;font-size:13.5px;line-height:1.3;text-align:center}
main[data-ga-page="healthcare"] .gxhw-split__root .is-k{font-weight:800;font-size:16px}
main[data-ga-page="healthcare"] .gxhw-split__root::after{content:"";position:absolute;left:100%;top:50%;width:16px;border-top:1.5px solid rgba(255,255,255,.26)}
main[data-ga-page="healthcare"] .gxhw-split__cross{width:22px;height:22px;margin-bottom:4px;background:linear-gradient(#111,#111) center / 6px 100% no-repeat,linear-gradient(#111,#111) center / 100% 6px no-repeat;border-radius:2px;opacity:.85}
main[data-ga-page="healthcare"] .gxhw-split__lanes{display:grid;gap:10px}
main[data-ga-page="healthcare"] .gxhw-split__lane{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;border:1px solid var(--edge-2);background:#111419;font-size:15px;color:var(--text-soft)}
/* the stem: each lane draws its own piece of the spine and its own branch, so they always meet */
main[data-ga-page="healthcare"] .gxhw-split__lane::before{content:"";position:absolute;right:100%;top:50%;width:14px;border-top:1.5px solid rgba(255,255,255,.26)}
main[data-ga-page="healthcare"] .gxhw-split__lane::after{content:"";position:absolute;left:-15.5px;top:-6px;bottom:-6px;border-left:1.5px solid rgba(255,255,255,.26)}
main[data-ga-page="healthcare"] .gxhw-split__lane:first-child::after{top:50%}
main[data-ga-page="healthcare"] .gxhw-split__lane:last-child::after{bottom:50%}
main[data-ga-page="healthcare"] .gxhw-split__lane b{padding:3px 11px;border-radius:100px;font-size:13px;font-weight:700}
main[data-ga-page="healthcare"] .gxhw-split__lane.is-teal b{background:var(--teal-soft);color:var(--teal)}
main[data-ga-page="healthcare"] .gxhw-split__lane.is-cut{border-style:dashed;border-color:var(--coral-line)}
main[data-ga-page="healthcare"] .gxhw-split__lane.is-cut .gxhw-split__t{color:var(--text-dim);text-decoration:line-through;text-decoration-color:var(--coral)}
main[data-ga-page="healthcare"] .gxhw-split__ic{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--teal-soft);color:var(--teal)}
main[data-ga-page="healthcare"] .gxhw-split__lane.is-cut .gxhw-split__ic{background:rgba(255,122,107,.12);color:var(--coral)}
main[data-ga-page="healthcare"] .gxhw-split__ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gx-plan__step.is-on .gxhw-split__lane{animation:gxRowIn .5s var(--ease) both;animation-delay:calc(var(--i) * .15s + .3s)}
/* process-2: suburb by suburb */
main[data-ga-page="healthcare"] .gxhw-area{grid-template-columns:150px minmax(0,1fr)}
main[data-ga-page="healthcare"] .gxhw-area__map{width:100%;height:auto;aspect-ratio:1}
main[data-ga-page="healthcare"] .gxhw-sub{stroke:#0E1015;stroke-width:3;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxhw-sub.is-home{fill:rgba(79,191,160,.6)}
main[data-ga-page="healthcare"] .gxhw-sub.is-mid{fill:rgba(244,160,0,.36)}
main[data-ga-page="healthcare"] .gxhw-sub.is-far{fill:rgba(255,122,107,.14)}
main[data-ga-page="healthcare"] .gx-plan__step.is-on .gxhw-sub{animation:gxhIn .5s var(--ease) both;animation-delay:calc(var(--i) * .08s + .2s)}
main[data-ga-page="healthcare"] .gxhw-area__clinic{fill:#0E1015;stroke:var(--teal);stroke-width:1.6}
main[data-ga-page="healthcare"] .gxhw-area__cross{fill:var(--teal)}
/* process-3: checked before launch */
main[data-ga-page="healthcare"] .gxhw-check{position:relative;overflow:hidden}
main[data-ga-page="healthcare"] .gxhw-check__scan{position:absolute;left:0;right:0;top:-10px;height:22px;background:linear-gradient(180deg,transparent,rgba(79,191,160,.14) 60%,rgba(79,191,160,.5) 92%,transparent);opacity:0;pointer-events:none}
main[data-ga-page="healthcare"] .gx-plan__step.is-on .gxhw-check__scan{animation:gxhCheck 3.2s ease-in-out .3s 2}
@keyframes gxhCheck{0%{opacity:0;transform:none}10%{opacity:.9}90%{opacity:.9;transform:translateY(160px)}100%{opacity:0;transform:translateY(160px)}}
main[data-ga-page="healthcare"] .gxhw-term__ic{flex:0 0 auto;width:16px;height:16px;fill:none;stroke:var(--coral);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxhw-term.is-cut .gxw-term__q span{text-decoration:line-through;text-decoration-color:var(--coral);color:var(--text-dim)}
/* process-4: the conversions, logged */
main[data-ga-page="healthcare"] .gxhw-log .gxw-call__ic svg{width:16px;height:16px}
main[data-ga-page="healthcare"] .gxhw-log__mark{display:flex;align-items:center}
main[data-ga-page="healthcare"] .gxhw-log__slot{display:flex;gap:3px}
main[data-ga-page="healthcare"] .gxhw-log__slot i{width:10px;height:14px;border-radius:3px;background:rgba(244,160,0,.2)}
main[data-ga-page="healthcare"] .gxhw-log__slot i.is-on{background:var(--gold)}
main[data-ga-page="healthcare"] .gxhw-log__fix{position:relative;width:34px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--coral) 0 50%,var(--teal) 50%)}
/* process-5: a day of budget on a 24 hour dial */
main[data-ga-page="healthcare"] .gxhw-day{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:10px 18px;padding:6px 18px 20px}
main[data-ga-page="healthcare"] .gxhw-day__dial{width:100%;height:auto;overflow:visible}
main[data-ga-page="healthcare"] .gxhw-day__base{fill:none;stroke:rgba(255,255,255,.05);stroke-width:14}
main[data-ga-page="healthcare"] .gxhw-day__arc{fill:none;stroke-width:14}
main[data-ga-page="healthcare"] .gxhw-day__arc.is-full{stroke:var(--teal)}
main[data-ga-page="healthcare"] .gxhw-day__arc.is-low{stroke:rgba(244,160,0,.6)}
main[data-ga-page="healthcare"] .gxhw-day__arc.is-off{stroke:rgba(255,255,255,.07)}
main[data-ga-page="healthcare"] .gxhw-day__tick{fill:rgba(255,255,255,.28)}
main[data-ga-page="healthcare"] .gxhw-day__hub{fill:#12151B;stroke:var(--teal-line)}
main[data-ga-page="healthcare"] .gxhw-day__cross{fill:var(--teal)}
main[data-ga-page="healthcare"] .gxhw-day__orbit{fill:none;stroke:none}
main[data-ga-page="healthcare"] .gxhw-day__now circle:last-child{fill:#fff;stroke:#0E1015;stroke-width:3}
main[data-ga-page="healthcare"] .gxhw-day__now{transform-box:fill-box;transform-origin:center;animation:gxhOrbit 24s linear infinite}
@keyframes gxhOrbit{to{transform:rotate(360deg)}}
main[data-ga-page="healthcare"] .gxhw-day__lab{font:600 12.5px/1 Inter,system-ui,sans-serif;fill:var(--text-dim)}
main[data-ga-page="healthcare"] .gxhw-day__legend{margin:0}
/* process-6: the service page */
main[data-ga-page="healthcare"] .gxhw-land{position:relative;display:grid;gap:10px;margin:8px 22px 22px;padding:18px 18px 16px;border-radius:16px;border:1px solid var(--edge-2);background:#111419}
main[data-ga-page="healthcare"] .gxhw-land__url{font:500 13px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--teal)}
main[data-ga-page="healthcare"] .gxhw-land__h{font-family:var(--font-head);font-weight:800;font-size:24px;line-height:1.15;color:var(--text)}
main[data-ga-page="healthcare"] .gxhw-land__match{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;color:var(--teal)}
main[data-ga-page="healthcare"] .gxhw-land__match svg{width:14px;height:14px;fill:none;stroke:var(--teal);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxhw-land__team{display:flex;align-items:center;gap:6px}
main[data-ga-page="healthcare"] .gxhw-land__team > i{width:28px;height:28px;border-radius:50%;border:2px solid #111419;margin-right:-12px;background:radial-gradient(circle at 50% 38%,#CFE9E0 0 24%,transparent 25%),radial-gradient(ellipse at 50% 100%,#4FBFA0 0 46%,transparent 47%),#1B2A27}
main[data-ga-page="healthcare"] .gxhw-land__team > i:nth-child(2){background:radial-gradient(circle at 50% 38%,#F2D9B8 0 24%,transparent 25%),radial-gradient(ellipse at 50% 100%,#C98A3A 0 46%,transparent 47%),#2A2218}
main[data-ga-page="healthcare"] .gxhw-land__team > i:nth-child(3){background:radial-gradient(circle at 50% 38%,#D8DDF5 0 24%,transparent 25%),radial-gradient(ellipse at 50% 100%,#6E7FD9 0 46%,transparent 47%),#1B1E2E}
main[data-ga-page="healthcare"] .gxhw-land__team > span{display:grid;gap:5px;flex:1;margin-left:20px}
main[data-ga-page="healthcare"] .gxhw-land__team em{height:5px;width:70%;border-radius:3px;background:rgba(255,255,255,.16)}
main[data-ga-page="healthcare"] .gxhw-land__team em.s{width:46%;background:rgba(255,255,255,.09)}
main[data-ga-page="healthcare"] .gxhw-land__book{position:relative;justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:100px;background:var(--gold);color:#111;font-size:15px}
main[data-ga-page="healthcare"] .gxhw-land__book svg{width:17px;height:17px}
main[data-ga-page="healthcare"] .gx-plan__step.is-on .gxhw-land__book .gxh-tap{animation:gxTap 2.6s ease 1s infinite}
main[data-ga-page="healthcare"] .gxhw-land__fold{display:block;margin-top:4px}
main[data-ga-page="healthcare"] .gxhw-land__fold small{display:block;padding-bottom:6px;border-bottom:1.5px dashed rgba(255,255,255,.28);font-size:11.5px;line-height:1.35;letter-spacing:.08em;text-align:right;text-transform:uppercase;color:var(--text-dim)}
main[data-ga-page="healthcare"] .gxhw-land__below{display:grid;gap:6px;opacity:.5}
main[data-ga-page="healthcare"] .gxhw-land__below i{height:5px;width:80%;border-radius:3px;background:rgba(255,255,255,.1)}
main[data-ga-page="healthcare"] .gxhw-land__below i.s{width:50%}
/* process-7: the month in the open */
main[data-ga-page="healthcare"] .gxhw-report__row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px}
main[data-ga-page="healthcare"] .gxhw-report__ic{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--teal-soft);color:var(--teal)}
main[data-ga-page="healthcare"] .gxhw-report__row.is-gold .gxhw-report__ic{background:var(--gold-soft);color:var(--gold)}
main[data-ga-page="healthcare"] .gxhw-report__ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gx-plan__step.is-on .gxhw-report__row,main[data-ga-page="healthcare"] .gx-plan__step.is-on .gxhw-log{animation:gxRowIn .5s var(--ease) both;animation-delay:calc(var(--i) * .15s + .2s)}
@media (max-width:700px){
  main[data-ga-page="healthcare"] .gxhw-split{grid-template-columns:minmax(0,1fr);gap:14px;padding:6px 14px 14px}
  main[data-ga-page="healthcare"] .gxhw-split__root{justify-self:start;justify-items:start;grid-template-columns:auto auto;align-items:center;column-gap:10px;padding:10px 14px;text-align:left}
  main[data-ga-page="healthcare"] .gxhw-split__cross{grid-row:span 2;margin:0}
  main[data-ga-page="healthcare"] .gxhw-split__root::after{left:20px;top:100%;width:0;height:14px;border-top:0;border-left:1.5px solid rgba(255,255,255,.26)}
  main[data-ga-page="healthcare"] .gxhw-split__lanes{padding-left:36px}
  main[data-ga-page="healthcare"] .gxhw-split__lane{grid-template-columns:30px minmax(0,1fr);gap:5px 10px;padding:9px 10px;font-size:14px}
  main[data-ga-page="healthcare"] .gxhw-split__lane .gxhw-split__ic{grid-row:span 2}
  main[data-ga-page="healthcare"] .gxhw-split__lane b{justify-self:start}
  main[data-ga-page="healthcare"] .gxhw-split__lane::before{width:13px}
  main[data-ga-page="healthcare"] .gxhw-split__lane::after{left:-14.5px}
  main[data-ga-page="healthcare"] .gxhw-split__lane:first-child::after{top:-14px}
  main[data-ga-page="healthcare"] .gxhw-split__ic{width:30px;height:30px}
  main[data-ga-page="healthcare"] .gxhw-split__lane b{padding:3px 9px;font-size:12px}
  main[data-ga-page="healthcare"] .gxhw-area{grid-template-columns:minmax(0,1fr)}
  main[data-ga-page="healthcare"] .gxhw-area__map{justify-self:center;width:112px}
  main[data-ga-page="healthcare"] .gxhw-day{grid-template-columns:minmax(0,1fr);padding:0 14px 14px}
  main[data-ga-page="healthcare"] .gxhw-day__dial{justify-self:center;max-width:250px}
  main[data-ga-page="healthcare"] .gxhw-land{margin:6px 12px 14px;padding:16px}
  main[data-ga-page="healthcare"] .gxhw-land__url{min-width:0;max-width:100%;font-size:11.5px;white-space:nowrap}
  main[data-ga-page="healthcare"] .gxhw-land__h{font-size:19px}
  /* the report's rows wrap like the other panels' rows: the label keeps its line, a badge that does not fit
     beside it takes the next line (never on top of the label) */
  main[data-ga-page="healthcare"] .gxhw-report__row{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px 10px}
  main[data-ga-page="healthcare"] .gxhw-report__row > span:not(.gxhw-report__ic){flex:0 1 auto;min-width:0}
  main[data-ga-page="healthcare"] .gxhw-report__ic{width:30px;height:30px}
  main[data-ga-page="healthcare"] .gxhw-log__mark{display:none}
}

/* ==========================================================================
   ANATOMY: the calm clinic ad, exploded (the shared ind-gax behaviour), and
   what is deliberately missing from it
   ========================================================================== */
main[data-ga-page="healthcare"] .gxh-xp--head .gx-xp__txt{font-size:25px;font-weight:700;line-height:1.2;color:#9DB8FF}
main[data-ga-page="healthcare"] .gxh-xp--sub .gx-xp__txt{font-size:21px;line-height:1.25;color:#9DB8FF}
main[data-ga-page="healthcare"] .gxh-xp--desc .gx-xp__txt{display:block;font-size:16.5px;line-height:1.55;color:var(--text-mid)}
main[data-ga-page="healthcare"] .gxh-xp--info .gx-xp__txt{font-size:15.5px;color:var(--text-dim)}
main[data-ga-page="healthcare"] .gxh-xp__btn{border-color:var(--teal-line);background:var(--teal-soft);color:var(--teal)}
main[data-ga-page="healthcare"] .gxh-xp .gx-xp__part.is-on{border-color:var(--teal);background:linear-gradient(90deg,rgba(79,191,160,.12),#101318 70%);box-shadow:0 0 0 4px rgba(79,191,160,.08),0 24px 44px -20px rgba(0,0,0,.95)}
main[data-ga-page="healthcare"] .gxh-xp .gx-xp__part.is-on .gx-xp__n{border-color:var(--teal);background:var(--teal);color:#0A1512;box-shadow:0 0 18px rgba(79,191,160,.55)}
main[data-ga-page="healthcare"] .gxh-xp .gx-xp__part:hover{border-color:var(--teal-line)}
main[data-ga-page="healthcare"] .gxh-xp .gx-xp__fav{background:linear-gradient(135deg,var(--teal),#A8E6D2)}
main[data-ga-page="healthcare"] .gxh-anat-sec .gx-anat__n{color:var(--teal)}
main[data-ga-page="healthcare"] .gxh-anat-sec .gx-anat__steps i.is-done{background:var(--teal-line)}
main[data-ga-page="healthcare"] .gxh-anat-sec .gx-anat__steps i.is-on{background:var(--teal)}
/* the absences */
main[data-ga-page="healthcare"] .gxh-absent{display:grid;gap:14px;margin-top:6px;padding-top:18px;border-top:1px dashed var(--edge-2)}
main[data-ga-page="healthcare"] .gxh-absent__set{display:flex;flex-wrap:wrap;gap:10px}
main[data-ga-page="healthcare"] .gxh-absent__x{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;border:1.5px dashed var(--coral-line);color:var(--text-dim)}
main[data-ga-page="healthcare"] .gxh-absent__x svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
main[data-ga-page="healthcare"] .gxh-absent__x::after{content:"";position:absolute;left:7px;right:7px;top:50%;margin-top:-1px;border-top:2px solid var(--coral);transform:rotate(-40deg)}
main[data-ga-page="healthcare"] .gx-anat.is-in .gxh-absent__x::after{animation:gxhStrikeIn .5s ease both;animation-delay:calc(var(--k, 0) * .15s + 1.2s)}
main[data-ga-page="healthcare"] .gxh-absent__x:nth-child(2){--k:1}main[data-ga-page="healthcare"] .gxh-absent__x:nth-child(3){--k:2}main[data-ga-page="healthcare"] .gxh-absent__x:nth-child(4){--k:3}
@keyframes gxhStrikeIn{from{transform:rotate(-40deg) scaleX(0)}}
main[data-ga-page="healthcare"] .gxh-anat-sec .gx-anat__note{font-size:18px;line-height:1.4}
@media (max-width:700px){
  main[data-ga-page="healthcare"] .gxh-xp--head .gx-xp__txt{font-size:18px}
  main[data-ga-page="healthcare"] .gxh-xp--sub .gx-xp__txt{font-size:15.5px}
  main[data-ga-page="healthcare"] .gxh-xp--desc .gx-xp__txt{font-size:14px;line-height:1.5}
  main[data-ga-page="healthcare"] .gxh-xp--info .gx-xp__txt{flex-wrap:nowrap;align-items:flex-start;font-size:13px}
  main[data-ga-page="healthcare"] .gxh-xp .gx-xp__part.is-on{background:rgba(79,191,160,.1);box-shadow:none}
  main[data-ga-page="healthcare"] .gxh-absent__x{width:40px;height:40px;border-radius:12px}
  main[data-ga-page="healthcare"] .gxh-absent__x svg{width:19px;height:19px}
  main[data-ga-page="healthcare"] .gxh-anat-sec .gx-anat__note{font-size:16px}
}

/* ==========================================================================
   EXAMPLES, ADS AGAINST SEO, THREE WAYS TO START: this page's pictures in
   the shared sections (case, versus and start in the healthcare kit). The
   finished frame is the base; the loops run once the card has risen
   ========================================================================== */
main[data-ga-page="healthcare"] .gxhc *{transform-box:fill-box}
main[data-ga-page="healthcare"] .gxhc-m{font-size:11px;font-weight:600;fill:var(--text-dim)}
main[data-ga-page="healthcare"] .gxhc-line{fill:rgba(255,255,255,.14)}
main[data-ga-page="healthcare"] .gxhc-line.is-k{fill:rgba(191,211,255,.55)}
/* the allied health clinic: enquiries by distance, the far ones fall away */
main[data-ga-page="healthcare"] .gxhc-axis{stroke:rgba(255,255,255,.14);stroke-width:1.5}
main[data-ga-page="healthcare"] .gxhc-clinic{fill:#0E1015;stroke:var(--teal);stroke-width:1.6}
main[data-ga-page="healthcare"] .gxhc-cross{fill:var(--teal)}
main[data-ga-page="healthcare"] .gxhc-bar.is-before{fill:none;stroke:rgba(255,255,255,.18);stroke-dasharray:3 4}
main[data-ga-page="healthcare"] .gxhc-bar.is-after{fill:rgba(79,191,160,.6);transform-origin:50% 100%}
main[data-ga-page="healthcare"] .gxhc-bar.is-after.is-far{fill:rgba(255,122,107,.6)}
main[data-ga-page="healthcare"] .gxhc-bar.is-before.is-far{stroke:rgba(255,122,107,.35)}
main[data-ga-page="healthcare"] .gxhc-edge{stroke:var(--coral);stroke-width:1.5;stroke-dasharray:4 5;opacity:.55}
main[data-ga-page="healthcare"] .gx-case.is-in .gxhc-bar.is-after{animation:gxhGrowBar 6s var(--ease) infinite;animation-delay:calc(var(--i) * .12s)}
@keyframes gxhGrowBar{0%,12%{transform:scaleY(0)}40%,90%{transform:none}100%{transform:scaleY(0)}}
/* the dental practice: a wander through the homepage, then the direct path to booking */
main[data-ga-page="healthcare"] .gxhc-ad > rect:first-child{fill:#12151B;stroke:var(--teal-line)}
main[data-ga-page="healthcare"] .gxhc-page{fill:#0E1015;stroke:var(--edge-2)}
main[data-ga-page="healthcare"] .gxhc-block{fill:rgba(255,255,255,.045);stroke:rgba(255,255,255,.08)}
main[data-ga-page="healthcare"] .gxhc-book{fill:var(--gold)}
main[data-ga-page="healthcare"] .gxhc-book__t{font:800 14px/1 Inter,system-ui,sans-serif;fill:#111}
main[data-ga-page="healthcare"] .gxhc-wander{fill:none;stroke:var(--coral);stroke-width:2;stroke-linecap:round;stroke-dasharray:1 1;opacity:0}
main[data-ga-page="healthcare"] .gxhc-direct{fill:none;stroke:var(--teal);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:0}
main[data-ga-page="healthcare"] .gx-case.is-in .gxhc-wander{animation:gxhWander 7s ease infinite}
main[data-ga-page="healthcare"] .gx-case.is-in .gxhc-direct{animation:gxhDirect 7s ease infinite}
@keyframes gxhWander{0%{stroke-dashoffset:1;opacity:.9}32%{stroke-dashoffset:0;opacity:.9}44%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes gxhDirect{0%,46%{stroke-dashoffset:1}64%,92%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
/* the counselling practice: a gentle path, a step at a time; the pressure is taken out */
main[data-ga-page="healthcare"] .gxhc-step rect{fill:rgba(79,191,160,.06);stroke:var(--teal-line)}
main[data-ga-page="healthcare"] .gxhc-ico{fill:none;stroke:var(--teal);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxhc-calm{fill:none;stroke:rgba(244,160,0,.35);stroke-width:1.6;stroke-dasharray:3 5}
main[data-ga-page="healthcare"] .gxhc-walker{fill:none;stroke:var(--gold);stroke-width:11;stroke-linecap:round;stroke-dasharray:.001 .999;stroke-dashoffset:-.999}
main[data-ga-page="healthcare"] .gx-case.is-in .gxhc-walker{animation:gxhWalk 7s ease-in-out infinite}
main[data-ga-page="healthcare"] .gxhc-spark{font:900 20px/1 var(--font-head);fill:var(--coral);opacity:0}
main[data-ga-page="healthcare"] .gx-case.is-in .gxhc-spark{animation:gxhSpark 7s ease infinite;animation-delay:calc(var(--i) * .3s)}
@keyframes gxhSpark{0%{opacity:.9;transform:none}25%,100%{opacity:0;transform:translateY(-10px)}}
/* ads: a light on the practice while the spend is on */
main[data-ga-page="healthcare"] .gxhv *{transform-box:fill-box}
main[data-ga-page="healthcare"] .gxhv-ground{stroke:rgba(255,255,255,.12);stroke-width:1.5}
main[data-ga-page="healthcare"] .gxhv-switch__plate{fill:#12151B;stroke:var(--edge-2)}
main[data-ga-page="healthcare"] .gxhv-switch__track{fill:rgba(244,160,0,.3)}
main[data-ga-page="healthcare"] .gxhv-switch__knob{fill:var(--gold)}
main[data-ga-page="healthcare"] .gxhv-wire{fill:none;stroke:rgba(244,160,0,.45);stroke-width:1.6;stroke-dasharray:3 5}
main[data-ga-page="healthcare"] .gxhv-beam{fill:rgba(244,160,0,.13)}
main[data-ga-page="healthcare"] .gxhv-lamp{fill:#2A2F38;stroke:var(--gold);stroke-width:1.4}
main[data-ga-page="healthcare"] .gxhv-bulb{fill:#FFD27A}
main[data-ga-page="healthcare"] .gxhv-clinic > path:first-child{fill:rgba(79,191,160,.1);stroke:var(--teal);stroke-width:1.6;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxhv-door{fill:#0A0B0E;stroke:var(--teal-line)}
main[data-ga-page="healthcare"] .gxhv-cross{fill:var(--teal)}
main[data-ga-page="healthcare"] .gxhv-walk circle{fill:var(--text-mid)}
main[data-ga-page="healthcare"] .gxhv-walk path{fill:none;stroke:var(--text-mid);stroke-width:5;stroke-linecap:round}
main[data-ga-page="healthcare"] .gxhv-walk{opacity:0}
main[data-ga-page="healthcare"] .gx-vs.is-in .gxhv-switch__knob{animation:gxhKnob 8s ease infinite}
@keyframes gxhKnob{0%,62%{transform:none}66%,90%{transform:translateY(18px)}94%,100%{transform:none}}
main[data-ga-page="healthcare"] .gx-vs.is-in .gxhv-switch__track{animation:gxhDim 8s ease infinite}
main[data-ga-page="healthcare"] .gx-vs.is-in .gxhv-beam,main[data-ga-page="healthcare"] .gx-vs.is-in .gxhv-bulb,main[data-ga-page="healthcare"] .gx-vs.is-in .gxhv-wire{animation:gxhLight 8s ease infinite}
@keyframes gxhLight{0%,62%{opacity:1}67%,90%{opacity:.08}95%,100%{opacity:1}}
@keyframes gxhDim{0%,62%{opacity:1}67%,90%{opacity:.3}95%,100%{opacity:1}}
main[data-ga-page="healthcare"] .gx-vs.is-in .gxhv-walk{animation:gxhvWalk 8s ease-in-out infinite;animation-delay:calc(var(--i) * .9s)}
@keyframes gxhvWalk{0%{opacity:0;transform:translateX(40px)}6%{opacity:1}40%{opacity:1;transform:translateX(-84px)}46%,100%{opacity:0;transform:translateX(-84px)}}
/* SEO and reputation: the tree grows its leaves: the profile, the reviews, the pages */
main[data-ga-page="healthcare"] .gxhv-trunk{fill:none;stroke:rgba(79,191,160,.55);stroke-width:5;stroke-linecap:round}
main[data-ga-page="healthcare"] .gxhv-leaf__disc{fill:rgba(79,191,160,.22);stroke:var(--teal);stroke-width:1.2}
main[data-ga-page="healthcare"] .gxhv-leaf__disc.is-star{fill:rgba(244,160,0,.18);stroke:var(--gold)}
main[data-ga-page="healthcare"] .gxhv-leaf__disc.is-pin{fill:rgba(110,127,217,.22);stroke:#8E9BE6}
main[data-ga-page="healthcare"] .gxhv-leaf__ic{fill:var(--gold)}
main[data-ga-page="healthcare"] .is-pin + .gxhv-leaf__ic{fill:#8E9BE6}
main[data-ga-page="healthcare"] .gxhv-sun circle{fill:rgba(244,160,0,.16);stroke:rgba(244,160,0,.5)}
main[data-ga-page="healthcare"] .gxhv-leaf{transform-origin:center}
main[data-ga-page="healthcare"] .gx-vs.is-in .gxhv-leaf{animation:gxhLeaf 11s cubic-bezier(.34,1.4,.5,1) infinite backwards;animation-delay:calc(var(--i) * .45s)}
@keyframes gxhLeaf{0%{opacity:0;transform:scale(.2)}5%,88%{opacity:1;transform:none}96%,100%{opacity:0;transform:scale(.8)}}
/* three ways to start */
main[data-ga-page="healthcare"] .gxhs *{transform-box:fill-box}
main[data-ga-page="healthcare"] .gxhs-page{fill:#12151B;stroke:rgba(255,255,255,.18);stroke-width:1.2;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gxhs-text,main[data-ga-page="healthcare"] .gxhs-rule rect{fill:rgba(255,255,255,.12)}
main[data-ga-page="healthcare"] .gxhs-tick circle{fill:var(--teal)}
main[data-ga-page="healthcare"] .gxhs-tick path{fill:none;stroke:#0A1512;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gx-start.is-in .gxhs-tick{animation:gxhPopLoop 6s ease infinite;animation-delay:calc(var(--i) * .35s + .6s)}
@keyframes gxhPopLoop{0%,6%{opacity:0;transform:scale(.3)}14%,88%{opacity:1;transform:none}100%{opacity:0}}
main[data-ga-page="healthcare"] .gxhs-ad > rect:first-child{fill:#12151B;stroke:var(--edge-2)}
main[data-ga-page="healthcare"] .gxhs-line{fill:rgba(255,255,255,.16)}
main[data-ga-page="healthcare"] .gxhs-line.is-flag{fill:rgba(255,122,107,.55)}
main[data-ga-page="healthcare"] .gxhs-flag path{fill:var(--coral)}
main[data-ga-page="healthcare"] .gxhs-lens{transform:translate(150px,50px)}
main[data-ga-page="healthcare"] .gxhs-lens circle{fill:rgba(79,191,160,.08);stroke:var(--teal);stroke-width:2.5}
main[data-ga-page="healthcare"] .gxhs-lens path{stroke:var(--teal);stroke-width:4;stroke-linecap:round}
main[data-ga-page="healthcare"] .gx-start.is-in .gxhs-lens{animation:gxhLens 7s ease-in-out infinite}
@keyframes gxhLens{0%,100%{transform:translate(70px,36px)}35%{transform:translate(150px,50px)}65%{transform:translate(120px,92px)}}
main[data-ga-page="healthcare"] .gx-start.is-in .gxhs-flag{animation:gxhPopLoop 7s ease infinite;animation-delay:calc(var(--i) * .8s + 1s)}
main[data-ga-page="healthcare"] .gxhs-plan{fill:none;stroke:var(--teal);stroke-width:1.8;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0}
main[data-ga-page="healthcare"] .gxhs-cross{fill:var(--teal)}
main[data-ga-page="healthcare"] .gxhs-block rect{fill:rgba(244,160,0,.14);stroke:var(--gold-line)}
main[data-ga-page="healthcare"] .gxhs-ico{fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="healthcare"] .gx-start.is-in .gxhs-block{animation:gxhPopLoop 6s ease infinite;animation-delay:calc(var(--i) * .3s)}
main[data-ga-page="healthcare"] .gx-start.is-in .gxhs-plan{animation:gxhPlanDraw 6s ease infinite}
@keyframes gxhPlanDraw{0%,16%{stroke-dashoffset:1}50%,92%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}

/* reduced motion: every picture rests in its finished frame */
@media (prefers-reduced-motion:reduce){
  main[data-ga-page="healthcare"] .gxh-r-scan,main[data-ga-page="healthcare"] .gxh-r-walk{opacity:0}
  main[data-ga-page="healthcare"] .gxh-mon__sweep{display:none}
}