/* =========================================================
   INCOUNTRY DISTRIBUTION
   Core Visual System
   ========================================================= */

:root {

	/* =====================================================
	   PRIMARY BRAND
	   ===================================================== */

	--ic-red: #d60000;
	--ic-red-dark: #a90000;
	--ic-orange: #ff6b2c;
	--ic-orange-soft: #fff1ea;


	/* =====================================================
	   TECHNOLOGY ACCENTS
	   Supporting colours only — not primary brand colours.
	   ===================================================== */

	--ic-blue: #4f7cff;
	--ic-blue-dark: #3159d9;
	--ic-blue-soft: #dce6ff;

	--ic-purple: #6c63ff;
	--ic-purple-dark: #5148d8;
	--ic-purple-soft: #eeeafe;


	/* =====================================================
	   NEUTRALS
	   ===================================================== */

	--ic-black: #111318;
	--ic-charcoal: #24272d;
	--ic-text: #34383f;
	--ic-muted: #6f757d;
	--ic-border: #e7e8eb;

	--ic-surface: #ffffff;
	--ic-surface-soft: #f7f8fa;
	--ic-surface-warm: #fff9f6;

	--ic-ivory: #f7f5f1;
	--ic-stone: #e9e5df;


	/* =====================================================
	   LAYOUT
	   ===================================================== */

	--ic-container: 1440px;
	--ic-gutter: 24px;


	/* =====================================================
	   SHAPE
	   ===================================================== */

	--ic-radius-sm: 8px;
	--ic-radius-md: 14px;
	--ic-radius-lg: 22px;
	--ic-radius-xl: 30px;


	/* =====================================================
	   SHADOWS
	   ===================================================== */

	--ic-shadow-sm:
		0 4px 14px rgba(17, 19, 24, 0.06);

	--ic-shadow-md:
		0 12px 32px rgba(17, 19, 24, 0.09);

	--ic-shadow-lg:
		0 22px 60px rgba(17, 19, 24, 0.13);


	/* =====================================================
	   ACCENT SHADOWS / GLOWS
	   ===================================================== */

	--ic-glow-red:
		0 12px 30px rgba(214, 0, 0, 0.16);

	--ic-glow-orange:
		0 12px 30px rgba(255, 107, 44, 0.15);

	--ic-glow-blue:
		0 12px 30px rgba(79, 124, 255, 0.14);

	--ic-glow-purple:
		0 12px 30px rgba(108, 99, 255, 0.14);


	/* =====================================================
	   MOTION
	   ===================================================== */

	--ic-ease:
		cubic-bezier(0.22, 1, 0.36, 1);

	--ic-transition-fast:
		180ms var(--ic-ease);

	--ic-transition:
		280ms var(--ic-ease);
}


/* =========================================================
   DOCUMENT
   ========================================================= */

html {
	scroll-behavior: smooth;
}

body {
	color: var(--ic-text);
	background: var(--ic-surface);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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

a {
	transition:
		color var(--ic-transition-fast),
		background-color var(--ic-transition-fast),
		border-color var(--ic-transition-fast),
		opacity var(--ic-transition-fast);
}


/* =========================================================
   LAYOUT
   ========================================================= */

.ic-container {
	width:
		min(
			calc(100% - (var(--ic-gutter) * 2)),
			var(--ic-container)
		);
	margin-inline: auto;
}


/* =========================================================
   TYPOGRAPHY HELPERS
   ========================================================= */

.ic-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	color: var(--ic-red);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.ic-heading {
	margin: 0;
	color: var(--ic-black);
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.08;
}

.ic-muted {
	color: var(--ic-muted);
}


/* =========================================================
   BUTTON SYSTEM
   ========================================================= */

.ic-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 0 22px;
	border: 1px solid transparent;
	border-radius: var(--ic-radius-md);
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition:
		transform var(--ic-transition),
		box-shadow var(--ic-transition),
		background-color var(--ic-transition),
		border-color var(--ic-transition);
}

.ic-btn:hover {
	transform: translateY(-2px);
}

.ic-btn-primary {
	color: #fff;
	background:
		linear-gradient(
			135deg,
			var(--ic-red),
			var(--ic-red-dark)
		);
	box-shadow:
		0 10px 24px rgba(214, 0, 0, 0.20);
}

.ic-btn-primary:hover {
	color: #fff;
	box-shadow:
		0 15px 34px rgba(214, 0, 0, 0.28);
}

.ic-btn-secondary {
	color: var(--ic-black);
	background: #fff;
	border-color: var(--ic-border);
	box-shadow: var(--ic-shadow-sm);
}


/* =========================================================
   CARDS
   ========================================================= */

.ic-card {
	background: var(--ic-surface);
	border: 1px solid var(--ic-border);
	border-radius: var(--ic-radius-lg);
	box-shadow: var(--ic-shadow-sm);
	transition:
		transform var(--ic-transition),
		box-shadow var(--ic-transition),
		border-color var(--ic-transition);
}

.ic-card:hover {
	transform: translateY(-5px);
	border-color: rgba(79, 124, 255, 0.16);
	box-shadow: var(--ic-shadow-md);
}


/* =========================================================
   GLASS SURFACE
   ========================================================= */

.ic-glass {
	background: rgba(255, 255, 255, 0.86);
	border: 1px solid rgba(255, 255, 255, 0.7);
	box-shadow: var(--ic-shadow-sm);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}


/* =========================================================
   SMALL ACCENT UTILITIES
   These are intentionally subtle.
   ========================================================= */

.ic-accent-red {
	color: var(--ic-red);
}

.ic-accent-orange {
	color: var(--ic-orange);
}

.ic-accent-blue {
	color: var(--ic-blue);
}

.ic-accent-purple {
	color: var(--ic-purple);
}

.ic-accent-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.ic-accent-dot-red {
	background: var(--ic-red);
}

.ic-accent-dot-orange {
	background: var(--ic-orange);
}

.ic-accent-dot-blue {
	background: var(--ic-blue);
}

.ic-accent-dot-purple {
	background: var(--ic-purple);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	:root {
		--ic-gutter: 16px;
		--ic-radius-lg: 18px;
	}

	.ic-btn {
		min-height: 46px;
		padding-inline: 18px;
	}

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}

}
/* =========================================================
   TYPOGRAPHY SYSTEM V2
   A polished native stack with no external font dependency.
   ========================================================= */

:root {
	--ic-font-sans:
		"Segoe UI Variable",
		"Segoe UI",
		Aptos,
		"Helvetica Neue",
		Arial,
		sans-serif;

	--ic-font-display:
		"Segoe UI Variable Display",
		"Segoe UI Variable",
		"Segoe UI",
		Aptos,
		"Helvetica Neue",
		Arial,
		sans-serif;
}

body,
button,
input,
select,
textarea {
	font-family: var(--ic-font-sans) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.ic-heading {
	font-family: var(--ic-font-display) !important;
	font-optical-sizing: auto;
}

body {
	font-feature-settings: "kern" 1, "liga" 1;
	text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
	font: inherit;
}