@import url('./209-logo-square.css');
/* Dropdown navigation — clean, legible, hierarchy-first toolbar */
.nav{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.nav-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.nav-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.nav>a{padding:8px 12px;border-radius:999px;color:inherit;text-decoration:none;font-weight:400}
.nav>a:hover{background:color-mix(in srgb,var(--accent,#2f7d55) 10%,transparent)}
.nav-group{position:relative}
.nav-group>button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;color:inherit;text-decoration:none;font-weight:400;background:transparent;border:0;cursor:pointer}
.nav-group>button:hover{background:color-mix(in srgb,var(--accent,#2f7d55) 10%,transparent)}
.nav-caret{font-size:9px;opacity:.6;margin-left:2px}
.dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;background:var(--panel,#fff);border:1px solid var(--line,#dfe7e1);border-radius:14px;padding:8px;box-shadow:0 18px 40px rgba(0,0,0,.10);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s ease;z-index:60}
.nav-group:hover .dropdown,.nav-group:focus-within .dropdown,.nav-group.open .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a{display:block;padding:10px 12px;border-radius:10px;color:inherit;text-decoration:none;font-weight:400}
.dropdown a:hover{background:color-mix(in srgb,var(--accent,#2f7d55) 10%,transparent)}
.dropdown .dropdown-label{padding:8px 12px 4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#5f6b64);font-weight:500}
.nav-cta{margin-left:0;white-space:nowrap;background:var(--accent,#2f7d55);color:#fff !important;padding:10px 20px;border-radius:999px;font-weight:600;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.nav-cta:hover{background:color-mix(in srgb,var(--accent,#2f7d55) 85%,#000);color:#fff !important}
@media(max-width:900px){
.nav{flex-direction:column;align-items:stretch}
.nav-left,.nav-right{flex-direction:column;align-items:stretch;gap:6px}
.nav-right{margin-left:0}
.nav>a,.nav-group>button{width:100%;justify-content:space-between}
.nav-group{width:100%}
.dropdown{position:static;width:100%;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none}
.nav-group.open .dropdown{display:block}
.nav-cta{width:100%;justify-content:center;text-align:center}
}