@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');

/* One deliberate typeface across the AndChill site. */
html body,
html body *,
html body button,
html body input,
html body select,
html body textarea,
html body a,
html body label,
html body small,
html body table,
html body blockquote,
html body code,
html body pre {
  font-family: 'Outfit', sans-serif !important;
}

/* Shared brand and type rules: keep component roles, remove accidental drift. */
body h1,body h2,body h3{font-weight:800;letter-spacing:-.035em}
body .logo,body .brand{font-size:19px;font-weight:800;letter-spacing:normal;text-decoration:none;white-space:nowrap}
body .logo>span,body .brand>span{display:inline-block;background:#8b5cf6!important;color:#fff!important;border:2px solid #1e293b!important;border-radius:6px!important;padding:2px 8px!important;margin-left:4px!important;letter-spacing:normal}
body .hero p{max-width:760px;line-height:1.65}
body .hero h1{max-width:960px}
body .dealbreakers,body .copy-noes{box-shadow:4px 4px 0 #1e293b!important}
body[data-theme="dark"] .dealbreakers,body[data-theme="dark"] .copy-noes{box-shadow:4px 4px 0 #fff!important}
body .hero h1 .ownership-marker{font-style:normal;white-space:normal;border-radius:0;padding:0 .08em;background:linear-gradient(rgba(251,191,36,.62),rgba(251,191,36,.62)) 0 86% / 100% 48% no-repeat;box-decoration-break:clone;-webkit-box-decoration-break:clone}
body .hero h1 .ownership-marker.marker-enter{animation:marker-sweep .9s ease-out both}
@keyframes marker-sweep{from{background-size:0% 48%}to{background-size:100% 48%}}
@media(prefers-reduced-motion:reduce){body .hero h1 .ownership-marker.marker-enter{animation:none}}
#owner{scroll-margin-top:90px}