/* =====================================================================
   EightySix Digital: assessment entry points (hero note + CTA bands).
   Small and render-blocking on purpose so the CTAs never shift layout.
   The overlay itself lives in assessment.css and loads on first open.
   Reusable on any page that has [data-assessment-open] buttons.
   ===================================================================== */

/* Supporting line under the hero buttons */
.as-note{color:#b6b6bf;font-size:.95rem;line-height:1.55;max-width:48ch;margin:-6px 0 24px}
.as-note a{color:var(--white);text-decoration:underline;text-underline-offset:3px}
.as-note a:hover{color:var(--volt)}

/* Compact horizontal CTA band */
.as-cta{background:var(--ink);padding:clamp(34px,4.6vw,54px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.as-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,4vw,52px)}
.as-cta-copy{max-width:64ch}
.as-cta-h{font-family:var(--display);font-weight:700;font-size:clamp(1.3rem,2.3vw,1.8rem);line-height:1.15;letter-spacing:-.015em;margin-bottom:8px}
.as-cta-copy p{color:#b6b6bf;font-size:clamp(.97rem,1.15vw,1.07rem);line-height:1.55}
.as-cta-action{display:flex;flex-direction:column;align-items:flex-start;gap:9px;flex:none}
.as-cta-meta{color:var(--muted);font-size:.86rem}

@media(max-width:760px){
  .as-cta-inner{flex-direction:column;align-items:flex-start}
  .as-cta-action{width:100%}
  .as-cta-action .btn{width:100%;justify-content:center}
}