/* C19q (klara, Nov 3): Morin 16:17 hero. Navy banner + brand globe (logo C cut), H1 / accent line / tagline.
   Accent (flag c19-home.json c19q.accent), C19q.1 site rule teal #0E7490 + navy #0A1630:
   teal (live) = #139EC4, lighter tint of #0E7490 (same hue ~193, same saturation), darkest that reaches 4.5:1 on navy and over the globe;
   teal-base = exact #0E7490 (3.35:1 on navy, reference only); cyan = #22D3EE (social colour, option only). */
.c19q{--c19q-accent:#139EC4}
.c19q.c19q-accent-teal-base{--c19q-accent:#0E7490}
.c19q.c19q-accent-cyan{--c19q-accent:#22D3EE}
.c19q .al-hero--c19{background:radial-gradient(120% 90% at 85% 40%,#10294B 0%,#0A1630 48%,#070C18 100%)!important;position:relative}
.c19q .al-hero--c19 .al-hero__copy>h1{order:1;font-size:clamp(2.75rem,4.9vw,4.4rem);line-height:1.04;letter-spacing:-.02em;margin:0 0 .12em;color:#fff}
.c19q .al-hero__copy>p.c19q-accent{order:2;margin:0 0 .5em!important;color:var(--c19q-accent)!important;font-weight:650;font-size:clamp(1.55rem,2.7vw,2.45rem);line-height:1.14;letter-spacing:-.01em;max-width:22em}
.c19q .al-hero__copy>p.c19q-tagline{order:3;margin:0 0 26px!important;color:#DCE6EF!important;font-size:clamp(1rem,1.15vw,1.15rem);line-height:1.45;letter-spacing:.01em}
.c19q .al-hero__copy>p.c19q-accent,.c19q .al-hero__copy>p.c19q-tagline{align-self:stretch;width:auto;text-align:start}
.c19q .al-hero__copy>.wp-block-buttons{order:4}
.c19q .al-hero__copy>.c19-chips--hero{order:5}
/* globe (desktop: right column, bleeds off the right edge like her banner) */
.c19q .al-hero--c19q .al-hero__grid{align-items:center;min-height:clamp(420px,40vw,560px)}
.c19q .c19q-globe{position:relative;justify-self:end;width:min(600px,46vw);aspect-ratio:1;margin-right:-6vw;pointer-events:none}
.c19q .c19q-globe__svg{width:100%;height:100%;display:block;overflow:visible}
.c19q-globe .g-par,.c19q-globe .g-mer{fill:none;stroke:#22D3EE;stroke-opacity:.22;stroke-width:1}
.c19q-globe .g-mer{stroke:#0E7490;stroke-opacity:.55}
.c19q-globe .g-rim{fill:none;stroke:#22D3EE;stroke-opacity:.55;stroke-width:1.5}
.c19q-globe .g-dot{fill:#7FE7F7}
.c19q-globe .g-hot{fill:#22D3EE}
.c19q-globe .g-arc{fill:none;stroke:#22D3EE;stroke-opacity:.45;stroke-width:1.2;stroke-dasharray:3 5}
.c19q-globe .g-cres{fill:none;stroke:#E6FBFF;stroke-opacity:.7;stroke-width:10;stroke-linecap:butt}
@media (prefers-reduced-motion:no-preference){
  .c19q-globe .g-arc{animation:c19qDash 6s linear infinite}
  .c19q-globe .g-hot{animation:c19qPulse 3.2s ease-in-out infinite}
  .c19q-globe .c19q-globe__up{animation:c19qShift 7s ease-in-out infinite}
}
@keyframes c19qDash{to{stroke-dashoffset:-80}}
@keyframes c19qPulse{50%{opacity:.35}}
@keyframes c19qShift{0%,100%{transform:translate(10px,-10px)}50%{transform:translate(3px,-3px)}}   /* logo C: shifted (Detect) <-> nearly aligned (Seal) */
/* tablet / phone: globe goes behind the copy, top right, dimmed */
@media (max-width:900px){
  .c19q .al-hero--c19q .al-hero__grid{min-height:0;position:relative}
  .c19q .al-hero--c19q .c19q-globe{position:absolute;top:-56px;right:-40vw;width:min(80vw,440px);margin:0;opacity:.38;z-index:0;order:0}
  .c19q .al-hero--c19q .al-hero__copy,.c19q .al-hero--c19q .al-hero__copy>*{position:relative;z-index:1}
  /* C19q.1: on tablet/phone the globe sits behind the accent line; dim its lower part so the teal line keeps >= 4.5:1 */
  .c19q .al-hero--c19q .c19q-globe{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 96px,rgba(0,0,0,.12) 118px);mask-image:linear-gradient(to bottom,#000 0,#000 96px,rgba(0,0,0,.12) 118px)}
}
@media (max-width:700px){
  .c19q .al-hero--c19 .al-hero__copy>h1{font-size:clamp(2.3rem,10.4vw,2.9rem)}
  .c19q .al-hero__copy>p.c19q-accent{font-size:clamp(1.4rem,6.4vw,1.75rem)}
  .c19q .al-hero__copy>p.c19q-tagline{margin-bottom:22px!important}
}