/* Home v4 (October 2026): one hero built from a real finding, a proof strip, one process, two services,
   one worked example, the review team, FAQ and the closing CTA. Scoped to .home-v4 so other pages keep site.css. */
.home-v4{--hv4-navy:#092b4c;--hv4-ink:#102f4b;--hv4-orange:#e86814;--hv4-orange-text:#a84300;--hv4-pale:#f0f5f8;--hv4-line:#d6e3ec;background:#fff}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#092b4c;color:#fff;padding:10px 14px;border-radius:6px}
.skip-link:focus{left:12px}
.hv4-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.home-v4 .brand img{height:auto}
.home-v4 section{scroll-margin-top:24px}
.home-v4 .kicker{font-size:12px;color:var(--hv4-orange-text)}
.hv4-head{max-width:860px;margin:0 0 34px}
.hv4-head h2{font-size:clamp(30px,3.4vw,42px);color:var(--hv4-ink)}
.hv4-head>p:not(.kicker){margin-top:14px;font-size:16px;color:#3c556a}
.hv4-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--hv4-orange-text);margin-bottom:8px}
.hv4-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#0d5b7d;background:#e3f2f8;border:1px solid #b9dcea;border-radius:999px;padding:3px 10px;white-space:nowrap}
.hv4-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#1493b3}
.hv4-more{margin-top:26px}
.home-v4 .textbutton{font-size:14px}

/* Hero */
.hv4-hero{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:40px;align-items:center;padding:48px 48px 56px;background:linear-gradient(115deg,#f6f9fb 0%,#fff 55%),#fff;position:relative;overflow:hidden}
.hv4-hero:after{content:"";position:absolute;inset:0;background:url(/assets/contours.svg) right center/60% auto no-repeat;opacity:.18;pointer-events:none}
.hv4-hero>*{position:relative;z-index:1}
.hv4-hero h1{font-size:clamp(42px,5vw,64px);color:var(--hv4-ink)}
.hv4-hero h1 em{font-style:normal;color:var(--hv4-orange)}
.hv4-intro{font-size:18px;line-height:1.6;color:#2b465c;margin:20px 0 26px;max-width:560px}
.hv4-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.hv4-actions .button{font-size:15px;padding:16px 22px}
.hv4-link{font-weight:700;color:var(--hv4-ink);font-size:15px;text-decoration:none;border-bottom:2px solid var(--hv4-orange);padding-bottom:2px}
.hv4-quiet{margin-top:22px;font-size:13px;color:#4f667a}
.hv4-product{margin:0}
.hv4-window{background:#fff;border:1px solid var(--hv4-line);border-radius:14px;box-shadow:0 24px 60px #0b2c4626,0 4px 12px #0b2c4614;overflow:hidden;position:relative}
.hv4-window-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--hv4-navy);color:#dbe8f2}
.hv4-window-bar span{width:9px;height:9px;border-radius:50%;background:#3d5f7c}
.hv4-window-bar span:first-child{background:var(--hv4-orange)}
.hv4-window-bar b{margin-left:10px;font-size:12px;font-weight:700;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv4-sheet{aspect-ratio:16/9;overflow:hidden;background:#fff}
.hv4-sheet img{width:100%;height:100%;object-fit:cover;object-position:68% 0;display:block}
/* Card sits below the sheet (never over it) so zoom levels cannot hide the drawing (2026-10-12) */
.hv4-finding{position:static;background:#fff;border-top:3px solid var(--hv4-orange);padding:14px 18px 16px}
.hv4-finding .hv4-tag{display:block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--hv4-orange-text)}
.hv4-finding strong{display:block;font-size:16px;line-height:1.3;color:var(--hv4-ink);margin:5px 0 6px}
.hv4-finding p{font-size:13px;line-height:1.45;color:#34505f}
.hv4-finding small{display:block;font-size:11px;color:#5b7183;margin:6px 0 9px}
.hv4-product figcaption{font-size:12px;color:#5b7183;margin-top:10px}

/* Proof strip */
.hv4-proof{background:var(--hv4-navy);color:#fff;padding:30px 48px}
.hv4-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.hv4-proof-grid>div{border-left:2px solid var(--hv4-orange);padding-left:18px}
.hv4-proof-grid b{display:block;font:500 clamp(30px,3vw,42px)/1.05 O,M,sans-serif;color:#ffb27c;white-space:nowrap}
.hv4-proof-grid span{display:block;font-size:13px;line-height:1.45;color:#cfdeea;margin-top:6px}
.hv4-proof-grid b span{display:inline;font:inherit;color:inherit;margin:0}

/* Shared section rhythm */
.hv4-how,.hv4-services,.hv4-example,.hv4-team,.hv4-faq{padding:76px 48px}
.hv4-services,.hv4-team{background:var(--hv4-pale)}

/* How it works */
.hv4-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;counter-reset:none;position:relative}
.hv4-steps li{background:#fff;border:1px solid var(--hv4-line);border-radius:12px;padding:22px 22px 24px;position:relative}
.hv4-steps li:not(:last-child):after{content:"→";position:absolute;right:-18px;top:44px;color:var(--hv4-orange);font-weight:700;font-size:18px}
.hv4-steps svg{width:76px;height:58px;display:block}
.hv4-steps li>span{display:block;font:500 26px/1 O,M,sans-serif;color:var(--hv4-orange);margin:14px 0 6px}
.hv4-steps h3{font-size:18px;color:var(--hv4-ink);margin-bottom:6px}
.hv4-steps p{font-size:14px;color:#3c556a}

/* Services */
.hv4-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.hv4-service-grid article{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--hv4-line);border-top:4px solid var(--hv4-orange);display:flex;flex-direction:column}
.hv4-service-grid img{width:100%;height:220px;object-fit:cover;display:block}
.hv4-service-grid article>div{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}
.hv4-service-grid h3{font-size:24px;color:var(--hv4-ink);margin-bottom:10px}
.hv4-service-grid p{font-size:15px;color:#34505f}
.hv4-service-grid ul{margin:14px 0 20px;padding-left:18px;font-size:14px;color:#34505f;line-height:1.7}
.hv4-service-grid .textbutton{margin-top:auto}

/* Example */
.hv4-note{font-size:14px!important;background:#fff8f2;border:1px solid #f6d6bb;border-radius:10px;padding:12px 16px;color:#5a3a1e!important}
.hv4-note b{color:var(--hv4-orange-text)}
.home-v4 .criq-story{border:1px solid var(--hv4-line);border-radius:14px;overflow:hidden;background:#fff}
.home-v4 .story-source{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 22px;background:#0f3657;color:#fff;font-weight:700}
.home-v4 .story-source .hv4-status{background:#ffffff1f;border-color:#ffffff40;color:#fff}
.hv4-sheets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}
.hv4-sheets figure{margin:0;background:#fff;border:1px solid var(--hv4-line);border-radius:12px;overflow:hidden}
.hv4-sheets img{width:100%;height:auto;display:block}
.hv4-sheets figcaption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 16px;font-size:13px;color:#4f667a}
.hv4-sheets figcaption strong{color:var(--hv4-ink)}
.hv4-sub{font-size:20px;color:var(--hv4-ink);margin:40px 0 16px}
.hv4-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.hv4-mini article{background:var(--hv4-pale);border:1px solid var(--hv4-line);border-radius:12px;padding:20px 22px}
.hv4-mini h4{font-size:18px;color:var(--hv4-ink);margin:0 0 8px}
.hv4-mini p{font-size:14px;color:#34505f;margin-bottom:12px}

/* Team */
.hv4-team-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:30px;align-items:start}
.hv4-jason{background:#fff;border:1px solid var(--hv4-line);border-radius:14px;overflow:hidden}
.hv4-jason img{width:100%;height:auto;aspect-ratio:4/4.2;object-fit:cover;object-position:50% 18%;display:block}
.hv4-jason>div{padding:20px 22px 24px}
.hv4-jason h3{font-size:19px;color:var(--hv4-ink);margin-bottom:8px}
.hv4-jason p{font-size:14px;color:#34505f;margin-bottom:14px}
.hv4-roster{background:#fff;border:1px solid var(--hv4-line);border-radius:14px;padding:22px}
.hv4-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.hv4-tabs button{font:inherit;font-size:14px;font-weight:700;border:1px solid var(--hv4-line);background:var(--hv4-pale);color:var(--hv4-ink);border-radius:999px;padding:9px 16px;cursor:pointer;min-height:44px}
.hv4-tabs button[aria-selected="true"]{background:var(--hv4-navy);border-color:var(--hv4-navy);color:#fff}
.hv4-faces{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.hv4-faces[hidden]{display:none}
.hv4-faces button{font:inherit;border:0;background:none;padding:0;cursor:pointer;text-align:center;color:var(--hv4-ink)}
.hv4-faces img{width:100%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:50% 12%;display:block;background:radial-gradient(circle at 50% 35%,#2a5a82,#092b4c);border:3px solid #fff;box-shadow:0 0 0 1px var(--hv4-line);transition:box-shadow .2s,transform .2s}
.hv4-faces span{display:block;font-size:12px;font-weight:700;line-height:1.3;margin-top:7px}
.hv4-faces button:hover img,.hv4-faces button:focus-visible img{transform:translateY(-2px);box-shadow:0 0 0 3px var(--hv4-orange)}
.hv4-faces button[aria-pressed="true"] img{box-shadow:0 0 0 3px var(--hv4-orange)}
.hv4-faces button:focus-visible{outline:none}
.hv4-focus{margin-top:18px;min-height:52px;background:var(--hv4-pale);border-left:4px solid var(--hv4-orange);border-radius:8px;padding:12px 16px;font-size:15px;color:#2b465c}
.hv4-focus b{color:var(--hv4-ink)}

/* FAQ */
.hv4-faq-list{max-width:900px;border-top:1px solid var(--hv4-line)}
.hv4-faq-list details{border-bottom:1px solid var(--hv4-line)}
.hv4-faq-list summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;font-size:18px;font-weight:700;color:var(--hv4-ink);position:relative;min-height:44px}
.hv4-faq-list summary::-webkit-details-marker{display:none}
.hv4-faq-list summary:after{content:"+";position:absolute;right:6px;top:14px;font-size:24px;color:var(--hv4-orange);font-weight:400}
.hv4-faq-list details[open] summary:after{content:"–"}
.hv4-faq-list p{padding:0 0 20px;font-size:15px;color:#34505f;max-width:780px}
.hv4-faq-list a{color:var(--hv4-orange-text);font-weight:700}

/* Closing */
.hv4-closing{padding:44px 48px!important;align-items:center}
.hv4-closing .kicker{color:#ffad76}
.hv4-closing h2{font-size:clamp(30px,3.2vw,40px)}
.hv4-closing p{font-size:15px!important}
.hv4-secure{color:#c8d9e6;font-size:13px!important;margin-top:16px!important}
.hv4-secure a{color:#ffb27c;font-weight:700}
.hv4-close-cta{display:flex;align-items:flex-end;gap:18px}
.hv4-rivet{width:110px;height:auto;flex:none;margin-bottom:-44px;filter:drop-shadow(0 10px 18px #0006)}
.hv4-close-cta small{font-size:13px!important;color:#dbe8f2}

/* Consultation dialog */
.home-v4~dialog .hv4-form-logo,#consultDialog .hv4-form-logo{width:180px;height:auto;margin-bottom:12px}
#consultDialog .hubspot-form-column{position:relative;min-height:420px}
#consultDialog .hv4-form-loading{position:absolute;left:0;right:0;top:90px;text-align:center;color:#5b7183;font-size:14px}
#consultDialog .hv4-form-loading:before{content:"";display:block;width:28px;height:28px;margin:0 auto 10px;border-radius:50%;border:3px solid #d6e3ec;border-top-color:#e86814;animation:hv4spin 1s linear infinite}
#consultDialog.hv4-form-ready .hv4-form-loading{display:none}
@keyframes hv4spin{to{transform:rotate(360deg)}}

/* Motion: count-up and reveal (respect reduced motion) */
@media (prefers-reduced-motion:no-preference){
  .hv4-reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
  .hv4-reveal.is-in{opacity:1;transform:none}
  @media print{.hv4-reveal{opacity:1;transform:none}}
}

/* Tablet */
@media (max-width:1050px){
  .hv4-hero{grid-template-columns:minmax(0,1fr);padding:36px 28px 44px;gap:30px}
  .hv4-proof{padding:26px 28px}
  .hv4-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hv4-how,.hv4-services,.hv4-example,.hv4-team,.hv4-faq{padding:60px 28px}
  .hv4-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hv4-steps li:after{display:none}
  .hv4-team-layout{grid-template-columns:minmax(0,1fr)}
  .hv4-jason{display:grid;grid-template-columns:200px 1fr}
  .hv4-jason img{height:100%;aspect-ratio:auto}
  .hv4-faces{grid-template-columns:repeat(4,minmax(0,1fr))}
  /* One-row mobile header: logo, CTA, menu icon; the open menu drops below. */
  main.home-v4>header{flex-wrap:nowrap!important;position:relative;min-height:0!important;padding:12px 16px!important;gap:10px!important}
  main.home-v4>header .mobile-menu{flex:0 0 auto!important;width:auto!important;order:3!important;position:static}
  main.home-v4>header .mobile-menu summary{width:46px;height:46px;min-height:0;padding:0;justify-content:center;border-radius:8px}
  main.home-v4>header .mobile-menu[open] summary{border-radius:8px}
  main.home-v4>header .mobile-menu nav{position:absolute;left:0;right:0;top:100%;z-index:50;box-shadow:0 18px 30px #0b2c4626}
  .hv4-burger,.hv4-burger:before,.hv4-burger:after{display:block;width:20px;height:2px;background:#0d2d4c;border-radius:2px;position:relative}
  .hv4-burger:before,.hv4-burger:after{content:"";position:absolute;left:0}
  .hv4-burger:before{top:-6px}.hv4-burger:after{top:6px}
  .mobile-menu[open] .hv4-burger{background:transparent}
  .mobile-menu[open] .hv4-burger:before{top:0;transform:rotate(45deg)}
  .mobile-menu[open] .hv4-burger:after{top:0;transform:rotate(-45deg)}
}

/* Phone */
@media (max-width:650px){
  main.home-v4>header .brand img{width:150px!important}
  main.home-v4>header>.button{padding:10px 12px!important;font-size:13px!important}
  .hv4-hero{padding:28px 18px 36px}
  .hv4-intro{font-size:16px}
  .hv4-actions .button{width:100%}
  .hv4-finding{position:static;width:auto;border-radius:0;border-width:1px 0 0;border-left:0;border-top:3px solid var(--hv4-orange);box-shadow:none}
  .hv4-proof{padding:24px 18px}
  .hv4-proof-grid{grid-template-columns:1fr 1fr;gap:20px 16px}
  .hv4-proof-grid>div{padding-left:12px}
  .hv4-how,.hv4-services,.hv4-example,.hv4-team,.hv4-faq{padding:48px 18px}
  .hv4-steps,.hv4-service-grid,.hv4-sheets,.hv4-mini{grid-template-columns:1fr}
  .hv4-service-grid img{height:180px}
  .hv4-jason{grid-template-columns:110px 1fr}
  .hv4-jason>div{padding:14px 16px}
  .hv4-roster{padding:16px}
  .hv4-faces{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .hv4-faq-list summary{font-size:16px}
  .hv4-closing{padding:36px 18px 40px!important}
  .hv4-close-cta{margin-top:24px;align-items:center}
  .hv4-rivet{width:76px;margin-bottom:0}
}

/* v4.1: proof-strip title, six-card "What we review" grid, illustrated reviewer card */
.hv4-proof-title{font:700 15px/1.4 M,Arial,sans-serif;color:#fff;margin:0 0 20px;letter-spacing:.2px}
.hv4-proof-title span{display:inline-block;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#ffad76;margin-right:12px;padding-right:12px;border-right:1px solid #ffffff40}
.hv4-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hv4-offer-grid article{background:#fff;border:1px solid var(--hv4-line);border-top:3px solid var(--hv4-orange);border-radius:12px;padding:22px 22px 24px}
.hv4-offer-grid svg{width:44px;height:44px;display:block;margin-bottom:12px}
.hv4-offer-grid h3{font-size:18px;line-height:1.3;color:var(--hv4-ink);margin-bottom:8px}
.hv4-offer-grid p{font-size:14px;color:#34505f}
.hv4-offer-foot{margin-top:24px;font-size:15px;color:#2b465c}
.hv4-offer-foot .textbutton{font-size:15px}
.hv4-jason img{object-position:50% 30%}
@media (max-width:1050px){.hv4-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:650px){.hv4-offer-grid{grid-template-columns:minmax(0,1fr)}.hv4-proof-title span{display:block;border:0;padding:0;margin:0 0 4px}}

/* Case studies page */
.cs-crumbs{font-size:13px;color:#5b7183;margin-bottom:16px}
.cs-crumbs a{color:var(--hv4-orange-text);font-weight:700;text-decoration:none}
.cs-hero{min-height:520px}
.cs-fan{position:relative;height:440px}
.cs-fan img{position:absolute;width:56%;max-width:300px;height:auto;border-radius:8px;box-shadow:0 22px 50px #0b2c4640;top:50%;left:50%}
.cs-fan img:nth-child(1){transform:translate(-95%,-50%) rotate(-8deg)}
.cs-fan img:nth-child(2){transform:translate(-50%,-54%);z-index:2}
.cs-fan img:nth-child(3){transform:translate(-5%,-50%) rotate(8deg)}
.cs-case{padding:72px 48px;border-top:1px solid var(--hv4-line)}
.cs-alt{background:var(--hv4-pale)}
.cs-case-head{max-width:900px;margin-bottom:28px}
.cs-num{display:inline-block;font:500 15px/1 O,M,sans-serif;letter-spacing:1px;color:#fff;background:var(--hv4-navy);border-radius:6px;padding:6px 10px;margin-bottom:14px}
.cs-case-head h2{font-size:clamp(28px,3.2vw,40px);color:var(--hv4-ink)}
.cs-case-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:40px;align-items:start}
.cs-single{grid-template-columns:minmax(0,900px)}
.cs-story h3{font-size:18px;color:var(--hv4-ink);margin:22px 0 6px}
.cs-story h3:first-child{margin-top:0}
.cs-story p{font-size:15px;color:#34505f;margin-bottom:10px}
.cs-list{margin:6px 0 0;padding-left:18px;font-size:15px;color:#34505f;line-height:1.7}
.cs-note{font-size:14px!important;color:#5a3a1e!important;background:#fff8f2;border:1px solid #f6d6bb;border-radius:10px;padding:10px 14px;margin-top:16px}
.cs-example{margin-top:24px;background:#fff;border:1px solid var(--hv4-line);border-left:4px solid var(--hv4-orange);border-radius:10px;padding:16px 18px}
.cs-example h4{font-size:17px;color:var(--hv4-ink);margin:0 0 6px}
.cs-example p{font-size:14px}
.cs-facts{background:#fff;border:1px solid var(--hv4-line);border-radius:14px;padding:22px;position:sticky;top:20px}
.cs-alt .cs-facts{background:#fff}
.cs-facts dl{margin:0}
.cs-facts dl>div{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--hv4-line)}
.cs-facts dt{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#5b7183;padding-top:3px}
.cs-facts dd{margin:0;font-size:14px;color:var(--hv4-ink)}
.cs-facts dd b{font:500 26px/1 O,M,sans-serif;color:var(--hv4-orange-text);margin-right:4px}
.cs-sev{display:flex;height:14px;border-radius:99px;overflow:hidden;margin:18px 0 8px;gap:2px}
.cs-sev .h,.cs-sev-key .h{background:#c0392b}.cs-sev .m,.cs-sev-key .m{background:#e8a317}.cs-sev .l,.cs-sev-key .l{background:#1493b3}
.cs-sev-key{list-style:none;margin:0;padding:0;display:flex;gap:16px;font-size:13px;color:var(--hv4-ink);font-weight:700}
.cs-sev-key i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.cs-status{margin-top:16px;font-size:13px;color:#4f667a;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.cs-reports{padding:76px 48px;background:var(--hv4-pale);border-top:1px solid var(--hv4-line)}
.cs-cover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px}
.cs-cover-grid figure{margin:0}
.cs-cover-grid .imagebutton{display:block;width:100%;border:0;padding:0;background:none;cursor:zoom-in;border-radius:8px;overflow:hidden;box-shadow:0 10px 26px #0b2c4626;transition:transform .2s,box-shadow .2s}
.cs-cover-grid .imagebutton:hover,.cs-cover-grid .imagebutton:focus-visible{transform:translateY(-3px);box-shadow:0 16px 34px #0b2c4640;outline:3px solid var(--hv4-orange);outline-offset:2px}
.cs-cover-grid img{width:100%;height:auto;display:block}
.cs-cover-grid figcaption{font-size:13px;color:#34505f;margin-top:10px;line-height:1.45}
.cs-cover-grid figcaption b{display:block;font-size:15px;color:var(--hv4-ink);margin-bottom:2px}
.cs-more{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:56px 48px;border-top:1px solid var(--hv4-line)}
.cs-more h2{font-size:clamp(26px,2.8vw,34px);color:var(--hv4-ink)}
.cs-more p:not(.kicker){font-size:15px;color:#34505f;margin-top:10px;max-width:720px}
@media (max-width:1050px){
  .cs-fan{height:360px}
  .cs-case,.cs-reports{padding:56px 28px}.cs-more{padding:48px 28px;flex-direction:column;align-items:flex-start}
  .cs-case-body{grid-template-columns:minmax(0,1fr)}
  .cs-facts{position:static}
  .cs-cover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:650px){
  .cs-fan{height:260px}
  .cs-case,.cs-reports{padding:44px 18px}.cs-more{padding:40px 18px}
  .cs-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
  .cs-facts dl>div{grid-template-columns:1fr;gap:2px}
}
.cs-cover-grid .imagebutton{background:none!important;aspect-ratio:760/984;height:auto!important;min-height:0!important;padding:0!important}
.cs-cover-grid .imagebutton img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;margin:0!important}
.cs-cover-grid .imagebutton span{display:none}
/* AEC Firms + Public Agencies pages (2026-10-11) */
.pg-jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pg-jobs article{background:#fff;border:1px solid var(--hv4-line);border-top:4px solid var(--hv4-orange);border-radius:14px;padding:28px 28px 26px;display:flex;flex-direction:column}
.pg-job-tag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#fff;background:var(--hv4-navy);border-radius:99px;padding:4px 12px;margin-bottom:14px}
.pg-jobs h3{font-size:26px;color:var(--hv4-ink);margin-bottom:10px}
.pg-job-lede{font-size:16px;color:#2f4a5e;margin-bottom:14px}
.pg-checks{list-style:none;margin:0 0 18px;padding:0}
.pg-checks li{position:relative;padding:0 0 8px 26px;font-size:14.5px;color:#34505f}
.pg-checks li:before{content:"";position:absolute;left:2px;top:5px;width:12px;height:7px;border-left:2.5px solid var(--hv4-orange);border-bottom:2.5px solid var(--hv4-orange);transform:rotate(-45deg)}
.pg-job-out{margin-top:auto;background:var(--hv4-pale);border-radius:10px;padding:12px 14px;font-size:14px;color:#34505f}
.pg-job-out b{display:block;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--hv4-orange-text);margin-bottom:2px}
.pg-lead-finding{background:#fff;border:1px solid var(--hv4-line);border-left:4px solid var(--hv4-orange);border-radius:12px;padding:20px 24px;margin-bottom:22px;max-width:980px}
.pg-lead-finding h3{font-size:22px;color:var(--hv4-ink);margin:0 0 8px}
.pg-lead-finding p{font-size:15px;color:#34505f;margin-bottom:12px}
.pg-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:26px 48px;background:var(--hv4-pale);border-top:1px solid var(--hv4-line)}
.pg-questions div{border-left:3px solid var(--hv4-orange);padding-left:16px}
.pg-questions b{display:block;font-size:16px;color:var(--hv4-ink)}
.pg-questions span{font-size:14px;color:#3c556a}
.pg-judgment{margin-top:26px!important;max-width:980px}
@media (max-width:1050px){.pg-jobs{grid-template-columns:minmax(0,1fr)}}
@media (max-width:650px){.pg-questions{grid-template-columns:1fr;padding:22px 18px;gap:14px}.pg-jobs article{padding:22px 20px}.pg-jobs h3{font-size:22px}}
.hv4-closing p a{color:#ffad76;font-weight:700;text-decoration:none}.hv4-closing p a:hover{text-decoration:underline}
/* Security & Data page (2026-10-11) */
.pg-access .hv4-window{max-width:620px;margin-left:auto}
.pg-access-body{display:grid;grid-template-columns:1fr 1fr}
.pg-access-col{padding:20px 22px}
.pg-access-col h3{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 8px}
.pg-access-col ul{list-style:none;padding:0;margin:0 0 18px}
.pg-access-col ul:last-child{margin-bottom:0}
.pg-access-col li{position:relative;padding:0 0 7px 24px;font-size:14px;color:#34505f;line-height:1.4}
.pg-yes h3{color:#17784a}
.pg-no h3{color:#b3261e}
.pg-yes li:before{content:"";position:absolute;left:3px;top:4px;width:10px;height:6px;border-left:2.5px solid #17965c;border-bottom:2.5px solid #17965c;transform:rotate(-45deg)}
.pg-no{background:#fbf6f5;border-left:1px solid var(--hv4-line)}
.pg-no li:before,.pg-no li:after{content:"";position:absolute;left:3px;top:8px;width:12px;height:2.5px;background:#c0392b;transform:rotate(45deg)}
.pg-no li:after{transform:rotate(-45deg)}
.pg-access code{font-size:12.5px;background:var(--hv4-pale);border-radius:4px;padding:1px 5px;color:var(--hv4-ink)}
.pg-access figcaption{font-size:13px;color:#5b7183;margin-top:10px;text-align:right}
.pg-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pg-ai-grid div{border:1px solid var(--hv4-line);border-radius:12px;padding:22px 22px 24px;background:#fff}
.pg-ai-grid span{display:block;font:500 26px/1 O,M,sans-serif;color:var(--hv4-orange);margin-bottom:10px}
.pg-ai-grid h3{font-size:18px;color:var(--hv4-ink);margin-bottom:6px}
.pg-ai-grid p{font-size:14.5px;color:#3c556a}
.pg-it-steps{counter-reset:it;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pg-it-steps li{counter-increment:it;background:#fff;border:1px solid var(--hv4-line);border-radius:12px;padding:20px 20px 22px;font-size:14px;color:#34505f;line-height:1.45}
.pg-it-steps li:before{content:counter(it,decimal-leading-zero);display:block;font:500 24px/1 O,M,sans-serif;color:var(--hv4-orange);margin-bottom:10px}
.pg-it-steps b{display:block;color:var(--hv4-ink);font-size:15.5px;margin-bottom:4px}
.pg-it-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;background:#fff;border:1px solid var(--hv4-line);border-left:4px solid var(--hv4-orange);border-radius:12px;padding:18px 22px}
.pg-it-foot p{font-size:15px;color:#34505f;max-width:760px}
.pg-it-foot b{color:var(--hv4-ink)}
@media (max-width:1050px){.pg-it-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-ai-grid{grid-template-columns:1fr}.pg-access .hv4-window{margin:0}}
@media (max-width:650px){.pg-access-body{grid-template-columns:1fr}.pg-no{border-left:0;border-top:1px solid var(--hv4-line)}.pg-it-steps{grid-template-columns:1fr}.pg-it-foot{flex-direction:column;align-items:flex-start}}
/* How It Works, Platform, IRI, Reports, Meet Jason, legal pages (2026-10-11) */
.pg-timeline{list-style:none;margin:0;padding:0;max-width:980px;position:relative}
.pg-timeline:before{content:"";position:absolute;left:27px;top:10px;bottom:10px;width:2px;background:var(--hv4-line)}
.pg-timeline li{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:0 0 22px;position:relative}
.pg-tl-num{width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--hv4-orange);display:grid;place-items:center;font:500 22px/1 O,M,sans-serif;color:var(--hv4-orange);position:relative;z-index:1}
.pg-timeline li>div{background:#fff;border:1px solid var(--hv4-line);border-radius:12px;padding:16px 20px}
.pg-tl-when{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--hv4-orange-text);margin-bottom:4px}
.pg-timeline h3{font-size:19px;color:var(--hv4-ink);margin-bottom:4px}
.pg-timeline p{font-size:15px;color:#34505f}
.pg-need{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}
.pg-need-list{background:#fff;border:1px solid var(--hv4-line);border-radius:12px;padding:22px 24px 12px!important}
.pg-need-list li{font-size:15.5px;padding-bottom:12px}
.pg-need-note{background:var(--hv4-navy);color:#dbe8f2;border-radius:12px;padding:22px 24px}
.pg-need-note h3{color:#fff;font-size:18px;margin-bottom:10px}
.pg-need-note p{font-size:14.5px;margin-bottom:10px}
.pg-need-note b{color:#ffc391}
.pg-need-note .textbutton{color:#ffad76}
.pg-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pg-roster>div{background:#fff;border:1px solid var(--hv4-line);border-top:4px solid var(--hv4-orange);border-radius:12px;padding:22px 24px}
.pg-roster h3{display:flex;justify-content:space-between;align-items:baseline;font-size:19px;color:var(--hv4-ink);margin-bottom:14px}
.pg-roster h3 span{font:500 28px/1 O,M,sans-serif;color:var(--hv4-orange)}
.pg-roster ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pg-roster li{background:var(--hv4-pale);border:1px solid var(--hv4-line);border-radius:99px;padding:6px 12px;font-size:13.5px;color:var(--hv4-ink);font-weight:600}
.pg-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pg-shot{margin:0}
.pg-shot .imagebutton{display:block;width:100%;border:1px solid var(--hv4-line);padding:0;background:#fff;cursor:zoom-in;border-radius:10px;overflow:hidden;box-shadow:0 10px 26px #0b2c4620}
.pg-shot .imagebutton:hover,.pg-shot .imagebutton:focus-visible{outline:3px solid var(--hv4-orange);outline-offset:2px}
.pg-shot img{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;display:block}
.pg-shot figcaption,.cs-cover-grid figcaption b{display:block}
.pg-shot figcaption{font-size:13.5px;color:#34505f;margin-top:10px;line-height:1.45}
.pg-shot figcaption b{color:var(--hv4-ink);display:block}
.pg-inputs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.pg-inputs div{background:#fff;border:1px solid var(--hv4-line);border-top:3px solid var(--hv4-orange);border-radius:12px;padding:18px}
.pg-inputs b{display:block;font:500 22px/1.1 O,M,sans-serif;color:var(--hv4-ink);margin-bottom:8px}
.pg-inputs span{font-size:14px;color:#34505f}
.pg-fan2 img:nth-child(1){transform:translate(-80%,-50%) rotate(-7deg)}
.pg-fan2 img:nth-child(2){transform:translate(-25%,-52%) rotate(4deg);z-index:2}
.pg-heroimg{margin:0}
.pg-heroimg img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 24px 60px #0b2c4622}
.pg-heroimg figcaption{font-size:13px;color:#5b7183;margin-top:10px;text-align:right}
.pg-group{font-size:20px;color:var(--hv4-ink);margin:34px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--hv4-line)}
.pg-group:first-of-type{margin-top:0}
.pg-for{display:block;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.4px;color:var(--hv4-orange-text)}
.pg-founder{margin:0 0 0 auto;max-width:360px;background:#fff;border:1px solid var(--hv4-line);border-radius:16px;padding:14px;box-shadow:0 24px 60px #0b2c4622}
.pg-founder img{width:100%;height:auto;display:block;border-radius:10px}
.pg-founder figcaption{padding:12px 4px 2px;font-size:14px;color:#3c556a}
.pg-founder figcaption b{display:block;font-size:17px;color:var(--hv4-ink)}
.pg-persp{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px;align-items:center}
.pg-persp p{font-size:16.5px;color:#2f4a5e;margin-bottom:14px}
.pg-quote{margin:0;background:var(--hv4-navy);border-radius:14px;padding:28px 30px;border-left:5px solid var(--hv4-orange)}
.pg-quote p{font:500 26px/1.25 O,M,sans-serif;color:#fff;margin:0 0 12px}
.pg-quote cite{font-style:normal;font-size:14px;color:#ffc391;font-weight:700}
.pg-legal{max-width:820px;margin:0 auto;padding:56px 48px 76px}
.pg-legal h1{font-size:clamp(38px,4.4vw,54px);color:var(--hv4-ink);margin:6px 0 6px}
.pg-legal-date{font-size:14px;color:#5b7183;margin-bottom:26px}
.pg-legal h2{font-size:24px;color:var(--hv4-ink);margin:30px 0 10px}
.pg-legal p{font-size:16px;color:#2f4a5e;margin-bottom:12px;line-height:1.65}
.pg-legal a{color:var(--hv4-orange-text);font-weight:700}
@media (max-width:1050px){.pg-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-shots{grid-template-columns:1fr 1fr}.pg-need,.pg-persp{grid-template-columns:1fr}.pg-founder{margin:0}}
@media (max-width:650px){.pg-roster,.pg-shots,.pg-inputs{grid-template-columns:1fr}.pg-timeline li{grid-template-columns:44px 1fr;gap:14px}.pg-tl-num{width:44px;height:44px;font-size:18px}.pg-timeline:before{left:21px}.pg-legal{padding:36px 18px 56px}.pg-quote p{font-size:22px}}
.hv4-hero h1.pg-h1-sm{font-size:clamp(36px,3.9vw,52px)}

/* Evidence story on generated pages (Agencies), same as Home (2026-10-11) */
/* Pursuit stories remain readable if JavaScript is unavailable. */
.pg-page .criq-story{margin:24px 0 34px;border:1px solid #d6e3ec;border-radius:12px;background:#f5f9fb;overflow:hidden;color:#123653}
.pg-page .story-qualification{margin:0;padding:15px 22px;background:#e7f0f5;color:#486679;font-size:13px}
.pg-page .story-source{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 22px;padding:17px 22px;background:#103b5b;color:#fff;font-weight:650}
.pg-page .story-source span:last-child{color:#bfd9e7;font-size:13px;font-weight:400}
.pg-page .story-layout{display:grid;gap:1px;background:#d6e3ec}
.pg-page .story-stage{min-width:0;background:#fff}
.pg-page .story-stage-button{display:flex;align-items:center;gap:17px;width:100%;padding:18px 22px;border:0;background:#eef5f8;color:#123653;text-align:left;font:inherit;font-size:18px;font-weight:700;cursor:pointer}
.pg-page .story-stage-button:hover,.pg-page .story-stage-button:focus-visible{background:#deedf5}
.pg-page .story-stage-button:focus-visible{outline:3px solid #e86814;outline-offset:-3px}
.pg-page .story-step-number{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:50%;background:#e86814;color:#fff;font-size:14px}
.pg-page .story-panel{padding:20px 22px 26px}
.pg-page .story-ready .story-stage-button[aria-expanded="false"]+.story-panel{display:none}
.pg-page .story-panel h3{margin:0 0 18px;font-size:22px}
.pg-page .story-output{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:24px;align-items:start}
.pg-page .story-paper{position:relative;min-width:0;padding:23px;background:#fff;border:1px solid #d5e2e9;border-left:4px solid #e86814;border-radius:7px;box-shadow:0 5px 18px #12365312}
.pg-page .story-eyebrow{color:#b14c0d;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:700}
.pg-page .story-paper h4{margin:11px 0;font-size:24px;line-height:1.2}
.pg-page .story-paper p{margin:10px 0;font-size:15px;line-height:1.55}
.pg-page .story-lead{font-weight:650}
.pg-page .story-fields{margin:18px 0 0}
.pg-page .story-fields div{padding:10px 0;border-top:1px solid #dbe6ec}
.pg-page .story-fields dt{font-size:12px;color:#46667a;font-weight:700;text-transform:uppercase}
.pg-page .story-fields dd{margin:4px 0 0;font-size:15px;line-height:1.5}
.pg-page .story-concern{margin:18px 0;padding:12px 15px;background:#eef5f8;border-left:3px solid #e86814}
.pg-page .story-concern p{margin-bottom:0}
.pg-page .story-location-badge{float:right;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e86814;color:#fff;font-weight:700}
.pg-page .story-preview{min-width:0}
.pg-page .story-preview .imagebutton{overflow:hidden;border:1px solid #d5e2e9;border-radius:7px;text-align:left}
.pg-page .story-preview img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.pg-page .story-preview .imagebutton span{display:block;padding:10px 14px;color:#0c547b;font-size:14px;font-weight:700}
.pg-page .story-preview p{margin:10px 0 0;color:#526d7d;font-size:13px;line-height:1.5}
@media(max-width:700px){.pg-page .story-qualification,.pg-page .story-source,.pg-page .story-stage-button{padding:14px 16px}.pg-page .story-panel{padding:18px 16px 22px}.pg-page .story-output{grid-template-columns:1fr;gap:18px}.pg-page .story-paper{padding:18px}}
/* Home evidence and decision sections introduced with the story markup. */
.pg-page .criq-home-evidence,.pg-page .criq-receives,.pg-page .criq-evidence-example{padding:56px 48px}
.pg-page .criq-story{margin:25px 0}
.pg-page .story-records,.pg-page .story-split{display:grid;gap:18px}
.pg-page .story-records{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-page .story-split{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-page .story-records article{min-width:0;padding:20px;border:1px solid #d9e5ec;border-radius:6px;background:#fff}
.pg-page .story-records h4{margin:10px 0;font-size:19px}
.pg-page .story-records p,.pg-page .story-records small{font-size:14px;line-height:1.5}
.pg-page .story-records small{color:#526d7d}
.pg-page .story-concern{min-width:0;padding:21px;background:#eef5f8;border-left:4px solid #e86814;border-radius:6px}
.pg-page .story-concern h4{margin:10px 0;font-size:20px}
.pg-page .story-concern p,.pg-page .story-concern strong{font-size:15px;line-height:1.55}
.pg-page .story-result{margin-top:16px;color:#0c547b;font-weight:700}
@media(max-width:700px){.pg-page .criq-home-path,.pg-page .criq-receive-grid,.pg-page .criq-evidence-columns,.pg-page .story-records,.pg-page .story-split{grid-template-columns:1fr}}

/* Platform screens, specialist faces, animated candidate issue (2026-10-11, round 2) */
.hv4-product-portal .hv4-window>img,.pg-stack .hv4-window>img{display:block;width:100%;height:auto}
.pg-stack{position:relative;padding:0 0 0 0}
.pg-stack-back{width:82%;margin-left:18%;opacity:.96}
.pg-stack-front{width:88%;margin-top:-34%;position:relative;z-index:2;box-shadow:0 30px 70px #0b2c4638,0 6px 16px #0b2c4620}
.pg-stack figcaption{margin-top:12px}
.pg-shot-wide{margin:0 0 26px}
.pg-shot-wide figcaption{max-width:860px}
.pg-roster-faces ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px 12px}
.pg-roster-faces li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:none;border:0;border-radius:0;padding:0;font-size:13px;line-height:1.25}
.pg-roster-faces li img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 2px var(--hv4-orange),0 6px 14px #0b2c4624;background:var(--hv4-pale)}
/* Animated candidate issue */
.pg-anim{position:relative;background:#fff}
.pg-anim-stage{position:relative}
.pg-anim-stage img{display:block;width:100%;height:auto}
.pg-anim-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pg-anim-cloud{fill:#e8681414;stroke:#d6531a;stroke-width:6;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pgCloud 14s ease-in-out infinite}
.pg-anim-arrow{fill:none;stroke:#d6531a;stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pgArrow 14s ease-in-out infinite}
.pg-anim-svg marker path{animation:pgFade 14s linear infinite}
.pg-anim-callout{opacity:0;animation:pgCallout 14s ease-out infinite}
.pg-anim-callout rect{fill:#fff8c9;stroke:#d6a400;stroke-width:3}
.pg-anim-callout text{font:700 33px/1 Montserrat,Arial,sans-serif;fill:#102f4b}
.pg-anim-card{position:absolute;right:12px;bottom:12px;width:min(58%,400px);background:#fff;border:1px solid var(--hv4-line);border-left:4px solid var(--hv4-orange);border-radius:10px;padding:12px 14px;box-shadow:0 18px 40px #0b2c4633;font-size:11.5px;line-height:1.4;color:#2f4a5e;opacity:0;transform:translateY(14px);animation:pgCard 14s ease-out infinite}
.pg-anim-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.pg-anim-card-top span{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--hv4-orange-text)}
.pg-anim-card-top b{background:#fde3e1;color:#b3261e;border-radius:99px;padding:2px 9px;font-size:10.5px}
.pg-anim-card strong{display:block;font-size:13.5px;line-height:1.3;color:var(--hv4-ink);margin-bottom:6px}
.pg-anim-card dl{display:grid;grid-template-columns:repeat(3,auto);gap:4px 12px;margin:0 0 6px;padding:6px 0;border-top:1px solid var(--hv4-line);border-bottom:1px solid var(--hv4-line)}
.pg-anim-card dt{font-size:9.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#5b7183}
.pg-anim-card dd{margin:0;font-weight:600;color:var(--hv4-ink)}
.pg-anim-card p{margin:0 0 4px}
.pg-anim-card p b{color:var(--hv4-ink)}
@keyframes pgCloud{0%{stroke-dashoffset:1;opacity:1}9%{stroke-dashoffset:0;opacity:1}11%{opacity:.2}13%{opacity:1}15%{opacity:.2}17%{opacity:1}92%{stroke-dashoffset:0;opacity:1}98%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes pgArrow{0%,17%{stroke-dashoffset:1;opacity:1}23%{stroke-dashoffset:0}92%{stroke-dashoffset:0;opacity:1}98%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes pgFade{0%,22%{opacity:0}23%,92%{opacity:1}98%,100%{opacity:0}}
@keyframes pgCallout{0%,22%{opacity:0;transform:translateY(-8px)}27%{opacity:1;transform:none}92%{opacity:1}98%,100%{opacity:0}}
@keyframes pgCard{0%,29%{opacity:0;transform:translateY(14px)}35%{opacity:1;transform:none}92%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(14px)}}
@media (prefers-reduced-motion:reduce){.pg-anim-cloud,.pg-anim-arrow,.pg-anim-svg marker path,.pg-anim-callout,.pg-anim-card{animation:none;opacity:1;stroke-dashoffset:0;transform:none}}
@media (max-width:650px){.pg-anim-card{position:static;width:auto;margin:0;border-radius:0 0 10px 10px;box-shadow:none;border-left-width:4px}.pg-anim-card dl{grid-template-columns:1fr 1fr}.pg-roster-faces ul{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-stack-back{width:100%;margin:0}.pg-stack-front{width:100%;margin-top:-20%}}
.pg-anim-card{position:static;width:auto;margin:0;border:0;border-top:1px solid var(--hv4-line);border-left:0;border-radius:0;box-shadow:none;padding:12px 16px 14px;background:#f7fafc}
.pg-anim-card dl{grid-template-columns:auto auto 1fr}
.pg-anim-card .pg-anim-txt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
/* The finding text fades in once, at the same point in the first cycle, and then stays so it can be read while the sheet animation keeps repeating (2026-10-12) */
.pg-anim-card{animation:pgCardIn .85s ease-out 4.06s both}
@keyframes pgCardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:650px){.pg-anim-card .pg-anim-txt{grid-template-columns:1fr;gap:4px}}
.pg-page .hv4-example{padding-bottom:44px}
.pg-page .hv4-example+.hv4-faq{padding-top:44px;border-top:1px solid var(--hv4-line)}
.hv4-analogy{padding:76px 48px 64px;background:var(--hv4-pale)}
.hv4-analogy-fig{margin:28px auto 0;max-width:1180px}
.hv4-analogy-fig .imagebutton{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #0b2c4626}
.hv4-analogy-fig img{display:block;width:100%;height:auto}
.hv4-analogy-fig figcaption{font-size:13px;color:#5b7183;margin-top:10px;text-align:center}
@media (max-width:650px){.hv4-analogy{padding:48px 18px 40px}}
.hv4-analogy-fig{max-width:1080px}.hv4-analogy-fig .imagebutton img{width:100%;max-width:none;max-height:none;height:auto;aspect-ratio:auto;object-fit:initial}
/* Numbered tags and the drawn curb profile in the How It Works C-15 hero (2026-10-12) */
.pg-anim-tag circle{fill:#d6531a}
.pg-anim-callout .pg-anim-tag text,.pg-anim-tag text{font:700 22px/1 Montserrat,Arial,sans-serif;fill:#fff;text-anchor:middle}
.pg-anim-tag-c{opacity:0;animation:pgTag 14s linear infinite}
.pg-anim-prof-base{fill:none;stroke:#d6a400;stroke-width:2;stroke-dasharray:6 6}
.pg-anim-prof{fill:none;stroke:#b3261e;stroke-width:4;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pgProf 14s ease-in-out infinite}
.pg-anim-prof-pt{fill:#102f4b}.pg-anim-prof-pt.is-hot{fill:#b3261e}
.pg-anim-callout .pg-anim-prof-lbl{font:700 20px/1 Montserrat,Arial,sans-serif;fill:#102f4b;text-anchor:middle}
.pg-anim-callout .pg-anim-prof-note{font:600 17px/1 Montserrat,Arial,sans-serif;fill:#5b7183}
@keyframes pgTag{0%,9%{opacity:0}10%,92%{opacity:1}98%,100%{opacity:0}}
@keyframes pgProf{0%,27%{stroke-dashoffset:1}36%,92%{stroke-dashoffset:0}98%,100%{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.pg-anim-tag-c,.pg-anim-prof{animation:none;opacity:1;stroke-dashoffset:0}}
@media (min-width:1051px){.hv4-hero.pg-hero-wide{grid-template-columns:minmax(0,34fr) minmax(0,66fr);gap:36px;padding-right:32px}.pg-hero-wide h1{font-size:clamp(40px,4.2vw,58px)}}
/* Reports: one finding followed from plan sheet into the reports (2026-10-12) */
.pg-walk-intro{max-width:900px;margin:8px 0 26px}.pg-walk-intro p{font-size:16px;color:#34505f;margin:8px 0 0}
.pg-walk{list-style:none;margin:0;padding:0;display:grid;gap:26px;counter-reset:none}
.pg-walk-step{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);background:#fff;border:1px solid var(--hv4-line);border-radius:14px;overflow:hidden;box-shadow:0 14px 34px #0b2c4614}
.pg-walk-fig{margin:0;padding:14px;background:#f7fafc;border-right:1px solid var(--hv4-line);display:flex;flex-direction:column;justify-content:center;gap:10px}
.pg-walk-fig .imagebutton{display:block;width:100%;padding:0;border:1px solid var(--hv4-line);border-radius:8px;overflow:hidden;background:#fff;cursor:zoom-in}
.pg-walk-fig .imagebutton:hover,.pg-walk-fig .imagebutton:focus-visible{outline:3px solid var(--hv4-orange);outline-offset:2px}
.pg-walk-fig .imagebutton img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;display:block;max-height:none!important}
.pg-walk-fig figcaption{font-size:12.5px;color:#5b7183}
.pg-walk-txt{padding:22px 24px;font-size:15px;line-height:1.55;color:#2f4a5e}
.pg-walk-txt h3{font-size:20px;line-height:1.3;color:var(--hv4-ink);margin:10px 0 10px}
.pg-walk-txt p{margin:0 0 10px}.pg-walk-txt p b{color:var(--hv4-ink)}
.pg-walk-n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#d6531a;color:#fff;font:700 17px/1 M,Arial,sans-serif;box-shadow:0 0 0 4px #fde6d6}
@media (max-width:1050px){.pg-walk-step{grid-template-columns:1fr}.pg-walk-fig{border-right:0;border-bottom:1px solid var(--hv4-line)}}
@media (max-width:650px){.pg-walk-txt{padding:16px}.pg-walk-fig{padding:10px}}
.pg-anim-card-top b.is-med{background:#fdebd3;color:#9a4d00}