/**
 * Pixapop Oxyzinc – main styles (redesign)
 * Industrial, clean, modern B2B look.
 */

/* ================================================================
   VARIABLES
   ================================================================ */
:root {
	--oz-white: #ffffff;
	--oz-black: #0b0f14;
	--oz-dark: #111820;
	--oz-steel: #1c2736;
	--oz-slate: #3a4d63;
	--oz-gray: #64748b;
	--oz-gray-light: #94a3b8;
	--oz-light: #e8edf3;
	--oz-bg: #f4f6f9;
	--oz-bg-warm: #f8f9fb;
	--oz-accent: #2e7daa;
	--oz-accent-hover: #1d6490;
	--oz-accent-light: rgba(46, 125, 170, 0.08);
	--oz-accent-spec: #3b7ea8;
	--oz-accent-agro: #5aad4a;
	--oz-accent-industrial: #d4892e;
	--oz-accent-pure: #4a8dd4;
	--oz-font: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--oz-font-heading: 'Space Grotesk', 'DM Sans', sans-serif;
	--oz-radius: 12px;
	--oz-radius-lg: 20px;
	--oz-radius-xl: 28px;
	--oz-shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03);
	--oz-shadow: 0 2px 8px rgba(0,0,0,0.04), 0 12px 32px rgba(0,0,0,0.06);
	--oz-shadow-hover: 0 8px 24px rgba(0,0,0,0.06), 0 24px 56px rgba(0,0,0,0.1);
	--oz-shadow-card: 0 4px 16px rgba(0,0,0,0.05), 0 20px 48px rgba(0,0,0,0.08);
	--oz-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--oz-transition-fast: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
	--oz-container: min(100% - 2.5rem, 1280px);
}

/* ================================================================
   RESET & BASE
   ================================================================ */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body.oxyzinc-body {
	margin: 0;
	font-family: var(--oz-font);
	font-size: 17px;
	line-height: 1.65;
	color: var(--oz-steel);
	background: var(--oz-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	max-width: 100%;
	height: auto;
}

.oxyzinc-skip-link {
	position: absolute;
	top: -100px;
	left: 1rem;
	z-index: 9999;
	padding: 0.6rem 1.2rem;
	background: var(--oz-accent);
	color: var(--oz-white);
	text-decoration: none;
	font-weight: 600;
	border-radius: var(--oz-radius);
	transition: top var(--oz-transition);
}
.oxyzinc-skip-link:focus {
	top: 1rem;
	outline: 2px solid var(--oz-white);
	outline-offset: 2px;
}

.oxyzinc-container {
	width: 100%;
	max-width: var(--oz-container);
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

/* ================================================================
   REVEAL ANIMATIONS & MICRO-INTERACTIONS
   Only activate when JS has loaded (body.oz-js-ready)
   Without JS, content is fully visible by default.
   ================================================================ */

/* Smooth page load */
body.oz-js-ready {
	animation: ozFadeIn 0.5s ease both;
}
@keyframes ozFadeIn {
	from { opacity: 0.6; }
	to   { opacity: 1; }
}

/* Scroll reveal */
body.oz-js-ready .oz-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1),
	            transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
}
body.oz-js-ready .oz-reveal.oz-visible {
	opacity: 1;
	transform: translateY(0);
}
body.oz-js-ready .oz-reveal-delay-1 { transition-delay: 0.08s; }
body.oz-js-ready .oz-reveal-delay-2 { transition-delay: 0.16s; }
body.oz-js-ready .oz-reveal-delay-3 { transition-delay: 0.24s; }
body.oz-js-ready .oz-reveal-delay-4 { transition-delay: 0.32s; }
body.oz-js-ready .oz-reveal-delay-5 { transition-delay: 0.40s; }
body.oz-js-ready .oz-reveal-delay-6 { transition-delay: 0.48s; }

/* Staggered children (auto-set by JS) */
body.oz-js-ready .oz-stagger-children {
	--oz-stagger-i: 0;
	transition-delay: calc(var(--oz-stagger-i) * 0.07s);
}

/* Scroll progress bar */
.oz-scroll-progress {
	position: fixed;
	top: 0;
	left: 0;
	height: 3px;
	width: 0%;
	background: linear-gradient(90deg, var(--oz-accent), #4ab8e8);
	z-index: 9999;
	pointer-events: none;
	transition: width 0.1s linear;
}

/* Button micro-interactions */
.oxyzinc-btn,
.oxyzinc-header-cta,
.oxyzinc-hero-cta {
	transition: background var(--oz-transition-fast),
	            color var(--oz-transition-fast),
	            transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1),
	            box-shadow 0.2s ease;
}
.oxyzinc-btn:hover,
.oxyzinc-header-cta:hover,
.oxyzinc-hero-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(46, 125, 170, 0.2);
}
.oxyzinc-btn:active,
.oxyzinc-header-cta:active,
.oxyzinc-hero-cta:active {
	transform: translateY(0);
	box-shadow: none;
}

/* Card hover depth */
.oxyzinc-archive-card,
.oxyzinc-related-card,
.oxyzinc-unit-card {
	transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
	            box-shadow 0.35s ease,
	            border-color 0.35s ease;
}
.oxyzinc-archive-card:hover,
.oxyzinc-related-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--oz-shadow-hover);
	border-color: rgba(46, 125, 170, 0.15);
}

/* Nav link animated underline */
.oxyzinc-nav-list > li > a,
.oxyzinc-nav-list > li > .oxyzinc-nav-link {
	position: relative;
}
.oxyzinc-nav-list > li > a::after,
.oxyzinc-nav-list > li > .oxyzinc-nav-link::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 50%;
	width: 0;
	height: 2px;
	background: var(--oz-accent);
	border-radius: 1px;
	transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1), left 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.oxyzinc-nav-list > li > a:hover::after,
.oxyzinc-nav-list > li > .oxyzinc-nav-link:hover::after {
	width: 100%;
	left: 0;
}

/* Image shimmer placeholder */
@keyframes ozShimmer {
	0%   { background-position: -400px 0; }
	100% { background-position: 400px 0; }
}
.oxyzinc-archive-card-image,
.oxyzinc-related-card-image,
.oxyzinc-unit-card-image,
.oxyzinc-megamenu-card-media {
	background: linear-gradient(90deg, var(--oz-light) 25%, var(--oz-bg) 50%, var(--oz-light) 75%);
	background-size: 800px 100%;
	animation: ozShimmer 1.8s ease-in-out infinite;
}
.oxyzinc-archive-card-image img,
.oxyzinc-related-card-image img,
.oxyzinc-unit-card-image img,
.oxyzinc-megamenu-card-media img {
	position: relative;
	z-index: 1;
}

/* Header accent bar animation */
@keyframes ozAccentSlide {
	0%   { background-position: 0% 50%; }
	100% { background-position: 200% 50%; }
}
.oxyzinc-header::before {
	background: linear-gradient(90deg, var(--oz-accent), #4ab8e8, var(--oz-accent), #4ab8e8);
	background-size: 200% 100%;
	animation: ozAccentSlide 6s linear infinite;
}

/* 404 floating animation */
@keyframes ozFloat {
	0%, 100% { transform: translateY(0); }
	50%      { transform: translateY(-12px); }
}
.oxyzinc-404-code {
	animation: ozFloat 3s ease-in-out infinite;
}

/* Footer CTA gradient shift */
@keyframes ozGradientShift {
	0%   { background-position: 0% 50%; }
	50%  { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

/* Focus list items staggered */
body.oz-js-ready .oxyzinc-focus-list li {
	opacity: 0;
	transform: translateX(-12px);
	transition: opacity 0.4s ease, transform 0.4s ease;
}
body.oz-js-ready .oz-visible .oxyzinc-focus-list li {
	opacity: 1;
	transform: translateX(0);
}
body.oz-js-ready .oz-visible .oxyzinc-focus-list li:nth-child(1) { transition-delay: 0.05s; }
body.oz-js-ready .oz-visible .oxyzinc-focus-list li:nth-child(2) { transition-delay: 0.1s; }
body.oz-js-ready .oz-visible .oxyzinc-focus-list li:nth-child(3) { transition-delay: 0.15s; }
body.oz-js-ready .oz-visible .oxyzinc-focus-list li:nth-child(4) { transition-delay: 0.2s; }
body.oz-js-ready .oz-visible .oxyzinc-focus-list li:nth-child(5) { transition-delay: 0.25s; }
body.oz-js-ready .oz-visible .oxyzinc-focus-list li:nth-child(6) { transition-delay: 0.3s; }

/* ================================================================
   HEADER
   ================================================================ */
.oxyzinc-header {
	position: sticky;
	top: 0;
	z-index: 300;
	background: rgba(11, 15, 20, 0.95);
	backdrop-filter: blur(20px) saturate(1.2);
	-webkit-backdrop-filter: blur(20px) saturate(1.2);
	color: var(--oz-white);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	transition: background var(--oz-transition), box-shadow var(--oz-transition);
}
.oxyzinc-header::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--oz-accent), #4ab8e8, var(--oz-accent));
	z-index: 1;
}
.oxyzinc-header.scrolled {
	background: rgba(11, 15, 20, 0.98);
	box-shadow: 0 4px 24px rgba(0,0,0,0.2);
}

.oxyzinc-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 76px;
	gap: 2rem;
	padding: 0.25rem 0;
}

.oxyzinc-logo {
	display: inline-flex;
	align-items: center;
	color: inherit;
	text-decoration: none;
	transition: opacity var(--oz-transition);
	flex-shrink: 0;
}
.oxyzinc-logo:hover { opacity: 0.88; }

.oxyzinc-logo img,
.oxyzinc-logo-img,
.oxyzinc-logo .custom-logo {
	max-height: 72px;
	height: auto;
	width: auto;
	display: block;
	filter: brightness(0) invert(1);
}
.oxyzinc-logo .custom-logo-link {
	display: inline-flex;
}

.oxyzinc-header-right {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

/* ================================================================
   NAVIGATION
   ================================================================ */
.oxyzinc-nav-list {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.oxyzinc-nav-list > li > a,
.oxyzinc-nav-list > li > .oxyzinc-nav-link {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	font-family: var(--oz-font);
	font-weight: 500;
	font-size: 0.92rem;
	letter-spacing: 0.01em;
	padding: 0.55em 0.85em;
	border-radius: var(--oz-radius);
	transition: color var(--oz-transition-fast), background var(--oz-transition-fast);
	display: inline-flex;
	align-items: center;
	gap: 0.3em;
}
.oxyzinc-nav-list > li > a:hover,
.oxyzinc-nav-list > li > .oxyzinc-nav-link:hover {
	color: var(--oz-white);
	background: rgba(255, 255, 255, 0.08);
}

.oxyzinc-header-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.55rem 1.3rem;
	font-weight: 600;
	font-size: 0.9rem;
	color: var(--oz-white);
	background: var(--oz-accent);
	border: none;
	border-radius: 999px;
	text-decoration: none;
	transition: background var(--oz-transition), transform var(--oz-transition);
	white-space: nowrap;
}
.oxyzinc-header-cta:hover {
	background: var(--oz-accent-hover);
	transform: translateY(-1px);
	color: var(--oz-white);
}
.oxyzinc-header-cta svg {
	width: 1em;
	height: 1em;
}

/* Hamburger */
.oxyzinc-nav-toggle {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	padding: 10px;
	flex-direction: column;
	gap: 5px;
	z-index: 201;
}
.oxyzinc-nav-toggle-line {
	display: block;
	width: 22px;
	height: 2px;
	background: var(--oz-white);
	border-radius: 2px;
	transition: transform var(--oz-transition), opacity var(--oz-transition);
}
.oxyzinc-nav-toggle.is-active .oxyzinc-nav-toggle-line:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}
.oxyzinc-nav-toggle.is-active .oxyzinc-nav-toggle-line:nth-child(2) {
	opacity: 0;
}
.oxyzinc-nav-toggle.is-active .oxyzinc-nav-toggle-line:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

/* ================================================================
   MEGA MENU
   ================================================================ */
.oxyzinc-nav-list > li {
	position: relative;
}

.oxyzinc-has-megamenu > a,
.oxyzinc-has-megamenu > .oxyzinc-nav-link,
.oxyzinc-has-dropdown > a,
.oxyzinc-has-dropdown > .oxyzinc-nav-link {
	cursor: pointer;
}

.oxyzinc-megamenu-chevron {
	display: inline-flex;
	margin-left: 0.15em;
	transition: transform var(--oz-transition);
}
.oxyzinc-megamenu-chevron svg {
	width: 0.75em;
	height: 0.75em;
}
.oxyzinc-has-megamenu.is-mega-open .oxyzinc-megamenu-chevron,
.oxyzinc-has-dropdown.is-mega-open .oxyzinc-megamenu-chevron {
	transform: rotate(180deg);
}

/* --- Mega menu panel (shared base) --- */
.oxyzinc-megamenu-panel {
	position: fixed;
	top: 72px;
	left: 50%;
	transform: translateX(-50%) translateY(10px);
	max-height: calc(100vh - 100px);
	overflow-y: auto;
	background: var(--oz-white);
	border-radius: 16px;
	box-shadow:
		0 30px 80px rgba(0,0,0,0.12),
		0 8px 24px rgba(0,0,0,0.06),
		0 0 0 1px rgba(0,0,0,0.04);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.25s cubic-bezier(.4,0,.2,1), visibility 0.25s ease, transform 0.25s cubic-bezier(.4,0,.2,1);
	z-index: 200;
}

.oxyzinc-has-megamenu.is-mega-open > .oxyzinc-megamenu-panel {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(-50%) translateY(0);
}

.oxyzinc-mm-wrap {
	display: grid;
	gap: 2px;
}

/* --- Shared item style --- */
.oxyzinc-mm-item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.5rem;
	text-decoration: none;
	color: var(--oz-steel);
	border-radius: 10px;
	transition: background 0.18s ease;
}
.oxyzinc-mm-item:hover {
	background: var(--oz-bg);
}
.oxyzinc-mm-item:hover .oxyzinc-mm-label {
	color: var(--oz-dark);
}
.oxyzinc-mm-item:hover .oxyzinc-mm-thumb img {
	transform: scale(1.08);
}

.oxyzinc-mm-thumb {
	flex-shrink: 0;
	overflow: hidden;
	background: var(--oz-light);
}
.oxyzinc-mm-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s cubic-bezier(.4,0,.2,1);
}

.oxyzinc-mm-label {
	font-family: var(--oz-font-heading);
	font-weight: 600;
	line-height: 1.25;
	transition: color 0.18s ease;
}

/* ===========================================
   FEATURED variant (Business Units, ≤4 items)
   - Large landscape image cards in a row
   =========================================== */
.oxyzinc-mm-featured {
	width: min(640px, 94vw);
	padding: 0.75rem;
}
.oxyzinc-mm-featured .oxyzinc-mm-wrap {
	grid-template-columns: repeat(2, 1fr);
	gap: 6px;
}
.oxyzinc-mm-featured .oxyzinc-mm-item {
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	padding: 0;
	border-radius: 12px;
	overflow: hidden;
	background: var(--oz-bg);
}
.oxyzinc-mm-featured .oxyzinc-mm-item:hover {
	background: var(--oz-light);
}
.oxyzinc-mm-featured .oxyzinc-mm-thumb {
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 0;
}
.oxyzinc-mm-featured .oxyzinc-mm-label {
	padding: 0.6rem 0.75rem;
	font-size: 0.88rem;
}

/* ===========================================
   GRID variant (Grades, 5–12 items)
   - Rows with square thumbnail + title
   =========================================== */
.oxyzinc-mm-grid {
	width: min(680px, 94vw);
	padding: 0.65rem;
}
.oxyzinc-mm-grid .oxyzinc-mm-wrap {
	grid-template-columns: repeat(3, 1fr);
	gap: 2px;
}
.oxyzinc-mm-grid .oxyzinc-mm-thumb {
	width: 44px;
	height: 44px;
	border-radius: 10px;
}
.oxyzinc-mm-grid .oxyzinc-mm-label {
	font-size: 0.84rem;
}

/* ===========================================
   COMPACT variant (Applications, 13+ items)
   - 4-col tight layout with small thumbnails
   =========================================== */
.oxyzinc-mm-compact {
	width: min(820px, 94vw);
	padding: 0.55rem;
}
.oxyzinc-mm-compact .oxyzinc-mm-wrap {
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
}
.oxyzinc-mm-compact .oxyzinc-mm-item {
	gap: 0.6rem;
	padding: 0.4rem 0.5rem;
	border-radius: 8px;
}
.oxyzinc-mm-compact .oxyzinc-mm-thumb {
	width: 36px;
	height: 36px;
	border-radius: 8px;
}
.oxyzinc-mm-compact .oxyzinc-mm-label {
	font-size: 0.8rem;
	font-weight: 500;
}

/* --- Compliance / simple text dropdown --- */
.oxyzinc-dropdown-panel {
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 4px;
	transform: translateY(6px);
	min-width: 260px;
	padding: 0.5rem 0;
	background: #fff;
	border-radius: var(--oz-radius-lg);
	box-shadow: 0 20px 60px rgba(0,0,0,0.14), 0 4px 16px rgba(0,0,0,0.08);
	border: 1px solid rgba(0, 0, 0, 0.08);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity var(--oz-transition), visibility var(--oz-transition), transform var(--oz-transition);
	z-index: 200;
}
.oxyzinc-has-dropdown.is-mega-open > .oxyzinc-dropdown-panel {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}
.oxyzinc-dropdown-list {
	list-style: none !important;
	margin: 0;
	padding: 0;
}
.oxyzinc-dropdown-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.oxyzinc-dropdown-list li a {
	display: block;
	padding: 0.55rem 1.25rem;
	color: #333 !important;
	text-decoration: none !important;
	font-size: 0.9rem;
	font-weight: 500;
	white-space: nowrap;
	transition: background 0.15s ease, color 0.15s ease;
}
.oxyzinc-dropdown-list li a:hover {
	background: #f4f6f8;
	color: var(--oz-accent) !important;
}

.oxyzinc-megamenu-link:hover {
	background: var(--oz-accent-light);
	color: var(--oz-accent);
}

/* ================================================================
   HERO
   ================================================================ */
.oxyzinc-hero {
	position: relative;
	min-height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: linear-gradient(160deg, #1a2840 0%, #15202e 40%, #0f1820 100%);
}

.oxyzinc-hero-bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
}
.oxyzinc-hero-blue .oxyzinc-hero-bg {
	background: linear-gradient(135deg, #1e5a82, #2a6b9e, #1e3a52, #2e7daa);
}
.oxyzinc-hero-blue .oxyzinc-hero-overlay {
	display: none;
}
.oxyzinc-hero-has-bg .oxyzinc-hero-bg {
	background: transparent;
	background-image: var(--oxyzinc-hero-bg-image);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.oxyzinc-hero-has-bg .oxyzinc-hero-bg::before {
	display: none;
}
.oxyzinc-hero-has-bg .oxyzinc-hero-overlay {
	display: none;
}

.oxyzinc-hero-pattern {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	opacity: 0.15;
}
.oxyzinc-hero-pattern svg {
	width: 100%;
	height: 100%;
	display: block;
}

.oxyzinc-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(15, 24, 32, 0.35) 0%, rgba(15, 24, 32, 0.2) 50%, rgba(15, 24, 32, 0.4) 100%);
	z-index: 1;
}

.oxyzinc-hero-content {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 7rem 0 8rem;
	text-align: center;
}
.oxyzinc-hero-title {
	margin: 0 auto 1.5rem;
	font-family: var(--oz-font-heading);
	font-size: clamp(2.4rem, 5vw, 3.6rem);
	font-weight: 700;
	line-height: 1.1;
	color: var(--oz-white);
	max-width: 820px;
	letter-spacing: -0.03em;
	text-shadow: 0 0 4px rgba(0,0,0,0.9), 0 0 12px rgba(0,0,0,0.7), 0 2px 8px rgba(0,0,0,0.6), 0 4px 24px rgba(0,0,0,0.5);
}

.oxyzinc-hero-subtitle {
	margin: 0 auto 2.5rem;
	font-size: clamp(1.1rem, 2vw, 1.25rem);
	color: #ffffff;
	max-width: 600px;
	line-height: 1.7;
	font-weight: 500;
	text-shadow: 0 0 6px rgba(0,0,0,1), 0 0 12px rgba(0,0,0,0.8), 0 1px 6px rgba(0,0,0,0.7), 0 3px 20px rgba(0,0,0,0.5);
}

.oxyzinc-hero-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.85rem 2rem;
	font-weight: 600;
	font-size: 1rem;
	color: var(--oz-white);
	background: var(--oz-accent);
	border-radius: 999px;
	text-decoration: none;
	transition: background var(--oz-transition), transform var(--oz-transition), box-shadow var(--oz-transition);
	box-shadow: 0 0 0 1px rgba(0,0,0,0.2), 0 4px 20px rgba(46, 125, 170, 0.3), 0 4px 24px rgba(0,0,0,0.25);
}
.oxyzinc-hero-cta:hover {
	background: var(--oz-accent-hover);
	transform: translateY(-2px);
	box-shadow: 0 8px 30px rgba(46, 125, 170, 0.4);
	color: var(--oz-white);
}
.oxyzinc-hero-cta svg {
	width: 1.1em;
	height: 1.1em;
}

.oxyzinc-hero-wave {
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 60px;
	color: var(--oz-bg);
	pointer-events: none;
	z-index: 3;
	line-height: 0;
}
.oxyzinc-hero-wave svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* ================================================================
   BUSINESS UNITS GRID (the centerpiece)
   ================================================================ */
.oxyzinc-units {
	padding: 3.5rem 0 3rem;
	position: relative;
}

.oxyzinc-units-heading {
	text-align: center;
	margin-bottom: 3rem;
}
.oxyzinc-units-heading h2 {
	margin: 0 0 0.5rem;
	font-family: var(--oz-font-heading);
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--oz-dark);
}
.oxyzinc-units-heading p {
	margin: 0;
	font-size: 1.05rem;
	color: var(--oz-gray);
	max-width: 520px;
	margin: 0 auto;
}

.oxyzinc-units-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
}

.oxyzinc-unit-card {
	display: flex;
	flex-direction: column;
	background: var(--oz-white);
	border-radius: var(--oz-radius-lg);
	overflow: hidden;
	box-shadow: var(--oz-shadow-sm);
	text-decoration: none;
	color: inherit;
	transition: transform var(--oz-transition), box-shadow var(--oz-transition);
	border: 1px solid rgba(0, 0, 0, 0.04);
}
.oxyzinc-unit-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--oz-shadow-hover);
}

.oxyzinc-unit-card-image {
	position: relative;
	aspect-ratio: 5/4;
	background: var(--oz-light);
	overflow: hidden;
}
.oxyzinc-unit-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.oxyzinc-unit-card:hover .oxyzinc-unit-card-image img {
	transform: scale(1.06);
}
.oxyzinc-unit-card-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 40%, transparent 65%);
	pointer-events: none;
}
.oxyzinc-unit-card-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--oz-light) 0%, var(--oz-bg) 100%);
	color: var(--oz-slate);
	opacity: 0.5;
}
.oxyzinc-unit-card-placeholder .oxyzinc-placeholder-icon {
	width: 48px;
	height: 48px;
}

.oxyzinc-unit-card-content {
	padding: 1.5rem 1.5rem 1.25rem;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.oxyzinc-unit-card-title {
	margin: 0 0 0.35em;
	font-family: var(--oz-font-heading);
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--oz-dark);
	letter-spacing: -0.01em;
	line-height: 1.25;
}
.oxyzinc-unit-card-tagline {
	margin: 0 0 1.25rem;
	font-size: 0.92rem;
	color: var(--oz-gray);
	line-height: 1.5;
	flex: 1;
}
.oxyzinc-unit-card-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.55rem 1.25rem;
	font-weight: 600;
	font-size: 0.88rem;
	color: var(--oz-white) !important;
	background: var(--oxyzinc-unit-color, var(--oz-accent));
	border-radius: 999px;
	transition: background var(--oz-transition), transform var(--oz-transition-fast);
}
.oxyzinc-unit-card-btn svg {
	width: 0.9em;
	height: 0.9em;
	transition: transform var(--oz-transition-fast);
}
.oxyzinc-unit-card:hover .oxyzinc-unit-card-btn {
	filter: brightness(0.9);
}
.oxyzinc-unit-card:hover .oxyzinc-unit-card-btn svg {
	transform: translateX(3px);
}

/* ================================================================
   CTA SECTION (homepage)
   ================================================================ */
.oxyzinc-cta {
	padding: 4rem 0;
	background: var(--oz-white);
	position: relative;
}
.oxyzinc-cta::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--oz-light), transparent);
}
.oxyzinc-cta-inner {
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
}
.oxyzinc-cta-title {
	margin: 0 0 1rem;
	font-family: var(--oz-font-heading);
	font-size: clamp(1.6rem, 3.2vw, 2.1rem);
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--oz-dark);
}
.oxyzinc-cta-text {
	margin: 0 0 2.25rem;
	font-size: 1.08rem;
	color: var(--oz-gray);
	line-height: 1.65;
}
.oxyzinc-cta-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
}

/* ================================================================
   BUTTONS
   ================================================================ */
.oxyzinc-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.7rem 1.5rem;
	font-weight: 600;
	font-size: 0.95rem;
	text-decoration: none;
	border-radius: 999px;
	transition: background var(--oz-transition), color var(--oz-transition), border-color var(--oz-transition), transform var(--oz-transition), box-shadow var(--oz-transition);
}
.oxyzinc-btn svg {
	width: 1em;
	height: 1em;
	flex-shrink: 0;
}
.oxyzinc-btn-primary {
	background: var(--oz-accent);
	color: var(--oz-white);
	border: 2px solid transparent;
}
.oxyzinc-btn-primary:hover {
	background: var(--oz-accent-hover);
	color: var(--oz-white);
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(46, 125, 170, 0.25);
}
.oxyzinc-btn-outline {
	background: transparent;
	color: var(--oz-accent);
	border: 2px solid var(--oz-accent);
}
.oxyzinc-btn-outline:hover {
	background: var(--oz-accent);
	color: var(--oz-white);
	transform: translateY(-1px);
}
.oxyzinc-btn-white {
	background: var(--oz-white);
	color: var(--oz-dark);
	border: 2px solid transparent;
}
.oxyzinc-btn-white:hover {
	background: var(--oz-bg);
	transform: translateY(-1px);
	color: var(--oz-dark);
}

/* ================================================================
   INNER PAGE HERO BANNERS
   ================================================================ */
.oxyzinc-page-header,
.oxyzinc-single-header,
.oxyzinc-archive-header-wrap {
	position: relative;
	min-height: 160px;
	display: flex;
	align-items: center;
	padding: 2.5rem 0 2.5rem;
	background: linear-gradient(160deg, #1a2840 0%, var(--oz-dark) 50%, #0d1926 100%);
	color: var(--oz-white);
	overflow: hidden;
}
/* no decorative circle -- kept clean */
.oxyzinc-page-header > .oxyzinc-container,
.oxyzinc-single-header > .oxyzinc-container,
.oxyzinc-archive-header-wrap > .oxyzinc-container {
	position: relative;
	z-index: 2;
	width: 100%;
}
.oxyzinc-inner-header-pattern {
	position: absolute;
	inset: 0;
	z-index: 0;
	opacity: 0.06;
	pointer-events: none;
}
.oxyzinc-inner-header-pattern svg {
	width: 100%;
	height: 100%;
}

.oxyzinc-single-header-has-image {
	min-height: 320px;
	display: flex;
	align-items: center;
}
.oxyzinc-single-header-has-image::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(11, 15, 20, 0.88) 0%, rgba(11, 15, 20, 0.45) 50%, rgba(11, 15, 20, 0.15) 100%);
	z-index: 1;
}
.oxyzinc-single-header-bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	will-change: transform;
	transition: transform 0.1s linear;
}
.oxyzinc-single-header-has-image .oxyzinc-single-header-bg + .oxyzinc-container {
	position: relative;
	z-index: 2;
}

.oxyzinc-page-title,
.oxyzinc-single-title {
	margin: 0;
	font-family: var(--oz-font-heading);
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.12;
	text-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
}
/* title underline removed -- clean look */
.oxyzinc-archive-title {
	margin: 0;
	font-family: var(--oz-font-heading);
	font-size: clamp(1.8rem, 3.5vw, 2.6rem);
	font-weight: 700;
	letter-spacing: -0.025em;
}
/* archive title underline removed */
.oxyzinc-archive-count {
	margin: 0.75rem 0 0;
	opacity: 0.7;
	font-size: 0.92rem;
}
.oxyzinc-single-tagline,
.oxyzinc-single-meta {
	margin: 0.75rem 0 0;
	opacity: 0.8;
	font-size: 1.1rem;
	max-width: 640px;
	line-height: 1.55;
}
.oxyzinc-single-intro-tagline {
	font-family: var(--oz-font-heading);
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--oz-dark);
	line-height: 1.6;
	margin: 0 0 0.75rem;
	max-width: 820px;
}
.oxyzinc-single-intro-text {
	font-size: 1rem;
	font-weight: 400;
	color: var(--oz-gray);
	line-height: 1.7;
	margin: 0;
	max-width: 820px;
}
.oxyzinc-single-intro-meta {
	display: block;
	font-family: var(--oz-font-heading);
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--oz-dark);
	background: none;
	padding: 0;
	border-radius: 0;
	margin: 0 0 0.75rem;
	letter-spacing: 0.02em;
}

/* Breadcrumb pill */
.oxyzinc-back-link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.85rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	margin-bottom: 0.75rem;
	padding: 0.35rem 0.85rem 0.35rem 0.65rem;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 100px;
	backdrop-filter: blur(8px);
	transition: background var(--oz-transition-fast), color var(--oz-transition-fast), border-color var(--oz-transition-fast);
}
.oxyzinc-back-link:hover {
	color: var(--oz-white);
	background: rgba(255, 255, 255, 0.14);
	border-color: rgba(255, 255, 255, 0.2);
}
.oxyzinc-back-link svg {
	width: 0.85em;
	height: 0.85em;
}

/* ================================================================
   RANK MATH BREADCRUMBS
   ================================================================ */
.oxyzinc-breadcrumbs {
	background: var(--oz-gray-50, #f8f9fa);
	border-bottom: 1px solid var(--oz-gray-200, #e5e7eb);
	padding: 0.65rem 0;
	font-size: 0.82rem;
	line-height: 1.4;
}
.oxyzinc-breadcrumbs p {
	margin: 0;
	color: var(--oz-gray-500, #6b7280);
}
.oxyzinc-breadcrumbs a {
	color: var(--oz-gray-500, #6b7280);
	text-decoration: none;
	transition: color var(--oz-transition-fast, 0.2s ease);
}
.oxyzinc-breadcrumbs a:hover {
	color: var(--oz-gray-700, #374151);
	text-decoration: underline;
}
.oxyzinc-breadcrumbs .separator {
	margin: 0 0.35rem;
	color: var(--oz-gray-400, #9ca3af);
}
.oxyzinc-breadcrumbs .last {
	color: var(--oz-gray-700, #374151);
	font-weight: 500;
}

/* ================================================================
   SINGLE CONTENT AREA
   ================================================================ */
.oxyzinc-page-content,
.oxyzinc-single-content {
	padding: 2.5rem 0 3rem;
}
.oxyzinc-single-content .oxyzinc-container,
.oxyzinc-single-container-narrow {
	max-width: var(--oz-container);
}

.oxyzinc-single-block {
	margin-top: 2rem;
	padding: 2rem;
	background: var(--oz-white);
	border-radius: var(--oz-radius-lg);
	box-shadow: var(--oz-shadow-sm);
	border: 1px solid rgba(0, 0, 0, 0.04);
}
.oxyzinc-single-content .oxyzinc-single-block:first-child {
	margin-top: 0;
}

.oxyzinc-single-block-title {
	margin: 0 0 1.25rem;
	font-family: var(--oz-font-heading);
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--oz-dark);
	letter-spacing: -0.01em;
}
.oxyzinc-single-block h3 {
	margin: 0 0 0.75rem;
	font-family: var(--oz-font-heading);
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--oz-dark);
}

.oxyzinc-page-content .oxyzinc-container {
	max-width: var(--oz-container);
}
.oxyzinc-page-content .oxyzinc-container .oxyzinc-page-body {
	background: var(--oz-white);
	border-radius: var(--oz-radius-lg);
	box-shadow: var(--oz-shadow-sm);
	border: 1px solid rgba(0, 0, 0, 0.04);
	padding: 2.5rem 2.25rem;
}
.oxyzinc-single-block p,
.oxyzinc-single-block > ul,
.oxyzinc-single-block > ol,
.oxyzinc-single-block > dl {
	max-width: 820px;
}
.oxyzinc-single-content > .oxyzinc-container > h2,
.oxyzinc-single-content > .oxyzinc-container > h3,
.oxyzinc-single-content > .oxyzinc-container > h4 {
	font-family: var(--oz-font-heading);
	color: var(--oz-dark);
}
.oxyzinc-single-content > .oxyzinc-container > h2 {
	margin: 2rem 0 0.75rem;
	font-size: 1.2rem;
	font-weight: 700;
}
.oxyzinc-single-content > .oxyzinc-container > h3 {
	margin: 1.5rem 0 0.6rem;
	font-size: 1.1rem;
	font-weight: 600;
}
.oxyzinc-single-content > .oxyzinc-container > p {
	font-size: 0.95rem;
	line-height: 1.7;
	color: var(--oz-gray);
	max-width: 820px;
}
.oxyzinc-single-content > .oxyzinc-container > ul,
.oxyzinc-single-content > .oxyzinc-container > ol {
	font-size: 0.95rem;
	line-height: 1.7;
	color: var(--oz-gray);
	max-width: 820px;
}

/* Focus list */
.oxyzinc-focus-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.6rem;
}
.oxyzinc-focus-list li {
	position: relative;
	padding-left: 1.5rem;
	font-size: 1rem;
	line-height: 1.5;
	color: var(--oz-steel);
}
.oxyzinc-focus-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--oz-accent);
}

/* Related intro text */
.oxyzinc-related-intro {
	margin-bottom: 1.5rem;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--oz-gray);
}

/* Related cards grid */
.oxyzinc-related-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 1.25rem;
	margin-top: 0.75rem;
}
.oxyzinc-related-card {
	display: flex;
	flex-direction: column;
	background: var(--oz-bg);
	border-radius: var(--oz-radius);
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	transition: transform var(--oz-transition-fast), box-shadow var(--oz-transition);
	border: 1px solid rgba(0, 0, 0, 0.04);
}
.oxyzinc-related-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--oz-shadow);
}
.oxyzinc-related-card-image {
	aspect-ratio: 16/10;
	background: var(--oz-light);
	overflow: hidden;
}
.oxyzinc-related-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}
.oxyzinc-related-card:hover .oxyzinc-related-card-image img {
	transform: scale(1.05);
}
.oxyzinc-related-card-content {
	padding: 1rem 1.25rem 1.1rem;
}
.oxyzinc-related-card-title {
	margin: 0 0 0.3em;
	font-family: var(--oz-font-heading);
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--oz-dark);
	line-height: 1.3;
}
.oxyzinc-related-card-desc,
.oxyzinc-related-card-meta {
	margin: 0 0 0.6rem;
	font-size: 0.85rem;
	color: var(--oz-gray);
	line-height: 1.45;
}
.oxyzinc-related-card-link {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--oz-accent);
	transition: color var(--oz-transition-fast);
}
.oxyzinc-related-card-link svg {
	width: 0.85em;
	height: 0.85em;
	transition: transform var(--oz-transition-fast);
}
.oxyzinc-related-card:hover .oxyzinc-related-card-link {
	color: var(--oz-accent-hover);
}
.oxyzinc-related-card:hover .oxyzinc-related-card-link svg {
	transform: translateX(3px);
}

.oxyzinc-related-section {
	margin-top: 1rem;
}
.oxyzinc-related-section h2,
.oxyzinc-related-section h3,
.oxyzinc-related-section .oxyzinc-single-block-title {
	margin-top: 2.5rem;
}
.oxyzinc-related-section h2:first-child,
.oxyzinc-related-section h3:first-child,
.oxyzinc-related-section .oxyzinc-single-block-title:first-child,
.oxyzinc-related-section .oxyzinc-related-intro + h2,
.oxyzinc-related-section .oxyzinc-related-intro + h3 {
	margin-top: 0;
}

/* Related as list (used in ZOG, Applications, Compliance) */
.oxyzinc-related-list,
.oxyzinc-single-block ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.oxyzinc-related-list li,
.oxyzinc-unit-focus ul li {
	margin: 0.4em 0;
}
.oxyzinc-related-list a,
.oxyzinc-unit-focus a {
	color: var(--oz-accent);
	text-decoration: none;
	font-weight: 500;
	transition: color var(--oz-transition-fast);
}
.oxyzinc-related-list a:hover {
	color: var(--oz-accent-hover);
	text-decoration: underline;
}

/* Properties table */
.oxyzinc-props-list {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.5rem 2rem;
	margin: 0;
}
.oxyzinc-compliance-props {
	margin-top: 1rem;
}
.oxyzinc-compliance-props .oxyzinc-props-list {
	grid-template-columns: auto 1fr;
	max-width: none;
	gap: 0.6rem 0.5rem;
}
.oxyzinc-props-list dt {
	font-weight: 600;
	color: var(--oz-steel);
	font-size: 0.95rem;
}
.oxyzinc-props-list dd {
	margin: 0;
	color: var(--oz-gray);
}
.oxyzinc-props-list dd a {
	display: inline-block;
	padding: 0.25rem 0.7rem;
	margin: 0.15rem 0.25rem 0.15rem 0;
	font-size: 0.82rem;
	font-weight: 500;
	color: var(--oz-accent);
	background: rgba(46, 125, 170, 0.08);
	border-radius: 100px;
	text-decoration: none;
	transition: background var(--oz-transition-fast), color var(--oz-transition-fast);
}
.oxyzinc-props-list dd a:hover {
	background: var(--oz-accent);
	color: #fff;
}

.oxyzinc-compliance-layout {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 2rem;
	align-items: stretch;
}
.oxyzinc-compliance-image {
	border-radius: var(--oz-radius-lg);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--oz-white);
	box-shadow: var(--oz-shadow-sm);
	border: 1px solid rgba(0, 0, 0, 0.04);
	padding: 2rem;
	min-height: 100%;
}
.oxyzinc-compliance-image img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	border-radius: var(--oz-radius-lg);
	object-fit: contain;
}
.oxyzinc-compliance-info .oxyzinc-single-block {
	margin-bottom: 1.25rem;
}
.oxyzinc-compliance-info .oxyzinc-single-block:last-child {
	margin-bottom: 0;
}
@media (max-width: 768px) {
	.oxyzinc-compliance-layout {
		grid-template-columns: 1fr;
	}
	.oxyzinc-compliance-image {
		position: static;
	}
}

.oxyzinc-requirements-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 1rem;
}
.oxyzinc-requirement-item {
	padding: 1.25rem;
	background: var(--oz-bg);
	border-radius: var(--oz-radius-lg);
	border: 1px solid var(--oz-light);
}
.oxyzinc-requirement-item h4 {
	margin: 0 0 0.5rem;
	font-size: 1rem;
	font-weight: 700;
	color: var(--oz-dark);
}
.oxyzinc-requirement-item p {
	margin: 0;
	font-size: 0.92rem;
	color: var(--oz-gray);
	line-height: 1.6;
}

.oxyzinc-btn-doc {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.6rem 1.25rem;
	background: var(--oz-accent);
	color: var(--oz-white);
	text-decoration: none;
	border-radius: var(--oz-radius);
	font-weight: 600;
	font-size: 0.92rem;
	transition: background var(--oz-transition), transform var(--oz-transition-fast);
}
.oxyzinc-btn-doc:hover {
	background: var(--oz-accent-hover);
	color: var(--oz-white);
	transform: translateY(-1px);
}

/* ================================================================
   ARCHIVE
   ================================================================ */
.oxyzinc-archive {
	padding: 2rem 0 3rem;
}
.oxyzinc-archive-header {
	margin-bottom: 2rem;
}

.oxyzinc-archive-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 1.5rem;
}

.oxyzinc-archive-card {
	display: flex;
	flex-direction: column;
	background: var(--oz-white);
	border-radius: var(--oz-radius-lg);
	overflow: hidden;
	box-shadow: var(--oz-shadow-sm);
	text-decoration: none;
	color: inherit;
	transition: transform var(--oz-transition), box-shadow var(--oz-transition);
	border: 1px solid rgba(0, 0, 0, 0.04);
}
.oxyzinc-archive-card:hover {
	transform: translateY(-5px);
	box-shadow: var(--oz-shadow-hover);
}

.oxyzinc-archive-card-image {
	aspect-ratio: 16/10;
	min-height: 180px;
	background: var(--oz-light);
	overflow: hidden;
	position: relative;
}
.oxyzinc-archive-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.oxyzinc-archive-card:hover .oxyzinc-archive-card-image img {
	transform: scale(1.05);
}

.oxyzinc-archive-card-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 180px;
	background: linear-gradient(135deg, var(--oz-bg-warm), var(--oz-light));
	color: var(--oz-slate);
	opacity: 0.45;
}
.oxyzinc-archive-card-placeholder .oxyzinc-placeholder-icon {
	width: 40px;
	height: 40px;
}

.oxyzinc-archive-card-content {
	padding: 1.25rem 1.5rem 1.25rem;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.oxyzinc-archive-card-title {
	margin: 0 0 0.5em;
	font-family: var(--oz-font-heading);
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--oz-dark);
	letter-spacing: -0.01em;
	line-height: 1.3;
}
.oxyzinc-archive-card-excerpt {
	margin: 0 0 0.75em;
	font-size: 0.88rem;
	color: var(--oz-gray);
	line-height: 1.5;
	flex: 1;
}
.oxyzinc-archive-card-link {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--oz-accent);
}
.oxyzinc-archive-card-link svg {
	width: 0.9em;
	height: 0.9em;
	transition: transform var(--oz-transition-fast);
}
.oxyzinc-archive-card:hover .oxyzinc-archive-card-link svg {
	transform: translateX(3px);
}

.oxyzinc-archive-empty {
	text-align: center;
	padding: 4rem 2rem;
	background: var(--oz-white);
	border-radius: var(--oz-radius-lg);
	box-shadow: var(--oz-shadow-sm);
	border: 1px solid rgba(0, 0, 0, 0.04);
}
.oxyzinc-archive-empty-text {
	margin: 0 0 1.5rem;
	font-size: 1.1rem;
	color: var(--oz-gray);
}
.oxyzinc-archive-empty .oxyzinc-btn { margin-top: 1rem; }

/* Pagination */
.oxyzinc-archive .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 2.5rem;
}
.oxyzinc-archive .nav-links a,
.oxyzinc-archive .nav-links span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 0.75rem;
	background: var(--oz-white);
	border-radius: var(--oz-radius);
	text-decoration: none;
	color: var(--oz-steel);
	font-weight: 600;
	font-size: 0.92rem;
	box-shadow: var(--oz-shadow-sm);
	border: 1px solid rgba(0, 0, 0, 0.05);
	transition: all var(--oz-transition-fast);
}
.oxyzinc-archive .nav-links a:hover {
	background: var(--oz-accent);
	color: var(--oz-white);
	border-color: var(--oz-accent);
}
.oxyzinc-archive .nav-links .current {
	background: var(--oz-accent);
	color: var(--oz-white);
	border-color: var(--oz-accent);
}

/* ================================================================
   CONTACT PAGE
   ================================================================ */
.oxyzinc-contact-hero {
	position: relative;
	padding: 4rem 0 3.5rem;
	background: linear-gradient(160deg, #1a2840 0%, var(--oz-dark) 50%, #0d1926 100%);
	color: var(--oz-white);
	text-align: center;
	overflow: hidden;
}
.oxyzinc-contact-hero > .oxyzinc-container {
	position: relative;
	z-index: 2;
}
.oxyzinc-contact-hero-title {
	font-family: var(--oz-font-heading);
	font-size: clamp(2.2rem, 5vw, 3.2rem);
	font-weight: 700;
	letter-spacing: -0.03em;
	margin: 0 0 0.75rem;
	text-shadow: 0 2px 20px rgba(0,0,0,0.2);
}
.oxyzinc-contact-hero-sub {
	max-width: 620px;
	margin: 0 auto;
	font-size: 1.1rem;
	opacity: 0.85;
	line-height: 1.6;
}
.oxyzinc-contact-hero-tags {
	max-width: 620px;
	margin: 1rem auto 0;
	font-size: 0.9rem;
	opacity: 0.55;
	letter-spacing: 0.03em;
	font-weight: 500;
}
.oxyzinc-contact-body {
	padding: 3.5rem 0 4rem;
}
.oxyzinc-contact-grid {
	display: grid;
	grid-template-columns: 340px 1fr;
	gap: 2.5rem;
	align-items: start;
}
.oxyzinc-contact-info {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.oxyzinc-contact-card {
	padding: 1.5rem;
	background: var(--oz-white);
	border-radius: var(--oz-radius-lg);
	box-shadow: var(--oz-shadow-sm);
	border: 1px solid rgba(0,0,0,0.04);
	transition: transform var(--oz-transition), box-shadow var(--oz-transition);
}
.oxyzinc-contact-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--oz-shadow);
}
.oxyzinc-contact-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--oz-accent-light);
	color: var(--oz-accent);
	margin-bottom: 0.75rem;
}
.oxyzinc-contact-card-icon svg {
	width: 22px;
	height: 22px;
}
.oxyzinc-contact-card h3 {
	margin: 0 0 0.3rem;
	font-family: var(--oz-font-heading);
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--oz-dark);
}
.oxyzinc-contact-card a,
.oxyzinc-contact-card p {
	margin: 0;
	color: var(--oz-gray);
	text-decoration: none;
	font-size: 0.92rem;
	transition: color var(--oz-transition-fast);
}
.oxyzinc-contact-card a:hover {
	color: var(--oz-accent);
}
.oxyzinc-contact-form-wrap {
	background: var(--oz-white);
	border-radius: var(--oz-radius-lg);
	box-shadow: var(--oz-shadow-sm);
	border: 1px solid rgba(0,0,0,0.04);
	padding: 2.25rem;
}
.oxyzinc-contact-form-wrap h2 {
	margin: 0 0 1.5rem;
	font-family: var(--oz-font-heading);
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--oz-dark);
}
.oxyzinc-contact-form {
	display: flex;
	flex-direction: column;
	gap: 1.1rem;
}
.oxyzinc-hp {
	position: absolute;
	left: -9999px;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
.oxyzinc-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.1rem;
}
.oxyzinc-form-group {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}
.oxyzinc-form-group label {
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--oz-steel);
}
.oxyzinc-form-group input,
.oxyzinc-form-group select,
.oxyzinc-form-group textarea {
	padding: 0.7rem 0.9rem;
	border: 1.5px solid var(--oz-light);
	border-radius: var(--oz-radius);
	font-family: var(--oz-font);
	font-size: 0.92rem;
	background: var(--oz-bg);
	color: var(--oz-steel);
	transition: border-color var(--oz-transition-fast), box-shadow var(--oz-transition-fast), background var(--oz-transition-fast);
	outline: none;
}
.oxyzinc-form-group input:focus,
.oxyzinc-form-group select:focus,
.oxyzinc-form-group textarea:focus {
	border-color: var(--oz-accent);
	box-shadow: 0 0 0 3px rgba(46, 125, 170, 0.1);
	background: var(--oz-white);
}
.oxyzinc-form-group input::placeholder,
.oxyzinc-form-group textarea::placeholder {
	color: var(--oz-gray-light);
}
.oxyzinc-form-group textarea {
	resize: vertical;
	min-height: 120px;
}
.oxyzinc-form-group select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.8rem center;
	background-size: 14px;
	padding-right: 2.5rem;
}
.oxyzinc-contact-form .oxyzinc-btn {
	align-self: flex-start;
	margin-top: 0.5rem;
}

/* ================================================================
   FOOTER
   ================================================================ */
.oxyzinc-footer {
	background: var(--oz-dark);
	color: rgba(255, 255, 255, 0.9);
	position: relative;
}

.oxyzinc-footer-cta-section {
	background: linear-gradient(135deg, #1e3a52, var(--oz-accent), #1a3550, var(--oz-accent));
	background-size: 300% 300%;
	animation: ozGradientShift 10s ease infinite;
	padding: 3.5rem 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.oxyzinc-footer-cta-section::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 30% 50%, rgba(255,255,255,0.06) 0%, transparent 60%);
	pointer-events: none;
}
.oxyzinc-footer-cta-inner {
	position: relative;
	z-index: 1;
	max-width: 600px;
	margin: 0 auto;
}
.oxyzinc-footer-cta-title {
	margin: 0 0 0.75rem;
	font-family: var(--oz-font-heading);
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 700;
	color: var(--oz-white);
	letter-spacing: -0.02em;
}
.oxyzinc-footer-cta-text {
	margin: 0 0 2rem;
	font-size: 1.05rem;
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.6;
}
.oxyzinc-footer-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.8rem 2rem;
	font-weight: 600;
	font-size: 1rem;
	color: var(--oz-dark) !important;
	background: var(--oz-white);
	border-radius: 999px;
	text-decoration: none;
	transition: transform var(--oz-transition), box-shadow var(--oz-transition), background var(--oz-transition);
}
.oxyzinc-footer-cta-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0,0,0,0.15);
	background: var(--oz-bg);
	color: var(--oz-dark) !important;
}
.oxyzinc-footer-cta-btn svg {
	width: 1em;
	height: 1em;
}

.oxyzinc-footer-main {
	padding: 3rem 0 1.5rem;
}

.oxyzinc-footer-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
	gap: 3rem 2.5rem;
	align-items: start;
}

.oxyzinc-footer-brand {
	max-width: 320px;
}
.oxyzinc-footer-logo {
	display: block;
	margin-bottom: 1.25rem;
	transition: opacity var(--oz-transition);
}
.oxyzinc-footer-logo:hover { opacity: 0.85; }
.oxyzinc-footer-logo img {
	height: auto;
	max-height: 64px;
	width: auto;
	filter: brightness(0) invert(1);
	opacity: 0.95;
}
.oxyzinc-footer-tagline {
	margin: 0;
	font-size: 0.92rem;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.7);
}

.oxyzinc-footer-heading {
	margin: 0 0 1.25rem;
	font-family: var(--oz-font-heading);
	font-size: 0.78rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: rgba(255, 255, 255, 0.95);
}

.oxyzinc-footer-links .oxyzinc-footer-nav-list,
.oxyzinc-footer-nav .oxyzinc-footer-nav-list,
.oxyzinc-footer-solutions .oxyzinc-footer-nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}
.oxyzinc-footer-nav-list a {
	color: rgba(255, 255, 255, 0.65);
	text-decoration: none;
	font-size: 0.92rem;
	font-weight: 400;
	transition: color var(--oz-transition-fast);
}
.oxyzinc-footer-nav-list a:hover {
	color: var(--oz-white);
}

.oxyzinc-footer-contact-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
.oxyzinc-footer-contact-item {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	font-size: 0.92rem;
	color: rgba(255, 255, 255, 0.65);
}
.oxyzinc-footer-contact-item svg {
	width: 1.1em;
	height: 1.1em;
	flex-shrink: 0;
	margin-top: 0.2em;
	color: var(--oz-accent);
	opacity: 0.8;
}
.oxyzinc-footer-contact-item a {
	color: rgba(255, 255, 255, 0.65);
	text-decoration: none;
	transition: color var(--oz-transition-fast);
}
.oxyzinc-footer-contact-item a:hover {
	color: var(--oz-white);
}

.oxyzinc-footer-social {
	display: flex;
	gap: 0.75rem;
	margin-top: 1.5rem;
}
.oxyzinc-footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	transition: background var(--oz-transition-fast), color var(--oz-transition-fast), transform var(--oz-transition-fast);
}
.oxyzinc-footer-social a:hover {
	background: var(--oz-accent);
	color: var(--oz-white);
	transform: translateY(-2px);
}
.oxyzinc-footer-social svg {
	width: 18px;
	height: 18px;
}

.oxyzinc-footer-bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	padding: 1.5rem 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.45);
}
.oxyzinc-footer-copyright { margin: 0; }
.oxyzinc-footer-credit { margin: 0; }
.oxyzinc-footer-credit a {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
	font-weight: 500;
	transition: color var(--oz-transition-fast);
}
.oxyzinc-footer-credit a:hover {
	color: var(--oz-white);
}

/* ================================================================
   404
   ================================================================ */
.oxyzinc-404 {
	padding: 3.5rem 0;
}
.oxyzinc-404-inner {
	text-align: center;
	max-width: 480px;
	margin: 0 auto;
	background: var(--oz-white);
	border-radius: var(--oz-radius-lg);
	box-shadow: var(--oz-shadow-sm);
	border: 1px solid rgba(0, 0, 0, 0.04);
	padding: 3rem 2.5rem;
}
.oxyzinc-404-code {
	font-family: var(--oz-font-heading);
	font-size: 5rem;
	font-weight: 700;
	color: var(--oz-light);
	line-height: 1;
	margin: 0 0 1rem;
	letter-spacing: -0.05em;
}
.oxyzinc-404-title {
	margin: 0 0 0.75rem;
	font-family: var(--oz-font-heading);
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--oz-dark);
}
.oxyzinc-404-text {
	margin: 0 0 2rem;
	color: var(--oz-gray);
	line-height: 1.6;
}
.oxyzinc-404-actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
}

/* ================================================================
   THANK YOU PAGE
   ================================================================ */
.oxyzinc-thankyou {
	position: relative;
	padding: 4rem 0 3rem;
	overflow: hidden;
}
.oxyzinc-thankyou-card {
	text-align: center;
	max-width: 540px;
	margin: 0 auto;
	background: var(--oz-white);
	border-radius: var(--oz-radius-lg);
	box-shadow: var(--oz-shadow-sm);
	border: 1px solid rgba(0, 0, 0, 0.04);
	padding: 3rem 2.5rem;
}
.oxyzinc-thankyou-icon {
	color: #22c55e;
	margin-bottom: 1.5rem;
}
.oxyzinc-thankyou-circle {
	animation: ozThankYouCircle 0.8s ease 0.2s forwards;
}
.oxyzinc-thankyou-check {
	stroke-dasharray: 40;
	stroke-dashoffset: 40;
	animation: ozThankYouCheck 0.5s ease 0.8s forwards;
}
@keyframes ozThankYouCircle {
	to { stroke-dashoffset: 0; }
}
@keyframes ozThankYouCheck {
	to { stroke-dashoffset: 0; }
}
.oxyzinc-thankyou-title {
	margin: 0 0 0.75rem;
	font-family: var(--oz-font-heading);
	font-size: clamp(1.4rem, 3vw, 1.8rem);
	font-weight: 700;
	color: var(--oz-dark);
	letter-spacing: -0.02em;
}
.oxyzinc-thankyou-text {
	margin: 0 0 2rem;
	color: var(--oz-gray);
	line-height: 1.7;
	font-size: 0.95rem;
}
.oxyzinc-thankyou-actions {
	display: flex;
	justify-content: center;
	gap: 1rem;
	flex-wrap: wrap;
}

/* ================================================================
   SEARCH FORM
   ================================================================ */
.oxyzinc-search-form {
	display: flex;
	gap: 0.5rem;
	max-width: 360px;
}
.oxyzinc-search-field {
	flex: 1;
	padding: 0.65rem 1rem;
	border: 1px solid var(--oz-light);
	border-radius: var(--oz-radius);
	font-size: 0.95rem;
	font-family: inherit;
	background: var(--oz-bg);
	transition: border-color var(--oz-transition-fast), box-shadow var(--oz-transition-fast);
}
.oxyzinc-search-field:focus {
	outline: none;
	border-color: var(--oz-accent);
	box-shadow: 0 0 0 3px var(--oz-accent-light);
}
.oxyzinc-search-submit {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.65rem 1.1rem;
	background: var(--oz-accent);
	color: var(--oz-white);
	border: none;
	border-radius: var(--oz-radius);
	font-weight: 600;
	cursor: pointer;
	font-family: inherit;
	transition: background var(--oz-transition-fast);
}
.oxyzinc-search-submit svg {
	width: 1.15em;
	height: 1.15em;
}
.oxyzinc-search-submit:hover { background: var(--oz-accent-hover); }
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

/* ================================================================
   ARTICLE (index fallback)
   ================================================================ */
.oxyzinc-article .oxyzinc-container {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.oxyzinc-entry-title {
	margin: 0 0 0.5rem;
	font-family: var(--oz-font-heading);
	font-size: 1.25rem;
	font-weight: 600;
}
.oxyzinc-entry-title a {
	color: inherit;
	text-decoration: none;
}
.oxyzinc-entry-title a:hover {
	color: var(--oz-accent);
}

/* ================================================================
   MOBILE OVERLAY
   ================================================================ */
.oxyzinc-mobile-overlay {
	display: none;
}
.oxyzinc-mobile-nav-header {
	display: none;
}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 1024px) {
	.oxyzinc-units-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.oxyzinc-footer-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 2.5rem 2rem;
	}
}

@media (max-width: 1100px) and (min-width: 769px) {
	.oxyzinc-nav-list > li > a,
	.oxyzinc-nav-list > li > .oxyzinc-nav-link {
		font-size: 0.82rem;
		padding: 0.45em 0.55em;
	}
	.oxyzinc-header-cta {
		font-size: 0.82rem;
		padding: 0.45rem 1rem;
	}
}

@media (max-width: 768px) {
	/* Mobile nav: slide-in panel */
	.oxyzinc-nav {
		position: fixed;
		top: 0;
		right: -100%;
		width: min(380px, 90vw);
		height: 100vh;
		height: 100dvh;
		background: #0b0f14;
		z-index: 201;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		transition: right 0.35s cubic-bezier(.4,0,.2,1);
		padding: 0 1.25rem 2rem;
		box-shadow: -12px 0 40px rgba(0,0,0,0.4);
	}
	.oxyzinc-nav.is-open {
		right: 0;
	}

	.oxyzinc-mobile-nav-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1.25rem 0;
		margin-bottom: 0.5rem;
		border-bottom: 1px solid rgba(255,255,255,0.08);
	}
	.oxyzinc-mobile-nav-logo {
		display: block;
	}
	.oxyzinc-mobile-nav-logo img {
		height: 48px;
		width: auto;
		filter: brightness(0) invert(1);
	}
	.oxyzinc-mobile-nav-close {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		background: none;
		border: 1px solid rgba(255,255,255,0.1);
		border-radius: 8px;
		color: rgba(255,255,255,0.7);
		cursor: pointer;
		transition: background 0.15s ease, color 0.15s ease;
	}
	.oxyzinc-mobile-nav-close:hover {
		background: rgba(255,255,255,0.06);
		color: #fff;
	}

	.oxyzinc-nav .oxyzinc-nav-list {
		flex-direction: column;
		align-items: stretch;
		gap: 0.25rem;
	}
	.oxyzinc-nav .oxyzinc-nav-list > li > a,
	.oxyzinc-nav .oxyzinc-nav-list > li > .oxyzinc-nav-link {
		font-size: 1rem;
		padding: 0.75em 0.75em;
		border-radius: var(--oz-radius);
	}

	/* Mobile megamenu */
	.oxyzinc-megamenu-panel {
		position: static !important;
		transform: none !important;
		width: 100% !important;
		max-width: 100% !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		display: none;
		border-radius: 0;
		margin: 0;
		box-shadow: none;
		border: none;
		background: transparent;
		padding: 0 0 0 0.75rem;
	}
	.oxyzinc-has-megamenu.is-mega-open > .oxyzinc-megamenu-panel {
		display: block;
	}
	.oxyzinc-mm-wrap {
		grid-template-columns: 1fr !important;
		gap: 0 !important;
	}
	.oxyzinc-mm-thumb {
		display: none !important;
	}
	.oxyzinc-mm-item {
		flex-direction: row !important;
		padding: 0.45rem 0.5rem;
		border-radius: 6px;
		color: rgba(255,255,255,0.55) !important;
		background: transparent !important;
		overflow: visible !important;
	}
	.oxyzinc-mm-item:hover {
		background: rgba(255,255,255,0.05) !important;
		color: rgba(255,255,255,0.85) !important;
	}
	.oxyzinc-mm-label {
		color: inherit !important;
		font-size: 0.9rem;
		font-weight: 500;
		padding: 0;
	}

	/* Mobile dropdown */
	.oxyzinc-dropdown-panel {
		position: static !important;
		transform: none !important;
		width: 100% !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		display: none;
		border-radius: 0 !important;
		margin: 0 !important;
		box-shadow: none !important;
		border: none !important;
		background: transparent !important;
		padding: 0 0 0 0.75rem !important;
		min-width: 0 !important;
		z-index: auto !important;
	}
	.oxyzinc-has-dropdown.is-mega-open > .oxyzinc-dropdown-panel {
		display: block;
	}
	.oxyzinc-dropdown-list li a {
		color: rgba(255,255,255,0.55) !important;
		padding: 0.45rem 0.5rem;
		font-size: 0.9rem;
		border-radius: 6px;
	}
	.oxyzinc-dropdown-list li a:hover {
		background: rgba(255,255,255,0.05);
		color: rgba(255,255,255,0.85) !important;
	}

	.oxyzinc-nav-toggle {
		display: flex;
	}
	.oxyzinc-nav-toggle.is-active {
		display: none;
	}

	.oxyzinc-header-cta {
		display: none;
	}

	/* Hero */
	.oxyzinc-hero {
		min-height: 73vh;
	}
	.oxyzinc-hero-content {
		padding: 4rem 0 5rem;
	}
	.oxyzinc-hero-title {
		font-size: clamp(1.8rem, 7vw, 2.4rem);
	}

	/* Units – 2 columns on tablet */
	.oxyzinc-units-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.25rem;
	}
	.oxyzinc-units {
		padding: 2rem 0 1.5rem;
	}

	/* CTA */
	.oxyzinc-cta {
		padding: 2.5rem 0;
	}

	/* Footer */
	.oxyzinc-footer-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.oxyzinc-footer-brand {
		max-width: none;
	}
	.oxyzinc-footer-cta-section {
		padding: 2.5rem 0;
	}
	.oxyzinc-footer-bottom {
		flex-direction: column;
		text-align: center;
	}

	/* Inner pages */
	.oxyzinc-page-header,
	.oxyzinc-single-header,
	.oxyzinc-archive-header-wrap {
		padding: 2rem 0 1.75rem;
		min-height: 140px;
	}
	.oxyzinc-single-header-has-image {
		min-height: 240px;
	}

	/* Related cards – 2 columns on tablet */
	.oxyzinc-related-cards {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Archive – 2 columns on tablet */
	.oxyzinc-archive-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.oxyzinc-requirements-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Contact */
	.oxyzinc-contact-grid {
		grid-template-columns: 1fr;
	}
	.oxyzinc-contact-info {
		flex-direction: row;
		overflow-x: auto;
		gap: 0.75rem;
	}
	.oxyzinc-contact-card {
		min-width: 200px;
		flex-shrink: 0;
	}
	.oxyzinc-form-row {
		grid-template-columns: 1fr;
	}
	.oxyzinc-contact-hero {
		padding: 3rem 0 2.5rem;
	}
}

@media (max-width: 600px) {
	.oxyzinc-units-grid,
	.oxyzinc-archive-grid,
	.oxyzinc-related-cards,
	.oxyzinc-requirements-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.oxyzinc-single-block {
		padding: 1.5rem 1.25rem;
	}
	.oxyzinc-page-content .oxyzinc-container .oxyzinc-page-body {
		padding: 1.75rem 1.25rem;
	}
}