/* 2026-09-03 v1.8
 * - Made the mobile menu panel light purple and its close action orange.
 *
 * 2026-09-03 v1.7
 * - Added the shared asymmetric image-corner treatment.
 *
 * 2026-09-02 v1.6
 * - Enlarged and skewed the Netsetup header wordmark with a subtle orange shadow.
 *
 * 2026-09-02 v1.5
 * - Added the orange Netsetup header wordmark and its scroll transition.
 *
 * 2026-09-02 v1.4
 * - Made the Netsetup palette and heading gradient win independently of stylesheet order.
 *
 * 2026-09-01 v1.3
 * - Applied the Netsetup light purple background to the footer.
 *
 * 2026-09-01 v1.2
 * - Applied the Netsetup light purple and orange palette to the mobile menu.
 *
 * 2026-09-01 v1.1
 * - Replaced the provisional green palette with the purple and orange Netsetup logo colors.
 * - Added matching warm backgrounds and brand-tinted carousel dividers.
 *
 * 2026-09-01 v1.0
 * - Added the independent Netsetup color palette.
 */

html:root {
	--lightcolor:#fff8f1;
	--frontcolor:#4b0255;
	--frontcolor_dark:#4b0255;
	--textcolor:#51474f;
	--texctcolor_light:#766a73;
	--bordercolor:#d8cad7;
	--bordercolor_dark:#c6b1c4;
	--lightcolor_light:#fffdfb;
	--lightyellow:#fde7d5;
	--yellow:#f58533;
	--lightblue:#f2e5f3;
	--heading_gradient_start:#4b0255;
	--heading_gradient_middle:#7a235e;
	--heading_gradient_end:#f58533;
	--heading_gradient_fallback:#4b0255;
}

.netsetup-asymmetric-image {
	overflow:hidden;
	border-radius:clamp(32px,4vw,64px) 0 clamp(32px,4vw,64px) 0;
}

html body h2[data-navchar-host="1"],
html body h1:not([data-navchar-host]),
html body h2:not([data-navchar-host]) {
	background-image:linear-gradient(130deg, var(--heading_gradient_start) 0%, var(--heading_gradient_middle) 50%, var(--heading_gradient_end) 100%);
}

html body[data-browser="safari"] h2[data-navchar-host="1"] {
	color:var(--heading_gradient_fallback);
}

footer {
	background-color:var(--lightblue,#f2e5f3);
}

header .netsetup-logo-lockup { display:flex; max-height:90px; align-items:center; gap:22px; }
header .netsetup-logo-wordmark { display:block; width:140px; margin:0; color:var(--yellow,#f58533); font-family:"neue-haas-unica","Inter",sans-serif; font-size:40px; font-weight:500; letter-spacing:0; line-height:1; white-space:nowrap; opacity:1; transform:skewX(-9deg) translateX(-8px); text-shadow:0 2px color-mix(in srgb,var(--yellow,#f58533) 25%,transparent); transition:letter-spacing .45s ease,opacity .3s ease; }
body.netsetup-logo-wordmark-hidden .netsetup-logo-wordmark { letter-spacing:-40px; opacity:0; }

.netsetup-market-card::after {
	background:linear-gradient(to bottom, rgba(75,2,85,.18) 0%, rgba(75,2,85,.18) calc(100% - 72px), transparent 100%);
}

.netsetup-markets-button {
	border-color:rgba(75,2,85,.24);
}

@media only screen and (max-width:820px) {
	header .netsetup-logo-lockup { max-height:60px; gap:12px; }
	header .netsetup-logo-wordmark { width:100px; font-size:21px; }

	html body.menu-open header nav {
		background:var(--lightblue,#f2e5f3)!important;
	}

	html body.menu-open .menu-button .hamburger-line {
		background-color:var(--yellow,#f58533)!important;
	}

	html body.menu-open .menu-button .text {
		color:var(--yellow,#f58533)!important;
	}
}

@media (prefers-reduced-motion:reduce) {
	header .netsetup-logo-wordmark { transition-duration:0ms; }
}