:root {
	--sothik-primary: #0f5fa8;
	--sothik-primary-deep: #0b3d6b;
	--sothik-accent: #0f7a6b;
	--sothik-ink: #10213d;
	--sothik-soft: #f4f8ff;
	--sothik-border: #d7e4f6;
	--sothik-surface: #ffffff;
	--sothik-hero-start: #0a3156;
	--sothik-hero-end: #0b6d89;
}

body {
	color: var(--sothik-ink);
	background:
		radial-gradient(circle at top right, rgba(15, 95, 168, 0.08), transparent 34%),
		linear-gradient(180deg, #f7f9ff 0%, #eef4ff 100%);
}

body.sothik-it-portal {
	--convis-page-max-width: 1240px;
}

body,
body.path-home-3 {
	font-feature-settings: 'kern' 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #0e1f44;
	letter-spacing: -0.02em;
}

a {
	color: var(--sothik-primary);
	text-decoration-thickness: 2px;
	text-underline-offset: 0.2em;
}

a:hover,
a:focus {
	color: var(--sothik-primary-deep);
}

.btn,
.theme-btn,
.btn-theme,
.button,
button,
input[type='submit'] {
	border-radius: 999px;
	border: 1px solid transparent;
	background: var(--sothik-primary);
	color: #ffffff;
	box-shadow: 0 12px 28px rgba(15, 95, 168, 0.18);
}

.btn:hover,
.theme-btn:hover,
.btn-theme:hover,
.button:hover,
button:hover,
input[type='submit']:hover {
	background: var(--sothik-primary-deep);
	color: #ffffff;
}

.topbar,
.topbar-inner,
.site-branding,
.header-inner,
.main-header {
	background: rgba(255, 255, 255, 0.93);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--sothik-border);
}

.site-branding a,
.header-inner a,
.main-header a {
	font-weight: 700;
}

.block,
.views-element-container,
.gva-view {
	scroll-margin-top: 96px;
}

.block,
.views-element-container {
	background: var(--sothik-surface);
	border: 1px solid var(--sothik-border);
	border-radius: 24px;
	box-shadow: 0 12px 28px rgba(13, 34, 68, 0.06);
	padding: 1.5rem;
}

.region-slideshow-content,
.block-views-blockhome-hero-block,
.block-views-blockslideshow-block {
	border-radius: 28px;
	overflow: hidden;
	box-shadow: 0 26px 64px rgba(9, 28, 57, 0.14);
}

.footer,
.site-footer {
	background: linear-gradient(135deg, var(--sothik-hero-start), #081b33 70%);
	color: #e1e8ff;
}

.footer a,
.site-footer a {
	color: #ffffff;
}

body.path-home-3 {
	background:
		radial-gradient(circle at top right, rgba(15, 95, 168, 0.1), transparent 30%),
		linear-gradient(180deg, #f7f9ff 0%, #eef4ff 100%);
}

body.path-home-3 .topbar,
body.path-home-3 .topbar-inner {
	background: linear-gradient(135deg, var(--sothik-hero-start), var(--sothik-hero-end));
	color: #dce6ff;
}

body.path-home-3 .btn,
body.path-home-3 .theme-btn,
body.path-home-3 .btn-theme,
body.path-home-3 .button {
	border-radius: 999px;
	box-shadow: 0 12px 28px rgba(15, 95, 168, 0.18);
}

body.path-home-3 .block,
body.path-home-3 .views-element-container {
	background: var(--sothik-surface);
	border: 1px solid var(--sothik-border);
	border-radius: 24px;
	box-shadow: 0 12px 28px rgba(13, 34, 68, 0.06);
	padding: 1.5rem;
}

body.path-home-3 .footer,
body.path-home-3 .site-footer {
	background: linear-gradient(135deg, var(--sothik-hero-start), #081b33 70%);
	color: #e1e8ff;
}

body.path-home-3 .region-slideshow-content,
body.path-home-3 .block-views-blockhome-hero-block,
body.path-home-3 .block-views-blockslideshow-block {
	border-radius: 28px;
	overflow: hidden;
	box-shadow: 0 26px 64px rgba(9, 28, 57, 0.14);
}

body.sothik-portal .page-title,
body.sothik-it-portal .page-title {
	letter-spacing: -0.02em;
}

/* ═══════════════════════════════════════════════════════════
   SOTHIK IT PORTAL – COMPONENT STYLES (template additions)
   Templates: header.html.twig, footer.html.twig,
              page--front.html.twig, branding block
   ═══════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────
   Topbar
   ────────────────────────────────────────── */
.sothik-topbar {
	background: linear-gradient(135deg, var(--sothik-hero-start), var(--sothik-hero-end));
	color: #cde;
	padding: 0.45rem 0;
	font-size: 0.82rem;
}
.sothik-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.sothik-topbar__left,
.sothik-topbar__right {
	display: flex;
	align-items: center;
	gap: 1.1rem;
}
.sothik-topbar__item { display: flex; align-items: center; gap: 0.4rem; }
.sothik-topbar__item a { color: #d0e6ff; text-decoration: none; }
.sothik-topbar__item a:hover { color: #fff; }
.sothik-topbar__sep { opacity: 0.35; }
.sothik-topbar__social a {
	color: #aecbf5;
	font-size: 0.9rem;
	margin-left: 0.55rem;
	transition: color 0.2s;
}
.sothik-topbar__social a:hover { color: #fff; }
.sothik-topbar__links { display: flex; gap: 1rem; }
.sothik-topbar__links a { color: #cde; text-decoration: none; }
.sothik-topbar__links a:hover { color: #fff; }

/* ──────────────────────────────────────────
   Main nav bar
   ────────────────────────────────────────── */
.sothik-navbar {
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(14px);
	border-bottom: 1.5px solid var(--sothik-border);
	box-shadow: 0 2px 14px rgba(13, 34, 68, 0.06);
	position: relative;
	z-index: 900;
}
.sothik-navbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 72px;
	gap: 1.5rem;
}
.sothik-navbar__branding { flex-shrink: 0; }
.sothik-navbar__nav { flex: 1; }
.sothik-navbar__actions {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	flex-shrink: 0;
}
.sothik-btn-demo {
	background: var(--sothik-primary);
	color: #fff !important;
	border-radius: 999px;
	padding: 0.48rem 1.3rem;
	font-size: 0.88rem;
	font-weight: 600;
	white-space: nowrap;
	box-shadow: 0 8px 20px rgba(15, 95, 168, 0.22);
	transition: background 0.2s, transform 0.15s;
}
.sothik-btn-demo:hover {
	background: var(--sothik-primary-deep);
	transform: translateY(-1px);
}
.sothik-search-box { position: relative; }

/* Logo text */
.sothik-logo-text {
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--sothik-ink);
	text-decoration: none;
	letter-spacing: -0.04em;
}
.sothik-logo-mark {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	background: var(--sothik-primary);
	color: #fff;
	border-radius: 6px;
	margin-right: 0.1em;
	font-size: 1rem;
	font-weight: 900;
}
.sothik-logo-it { color: var(--sothik-primary); }
.sothik-logo-text--white { color: #fff; }
.sothik-logo-text--white .sothik-logo-it { color: #7ec8ff; }

/* ──────────────────────────────────────────
   Hero section
   ────────────────────────────────────────── */
.sothik-hero {
	background: linear-gradient(135deg, var(--sothik-hero-start) 0%, var(--sothik-hero-end) 100%);
	color: #fff;
	padding: 5rem 0 0;
	overflow: hidden;
	position: relative;
}
.sothik-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 80% 30%, rgba(11, 109, 137, 0.5) 0%, transparent 45%),
		radial-gradient(circle at 20% 70%, rgba(15, 95, 168, 0.4) 0%, transparent 40%);
	pointer-events: none;
}
.sothik-hero__inner {
	display: flex;
	align-items: center;
	gap: 3rem;
	padding-bottom: 3rem;
	position: relative;
	z-index: 1;
}
.sothik-hero__text { flex: 1; max-width: 580px; }
.sothik-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 999px;
	padding: 0.35rem 1rem;
	font-size: 0.82rem;
	font-weight: 600;
	color: #c9e0ff;
	margin-bottom: 1.4rem;
	letter-spacing: 0.02em;
}
.sothik-hero__title {
	font-size: clamp(2rem, 4.5vw, 3.2rem);
	font-weight: 800;
	color: #fff;
	line-height: 1.15;
	letter-spacing: -0.04em;
	margin-bottom: 1.2rem;
}
.sothik-hero__accent { color: #7ec8ff; }
.sothik-hero__sub {
	font-size: 1.05rem;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.82);
	margin-bottom: 2rem;
	max-width: 520px;
}
.sothik-hero__ctas { display: flex; gap: 1rem; flex-wrap: wrap; }

.sothik-btn-primary {
	background: var(--sothik-primary);
	color: #fff !important;
	border-radius: 999px;
	padding: 0.7rem 1.7rem;
	font-size: 0.95rem;
	font-weight: 700;
	box-shadow: 0 12px 28px rgba(15, 95, 168, 0.32);
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	transition: background 0.2s, transform 0.15s;
}
.sothik-btn-primary:hover {
	background: #0d4f8c;
	transform: translateY(-2px);
}
.sothik-btn-outline {
	background: transparent;
	color: #fff !important;
	border-radius: 999px;
	border: 2px solid rgba(255, 255, 255, 0.55);
	padding: 0.68rem 1.7rem;
	font-size: 0.95rem;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	transition: background 0.2s, border-color 0.2s;
}
.sothik-btn-outline:hover {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.8);
}

/* Visual / orbit */
.sothik-hero__visual {
	flex-shrink: 0;
	width: 340px;
	height: 340px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sothik-hero__orbit { position: relative; width: 100%; height: 100%; }
.sothik-hero__orbit-ring {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 1.5px solid rgba(255, 255, 255, 0.18);
}
.sothik-orbit-1 { animation: sothikSpin 18s linear infinite; }
.sothik-orbit-2 {
	inset: 48px;
	border-color: rgba(126, 200, 255, 0.25);
	animation: sothikSpin 12s linear infinite reverse;
}
@keyframes sothikSpin {
	to { transform: rotate(360deg); }
}
.sothik-hero__center-icon {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	font-size: 3rem;
	color: #7ec8ff;
	filter: drop-shadow(0 0 18px rgba(126, 200, 255, 0.4));
}
.sothik-hero__satellite {
	position: absolute;
	width: 48px; height: 48px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	color: #c9e0ff;
}
.sothik-sat-1 { top: 8%; left: 50%; transform: translateX(-50%); }
.sothik-sat-2 { top: 50%; right: 4%; transform: translateY(-50%); }
.sothik-sat-3 { bottom: 8%; left: 50%; transform: translateX(-50%); }
.sothik-sat-4 { top: 50%; left: 4%; transform: translateY(-50%); }

/* Stats strip inside hero */
.sothik-hero__stats {
	background: rgba(0, 0, 0, 0.22);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 1.4rem 0;
	position: relative;
	z-index: 1;
}
.sothik-stats-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	flex-wrap: wrap;
}
.sothik-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 3rem;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.sothik-stat:last-child { border-right: none; }
.sothik-stat__num {
	font-size: 2rem;
	font-weight: 800;
	color: #fff;
	line-height: 1;
}
.sothik-stat__num sup { font-size: 0.9rem; }
.sothik-stat__label {
	font-size: 0.78rem;
	color: rgba(255, 255, 255, 0.7);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-top: 0.25rem;
}

/* ──────────────────────────────────────────
   Services strip
   ────────────────────────────────────────── */
.sothik-services-strip {
	padding: 4rem 0;
	background: var(--sothik-soft);
}
.sothik-services-strip__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
}
.sothik-service-card {
	background: var(--sothik-surface);
	border: 1px solid var(--sothik-border);
	border-radius: 20px;
	padding: 2rem 1.5rem;
	transition: transform 0.2s, box-shadow 0.2s;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}
.sothik-service-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 24px 48px rgba(13, 34, 68, 0.1);
}
.sothik-service-card__icon {
	width: 52px; height: 52px;
	background: linear-gradient(135deg, var(--sothik-primary), var(--sothik-accent));
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
	color: #fff;
	margin-bottom: 0.4rem;
}
.sothik-service-card__title {
	font-size: 1.05rem;
	font-weight: 700;
	color: #0e1f44;
	margin: 0;
}
.sothik-service-card__desc {
	font-size: 0.88rem;
	color: #4a5a7a;
	line-height: 1.6;
	flex: 1;
}
.sothik-service-card__link {
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--sothik-primary);
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: auto;
}
.sothik-service-card__link:hover { color: var(--sothik-primary-deep); }

/* ──────────────────────────────────────────
   About / stats strip
   ────────────────────────────────────────── */
.sothik-about-strip {
	padding: 5rem 0;
	background: #fff;
}
.sothik-about-strip__inner {
	display: flex;
	align-items: flex-start;
	gap: 4rem;
	flex-wrap: wrap;
}
.sothik-about-strip__text { flex: 1; min-width: 280px; }
.sothik-section-label {
	display: block;
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--sothik-primary);
	margin-bottom: 0.7rem;
}
.sothik-section-title {
	font-size: clamp(1.5rem, 3vw, 2.1rem);
	font-weight: 800;
	color: #0e1f44;
	letter-spacing: -0.03em;
	line-height: 1.22;
	margin-bottom: 1rem;
}
.sothik-about-strip__text p {
	font-size: 0.97rem;
	line-height: 1.75;
	color: #4a5a7a;
	margin-bottom: 1.2rem;
}
.sothik-about-strip__badges {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}
.sothik-about-strip__badges li {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	background: var(--sothik-soft);
	border: 1px solid var(--sothik-border);
	border-radius: 999px;
	padding: 0.3rem 0.85rem;
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--sothik-ink);
}
.sothik-about-strip__badges li i { color: var(--sothik-accent); }

.sothik-about-strip__counters {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.2rem;
	flex-shrink: 0;
	width: 340px;
}
.sothik-counter-card {
	background: var(--sothik-soft);
	border: 1px solid var(--sothik-border);
	border-radius: 18px;
	padding: 1.5rem 1.2rem;
	text-align: center;
}
.sothik-counter-card__num {
	display: block;
	font-size: 2.4rem;
	font-weight: 800;
	color: var(--sothik-primary);
	line-height: 1;
}
.sothik-counter-card__num sup { font-size: 1rem; }
.sothik-counter-card__label {
	display: block;
	font-size: 0.78rem;
	color: #4a5a7a;
	margin-top: 0.35rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

/* ──────────────────────────────────────────
   Ecosystem domains
   ────────────────────────────────────────── */
.sothik-ecosystem {
	padding: 4.5rem 0;
	background: var(--sothik-soft);
}
.sothik-ecosystem__header {
	text-align: center;
	margin-bottom: 2.5rem;
}
.sothik-ecosystem__grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 1rem;
}
.sothik-eco-card {
	background: #fff;
	border: 1px solid var(--sothik-border);
	border-radius: 16px;
	padding: 1.5rem 1rem;
	text-align: center;
	text-decoration: none;
	color: inherit;
	transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
}
.sothik-eco-card:hover {
	transform: translateY(-4px);
	border-color: var(--sothik-primary);
	box-shadow: 0 16px 32px rgba(15, 95, 168, 0.1);
}
.sothik-eco-card i {
	font-size: 1.6rem;
	color: var(--sothik-primary);
}
.sothik-eco-card__domain {
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--sothik-ink);
	word-break: break-all;
}
.sothik-eco-card__desc {
	font-size: 0.75rem;
	color: #6b7a99;
}

/* ──────────────────────────────────────────
   CTA Banner
   ────────────────────────────────────────── */
.sothik-cta-banner {
	background: linear-gradient(135deg, var(--sothik-primary-deep), var(--sothik-hero-end));
	color: #fff;
	padding: 3.5rem 0;
}
.sothik-cta-banner__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	flex-wrap: wrap;
}
.sothik-cta-banner__title {
	font-size: clamp(1.3rem, 2.5vw, 1.8rem);
	font-weight: 800;
	color: #fff;
	margin: 0 0 0.5rem;
}
.sothik-cta-banner__text p {
	font-size: 0.95rem;
	color: rgba(255, 255, 255, 0.78);
	margin: 0;
}
.sothik-cta-banner__actions {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	flex-wrap: wrap;
}
.sothik-btn-white {
	background: #fff;
	color: var(--sothik-primary) !important;
	border-radius: 999px;
	padding: 0.7rem 1.7rem;
	font-size: 0.95rem;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14);
	transition: background 0.2s, transform 0.15s;
}
.sothik-btn-white:hover {
	background: #e8f1ff;
	transform: translateY(-2px);
}
.sothik-cta-phone {
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.95rem;
	font-weight: 600;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 0.45rem;
}
.sothik-cta-phone:hover { color: #fff; }

/* ──────────────────────────────────────────
   Footer
   ────────────────────────────────────────── */
.sothik-footer {
	background: linear-gradient(160deg, #05162e 0%, #071d3a 50%, #041428 100%);
	color: #b8cce4;
}
.sothik-footer__widgets { padding: 4rem 0 2.5rem; }
.sothik-footer__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: 2.5rem;
}
.sothik-footer__heading {
	font-size: 0.82rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #fff;
	margin-bottom: 1.1rem;
}
.sothik-footer__col--about .sothik-footer__logo { margin-bottom: 0.85rem; }
.sothik-footer__tagline {
	font-size: 0.84rem;
	line-height: 1.7;
	color: #8aa4c8;
	margin-bottom: 1.2rem;
}
.sothik-footer__contact {
	list-style: none;
	padding: 0;
	margin: 0 0 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}
.sothik-footer__contact li {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	font-size: 0.84rem;
}
.sothik-footer__contact i { color: #4a8cbf; width: 16px; }
.sothik-footer__contact a { color: #9bbde0; text-decoration: none; }
.sothik-footer__contact a:hover { color: #fff; }
.sothik-footer__social { display: flex; gap: 0.7rem; }
.sothik-footer__social a {
	width: 34px; height: 34px;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #9bbde0;
	font-size: 0.85rem;
	transition: background 0.2s, color 0.2s;
}
.sothik-footer__social a:hover {
	background: var(--sothik-primary);
	color: #fff;
}
.sothik-footer__links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}
.sothik-footer__links a {
	font-size: 0.88rem;
	color: #8aa4c8;
	text-decoration: none;
	transition: color 0.2s, padding-left 0.2s;
}
.sothik-footer__links a:hover {
	color: #fff;
	padding-left: 4px;
}
.sothik-footer__copyright {
	border-top: 1px solid rgba(255, 255, 255, 0.07);
	padding: 1.2rem 0;
}
.sothik-footer__copyright-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.6rem;
}
.sothik-footer__copyright p {
	font-size: 0.82rem;
	color: #5a7aaa;
	margin: 0;
}
.sothik-footer__copyright a { color: #7aa2cc; }
.sothik-footer__copyright a:hover { color: #fff; }
.sothik-footer__powered { font-size: 0.78rem !important; }

/* ──────────────────────────────────────────
   Responsive overrides
   ────────────────────────────────────────── */
@media (max-width: 1100px) {
	.sothik-services-strip__grid { grid-template-columns: repeat(2, 1fr); }
	.sothik-ecosystem__grid { grid-template-columns: repeat(3, 1fr); }
	.sothik-footer__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
	.sothik-hero__inner { flex-direction: column; padding-bottom: 2rem; }
	.sothik-hero__visual { width: 200px; height: 200px; }
	.sothik-services-strip__grid { grid-template-columns: 1fr; }
	.sothik-about-strip__inner { flex-direction: column; }
	.sothik-about-strip__counters { width: 100%; }
	.sothik-ecosystem__grid { grid-template-columns: repeat(2, 1fr); }
	.sothik-cta-banner__inner { flex-direction: column; text-align: center; }
	.sothik-footer__grid { grid-template-columns: 1fr; }
	.sothik-stat { padding: 0 1.2rem; }
	.sothik-navbar__actions .sothik-btn-demo { display: none; }
}

@media (max-width: 480px) {
	.sothik-ecosystem__grid { grid-template-columns: repeat(2, 1fr); }
	.sothik-stats-row { flex-direction: column; gap: 1rem; }
	.sothik-stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.12); padding: 0.7rem 0; width: 100%; }
	.sothik-stat:last-child { border-bottom: none; }
}