/* Valicen — assessment landing pages (/assessment + variants).
   Loaded from index.html after site.css. Kept as its own small file so it can
   be deployed via the GitHub connector without re-pushing all of site.css. */
.assess-trust{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px;font-size:15px;color:var(--fg-2)}
.assess-trust b{color:var(--fg-1);font-family:var(--font-heading);font-weight:700}
.assess-trust .dot{width:4px;height:4px;border-radius:50%;background:var(--fg-4);display:inline-block}
.assess-proof-tag{display:inline-block;font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-strong);margin-bottom:10px}
.assess-proof-metric{margin-top:14px;font-size:15px;color:var(--fg-2)}
.assess-proof-metric b{font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--fg-1);margin-right:6px;letter-spacing:-.01em}
.assess-form-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:start;max-width:1060px;margin:0 auto}
.assess-form-intro{position:sticky;top:100px}
.assess-form-intro h2{margin:6px 0 12px}
.assess-form-intro .lead{font-size:16px;line-height:1.6;color:var(--fg-2);margin:0 0 20px;max-width:44ch}
.assess-reassure{display:flex;flex-direction:column;gap:11px}
.assess-reassure a{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-heading);font-weight:600;font-size:14.5px;color:var(--link);text-decoration:none}
.assess-reassure a:hover{color:var(--link-hover)}
.assess-reassure svg{width:16px;height:16px;color:var(--brand-strong)}
/* the "How it works" band steps use an h4 title (service-detail steps don't) */
.band .svcd-step h4{font-family:var(--font-heading);font-weight:700;font-size:20px;color:#fff;margin:0 0 8px}
@media(max-width:860px){.assess-form-grid{grid-template-columns:1fr;gap:32px}.assess-form-intro{position:static}}
/* review LP: three-up "what you get" cards + who-it's-for lead */
.assess-three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px}
.assess-who{font-size:17px;line-height:1.65;color:var(--fg-2);max-width:72ch;margin:0}
@media(max-width:860px){.assess-three{grid-template-columns:1fr}}