/* ==========================================================================
   PPC / Google AdWords page (page-id-192) — Full scroll-based 3D cinematic
   redesign + AUDIT MODE interactive layer. PAGES-owned, purely additive:
   does not edit main.css/main.min.css (DESIGN-owned) or any shared PHP.
   Everything scoped under body.page-id-192.

   NOTE: this pass pairs with ppc-cine.js, which performs genuine DOM
   restructuring (carousel promotion, section splitting, schema cleanup)
   before these styles apply. CSS alone cannot fix those bugs.
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. Content-bug fixes
   -------------------------------------------------------------------------- */
/* Leftover Bootstrap-style project-details boilerplate is unwrapped by JS
   (reclaimProjectDetailsCopy) into direct children of .asm-mission__lead so
   its real paragraphs pick up normal .asm-prose typography/width. Left
   visible (not display:none) so the copy still reads fine before JS runs. */
body.page-id-192 .project-details .project-details__img,
body.page-id-192 .project-details .infographic-summary{ display:none; } /* empty leftover wrappers, no content */
/* raw JSON-LD paragraphs are removed by JS; hide immediately to avoid FOUC */
body.page-id-192 .ppc-rawjson{ display:none !important; }

/* --------------------------------------------------------------------------
   1. Global atmosphere layer — grain, glow blobs, cursor light, progress rail
   -------------------------------------------------------------------------- */
body.page-id-192{ position:relative; }

body.page-id-192 .ppc-grain{
  position:fixed; inset:0; z-index:9998; pointer-events:none; opacity:.05; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

body.page-id-192 .ppc-progress{
  position:fixed; top:0; left:0; width:100%; height:3px; z-index:9999;
  background:linear-gradient(90deg,var(--accent-2),var(--accent));
  box-shadow:0 0 16px 1px var(--accent-glow);
  transform:scaleX(0); transform-origin:0 50%; will-change:transform; pointer-events:none;
}

body.page-id-192 .ppc-cursor-glow{
  position:fixed; top:0; left:0; width:420px; height:420px; z-index:1; pointer-events:none;
  border-radius:50%; transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(0,224,198,.14), rgba(0,224,198,0) 68%);
  mix-blend-mode:plus-lighter; opacity:0; transition:opacity .4s ease; will-change:transform;
}
body.page-id-192 .ppc-cursor-glow.is-active{ opacity:1; }
/* audit mode replaces the ambient glow with the scanner reticle */
body.page-id-192.ppc-audit .ppc-cursor-glow{ opacity:0 !important; }

body.page-id-192 .ppc-blob{
  position:absolute; z-index:-1; border-radius:50%; pointer-events:none; filter:blur(2px);
  background:radial-gradient(circle, rgba(0,224,198,.22), rgba(0,224,198,0) 70%);
  animation:ppc-float 14s ease-in-out infinite;
}
body.page-id-192 .ppc-blob--b{
  background:radial-gradient(circle, rgba(60,120,255,.16), rgba(60,120,255,0) 70%);
  animation-duration:19s; animation-direction:alternate-reverse;
}
@keyframes ppc-float{
  0%,100%{ transform:translate(0,0) scale(1); }
  50%{ transform:translate(24px,-34px) scale(1.08); }
}

/* --------------------------------------------------------------------------
   2. Chapter numbering
   -------------------------------------------------------------------------- */
body.page-id-192 .ppc-chapter{
  position:absolute; top:clamp(20px,4vw,52px); right:clamp(18px,4vw,56px); z-index:0;
  font-family:var(--font-display); font-weight:700; line-height:1; pointer-events:none;
  font-size:clamp(70px,11vw,150px); letter-spacing:-.03em; user-select:none;
}
body.page-id-192 .ppc-chapter span{ display:block; font-size:.16em; letter-spacing:.28em; font-weight:600;
  text-transform:uppercase; margin-bottom:.3em; opacity:.9; }
body.page-id-192 .asm-mission .ppc-chapter,
body.page-id-192 .asm-houston .ppc-chapter,
body.page-id-192 .ppc-resources-section .ppc-chapter{
  color:transparent; -webkit-text-stroke:1px rgba(0,224,198,.28); text-stroke:1px rgba(0,224,198,.28);
}
body.page-id-192 .asm-mission .ppc-chapter span,
body.page-id-192 .asm-houston .ppc-chapter span,
body.page-id-192 .ppc-resources-section .ppc-chapter span{ color:rgba(0,224,198,.55); -webkit-text-stroke:0; }
/* Resources head-bar tools live top-right, so drop that section's numeral to the
   lower-left instead of colliding with the article count + arrows. */
body.page-id-192 .ppc-resources-section .ppc-chapter{
  top:auto; right:auto; bottom:6px; left:clamp(18px,4vw,56px);
  opacity:.35; font-size:clamp(44px,5.5vw,72px);
}
body.page-id-192 .asm-pillars .ppc-chapter,
body.page-id-192 .asm-help--light .ppc-chapter,
body.page-id-192 .ppc-split .ppc-chapter{
  color:transparent; -webkit-text-stroke:1px rgba(20,20,15,.08); text-stroke:1px rgba(20,20,15,.08);
}
body.page-id-192 .asm-pillars .ppc-chapter span,
body.page-id-192 .asm-help--light .ppc-chapter span,
body.page-id-192 .ppc-split .ppc-chapter span{ color:var(--accent); -webkit-text-stroke:0; }
@media (max-width:900px){ body.page-id-192 .ppc-chapter{ display:none; } }

/* --------------------------------------------------------------------------
   3. Hero
   -------------------------------------------------------------------------- */
body.page-id-192 .asm-hero{ isolation:isolate; }
body.page-id-192 .asm-hero__video{ transform:scale(1.18); transform-origin:center center; will-change:transform; }
body.page-id-192 .asm-hero__inner{ will-change:transform, opacity; }
body.page-id-192 .asm-hero__infobar{ will-change:transform, opacity; }

body.page-id-192 .asm-hero::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:56px 56px; mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 82%);
  animation:ppc-grid-drift 24s linear infinite;
}
@keyframes ppc-grid-drift{ from{ background-position:0 0; } to{ background-position:112px 224px; } }

body.page-id-192 .ppc-scrollcue{
  position:absolute; left:50%; bottom:clamp(70px,9vh,110px); z-index:3; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:8px; color:#fff; opacity:.75;
  font-family:var(--font-display); font-size:.68rem; letter-spacing:.24em; text-transform:uppercase;
  pointer-events:none; transition:opacity .5s ease;
}
body.page-id-192 .ppc-scrollcue__chev{ width:14px; height:14px; border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg); animation:ppc-chev-bounce 1.8s ease-in-out infinite; }
@keyframes ppc-chev-bounce{ 0%,100%{ transform:rotate(45deg) translate(0,0); } 50%{ transform:rotate(45deg) translate(4px,4px); } }

/* --------------------------------------------------------------------------
   4. 3D perspective reveals
   -------------------------------------------------------------------------- */
html.js body.page-id-192 [data-rise]{
  opacity:0; transform:perspective(1400px) rotateX(11deg) translateY(50px) scale(.96);
  transition:opacity .9s var(--ease), transform .9s var(--ease);
}
html.js body.page-id-192 [data-rise].is-in{ opacity:1; transform:perspective(1400px) rotateX(0) translateY(0) scale(1); }

html.js body.page-id-192 .asm-mission__copy[data-rise]{ transform:perspective(1400px) rotateY(16deg) translateX(-60px) scale(.97); }
html.js body.page-id-192 .asm-mission__copy[data-rise].is-in{ transform:perspective(1400px) rotateY(0) translateX(0) scale(1); }
html.js body.page-id-192 .asm-mission__figure[data-rise]{ transform:perspective(1400px) rotateY(-16deg) translateX(60px) scale(.97); transition-delay:.08s; }
html.js body.page-id-192 .asm-mission__figure[data-rise].is-in{ transform:perspective(1400px) rotateY(0) translateX(0) scale(1); }

html.js body.page-id-192 .asm-houston__copy[data-rise]{ transform:perspective(1400px) rotateX(13deg) translateY(54px) scale(.97); }
html.js body.page-id-192 .asm-houston__copy[data-rise].is-in{ transform:perspective(1400px) rotateX(0) translateY(0) scale(1); }

html.js body.page-id-192 .asm-pillars__grid .asm-pillar[data-rise]{
  transform:perspective(1200px) rotateX(26deg) translateY(70px) scale(.92);
  transition:opacity .8s var(--ease), transform .8s var(--ease);
}
html.js body.page-id-192 .asm-pillars__grid .asm-pillar[data-rise].is-in{ transform:perspective(1200px) rotateX(0) translateY(0) scale(1); }
html.js body.page-id-192 .asm-pillars__grid .asm-pillar[data-rise].is-in.ppc-tilt-live{ transition:transform .08s linear; }
body.page-id-192 .asm-pillars__grid .asm-pillar:nth-child(1){ transition-delay:0ms; }
body.page-id-192 .asm-pillars__grid .asm-pillar:nth-child(2){ transition-delay:110ms; }
body.page-id-192 .asm-pillars__grid .asm-pillar:nth-child(3){ transition-delay:220ms; }
body.page-id-192 .asm-pillars__grid .asm-pillar:nth-child(4){ transition-delay:330ms; }
body.page-id-192 .asm-pillars__grid .asm-pillar[data-rise].is-in,
body.page-id-192 .asm-pillars__grid .asm-pillar:hover{ transition-delay:0ms; }
body.page-id-192 .asm-pillar{ transform-style:preserve-3d; }

body.page-id-192 .asm-pillar::before{ background-size:200% 100%; background-position:0 0;
  transition:transform .4s var(--ease), background-position 1.1s ease; }
body.page-id-192 .asm-pillar:hover::before{ background-position:100% 0; }


/* --------------------------------------------------------------------------
   4b. FIX — even pillar cards. Body copy is clamped to a uniform height with
       a fade mask + "Read more" toggle so cards 01–04 line up perfectly.
   -------------------------------------------------------------------------- */
body.page-id-192 .asm-pillars__grid{ align-items:stretch; }
body.page-id-192 .asm-pillars__grid .asm-pillar{ display:flex; flex-direction:column; }
body.page-id-192 .asm-pillar__txt.ppc-clamp{
  position:relative; overflow:hidden;
  max-height:var(--ppc-clamp-h, 260px);
  transition:max-height .55s var(--ease);
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 104px),transparent 100%);
          mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 104px),transparent 100%);
}
body.page-id-192 .asm-pillar__txt.ppc-clamp.is-open{
  max-height:var(--ppc-clamp-full, 2400px);
  -webkit-mask-image:none; mask-image:none;
}
body.page-id-192 .ppc-more{
  margin-top:14px; align-self:flex-start;
  display:inline-flex; align-items:center; gap:8px;
  background:none; border:0; padding:8px 0; cursor:pointer;
  font-family:var(--font-display); font-size:.76rem; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:var(--accent);
  transition:gap .3s var(--ease), color .3s ease;
}
body.page-id-192 .ppc-more:hover{ gap:14px; color:var(--accent-2); }
body.page-id-192 .ppc-more::after{
  content:""; width:9px; height:9px; border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px); transition:transform .35s var(--ease);
}
body.page-id-192 .ppc-more.is-open::after{ transform:rotate(-135deg) translateY(-2px); }

/* --------------------------------------------------------------------------
   5. Mission — sticky editorial image column
   -------------------------------------------------------------------------- */
@media (min-width:901px){
  body.page-id-192 .asm-mission__grid{ align-items:start; }
  body.page-id-192 .asm-mission__figure{ position:sticky; top:clamp(90px,12vh,140px); }
}
body.page-id-192 .asm-mission__figure img,
body.page-id-192 .asm-mission__figure picture{ border-radius:20px; box-shadow:0 40px 90px -30px rgba(0,0,0,.65), 0 0 0 1px rgba(0,224,198,.14); }

/* --------------------------------------------------------------------------
   6. Elements without an existing [data-rise] hook
   -------------------------------------------------------------------------- */
body.page-id-192 .asm-why-item,
body.page-id-192 .ppc-resources-section__title,
body.page-id-192 .ppc-resources-section .asm-eyebrow,
body.page-id-192 .asm-rcard{
  opacity:0; transform:perspective(1200px) rotateX(8deg) translateY(30px);
  transition:opacity .7s var(--ease), transform .7s var(--ease);
}
body.page-id-192 .asm-why-item.cine-in,
body.page-id-192 .ppc-resources-section__title.cine-in,
body.page-id-192 .ppc-resources-section .asm-eyebrow.cine-in,
body.page-id-192 .asm-rcard.cine-in{
  opacity:1; transform:perspective(1200px) rotateX(0) translateY(0);
}

/* --------------------------------------------------------------------------
   7. "Why It Matters" — reading progress rail
   -------------------------------------------------------------------------- */
body.page-id-192 .asm-why-list{ position:relative; padding-left:20px; }
body.page-id-192 .asm-why-list::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:2px; background:rgba(255,255,255,.1); border-radius:2px;
}
body.page-id-192 .asm-why-list::after{
  content:""; position:absolute; left:0; top:0; width:2px; height:var(--ppc-why-progress,0%);
  background:linear-gradient(180deg,var(--accent-2),var(--accent)); border-radius:2px;
  box-shadow:0 0 10px var(--accent-glow); transition:height .1s linear;
}
body.page-id-192 .asm-why-item__no{
  font-size:1.8rem; font-weight:700; color:transparent; -webkit-text-stroke:1px rgba(0,224,198,.55);
  text-stroke:1px rgba(0,224,198,.55); transition:color .35s ease, -webkit-text-stroke .35s ease;
}
body.page-id-192 .asm-why-item.cine-active .asm-why-item__no{ color:var(--accent-2); -webkit-text-stroke:0; }

/* --------------------------------------------------------------------------
   8. "In Detail" checklist cards
   -------------------------------------------------------------------------- */
body.page-id-192 .asm-help--light .asm-prose ul{ padding:0 !important; list-style:none !important; }
@media (min-width:701px){
  body.page-id-192 .asm-help--light .asm-prose ul{ display:grid !important; grid-template-columns:1fr 1fr; gap:14px !important; margin-bottom:2em !important; }
}
body.page-id-192 .asm-help--light .asm-prose ul li{
  background:#fff; border:1px solid #E3ECEA; border-radius:14px; padding:16px 18px 16px 44px !important;
  box-shadow:0 14px 34px -26px rgba(12,37,33,.3);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
body.page-id-192 .asm-help--light .asm-prose ul li:hover{
  transform:translateY(-3px); border-color:rgba(14,158,142,.4);
  box-shadow:0 22px 48px -28px rgba(12,37,33,.4), 0 0 0 1px rgba(14,158,142,.14) inset;
}
body.page-id-192 .asm-help--light .asm-prose ul li::before{
  left:16px !important; top:18px !important; width:18px !important; height:18px !important;
  background:linear-gradient(135deg,var(--accent),var(--accent-2)) !important;
  box-shadow:0 0 0 4px rgba(0,224,198,.12);
}

/* --------------------------------------------------------------------------
   8b. FIX — split-out article sections. JS lifts the "Why Digital Marketing?"
       and "Improving Aspects of SEO" content (which lived inside the SAME
       prose block as the checklist above) into their own real sections.
   -------------------------------------------------------------------------- */
body.page-id-192 .ppc-split{
  position:relative; z-index:1; overflow:hidden;
  padding:clamp(64px,8vw,110px) 0;
  background:
    radial-gradient(900px 420px at 88% -8%, rgba(0,224,198,.10), transparent 62%),
    linear-gradient(180deg,#F6FBFA 0%, #FFFFFF 46%, #F2F8F7 100%);
  border-top:1px solid rgba(14,158,142,.13);
  border-bottom:1px solid rgba(14,158,142,.13);
}
body.page-id-192 .ppc-split::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background-image:linear-gradient(rgba(14,158,142,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(14,158,142,.05) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 62% 70% at 50% 0%,#000 10%,transparent 78%);
}
body.page-id-192 .ppc-split .asm-wrap{ position:relative; z-index:2; }
body.page-id-192 .ppc-split__head{ max-width:820px; margin:0 0 clamp(26px,3.4vw,44px); }
body.page-id-192 .ppc-split__body{ padding-top:clamp(14px,2vw,26px); }
body.page-id-192 .ppc-split__eyebrow{
  display:inline-flex; align-items:center; gap:12px; margin-bottom:14px;
  font-family:var(--font-display); font-size:.74rem; font-weight:700;
  letter-spacing:.26em; text-transform:uppercase; color:var(--accent);
}
body.page-id-192 .ppc-split__eyebrow::before{
  content:""; width:34px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
}
body.page-id-192 .ppc-split__title{
  margin:0; font-family:var(--font-display); font-weight:700; line-height:1.08;
  font-size:clamp(1.9rem,3.6vw,3rem); letter-spacing:-.02em; color:#0E211E;
}
body.page-id-192 .ppc-split__title .accent{
  color:transparent; -webkit-text-stroke:1.4px var(--accent); text-stroke:1.4px var(--accent);
  text-shadow:0 0 22px rgba(0,224,198,.32);
}
/* two-column magazine body so long copy never becomes a wall of text */
body.page-id-192 .ppc-split__body{ position:relative; }
@media (min-width:1000px){
  body.page-id-192 .ppc-split__body{ column-count:2; column-gap:clamp(34px,4vw,64px); }
  body.page-id-192 .ppc-split__body > p{ break-inside:avoid; }
}
body.page-id-192 .ppc-split__body > p{
  margin:0 0 1.15em; color:#3A4C49; font-size:1.02rem; line-height:1.78;
}
body.page-id-192 .ppc-split__body > p:first-of-type{
  font-size:1.16rem; line-height:1.7; color:#1B2F2C; font-weight:500;
}
body.page-id-192 .ppc-split__body a{ color:var(--accent); font-weight:600; text-decoration:none;
  box-shadow:inset 0 -1px 0 rgba(0,224,198,.45); transition:box-shadow .3s ease, color .3s ease; }
body.page-id-192 .ppc-split__body a:hover{ color:var(--accent-2); box-shadow:inset 0 -2px 0 currentColor; }

html.js body.page-id-192 .ppc-split__head[data-rise]{ transform:perspective(1400px) rotateX(12deg) translateY(46px) scale(.97); }
html.js body.page-id-192 .ppc-split__body[data-rise]{ transition-delay:.1s; }

/* --------------------------------------------------------------------------
   9. FIX — Resources carousel. JS promotes it OUT of the narrow 725px text
       column (.asm-houston__copy > .asm-prose) into its own full-width
       section, and takes over paging so a click advances one full card.
   -------------------------------------------------------------------------- */
body.page-id-192 .ppc-resources-section{
  position:relative; z-index:1; isolation:isolate;
  padding:clamp(70px,9vw,120px) 0;
  background:
    radial-gradient(1100px 520px at 12% 0%, rgba(0,224,198,.13), transparent 60%),
    linear-gradient(180deg,#061A22 0%, #04121A 60%, #061A22 100%);
  border-top:1px solid rgba(0,224,198,.14);
  overflow:hidden;
}
body.page-id-192 .ppc-resources-section__head{
  display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between;
  gap:20px; margin-bottom:clamp(26px,3.2vw,42px);
}
body.page-id-192 .ppc-resources-section .asm-eyebrow{ color:var(--accent-2); display:block; margin-bottom:10px; }
body.page-id-192 .ppc-resources-section__title{
  color:#fff; margin:0; font-family:var(--font-display); font-weight:700; line-height:1.06;
  font-size:clamp(1.9rem,3.4vw,2.9rem); letter-spacing:-.02em;
}
body.page-id-192 .ppc-resources-section__count{
  font-family:var(--font-display); font-size:.78rem; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:rgba(234,246,244,.5);
}
body.page-id-192 .ppc-resources-section__count b{ color:var(--accent-2); font-weight:700; }

body.page-id-192 .ppc-resources-section .asm-tslider{ position:relative; }
body.page-id-192 .ppc-resources-section .asm-tslider__viewport{
  overflow:hidden; perspective:1600px; padding:26px 0 30px;
}
body.page-id-192 .ppc-resources-section .asm-tslider__track{
  display:flex; will-change:transform;
  transition:transform .68s cubic-bezier(.65,.02,.24,1);
}
body.page-id-192 .ppc-resources-section .asm-tslide{
  flex:0 0 auto; padding:0 10px; box-sizing:border-box;
  width:280px;
}
@media (max-width:1100px){ body.page-id-192 .ppc-resources-section .asm-tslide{ width:250px; } }
@media (max-width:700px){ body.page-id-192 .ppc-resources-section .asm-tslide{ width:80vw; } }

body.page-id-192 .asm-rcard{
  display:flex; flex-direction:column; justify-content:space-between; gap:18px;
  height:100%; min-height:170px; padding:24px 24px 22px;
  background:linear-gradient(160deg, rgba(13,45,58,.96), rgba(7,28,38,.96));
  border:1px solid rgba(0,224,198,.16); border-radius:16px;
  text-decoration:none; transform-style:preserve-3d; position:relative; overflow:hidden;
  transform:perspective(1200px) rotateY(var(--ppc-rot,0deg)) scale(var(--ppc-scl,1));
  transition:transform .12s linear, border-color .3s ease, box-shadow .3s ease;
}
body.page-id-192 .asm-rcard::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:0;
  background:radial-gradient(420px 220px at var(--ppc-mx,50%) var(--ppc-my,50%), rgba(0,224,198,.18), transparent 68%);
  transition:opacity .35s ease;
}
body.page-id-192 .asm-rcard:hover::after{ opacity:1; }
body.page-id-192 .asm-rcard:hover{
  border-color:rgba(0,224,198,.5); box-shadow:0 26px 60px -28px rgba(0,0,0,.8);
}
body.page-id-192 .asm-rcard__title{ display:block; font-size:1rem; line-height:1.45; font-weight:600; color:#EAF6F4; }
body.page-id-192 .asm-rcard__cta{
  display:inline-flex; align-items:center; gap:8px;
  font-size:.76rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent-2);
  transition:gap .3s var(--ease);
}
body.page-id-192 .asm-rcard__cta::after{
  content:""; width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(-45deg);
}
body.page-id-192 .asm-rcard:hover .asm-rcard__cta{ gap:14px; }

/* arrows moved to the section head bar, clear of the cards */
body.page-id-192 .ppc-slider-nav{ display:flex; gap:12px; }
body.page-id-192 .ppc-resources-section .asm-tslider__arrow{
  position:static !important; transform:none !important;
  width:52px; height:52px; flex:0 0 52px; border-radius:50%; cursor:pointer;
  background:rgba(0,224,198,.08); border:1px solid rgba(0,224,198,.34); color:var(--accent-2);
  display:inline-flex; align-items:center; justify-content:center; padding:0;
  transition:background .3s ease, border-color .3s ease, transform .3s var(--ease), opacity .3s ease;
}
body.page-id-192 .ppc-resources-section .asm-tslider__arrow::before,
body.page-id-192 .ppc-resources-section .asm-tslider__arrow::after{ content:none !important; }
body.page-id-192 .ppc-resources-section .asm-tslider__arrow svg{ width:18px; height:18px; display:block; }
body.page-id-192 .ppc-resources-section .asm-tslider__arrow:hover{
  background:rgba(0,224,198,.2); border-color:var(--accent-2); transform:translateY(-2px) !important;
}
body.page-id-192 .ppc-resources-section .asm-tslider__arrow[disabled]{ opacity:.3; cursor:default; }
body.page-id-192 .ppc-resources-section .asm-tslider__arrow[disabled]:hover{ transform:none !important; background:rgba(0,224,198,.08); }

/* progress rail under the carousel */
body.page-id-192 .ppc-slider-rail{
  position:relative; height:3px; border-radius:3px; overflow:hidden;
  background:rgba(255,255,255,.09); margin-top:6px;
}
body.page-id-192 .ppc-slider-rail__fill{
  position:absolute; left:0; top:0; height:100%; border-radius:3px;
  width:var(--ppc-rail-w,20%); transform:translateX(var(--ppc-rail-x,0px));
  background:linear-gradient(90deg,var(--accent-2),var(--accent));
  box-shadow:0 0 12px var(--accent-glow);
  transition:transform .68s cubic-bezier(.65,.02,.24,1), width .4s ease;
}

/* --------------------------------------------------------------------------
   9b. FIX — the stray "Related:" plain-text lines become a styled chip grid
   -------------------------------------------------------------------------- */
body.page-id-192 .ppc-related{
  display:grid; gap:12px; grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  margin-top:clamp(34px,4vw,54px); padding-top:clamp(26px,3vw,38px);
  border-top:1px solid rgba(0,224,198,.16); list-style:none;
}
body.page-id-192 .ppc-related > li::before,
body.page-id-192 .ppc-related > li::marker{ content:none !important; display:none !important; }
body.page-id-192 .ppc-related__item{ margin:0; padding:0 !important; list-style:none; }
/* full-width breakout: the grid is appended into its own wrap after the
   section's 2-col copy/media grid, so it is never squeezed into one column. */
body.page-id-192 .ppc-related-wrap{
  position:relative; z-index:3; display:block; width:100%;
  grid-column:1 / -1; margin-top:clamp(30px,4vw,52px);
}
body.page-id-192 .ppc-related-head{
  font-family:var(--font-display); font-size:.74rem; font-weight:700;
  letter-spacing:.26em; text-transform:uppercase; color:var(--accent-2);
  display:flex; align-items:center; gap:12px;
}
body.page-id-192 .ppc-related-head::before{
  content:""; width:34px; height:2px; background:var(--accent-2); flex:0 0 auto;
}
body.page-id-192 .ppc-related-wrap .ppc-related{
  margin-top:clamp(16px,2vw,22px); padding-top:clamp(16px,2vw,22px);
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
}
/* the carousel was lifted out of this section — reclaim the dead space it left */
body.page-id-192 .asm-houston.ppc-slim{ padding-bottom:clamp(56px,6vw,84px); }
body.page-id-192 .asm-houston.ppc-slim .asm-houston__copy > .asm-prose > *:last-child{ margin-bottom:0; }
body.page-id-192 .ppc-related__link{
  display:flex; align-items:flex-start; gap:12px; height:100%;
  padding:16px 18px; border-radius:12px; text-decoration:none;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07);
  transition:background .3s ease, border-color .3s ease, transform .3s var(--ease);
  position:relative; overflow:hidden;
}
body.page-id-192 .ppc-related__link:hover{
  background:rgba(0,224,198,.07); border-color:rgba(0,224,198,.34); transform:translateY(-3px);
}
body.page-id-192 .ppc-related__link::before{
  content:"→"; color:var(--accent-2); font-weight:700; line-height:1.5; flex:0 0 auto; position:relative; z-index:1;
}
body.page-id-192 .ppc-related__link::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:0; border-radius:inherit;
  background:radial-gradient(280px 160px at var(--ppc-gx,50%) var(--ppc-gy,50%), rgba(0,224,198,.16), transparent 68%);
  transition:opacity .35s ease;
}
body.page-id-192 .ppc-related__link:hover::after{ opacity:1; }
body.page-id-192 .ppc-related__txt{ position:relative; z-index:1; }
body.page-id-192 .ppc-related__txt{ display:block; color:#D6E7E4; font-size:.94rem; line-height:1.5; }
body.page-id-192 .ppc-related__txt b{ color:#fff; font-weight:600; display:block; margin-bottom:2px; }

/* --------------------------------------------------------------------------
   10. CTA band
   -------------------------------------------------------------------------- */
body.page-id-192 .asm-cta--band{ position:relative; overflow:hidden; }
body.page-id-192 .asm-cta--band::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none; mix-blend-mode:overlay;
  background:linear-gradient(115deg, transparent 30%, rgba(255,255,255,.22) 45%, transparent 60%);
  background-size:220% 100%; background-position:120% 0;
  animation:ppc-shimmer 6s ease-in-out infinite;
}
@keyframes ppc-shimmer{ 0%,55%{ background-position:120% 0; } 100%{ background-position:-40% 0; } }
body.page-id-192 .asm-cta__btn,
body.page-id-192 .asm-cta .asm-btn{ transition:transform .25s var(--ease), box-shadow .25s var(--ease); transform-style:preserve-3d; }
body.page-id-192 .asm-cta__btn:hover,
body.page-id-192 .asm-cta .asm-btn:hover{ transform:perspective(600px) rotateX(6deg) translateY(-3px); }

/* ==========================================================================
   11. AUDIT MODE — the interactive layer.
       Toggle it on and the cursor becomes a scanning reticle; a floating
       scanner prop eases toward the pointer; clicking any image, card or
       section stamps a randomized audit verdict decal at that exact point.
   ========================================================================== */

/* --- the fixed toggle switch (bottom-left, like the reference site) ------ */
body.page-id-192 .ppc-audit-bar{
  position:fixed; left:clamp(14px,2vw,28px); bottom:clamp(14px,2.4vw,30px); z-index:9997;
  display:flex; align-items:center; gap:10px;
}
body.page-id-192 .ppc-audit-toggle{
  display:flex; align-items:center; gap:12px; cursor:pointer; user-select:none;
  padding:9px 16px 9px 10px; border-radius:999px;
  background:rgba(6,20,26,.82); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(0,224,198,.28); color:#EAF6F4;
  box-shadow:0 18px 44px -20px rgba(0,0,0,.8);
  font-family:var(--font-display); font-size:.7rem; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase;
  transition:border-color .35s ease, box-shadow .35s ease, transform .35s var(--ease);
  animation:ppc-toggle-in .7s var(--ease) .9s both;
}
@keyframes ppc-toggle-in{ from{ opacity:0; transform:translateY(18px); } to{ opacity:1; transform:none; } }
body.page-id-192 .ppc-audit-toggle:hover{ border-color:var(--accent-2); transform:translateY(-2px); }
body.page-id-192 .ppc-audit-toggle:focus-visible{ outline:2px solid var(--accent-2); outline-offset:3px; }
body.page-id-192 .ppc-audit-toggle__switch{
  position:relative; width:46px; height:26px; flex:0 0 46px; border-radius:999px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.16);
  transition:background .35s ease, border-color .35s ease;
}
body.page-id-192 .ppc-audit-toggle__knob{
  position:absolute; top:2px; left:2px; width:20px; height:20px; border-radius:50%;
  background:#EAF6F4; box-shadow:0 2px 8px rgba(0,0,0,.4);
  transition:transform .38s cubic-bezier(.6,-0.2,.3,1.4), background .35s ease;
}
body.page-id-192 .ppc-audit-toggle__label{ display:block; line-height:1.25; white-space:nowrap; }
body.page-id-192 .ppc-audit-toggle__label small{
  display:block; font-size:.86em; font-weight:600; letter-spacing:.1em;
  color:rgba(234,246,244,.5); text-transform:uppercase;
}
body.page-id-192.ppc-audit .ppc-audit-toggle{
  border-color:var(--accent-2); box-shadow:0 0 0 1px rgba(0,224,198,.3), 0 18px 44px -18px rgba(0,224,198,.5);
}
body.page-id-192.ppc-audit .ppc-audit-toggle__switch{ background:rgba(0,224,198,.35); border-color:var(--accent-2); }
body.page-id-192.ppc-audit .ppc-audit-toggle__knob{ transform:translateX(20px); background:var(--accent-2); }
body.page-id-192.ppc-audit .ppc-audit-toggle__label small{ color:var(--accent-2); }

/* --- crosshair cursor while armed ---------------------------------------- */
body.page-id-192.ppc-audit,
body.page-id-192.ppc-audit a,
body.page-id-192.ppc-audit button,
body.page-id-192.ppc-audit img{
  cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'><circle cx='18' cy='18' r='11' fill='none' stroke='white' stroke-width='1.6'/><path d='M18 2v9M18 25v9M2 18h9M25 18h9' stroke='white' stroke-width='1.6' stroke-linecap='round'/><circle cx='18' cy='18' r='1.8' fill='white'/></svg>") 18 18, crosshair;
}
/* keep the toggle itself clickable with a normal pointer */
body.page-id-192.ppc-audit .ppc-audit-toggle{ cursor:pointer; }

/* --- the floating scanner prop that tracks the pointer -------------------- */
body.page-id-192 .ppc-scanner{
  position:fixed; top:0; left:0; z-index:9996; pointer-events:none;
  width:112px; height:112px; opacity:0;
  transform:translate(-50%,-50%) scale(.6);
  transition:opacity .45s ease, transform .6s cubic-bezier(.7,0,.3,1);
  will-change:transform, opacity;
}
body.page-id-192.ppc-audit .ppc-scanner{ opacity:1; }
body.page-id-192 .ppc-scanner__rig{ position:absolute; inset:0; }
body.page-id-192 .ppc-scanner__rig.is-recoil{ animation:ppc-recoil .42s cubic-bezier(.22,.9,.32,1); }
@keyframes ppc-recoil{
  0%{ transform:scale(1) translateY(0) rotate(0deg); }
  14%{ transform:scale(.74) translateY(9px) rotate(-4deg); }
  36%{ transform:scale(1.16) translateY(-11px) rotate(3deg); }
  60%{ transform:scale(.94) translateY(4px) rotate(-1.4deg); }
  100%{ transform:scale(1) translateY(0) rotate(0deg); }
}
body.page-id-192 .ppc-scanner__ring{
  position:absolute; inset:0; border-radius:50%;
  border:1.5px dashed rgba(0,224,198,.55);
  animation:ppc-scan-spin 9s linear infinite;
}
body.page-id-192 .ppc-scanner__ring--b{
  inset:18px; border-style:solid; border-color:rgba(0,224,198,.28);
  animation-duration:5s; animation-direction:reverse;
}
@keyframes ppc-scan-spin{ to{ transform:rotate(360deg); } }
body.page-id-192 .ppc-scanner__core{
  position:absolute; left:50%; top:50%; width:54px; height:54px; transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(0,224,198,.34), rgba(0,224,198,0) 70%);
}
body.page-id-192 .ppc-scanner__beam{
  position:absolute; left:50%; top:50%; width:2px; height:56px; transform-origin:50% 0;
  background:linear-gradient(180deg,var(--accent-2),transparent);
  animation:ppc-scan-sweep 2.6s ease-in-out infinite;
}
@keyframes ppc-scan-sweep{ 0%,100%{ transform:rotate(-52deg); } 50%{ transform:rotate(52deg); } }
body.page-id-192 .ppc-scanner__hud{
  position:absolute; left:50%; bottom:-20px; transform:translateX(-50%); white-space:nowrap;
  font-family:var(--font-display); font-size:.56rem; font-weight:700;
  letter-spacing:.24em; text-transform:uppercase; color:var(--accent-2);
  text-shadow:0 0 12px rgba(0,224,198,.7);
}
body.page-id-192 .ppc-scanner.is-fire{ animation:ppc-scan-fire .34s var(--ease); }
@keyframes ppc-scan-fire{
  0%{ filter:brightness(1); }
  22%{ filter:brightness(2.4) drop-shadow(0 0 16px rgba(0,224,198,.9)); }
  100%{ filter:brightness(1); }
}

/* the stamped-on target takes a tiny impact shake on hit */
body.page-id-192 [data-ppc-scannable].ppc-hit{ animation:ppc-target-hit .32s ease; }
@keyframes ppc-target-hit{
  0%{ transform:scale(1) rotate(0deg); }
  22%{ transform:scale(.982) rotate(-.5deg); }
  50%{ transform:scale(1.014) rotate(.4deg); }
  75%{ transform:scale(.994) rotate(-.15deg); }
  100%{ transform:scale(1) rotate(0deg); }
}

/* a "fix" verdict rattles the whole viewport — small, fast, and settles
   quickly so it reads as an alert rather than a glitch. Translate-only
   (no scale) to avoid any layout/paint cost beyond compositing. */
body.page-id-192.ppc-screenshake{ animation:ppc-screenshake .4s cubic-bezier(.36,.07,.19,.97); }
@keyframes ppc-screenshake{
  0%{ transform:translate(0,0); }
  12%{ transform:translate(-4px,2px); }
  26%{ transform:translate(3px,-2px); }
  40%{ transform:translate(-3px,1px); }
  55%{ transform:translate(2px,-1px); }
  70%{ transform:translate(-1px,1px); }
  85%{ transform:translate(1px,0); }
  100%{ transform:translate(0,0); }
}

/* sound mute switch — sits next to the toggle in the same fixed bar, so it
   never has to calculate the toggle's dynamic-width right edge */
body.page-id-192 .ppc-audit-mute{
  flex:0 0 auto; width:38px; height:38px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(6,20,26,.82); border:1px solid rgba(0,224,198,.28); color:var(--accent-2);
  cursor:pointer; opacity:0; pointer-events:none; transform:scale(.82);
  transition:opacity .3s ease, transform .3s var(--ease), border-color .25s ease, color .25s ease;
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  box-shadow:0 18px 44px -20px rgba(0,0,0,.8);
}
body.page-id-192.ppc-audit .ppc-audit-mute{ opacity:1; pointer-events:auto; transform:scale(1); }
body.page-id-192 .ppc-audit-mute svg{ width:17px; height:17px; }
body.page-id-192 .ppc-audit-mute:hover{ border-color:rgba(0,224,198,.6); }
body.page-id-192 .ppc-audit-mute.is-muted{ color:#8A99A0; border-color:rgba(255,255,255,.14); }

/* --- the stamped audit decals -------------------------------------------- */
body.page-id-192 .ppc-decals{ position:absolute; inset:0; z-index:60; pointer-events:none; overflow:hidden; }
body.page-id-192 .ppc-decal{
  position:absolute; z-index:61; pointer-events:none; transform-origin:50% 50%;
  display:flex; align-items:center; gap:8px; white-space:nowrap;
  padding:9px 15px; border-radius:999px;
  font-family:var(--font-display); font-size:.74rem; font-weight:800;
  letter-spacing:.13em; text-transform:uppercase;
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  animation:ppc-decal-in .52s cubic-bezier(.2,1.5,.4,1) both;
}
body.page-id-192 .ppc-decal svg{ width:15px; height:15px; flex:0 0 15px; }
@keyframes ppc-decal-in{
  0%{ opacity:0; transform:translate(-50%,-50%) rotate(var(--ppc-d-rot,0deg)) scale(2.3); filter:blur(6px); }
  55%{ opacity:1; filter:blur(0); }
  100%{ opacity:1; transform:translate(-50%,-50%) rotate(var(--ppc-d-rot,0deg)) scale(1); filter:blur(0); }
}
body.page-id-192 .ppc-decal--pass{
  background:rgba(6,42,34,.9); color:#5DF2C8; border:1.5px solid #5DF2C8;
  box-shadow:0 0 26px rgba(93,242,200,.45);
  animation:ppc-decal-in .52s cubic-bezier(.2,1.5,.4,1) both, ppc-decal-pass-glow .95s ease-out .1s 1 both;
}
body.page-id-192 .ppc-decal--score{ background:rgba(4,28,40,.9); color:#7FD4FF; border:1.5px solid #7FD4FF; box-shadow:0 0 26px rgba(127,212,255,.42); }
body.page-id-192 .ppc-decal--fix{ background:rgba(48,10,18,.9); color:#FF7A93; border:1.5px solid #FF7A93; box-shadow:0 0 26px rgba(255,122,147,.42); }
body.page-id-192 .ppc-decal--boost{ background:rgba(44,32,4,.9); color:#FFCE5A; border:1.5px solid #FFCE5A; box-shadow:0 0 26px rgba(255,206,90,.42); }
@keyframes ppc-decal-pass-glow{
  0%{ box-shadow:0 0 26px rgba(93,242,200,.45); }
  35%{ box-shadow:0 0 48px rgba(93,242,200,.9), 0 0 16px rgba(255,255,255,.55); }
  100%{ box-shadow:0 0 26px rgba(93,242,200,.45); }
}

/* a "boost" verdict (rank/bid improvement) gets a quick gold shockwave ring
   at the hit point plus a brief full-viewport gold flash — a fixed overlay,
   NOT a transform on <body> (body spans the whole tall document, so even a
   1% scale would shift on-screen content by far more than intended; a
   fixed opacity flash reads as an energetic "power surge" with zero
   layout/scroll risk). */
body.page-id-192 .ppc-boost-ring{
  position:absolute; z-index:60; pointer-events:none;
  width:26px; height:26px; margin:-13px 0 0 -13px; border-radius:50%;
  border:2.5px solid #FFCE5A; box-shadow:0 0 14px rgba(255,206,90,.55);
  animation:ppc-boost-ring-out .5s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes ppc-boost-ring-out{
  0%{ opacity:1; transform:scale(.3); }
  100%{ opacity:0; transform:scale(5.2); }
}
body.page-id-192 .ppc-boost-flash{
  position:fixed; inset:0; z-index:9998; pointer-events:none;
  background:radial-gradient(circle at var(--fx,50%) var(--fy,50%), rgba(255,206,90,.22), rgba(255,206,90,0) 62%);
  mix-blend-mode:screen;
  animation:ppc-boost-flash-out .38s ease-out forwards;
}
@keyframes ppc-boost-flash-out{
  0%{ opacity:0; }
  25%{ opacity:1; }
  100%{ opacity:0; }
}

/* a "score" verdict (a metric readout — CWV/CTR/Quality) gets a cyan sonar
   “ping” at the hit point — two staggered rings rather than boost's single
   gold shockwave, reading as a measurement pulse rather than a power surge
   — plus a much subtler viewport flash to match: it's reporting a number,
   not celebrating a win. Same fixed-overlay approach as the boost flash for
   the same tall-page transform-origin reason. */
body.page-id-192 .ppc-score-ring{
  position:absolute; z-index:60; pointer-events:none;
  width:22px; height:22px; margin:-11px 0 0 -11px; border-radius:50%;
  border:2px solid #7FD4FF; box-shadow:0 0 12px rgba(127,212,255,.5);
  animation:ppc-score-ring-out .46s cubic-bezier(.16,1,.3,1) forwards;
}
body.page-id-192 .ppc-score-ring--b{ animation-delay:.09s; }
@keyframes ppc-score-ring-out{
  0%{ opacity:.9; transform:scale(.4); }
  100%{ opacity:0; transform:scale(4.4); }
}
body.page-id-192 .ppc-score-flash{
  position:fixed; inset:0; z-index:9998; pointer-events:none;
  background:radial-gradient(circle at var(--fx,50%) var(--fy,50%), rgba(127,212,255,.14), rgba(127,212,255,0) 58%);
  mix-blend-mode:screen;
  animation:ppc-score-flash-out .32s ease-out forwards;
}
@keyframes ppc-score-flash-out{
  0%{ opacity:0; }
  30%{ opacity:1; }
  100%{ opacity:0; }
}

/* a "fix" verdict (something's actually wrong) already rattles the whole
   page via .ppc-screenshake; this adds the same hit-point ring + viewport
   flash treatment the other three verdicts got, but sharper/redder to read
   as an alert rather than a ping or surge — a jagged single ring (uneven
   scale via a wobble keyframe, not a clean circle-out) plus a harder, more
   saturated red flash than score's or boost's. */
body.page-id-192 .ppc-fix-ring{
  position:absolute; z-index:60; pointer-events:none;
  width:24px; height:24px; margin:-12px 0 0 -12px; border-radius:50%;
  border:2.5px solid #FF7A93; box-shadow:0 0 14px rgba(255,122,147,.55);
  animation:ppc-fix-ring-out .4s cubic-bezier(.36,.07,.19,.97) forwards;
}
@keyframes ppc-fix-ring-out{
  0%{ opacity:1; transform:scale(.35) rotate(0deg); }
  40%{ opacity:1; transform:scale(2.1) rotate(-6deg); }
  100%{ opacity:0; transform:scale(4.6) rotate(4deg); }
}
body.page-id-192 .ppc-fix-flash{
  position:fixed; inset:0; z-index:9998; pointer-events:none;
  background:radial-gradient(circle at var(--fx,50%) var(--fy,50%), rgba(255,90,110,.26), rgba(255,90,110,0) 60%);
  mix-blend-mode:screen;
  animation:ppc-fix-flash-out .34s ease-out forwards;
}
@keyframes ppc-fix-flash-out{
  0%{ opacity:0; }
  20%{ opacity:1; }
  100%{ opacity:0; }
}

/* confetti burst — spawned only for pass verdicts, radiates from the hit point */
body.page-id-192 .ppc-confetti{
  position:absolute; z-index:62; pointer-events:none;
  width:6px; height:6px; margin:-3px 0 0 -3px; border-radius:1px;
  background:var(--c,#5DF2C8); box-shadow:0 0 6px var(--c,#5DF2C8);
  animation:ppc-confetti-burst .78s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes ppc-confetti-burst{
  0%{ transform:translate(0,0) rotate(0deg) scale(1); opacity:1; }
  65%{ opacity:1; }
  100%{ transform:translate(var(--dx,40px),var(--dy,40px)) rotate(var(--r,180deg)) scale(.2); opacity:0; }
}

/* the scan pulse that expands from the hit point */
body.page-id-192 .ppc-pulse{
  position:absolute; z-index:60; pointer-events:none;
  width:26px; height:26px; margin:-13px 0 0 -13px; border-radius:50%;
  border:2px solid var(--accent-2);
  animation:ppc-pulse-out .82s cubic-bezier(.2,.8,.3,1) forwards;
}
@keyframes ppc-pulse-out{
  0%{ opacity:.95; transform:scale(.3); }
  100%{ opacity:0; transform:scale(7); }
}

/* the running tally chip that appears once you start stamping */
body.page-id-192 .ppc-audit-count{
  position:fixed; left:clamp(14px,2vw,28px); bottom:calc(clamp(14px,2.4vw,30px) + 58px); z-index:9997;
  padding:8px 15px; border-radius:999px; pointer-events:none;
  background:rgba(6,20,26,.85); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(0,224,198,.3); color:var(--accent-2);
  font-family:var(--font-display); font-size:.68rem; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase;
  opacity:0; transform:translateY(10px); transition:opacity .4s ease, transform .4s var(--ease);
}
body.page-id-192 .ppc-audit-count.is-on{ opacity:1; transform:none; }

/* scannable elements get a subtle armed outline while audit mode is live */
body.page-id-192.ppc-audit [data-ppc-scannable]{
  position:relative;
  outline:1px dashed rgba(0,224,198,.28); outline-offset:5px;
  transition:outline-color .3s ease;
}
body.page-id-192.ppc-audit [data-ppc-scannable]:hover{ outline-color:rgba(0,224,198,.7); }

/* --------------------------------------------------------------------------
   12. Mobile tuning
   -------------------------------------------------------------------------- */
@media (max-width:700px){
  html.js body.page-id-192 [data-rise],
  html.js body.page-id-192 .asm-pillars__grid .asm-pillar[data-rise]{ transform:translateY(26px) scale(.98); }
  html.js body.page-id-192 [data-rise].is-in,
  html.js body.page-id-192 .asm-pillars__grid .asm-pillar[data-rise].is-in{ transform:none; }
  html.js body.page-id-192 .asm-mission__copy[data-rise],
  html.js body.page-id-192 .asm-mission__figure[data-rise]{ transform:translateY(26px); }
  body.page-id-192 .asm-hero__video{ transform:scale(1.05); }
  body.page-id-192 .asm-mission__figure{ position:static; }
  body.page-id-192 .ppc-cursor-glow,
  body.page-id-192 .ppc-scrollcue,
  body.page-id-192 .ppc-scanner{ display:none; }
  body.page-id-192 .asm-rcard{ transform:none !important; }
  body.page-id-192 .ppc-resources-section__head{ flex-direction:column; align-items:flex-start; }
  body.page-id-192 .ppc-audit-toggle{ font-size:.62rem; padding:8px 13px 8px 8px; gap:9px; }
  body.page-id-192 .ppc-audit-toggle__switch{ width:40px; height:23px; flex:0 0 40px; }
  body.page-id-192 .ppc-audit-toggle__knob{ width:17px; height:17px; }
  body.page-id-192.ppc-audit .ppc-audit-toggle__knob{ transform:translateX(17px); }
  body.page-id-192 .ppc-decal{ font-size:.64rem; padding:7px 12px; }
  body.page-id-192 .ppc-audit-mute{ width:34px; height:34px; }
  body.page-id-192 .ppc-audit-mute svg{ width:15px; height:15px; }
}

/* --------------------------------------------------------------------------
   13. Reduced motion — flatten everything, keep audit mode usable but calm
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce){
  body.page-id-192 .ppc-progress,
  body.page-id-192 .ppc-cursor-glow,
  body.page-id-192 .ppc-blob,
  body.page-id-192 .ppc-scrollcue,
  body.page-id-192 .ppc-grain,
  body.page-id-192 .ppc-scanner{ display:none !important; }
  body.page-id-192 .asm-hero::after{ animation:none; }
  body.page-id-192 .asm-cta--band::after{ animation:none; display:none; }
  body.page-id-192 .asm-hero__video{ transform:none !important; }
  body.page-id-192 .asm-mission__figure{ position:static; }
  html.js body.page-id-192 [data-rise],
  html.js body.page-id-192 .asm-mission__copy[data-rise],
  html.js body.page-id-192 .asm-mission__figure[data-rise],
  html.js body.page-id-192 .asm-houston__copy[data-rise],
  html.js body.page-id-192 .ppc-split__head[data-rise],
  html.js body.page-id-192 .asm-pillars__grid .asm-pillar[data-rise]{ transform:none; transition:opacity .4s linear; }
  body.page-id-192 .asm-why-item,
  body.page-id-192 .ppc-resources-section__title,
  body.page-id-192 .ppc-resources-section .asm-eyebrow,
  body.page-id-192 .asm-rcard{ transform:none; transition:opacity .4s linear; }
  body.page-id-192 .asm-rcard{ transform:none !important; }
  body.page-id-192 .ppc-audit-toggle{ animation:none; }
  body.page-id-192 .ppc-decal{ animation:none; opacity:1;
    transform:translate(-50%,-50%) rotate(var(--ppc-d-rot,0deg)); }
  body.page-id-192 .ppc-pulse{ display:none; }
  body.page-id-192 .ppc-resources-section .asm-tslider__track{ transition:none; }
  body.page-id-192 .ppc-scanner__rig.is-recoil,
  body.page-id-192 [data-ppc-scannable].ppc-hit,
  body.page-id-192.ppc-screenshake{ animation:none; }
  body.page-id-192 .ppc-confetti,
  body.page-id-192 .ppc-boost-ring,
  body.page-id-192 .ppc-boost-flash,
  body.page-id-192 .ppc-score-ring,
  body.page-id-192 .ppc-score-flash,
  body.page-id-192 .ppc-fix-ring,
  body.page-id-192 .ppc-fix-flash{ display:none; }
}