/* Match the soft cyan-to-lavender background of the SALON AGENT login. */
:root{--brand-wash:linear-gradient(135deg,#d6f5ff 0%,#e3eaff 48%,#eee0ff 100%);--brand-ink:#283653;--brand-muted:#52617c;--brand-accent:#5853b9}
.hero{background:linear-gradient(135deg,#f0fbff 0%,#f2f5ff 48%,#f8f0ff 100%)}
.pale,.case-study-section,.final-cta,.ai-section,footer{background:var(--brand-wash)}
.ai-section{color:var(--brand-ink)}
.ai-section .eyebrow{color:var(--brand-accent)}
.ai-intro h2,.ai-lead,.ai-flow h3{color:var(--brand-ink)}
.ai-intro>div>p:not(.eyebrow):not(.ai-lead),.ai-flow p,.ai-note{color:var(--brand-muted)}
.ai-flow li{background:#ffffffb8;border-color:#cdd5ee;box-shadow:0 8px 24px #5a68b008}
.ai-flow span{color:var(--brand-accent)}
.case-result{background:var(--brand-wash);color:var(--brand-muted)}
.case-result-label{color:var(--brand-accent)}
.case-result blockquote{color:var(--brand-ink);border-left-color:#8572d6}
.case-owner{color:var(--brand-muted)}
.case-quote-mark{color:#7162bc12}
footer{color:var(--brand-muted);border-top:1px solid #d9ddf3}
.footer-links h4{color:var(--brand-ink)}
.footer-links a{color:#404c79}
.footer-links a:hover{color:#6550b4}
.footer-bottom{border-top-color:#bdc6e5}
.unify-visual,.customer-asset,.trial-panel{background:linear-gradient(125deg,#edfaff,#f2edff);border-color:#d3ddf1}
.mobile-section-nav{background:linear-gradient(110deg,#edfaff,#f3edff)}

/* Separate feature discovery from salon-specific use cases. */
.directory-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
#seo-directory .directory-group{padding:28px;background:linear-gradient(135deg,#f0fbff,#f5f1ff);border:1px solid #dce2f1;border-radius:20px;margin:0}
.directory-label{font-size:12px;font-weight:700;color:#6258ab;margin-bottom:8px}
#seo-directory h3{font-size:24px;color:#283653;margin:0 0 10px;line-height:1.5}
.directory-description{font-size:14px;color:#52617c;margin-bottom:20px}
#seo-directory .seo-directory-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#seo-directory .seo-directory-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px;padding:14px;font-size:14px;text-decoration:none;line-height:1.7;border-radius:10px}
#seo-directory .seo-directory-links a span{color:#8074bc;flex-shrink:0}
#seo-directory .seo-directory-links a:hover{border-color:#9589d0;background:#faf8ff}
.directory-opening{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:650px;margin:24px auto 0;padding:20px 24px;border:1px solid #dce2f1;border-radius:14px;text-decoration:none;background:#fff}
.directory-opening small{display:block;font-size:12px;color:#52617c;margin-bottom:4px}
.directory-opening strong{font-size:16px}
@media(max-width:760px){
 .directory-panels{grid-template-columns:minmax(0,1fr);gap:20px}
 #seo-directory .directory-group{padding:22px 16px;border-radius:16px}
 #seo-directory h3{font-size:22px;text-align:left;text-wrap:initial}
 .directory-description{font-size:14px;line-height:1.85;margin-bottom:18px}
 #seo-directory .seo-directory-links{gap:8px}
 #seo-directory .seo-directory-links a{font-size:14px;padding:12px 10px;min-height:58px}
 .directory-opening{margin-top:20px;padding:18px 16px}
}