/*
 * The Features and Solutions menus in the marketing pages' header
 * (templates/partials/landing_page;features_menu.php).
 */
header nav ul li.nav-features-menu { position: static; display: inline-flex; align-items: center; }
header nav ul li.nav-features-menu > a { padding-right: 4px; }
.nav-features-toggle { background: none; border: 0; color: rgba(235, 235, 238, 0.78); min-width: 44px; min-height: 44px; padding: 0 14px 0 4px; cursor: pointer; font-size: 12px; line-height: 1; }
.nav-features-toggle:hover, .nav-features-toggle:focus-visible { color: var(--fg-primary-rest, #ebebee); }
.nav-features-toggle i { transition: transform 0.2s ease; }
.nav-features-menu.is-open .nav-features-toggle i { transform: rotate(180deg); }
.nav-features-panel {
	position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
	width: min(1180px, calc(100vw - 32px)); max-height: calc(100vh - 96px); overflow-y: auto;
	background: var(--bg-surface-primary, #0B0A15); border: 1px solid var(--colors-base-white-10, rgba(235, 235, 238, 0.1));
	border-radius: var(--roundings-12, 12px); box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5);
	padding: 24px; text-align: left; z-index: 600;
	visibility: hidden; opacity: 0; transition: opacity 0.15s ease, visibility 0s linear 0.25s;
}
.nav-features-menu.is-open .nav-features-panel {
	visibility: visible; opacity: 1; transition-delay: 0s;
}
.nav-features-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 20px 24px; }
.nav-features-grid--solutions { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.nav-features-grid--solutions > div { grid-column: span 2; }
.nav-features-grid--solutions ul { columns: 2; column-gap: 24px; }
.nav-features-grid--solutions li { break-inside: avoid; }
.nav-features-heading { font-family: var(--font-family-inter-tight, "Inter Tight"), sans-serif; font-size: 12px; font-weight: 600; color: var(--fg-tertiary-rest, #9f9cb0); margin: 0 0 10px; }
header nav .nav-features-panel ul { display: block; margin: 0; padding: 0; }
header nav .nav-features-panel ul li { display: block; width: auto; margin: 0; text-align: left; }
header nav .nav-features-panel ul li a { display: flex; gap: 8px; align-items: baseline; padding: 6px 0; font-size: 14px; line-height: 1.3; }
header nav .nav-features-panel ul li a i { width: 16px; flex: none; font-size: 12px; color: var(--colors-violet-300, #c4b5ff); }
header nav .nav-features-panel ul li a[aria-current="page"] { color: var(--fg-primary-rest, #ebebee); }
header nav .nav-features-panel .nav-features-eos li a { padding: 4px 0; font-size: 13px; }
.nav-features-foot { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--colors-base-white-10, rgba(235, 235, 238, 0.1)); }
header nav .nav-features-foot a { padding: 0; font-size: 14px; }
.nav-features-foot span { color: var(--fg-tertiary-rest, #9f9cb0); font-size: 13px; margin-left: 6px; }
@media (max-width: 1180px) { .nav-features-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media only screen and (max-width: 960px) {
	header nav ul li.nav-features-menu { display: flex; flex-wrap: wrap; justify-content: center; }
	.nav-features-panel {
		position: static; transform: none; width: 100%; max-height: none; display: none; visibility: visible; opacity: 1;
		box-shadow: none; border-radius: 0; border-width: 1px 0; margin-top: 8px; padding: 16px;
	}
	.nav-features-menu.is-open .nav-features-panel { display: block; }
	.nav-features-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media only screen and (max-width: 560px) {
	.nav-features-grid, .nav-features-grid--solutions { grid-template-columns: 1fr; }
	.nav-features-grid--solutions > div { grid-column: auto; }
	.nav-features-grid--solutions ul { columns: 1; }
}
@media (prefers-reduced-motion: reduce) { .nav-features-panel, .nav-features-toggle i { transition: none; } }