/* Integrono landing additions - keep comments in English per project rules. */

:root {
	--ir-accent-cyan: #22d3ee;
}

/* Header logo: wordmark + node mark */
.header--studio .logo {
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%;
}

.header .logo a.text-logo.text-logo--brand {
	display: inline-flex !important;
	align-items: flex-start;
	gap: 0.65rem;
	max-width: 100%;
	width: auto;
	min-width: 0;
	box-sizing: border-box;
}

.header .logo a.text-logo--brand .text-logo-lines {
	display: block;
	min-width: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.header .logo a.text-logo--brand .text-logo-main {
	display: inline;
	margin-right: 0.25em;
}

.header .logo a.text-logo--brand .text-logo-wordmark {
	display: inline !important;
	white-space: normal !important;
	line-height: 1.28 !important;
	font-size: clamp(0.82rem, 2.1vw, 1.05rem) !important;
	vertical-align: baseline;
}

.text-logo-mark {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.5rem;
	height: 2.5rem;
	margin-top: 0.12rem;
	border-radius: 12px;
	background: linear-gradient(155deg, #ffffff 0%, #f0fdfa 45%, #fff7ed 100%);
	border: 1px solid rgba(15, 23, 42, 0.12);
	box-shadow:
		0 2px 6px rgba(15, 23, 42, 0.06),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.logo-mark-ico {
	display: block;
	width: 1.75rem;
	height: 1.75rem;
}

.logo-mark-ico circle {
	filter: drop-shadow(0 1px 2px rgba(15, 23, 42, 0.15));
}

.logo-mark-ico path:not(:first-child) {
	filter: drop-shadow(0 0.5px 0 rgba(255, 255, 255, 0.8));
}

.header .logo .text-logo-wordmark {
	color: var(--ir-accent-cyan, #22d3ee) !important;
	-webkit-text-fill-color: var(--ir-accent-cyan, #22d3ee) !important;
	text-shadow: 0 1px 14px rgba(34, 211, 238, 0.28);
}

.hero-title-accent {
	color: var(--ir-accent-cyan, #22d3ee) !important;
	-webkit-text-fill-color: var(--ir-accent-cyan, #22d3ee) !important;
	text-shadow: 0 1px 22px rgba(34, 211, 238, 0.35);
}

#top.hero-static .slide-text-info .hero-title-accent {
	color: var(--ir-accent-cyan, #22d3ee) !important;
	-webkit-text-fill-color: var(--ir-accent-cyan, #22d3ee) !important;
}

.hero-kicker {
	border-color: rgba(34, 211, 238, 0.35) !important;
	color: #cffafe !important;
	-webkit-text-fill-color: #cffafe !important;
	background: rgba(14, 116, 144, 0.22) !important;
}

/* What we connect */
.connect-stack-section {
	padding: 3.75rem 0 4rem;
	background:
		radial-gradient(circle at 12% 20%, rgba(34, 211, 238, 0.08), transparent 38%),
		linear-gradient(180deg, #f8fafc 0%, #ffffff 55%);
	border-top: 1px solid rgba(15, 23, 42, 0.06);
	border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.connect-head h3 {
	text-transform: uppercase;
	color: #0f172a;
	font-weight: 800;
	font-size: clamp(1.45rem, 3.5vw, 1.85rem);
	margin: 0 0 0.35em;
	letter-spacing: -0.03em;
}

.connect-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.15rem;
	margin-top: 2rem;
}

.connect-card {
	position: relative;
	padding: 1.35rem 1.25rem 1.4rem 1.45rem;
	background: #fff;
	border: 1px solid rgba(148, 163, 184, 0.22);
	border-radius: 18px;
	box-shadow: 0 12px 36px rgba(15, 23, 42, 0.07);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	overflow: hidden;
}

.connect-card::before {
	content: '';
	position: absolute;
	left: 0;
	top: 14px;
	bottom: 14px;
	width: 4px;
	border-radius: 0 4px 4px 0;
	background: linear-gradient(180deg, #f97316, #22d3ee);
}

.connect-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 48px rgba(15, 23, 42, 0.11);
	border-color: rgba(34, 211, 238, 0.35);
}

.connect-card h4 {
	margin: 0 0 0.55rem;
	font-size: 1.05rem;
	font-weight: 800;
	color: #0f172a;
	line-height: 1.25;
	letter-spacing: -0.02em;
}

.connect-card p {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.65;
	color: var(--ir-muted, #5c6b7a);
}

@media screen and (max-width: 991px) {
	.connect-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 560px) {
	.connect-grid {
		grid-template-columns: 1fr;
	}

	.header .logo a.text-logo--brand {
		max-width: 100%;
	}
}

/* --------------------------------------------------------------------------
   Overview (#about) + process cards - same visual language as connect-stack
   (light radial wash, white cards, orange→cyan accent rail). Replaces theme
   yellow texture background on .about.
   -------------------------------------------------------------------------- */

.about {
	padding: 3.75rem 0 4rem !important;
	background:
		radial-gradient(circle at 12% 18%, rgba(34, 211, 238, 0.09), transparent 40%),
		radial-gradient(circle at 88% 75%, rgba(249, 115, 22, 0.06), transparent 42%),
		linear-gradient(180deg, #f8fafc 0%, #ffffff 58%) !important;
	border-top: 1px solid rgba(15, 23, 42, 0.06);
	border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.about-head h4 {
	margin: 0 0 0.35em !important;
	color: #0f172a !important;
	font-weight: 800 !important;
	font-size: clamp(1.45rem, 3.5vw, 1.85rem) !important;
	letter-spacing: -0.03em !important;
	text-transform: uppercase;
	font-style: normal !important;
}

.about-head h5 {
	margin: 0.35em 0 1rem !important;
	color: var(--ir-accent-cyan, #22d3ee) !important;
	-webkit-text-fill-color: var(--ir-accent-cyan, #22d3ee) !important;
	font-weight: 800 !important;
	font-size: clamp(1.35rem, 3.2vw, 2rem) !important;
	line-height: 1.22 !important;
	font-style: normal !important;
	text-shadow: 0 1px 18px rgba(34, 211, 238, 0.22);
}

.about-invite-cta {
	position: relative;
	overflow: hidden;
	max-width: 820px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 1.35rem 1.25rem 1.45rem 1.45rem !important;
	background: #fff !important;
	border: 1px solid rgba(148, 163, 184, 0.22) !important;
	border-radius: 18px !important;
	box-shadow: 0 12px 36px rgba(15, 23, 42, 0.07) !important;
}

.about-invite-cta::before {
	content: '';
	position: absolute;
	left: 0;
	top: 14px;
	bottom: 14px;
	width: 4px;
	border-radius: 0 4px 4px 0;
	background: linear-gradient(180deg, #f97316, #22d3ee);
}

.about-startups-note {
	margin-top: 2.5rem;
	padding: 0;
}

.about-startups-note h5 {
	margin: 0 0 1rem;
	color: #0f172a;
	font-weight: 800;
	font-size: clamp(1.25rem, 2.5vw, 1.65rem);
	line-height: 1.3;
}

.about-startups-note .about-startups-text {
	margin-bottom: 0 !important;
	color: var(--ir-muted, #5c6b7a);
}

.seo-note {
	position: relative;
	overflow: hidden;
	max-width: 820px;
	margin: 2.25rem auto 0 !important;
	padding: 1.35rem 1.25rem 1.45rem 1.45rem !important;
	background: #fff !important;
	border: 1px solid rgba(148, 163, 184, 0.22) !important;
	border-radius: 18px !important;
	box-shadow: 0 12px 36px rgba(15, 23, 42, 0.07) !important;
	border-left: none !important;
	line-height: 1.65;
	color: var(--ir-muted, #5c6b7a);
}

.seo-note::before {
	content: '';
	position: absolute;
	left: 0;
	top: 14px;
	bottom: 14px;
	width: 4px;
	border-radius: 0 4px 4px 0;
	background: linear-gradient(180deg, #f97316, #22d3ee);
}

.seo-note strong {
	color: #0f172a !important;
}

.process-section {
	padding: 3.75rem 0 4rem;
	background:
		radial-gradient(circle at 12% 18%, rgba(34, 211, 238, 0.09), transparent 40%),
		radial-gradient(circle at 88% 75%, rgba(249, 115, 22, 0.06), transparent 42%),
		linear-gradient(180deg, #f8fafc 0%, #ffffff 58%);
	border-top: 1px solid rgba(15, 23, 42, 0.06);
	border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.process-card {
	border: 1px solid rgba(148, 163, 184, 0.22);
	border-radius: 18px;
	box-shadow: 0 12px 36px rgba(15, 23, 42, 0.07);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.process-card::before {
	content: '';
	position: absolute;
	left: 0;
	top: 14px;
	bottom: 14px;
	width: 4px;
	border-radius: 0 4px 4px 0;
	background: linear-gradient(180deg, #f97316, #22d3ee);
	z-index: 2;
	pointer-events: none;
}

.process-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 48px rgba(15, 23, 42, 0.11);
	border-color: rgba(34, 211, 238, 0.35);
}

/* Bust browser cache when slide.webp is replaced (keep ?v= in sync with $assetsImageVer in web/index.php). */
.hero-static {
	background-image: url('../images/slide.webp?v=20260517-9');
}