/* Additions for the approved clarity copy. Existing visual styles stay intact. */
.clarity-proof-strip {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:24px 9vw;background:#080c0c;border-top:1px solid #ffffff21;border-bottom:1px solid #ffffff21;color:#d9e3e5;font-size:.82rem;line-height:1.5;list-style:none;margin:0}
.clarity-proof-strip li {display:flex;align-items:center;gap:10px}
.clarity-proof-strip li::before {content:"";width:5px;height:5px;flex-shrink:0;background:#14d8c4}
.clarity-hero-sample {color:#ff5c5c;font-size:.9rem;font-weight:700;text-decoration:underline;text-underline-offset:4px;align-self:flex-start;margin-top:8px}
.clarity-hero-sample:hover,.clarity-hero-sample:focus-visible {color:#ff8585}
.clarity-audience {scroll-margin-top:28px}
.clarity-intro {max-width:760px;color:#aebbc1;line-height:1.75;margin:24px 0 0}
.clarity-audience-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.clarity-audience-card {border:1px solid #ffffff21;background:#080c0c;padding:26px}
.clarity-audience-card h3 {font-family:Space Grotesk,sans-serif;color:#f8fafc;font-size:1.15rem;line-height:1.35;margin:0 0 14px}
.clarity-audience-card p {color:#aebbc1;line-height:1.7;font-size:.92rem;margin:0}
.clarity-audience .pilot-button {margin-top:28px;max-width:100%;white-space:normal}
.clarity-audience-card.clarity-audience-invite {border-color:#14d8c452;display:flex;flex-direction:column;align-items:flex-start}
.clarity-audience-invite .pilot-button {margin-top:20px;font-size:.76rem;padding:14px 16px;line-height:1.5;height:auto}
.clarity-sample-title {font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;color:#f8fafc;margin:18px 0 6px;text-align:center}
.clarity-sample-description {color:#aebbc1;font-size:.95rem;line-height:1.75;max-width:720px;text-align:center;margin:0 0 12px}
.hero-copy h1.clarity-hero-title {font-size:clamp(3.3rem,5.5vw,5.6rem);max-width:790px}
.hero-copy h1.clarity-hero-title em {display:block}
.hero-copy .legend-plate.clarity-lane {display:block;padding:14px 18px;max-width:fit-content}
.clarity-lane .plate-label {margin:0;line-height:1.6}
@media (max-width:1300px) {
  .site-header .primary-nav {display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:9px 5vw 18px;background:#070909;border-bottom:1px solid #ffffff24}
  .site-header .primary-nav.is-open {display:flex}
  .site-header .primary-nav>a,.site-header .nav-brief {padding:13px 0;border-bottom:1px solid #ffffff1a}
  .site-header .mobile-nav-toggle {display:flex}
}
@media (max-width:900px) {
  .clarity-proof-strip {grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 6vw}
  .clarity-audience-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px) {
  .hero-copy h1.clarity-hero-title {font-size:clamp(2.6rem,10.5vw,3.7rem)}
  .clarity-audience-grid {grid-template-columns:1fr}
  .clarity-proof-strip {font-size:.76rem;gap:18px 14px}
  .clarity-lane .plate-label {font-size:.65rem;letter-spacing:.04em}
}