/* Button-matched rose branding, menu-purple feature cards and the requested soft white navigation. */
:root { --nav-surface: rgba(255,255,255,.85); }
body[class] header, body[class] header.scrolled,
body.hero-dark header:not(.scrolled), body.page-index.hero-dark header:not(.scrolled) {
 background: var(--nav-surface); color: #251d3d;
 -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
 box-shadow: 0 4px 20px rgba(25,20,35,.05);
}
body.page-index.hero-dark header:not(.scrolled) .nav-cta { border-color: var(--brand-pink); }
.view-cursor { background: var(--brand-pink); color: #fff; }
.brand-lockup .brand-wordmark { opacity: 0; filter: none !important; }
.brand-lockup::before {
 content: ''; display: block; position: absolute; inset: 0; pointer-events: none;
 background: var(--brand-pink);
 -webkit-mask: url('/assets/alyi-sol-wordmark.png') center / 100% 100% no-repeat;
 mask: url('/assets/alyi-sol-wordmark.png') center / 100% 100% no-repeat;
}
.brand-lockup::after { display: none; }
.pillar { background: var(--menu-purple); color: #fff; }
body[class] main .pillar :is(h3,p), .pillar .text-link { color: #fff; }
.pillar .text-link { border-color: currentColor; }