/* ==========================================================================
   SS Fabricators – main stylesheet
   1. Tokens          2. Base             3. Buttons & links
   4. Top bar/header  5. Drawer & modal   6. Forms
   7. Elementor skins (classes set in Elementor > Advanced > CSS Classes)
   8. Hero slider     9. Footer          10. Floating buttons
   11. Blog & misc    12. Animations      13. Responsive
   ========================================================================== */

/* 1. Tokens ---------------------------------------------------------------- */
:root {
	--ssf-primary: #055C78;
	--ssf-secondary: #293E86;
	--ssf-accent: #D62631;
	--ssf-dark: #0A1E33;
	--ssf-accent-2: #EF4A52;
	--ssf-ink: #10233A;
	--ssf-text: #44556A;
	--ssf-muted: #6E7F91;
	--ssf-line: #DFE7EF;
	--ssf-light: #F3F7FA;
	--ssf-soft: #EAF3F7;
	--ssf-white: #fff;
	--ssf-wa: #1FAF5A;
	--ssf-grad: linear-gradient(135deg, var(--ssf-secondary) 0%, var(--ssf-primary) 100%);
	--ssf-grad-accent: linear-gradient(135deg, var(--ssf-accent-2) 0%, var(--ssf-accent) 60%, #A91B24 100%);
	--ssf-grad-dark: linear-gradient(160deg, #0B2340 0%, var(--ssf-dark) 55%, #061424 100%);
	--ssf-font-head: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
	--ssf-font-body: "Barlow", "Segoe UI", Roboto, Arial, sans-serif;
	--ssf-radius: 18px;
	--ssf-radius-sm: 12px;
	--ssf-radius-lg: 28px;
	--ssf-shadow: 0 1px 2px rgba(16, 35, 58, .04), 0 12px 32px -12px rgba(16, 35, 58, .16);
	--ssf-shadow-lg: 0 30px 60px -24px rgba(10, 30, 51, .35);
	--ssf-ease: cubic-bezier(.22, .8, .24, 1);
	--ssf-header-h: 86px;
	--ssf-container: 1240px;
}

/* 2. Base ------------------------------------------------------------------ */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: var(--ssf-font-body);
	font-size: 17px;
	line-height: 1.7;
	color: var(--ssf-text);
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}
img, svg, video { max-width: 100%; height: auto; }
a { color: var(--ssf-primary); text-decoration: none; transition: color .25s; }
a:hover { color: var(--ssf-accent); }
h1, h2, h3, h4, h5, h6 {
	font-family: var(--ssf-font-head);
	color: var(--ssf-ink);
	line-height: 1.08;
	font-weight: 700;
	margin: 0 0 .5em;
	letter-spacing: .005em;
}
h1 { font-size: clamp(2.6rem, 5.4vw, 4.6rem); }
h2 { font-size: clamp(2.1rem, 3.8vw, 3.3rem); }
h3 { font-size: clamp(1.4rem, 2vw, 1.75rem); }
h4 { font-size: 1.3rem; }
p { margin: 0 0 1.1em; }
p:last-child { margin-bottom: 0; }
::selection { background: var(--ssf-accent); color: #fff; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--ssf-accent) 70%, transparent); outline-offset: 3px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.ssf-skip { position: absolute; left: -9999px; top: 10px; z-index: 9999; background: #fff; padding: 10px 16px; border-radius: 8px; }
.ssf-skip:focus { left: 10px; }
.ssf-container { width: 100%; max-width: var(--ssf-container); margin: 0 auto; padding: 0 24px; }
.ssf-main { display: block; position: relative; }
.ssf-ico { width: 1em; height: 1em; flex: none; }

/* 3. Buttons & links -------------------------------------------------------- */
.ssf-btn,
body .elementor-widget-button .elementor-button {
	--b-bg: var(--ssf-grad-accent);
	--b-color: #fff;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .6em;
	padding: 15px 28px;
	border: 0;
	border-radius: 999px;
	background: var(--b-bg);
	color: var(--b-color);
	font-family: var(--ssf-font-head);
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	line-height: 1.1;
	cursor: pointer;
	overflow: hidden;
	isolation: isolate;
	box-shadow: 0 12px 26px -12px color-mix(in srgb, var(--ssf-accent) 70%, transparent);
	transition: transform .35s var(--ssf-ease), box-shadow .35s var(--ssf-ease), background .35s, color .25s;
}
.ssf-btn::after,
body .elementor-widget-button .elementor-button::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(110deg, transparent 20%, rgba(255, 255, 255, .35) 45%, transparent 70%);
	transform: translateX(-120%);
	transition: transform .8s var(--ssf-ease);
}
.ssf-btn:hover,
body .elementor-widget-button .elementor-button:hover { transform: translateY(-3px); color: var(--b-color); box-shadow: 0 18px 34px -14px color-mix(in srgb, var(--ssf-accent) 80%, transparent); }
.ssf-btn:hover::after,
body .elementor-widget-button .elementor-button:hover::after { transform: translateX(120%); }
.ssf-btn .ssf-ico { width: 1.15em; height: 1.15em; transition: transform .3s var(--ssf-ease); }
.ssf-btn:hover .ssf-ico-arrow { transform: translateX(4px); }
body .elementor-widget-button .elementor-button .elementor-button-text::after {
	content: "";
	display: inline-block;
	width: .95em;
	height: .95em;
	margin-left: .55em;
	vertical-align: -.12em;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.2 5.3 19.9 12l-6.7 6.7-1.4-1.4 4.3-4.3H4v-2h12.1l-4.3-4.3 1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.2 5.3 19.9 12l-6.7 6.7-1.4-1.4 4.3-4.3H4v-2h12.1l-4.3-4.3 1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;
	transition: transform .3s var(--ssf-ease);
}
body .elementor-widget-button .elementor-button:hover .elementor-button-text::after { transform: translateX(4px); }
body .elementor-widget-button.ssf-no-arrow .elementor-button .elementor-button-text::after { display: none; }

.ssf-btn--accent { --b-bg: var(--ssf-grad-accent); }
.ssf-btn--block { width: 100%; }
.ssf-btn--wa,
body .elementor-widget-button.ssf-btn-wa .elementor-button { --b-bg: linear-gradient(135deg, #2BD06F, var(--ssf-wa)); box-shadow: 0 12px 26px -12px rgba(31, 175, 90, .7); }
body .elementor-widget-button.ssf-btn-wa .elementor-button .elementor-button-text::after {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2A9.8 9.8 0 0 0 3.6 17l-1.4 5 5.2-1.4A9.8 9.8 0 1 0 12 2.2zm4.4 11.8c-.24-.12-1.43-.7-1.65-.79s-.38-.12-.54.12-.62.78-.76.94-.28.18-.52.06a6.6 6.6 0 0 1-3.3-2.88c-.25-.43.25-.4.71-1.33a.45.45 0 0 0 0-.42c-.06-.12-.54-1.3-.74-1.78s-.4-.4-.54-.41h-.46a.88.88 0 0 0-.64.3 2.7 2.7 0 0 0-.84 2 4.7 4.7 0 0 0 1 2.5 10.8 10.8 0 0 0 4.1 3.65c1.53.66 2.13.72 2.9.6a2.47 2.47 0 0 0 1.63-1.15 2 2 0 0 0 .14-1.15c-.06-.1-.22-.16-.46-.28z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2A9.8 9.8 0 0 0 3.6 17l-1.4 5 5.2-1.4A9.8 9.8 0 1 0 12 2.2zm4.4 11.8c-.24-.12-1.43-.7-1.65-.79s-.38-.12-.54.12-.62.78-.76.94-.28.18-.52.06a6.6 6.6 0 0 1-3.3-2.88c-.25-.43.25-.4.71-1.33a.45.45 0 0 0 0-.42c-.06-.12-.54-1.3-.74-1.78s-.4-.4-.54-.41h-.46a.88.88 0 0 0-.64.3 2.7 2.7 0 0 0-.84 2 4.7 4.7 0 0 0 1 2.5 10.8 10.8 0 0 0 4.1 3.65c1.53.66 2.13.72 2.9.6a2.47 2.47 0 0 0 1.63-1.15 2 2 0 0 0 .14-1.15c-.06-.1-.22-.16-.46-.28z'/%3E%3C/svg%3E");
	width: 1.15em; height: 1.15em;
}
.ssf-btn--outline,
body .elementor-widget-button.ssf-btn-outline .elementor-button { --b-bg: transparent; --b-color: var(--ssf-ink); box-shadow: inset 0 0 0 2px var(--ssf-line); }
.ssf-btn--outline:hover,
body .elementor-widget-button.ssf-btn-outline .elementor-button:hover { --b-bg: var(--ssf-ink); --b-color: #fff; box-shadow: inset 0 0 0 2px var(--ssf-ink); }
.ssf-btn--glass,
body .elementor-widget-button.ssf-btn-glass .elementor-button { --b-bg: rgba(255, 255, 255, .1); --b-color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .45); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.ssf-btn--glass:hover,
body .elementor-widget-button.ssf-btn-glass .elementor-button:hover { --b-bg: #fff; --b-color: var(--ssf-ink); }
body .elementor-widget-button.ssf-btn-light .elementor-button { --b-bg: #fff; --b-color: var(--ssf-ink); box-shadow: 0 14px 30px -16px rgba(0, 0, 0, .5); }
body .elementor-widget-button.ssf-btn-light .elementor-button:hover { --b-color: var(--ssf-accent); }
body .elementor-widget-button.ssf-btn-dark .elementor-button { --b-bg: var(--ssf-grad); box-shadow: 0 12px 26px -12px color-mix(in srgb, var(--ssf-secondary) 80%, transparent); }
body .elementor-widget-button.ssf-btn-link .elementor-button {
	--b-bg: transparent; --b-color: var(--ssf-primary);
	padding: 4px 0; box-shadow: none; border-radius: 0; font-size: .98rem;
	background-image: linear-gradient(currentColor, currentColor); background-size: 0 2px; background-repeat: no-repeat; background-position: 0 100%;
}
body .elementor-widget-button.ssf-btn-link .elementor-button:hover { transform: none; --b-color: var(--ssf-accent); background-size: 100% 2px; box-shadow: none; }
body .elementor-widget-button.ssf-btn-link .elementor-button::after { display: none; }
body .elementor-widget-button.ssf-btn-sm .elementor-button { padding: 11px 20px; font-size: .92rem; }
.ssf-link { display: inline-flex; align-items: center; gap: .4em; font-weight: 600; }

/* 4. Top bar & header ------------------------------------------------------ */
.ssf-topbar { background: var(--ssf-dark); color: rgba(255, 255, 255, .78); font-size: .88rem; position: relative; z-index: 60; }
.ssf-topbar__inner { display: flex; justify-content: space-between; align-items: center; min-height: 42px; gap: 16px; }
.ssf-topbar__left, .ssf-topbar__right { display: flex; align-items: center; gap: 22px; }
.ssf-topbar__item { display: inline-flex; align-items: center; gap: 8px; color: inherit; white-space: nowrap; }
.ssf-topbar__item .ssf-ico { color: var(--ssf-accent-2); width: 15px; height: 15px; }
a.ssf-topbar__item:hover { color: #fff; }
.ssf-social { display: flex; gap: 8px; }
.ssf-social a { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: inherit; transition: background .25s, color .25s, transform .25s; }
.ssf-social a .ssf-ico { width: 15px; height: 15px; }
.ssf-social a:hover { background: var(--ssf-accent); color: #fff; transform: translateY(-2px); }
.ssf-social--top { padding-left: 14px; border-left: 1px solid rgba(255, 255, 255, .14); }

.ssf-header {
	position: relative;
	z-index: 50;
	background: rgba(255, 255, 255, .92);
	-webkit-backdrop-filter: saturate(1.6) blur(14px);
	backdrop-filter: saturate(1.6) blur(14px);
	border-bottom: 1px solid rgba(16, 35, 58, .06);
	transition: box-shadow .35s, background .35s;
}
.ssf-sticky .ssf-header { position: sticky; top: 0; }
.admin-bar.ssf-sticky .ssf-header { top: 32px; }
.ssf-header.is-scrolled { box-shadow: 0 10px 30px -18px rgba(10, 30, 51, .35); background: rgba(255, 255, 255, .97); }
.ssf-header__inner { display: flex; align-items: center; gap: 28px; min-height: var(--ssf-header-h); transition: min-height .35s var(--ssf-ease); }
.ssf-header.is-scrolled .ssf-header__inner { min-height: 72px; }
.ssf-logo { display: inline-flex; align-items: center; flex: none; }
.ssf-logo img, .ssf-logo .custom-logo { display: block; width: auto; height: 72px; max-width: max-content; object-fit: contain; transition: height .35s var(--ssf-ease); }
.ssf-header.is-scrolled .ssf-logo img { height: 44px; }
.ssf-logo .custom-logo-link { display: block; }

.ssf-nav { margin-left: auto; }
.ssf-menu, .ssf-menu ul { list-style: none; margin: 0; padding: 0; }
.ssf-menu { display: flex; align-items: center; gap: 2px; }
.ssf-menu > li { position: relative; display: flex; align-items: center; }
.ssf-menu > li > a {
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 30px 13px;
	color: var(--ssf-ink);
	font-family: var(--ssf-font-head);
	font-size: 1.08rem;
	font-weight: 600;
	letter-spacing: .05em;
	text-transform: uppercase;
	transition: color .25s, padding .35s var(--ssf-ease);
}
.ssf-header.is-scrolled .ssf-menu > li > a { padding-top: 24px; padding-bottom: 24px; }
.ssf-menu > li > a::after {
	content: "";
	position: absolute;
	left: 14px; right: 14px; bottom: 20px;
	height: 3px;
	border-radius: 3px;
	background: var(--ssf-grad-accent);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .35s var(--ssf-ease);
}
.ssf-header.is-scrolled .ssf-menu > li > a::after { bottom: 15px; }
.ssf-menu > li:hover > a, .ssf-menu > li.current-menu-item > a, .ssf-menu > li.current-menu-ancestor > a, .ssf-menu > li.current_page_item > a, .ssf-menu > li.current_page_ancestor > a { color: var(--ssf-primary); }
.ssf-menu > li:hover > a::after, .ssf-menu > li.current-menu-item > a::after, .ssf-menu > li.current-menu-ancestor > a::after, .ssf-menu > li.current_page_item > a::after { transform: scaleX(1); }
.ssf-menu .menu-item-has-children > a, .ssf-menu .page_item_has_children > a { padding-right: 4px; }
.ssf-sub-toggle { background: none; border: 0; padding: 4px; margin-right: 6px; color: var(--ssf-muted); cursor: pointer; display: grid; place-items: center; }
.ssf-sub-toggle .ssf-ico { width: 18px; height: 18px; transition: transform .3s; }
.ssf-menu > li:hover > .ssf-sub-toggle .ssf-ico { transform: rotate(180deg); color: var(--ssf-primary); }
.ssf-menu .sub-menu, .ssf-menu .children {
	position: absolute;
	top: calc(100% - 10px);
	left: -8px;
	min-width: 310px;
	padding: 12px;
	background: #fff;
	border-radius: var(--ssf-radius);
	box-shadow: 0 30px 60px -20px rgba(10, 30, 51, .35), 0 0 0 1px rgba(16, 35, 58, .05);
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: opacity .3s, transform .35s var(--ssf-ease), visibility .3s;
}
.ssf-menu .sub-menu::before, .ssf-menu .children::before { content: ""; position: absolute; top: 0; left: 18px; right: 18px; height: 3px; border-radius: 0 0 3px 3px; background: var(--ssf-grad-accent); }
.ssf-menu li:hover > .sub-menu, .ssf-menu li:focus-within > .sub-menu, .ssf-menu li.is-open > .sub-menu,
.ssf-menu li:hover > .children, .ssf-menu li:focus-within > .children { opacity: 1; visibility: visible; transform: none; }
.ssf-menu .sub-menu a, .ssf-menu .children a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 14px;
	border-radius: 10px;
	color: var(--ssf-ink);
	font-weight: 600;
	font-size: .98rem;
	line-height: 1.3;
	transition: background .25s, color .25s, padding .25s;
}
.ssf-menu .sub-menu a::before, .ssf-menu .children a::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--ssf-grad); transform: rotate(45deg); flex: none; transition: background .25s, transform .3s; }
.ssf-menu .sub-menu a:hover, .ssf-menu .children a:hover, .ssf-menu .sub-menu .current-menu-item > a { background: var(--ssf-soft); color: var(--ssf-primary); padding-left: 18px; }
.ssf-menu .sub-menu a:hover::before { background: var(--ssf-grad-accent); transform: rotate(135deg); }
.ssf-menu .sub-menu .sub-menu { left: 100%; top: -12px; }

.ssf-header__actions { display: flex; align-items: center; gap: 18px; flex: none; }
.ssf-header__call { display: none; align-items: center; gap: 10px; color: var(--ssf-ink); }
.ssf-header__call-ico { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--ssf-soft); color: var(--ssf-primary); transition: background .3s, color .3s; }
.ssf-header__call-ico::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 1.5px solid color-mix(in srgb, var(--ssf-primary) 35%, transparent); animation: ssf-ring 2.4s infinite; }
.ssf-header__call-ico .ssf-ico { width: 19px; height: 19px; }
.ssf-header__call:hover .ssf-header__call-ico { background: var(--ssf-primary); color: #fff; }
.ssf-header__call-txt { display: flex; flex-direction: column; line-height: 1.15; }
.ssf-header__call-txt small { font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ssf-muted); font-weight: 600; }
.ssf-header__call-txt strong { font-family: var(--ssf-font-head); font-size: 1.2rem; letter-spacing: .02em; }
.ssf-header__cta { padding: 13px 22px; font-size: .98rem; }
.ssf-burger { display: none; width: 46px; height: 46px; border: 0; border-radius: 12px; background: var(--ssf-dark); cursor: pointer; padding: 0 12px; flex-direction: column; justify-content: center; gap: 5px; }
.ssf-burger span { display: block; height: 2px; border-radius: 2px; background: #fff; transition: transform .3s, opacity .3s, width .3s; }
.ssf-burger span:nth-child(2) { width: 70%; margin-left: auto; }
.ssf-burger:hover span:nth-child(2) { width: 100%; }

/* 5. Drawer & modal ---------------------------------------------------------- */
.ssf-drawer, .ssf-modal { position: fixed; inset: 0; z-index: 9990; visibility: hidden; pointer-events: none; }
.ssf-drawer.is-open, .ssf-modal.is-open { visibility: visible; pointer-events: auto; }
.ssf-drawer__backdrop, .ssf-modal__backdrop { position: absolute; inset: 0; background: rgba(6, 18, 32, .55); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); opacity: 0; transition: opacity .35s; }
.is-open > .ssf-drawer__backdrop, .is-open > .ssf-modal__backdrop { opacity: 1; }
.ssf-drawer__panel {
	position: absolute; top: 0; right: 0; bottom: 0;
	width: min(400px, 88vw);
	background: #fff;
	display: flex; flex-direction: column;
	transform: translateX(100%);
	transition: transform .45s var(--ssf-ease);
	overflow-y: auto;
}
.ssf-drawer.is-open .ssf-drawer__panel { transform: none; }
.ssf-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; border-bottom: 1px solid var(--ssf-line); }
.ssf-drawer__head .ssf-logo img { height: 40px; }
.ssf-drawer__close, .ssf-modal__close { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; border: 0; background: var(--ssf-light); color: var(--ssf-ink); cursor: pointer; transition: background .25s, transform .35s; }
.ssf-drawer__close:hover, .ssf-modal__close:hover { background: var(--ssf-accent); color: #fff; transform: rotate(90deg); }
.ssf-drawer__nav { padding: 10px 22px; flex: 1; }
.ssf-mmenu, .ssf-mmenu ul { list-style: none; margin: 0; padding: 0; }
.ssf-mmenu > li { border-bottom: 1px solid var(--ssf-line); position: relative; }
.ssf-mmenu a { display: block; padding: 15px 44px 15px 0; color: var(--ssf-ink); font-family: var(--ssf-font-head); font-size: 1.22rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.ssf-mmenu .current-menu-item > a, .ssf-mmenu .current_page_item > a { color: var(--ssf-accent); }
.ssf-mmenu .ssf-sub-toggle { position: absolute; right: 0; top: 8px; width: 40px; height: 40px; border-radius: 10px; background: var(--ssf-light); margin: 0; }
.ssf-mmenu .is-open > .ssf-sub-toggle .ssf-ico { transform: rotate(180deg); }
.ssf-mmenu .sub-menu, .ssf-mmenu .children { display: none; padding: 0 0 12px 14px; border-left: 2px solid var(--ssf-soft); margin-left: 4px; }
.ssf-mmenu .is-open > .sub-menu, .ssf-mmenu .is-open > .children { display: block; }
.ssf-mmenu .sub-menu a { font-family: var(--ssf-font-body); font-size: 1rem; text-transform: none; letter-spacing: 0; padding: 9px 0; }
.ssf-drawer__foot { padding: 22px; background: var(--ssf-light); }
.ssf-drawer__quick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 14px 0; }
.ssf-drawer__quick a { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 6px; border-radius: 12px; background: #fff; color: var(--ssf-ink); font-size: .86rem; font-weight: 600; box-shadow: var(--ssf-shadow); }
.ssf-drawer__quick a .ssf-ico { width: 22px; height: 22px; color: var(--ssf-primary); }
.ssf-drawer__quick a:nth-child(2) .ssf-ico { color: var(--ssf-wa); }
.ssf-drawer__addr { font-size: .9rem; color: var(--ssf-muted); margin: 0; }

.ssf-modal { display: grid; place-items: center; padding: 20px; }
.ssf-modal__panel {
	position: relative;
	width: min(720px, 100%);
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	background: #fff;
	border-radius: var(--ssf-radius-lg);
	padding: 40px;
	box-shadow: var(--ssf-shadow-lg);
	opacity: 0;
	transform: translateY(30px) scale(.97);
	transition: opacity .35s, transform .45s var(--ssf-ease);
}
.ssf-modal__panel::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; background: linear-gradient(90deg, var(--ssf-secondary), var(--ssf-primary), var(--ssf-accent)); }
.ssf-modal.is-open .ssf-modal__panel { opacity: 1; transform: none; }
.ssf-modal__close { position: absolute; top: 18px; right: 18px; }
.ssf-modal__intro { margin-bottom: 22px; padding-right: 50px; }
.ssf-modal__intro h2 { font-size: clamp(1.8rem, 3vw, 2.4rem); margin: 6px 0 8px; }
.ssf-modal__intro p { color: var(--ssf-muted); margin: 0; }
body.ssf-lock { overflow: hidden; }

.ssf-kicker:not(.elementor-widget),
.elementor-widget-heading.ssf-kicker .elementor-heading-title {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--ssf-font-head);
	font-size: .98rem;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--ssf-accent);
	line-height: 1.3;
}
.ssf-kicker:not(.elementor-widget)::before,
.elementor-widget-heading.ssf-kicker .elementor-heading-title::before { content: ""; width: 34px; height: 2px; background: currentColor; border-radius: 2px; flex: none; }

/* 6. Forms ------------------------------------------------------------------ */
.ssf-form { position: relative; }
.ssf-form__head { margin-bottom: 18px; }
.ssf-form__title { font-size: 1.9rem; margin: 0 0 6px; }
.ssf-form__sub { color: var(--ssf-muted); margin: 0; }
.ssf-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px; }
.ssf-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; margin: 0; padding: 0; border: 0; }
.ssf-field--full { grid-column: 1 / -1; }
.ssf-field label, .ssf-field legend { font-size: .86rem; font-weight: 600; color: var(--ssf-ink); letter-spacing: .02em; padding: 0; }
.ssf-req { color: var(--ssf-accent); }
.ssf-form input[type="text"], .ssf-form input[type="tel"], .ssf-form input[type="email"], .ssf-form select, .ssf-form textarea,
.ssf-search input[type="search"], .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea {
	width: 100%;
	padding: 14px 16px;
	border: 1.5px solid var(--ssf-line);
	border-radius: 12px;
	background: #fff;
	font: inherit;
	font-size: 1rem;
	color: var(--ssf-ink);
	transition: border-color .25s, box-shadow .25s, background .25s;
	-webkit-appearance: none;
	appearance: none;
}
.ssf-form select { background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236E7F91'%3E%3Cpath d='m7.4 8.6 4.6 4.6 4.6-4.6L18 10l-6 6-6-6z'/%3E%3C/svg%3E") no-repeat right 12px center / 20px; padding-right: 40px; }
.ssf-form textarea { resize: vertical; min-height: 96px; }
.ssf-form input::placeholder, .ssf-form textarea::placeholder { color: #9AA8B6; }
.ssf-form input:focus, .ssf-form select:focus, .ssf-form textarea:focus { outline: none; border-color: var(--ssf-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ssf-primary) 14%, transparent); }
.ssf-field.has-error input, .ssf-field.has-error textarea, .ssf-field.has-error select { border-color: var(--ssf-accent); }
.ssf-field__err { color: var(--ssf-accent); font-size: .8rem; font-weight: 600; }
.ssf-choice { flex-direction: row; flex-wrap: wrap; gap: 10px; }
.ssf-choice legend { width: 100%; margin-bottom: 8px; }
.ssf-pill { position: relative; cursor: pointer; }
.ssf-pill input { position: absolute; opacity: 0; pointer-events: none; }
.ssf-pill span { display: inline-block; padding: 9px 18px; border-radius: 999px; border: 1.5px solid var(--ssf-line); font-size: .92rem; font-weight: 600; color: var(--ssf-text); transition: all .25s; }
.ssf-pill input:checked + span { background: var(--ssf-grad); color: #fff; border-color: transparent; box-shadow: 0 8px 18px -10px var(--ssf-secondary); }
.ssf-pill input:focus-visible + span { outline: 3px solid color-mix(in srgb, var(--ssf-primary) 40%, transparent); }
.ssf-consent { flex-direction: row; align-items: flex-start; gap: 10px; font-size: .9rem; color: var(--ssf-muted); cursor: pointer; }
.ssf-consent input { width: 18px; height: 18px; margin-top: 3px; accent-color: var(--ssf-primary); flex: none; }
.ssf-consent.has-error span { color: var(--ssf-accent); }
.ssf-hp { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.ssf-form__foot { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 22px; margin-top: 22px; }
.ssf-form__call { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--ssf-ink); }
.ssf-form__call .ssf-ico { color: var(--ssf-primary); }
.ssf-form__status { margin-top: 14px; font-weight: 600; }
.ssf-form__status:empty { display: none; }
.ssf-form__status.is-ok { padding: 14px 16px; border-radius: 12px; background: #E8F8EF; color: #13713B; }
.ssf-form__status.is-err { padding: 14px 16px; border-radius: 12px; background: #FDECEE; color: #A3202A; }
.ssf-form__status a { color: inherit; text-decoration: underline; }
.ssf-form.is-busy button[type="submit"] { opacity: .7; pointer-events: none; }

/* 7. Elementor skins --------------------------------------------------------- */
/* Every container that carries a skin class keeps its children above decoration layers */
[class*="ssf-mesh"], .ssf-bg-dark, .ssf-bg-grad, .ssf-page-hero, .ssf-cta-band, .ssf-stats, .ssf-hero-slider { position: relative; overflow: hidden; }
[class*="ssf-mesh"] > .e-con-inner, [class*="ssf-mesh"] > .elementor-element, .ssf-page-hero > .e-con-inner, .ssf-cta-band > .e-con-inner { position: relative; z-index: 2; }

/* Section backgrounds */
.ssf-bg-light { background-color: var(--ssf-light); }
.ssf-bg-soft { background: radial-gradient(1200px 500px at 85% -10%, #DCEFF6 0%, transparent 60%), radial-gradient(900px 500px at -10% 110%, #FBE5E6 0%, transparent 55%), #F7FAFC; }
.ssf-bg-dark { background: var(--ssf-grad-dark); color: rgba(255, 255, 255, .78); }
.ssf-bg-grad { background: var(--ssf-grad); color: rgba(255, 255, 255, .85); }
.ssf-bg-dark .elementor-widget-heading .elementor-heading-title, .ssf-bg-grad .elementor-widget-heading .elementor-heading-title,
.ssf-page-hero .elementor-widget-heading .elementor-heading-title, .ssf-cta-band .elementor-widget-heading .elementor-heading-title,
.ssf-slide .elementor-widget-heading .elementor-heading-title, .ssf-stats .elementor-widget-heading .elementor-heading-title { color: #fff; }
.ssf-bg-dark .elementor-widget-text-editor, .ssf-bg-grad .elementor-widget-text-editor, .ssf-page-hero .elementor-widget-text-editor, .ssf-cta-band .elementor-widget-text-editor, .ssf-slide .elementor-widget-text-editor { color: rgba(255, 255, 255, .82); }
.ssf-bg-dark .elementor-widget-heading.ssf-kicker .elementor-heading-title, .ssf-page-hero .elementor-widget-heading.ssf-kicker .elementor-heading-title,
.ssf-slide .elementor-widget-heading.ssf-kicker .elementor-heading-title, .ssf-cta-band .elementor-widget-heading.ssf-kicker .elementor-heading-title { color: #FF7A80; }

/* Mesh decorations on section sides */
[class*="ssf-mesh"]::before, [class*="ssf-mesh"]::after { content: ""; position: absolute; pointer-events: none; z-index: 0; }
.ssf-mesh-left::before, .ssf-mesh-both::before {
	left: -60px; top: 6%; width: 340px; height: 520px;
	background: url(../images/mesh/mesh-wire.svg) no-repeat center / contain;
	opacity: .55;
	-webkit-mask-image: linear-gradient(90deg, #000 30%, transparent 95%);
	mask-image: linear-gradient(90deg, #000 30%, transparent 95%);
	animation: ssf-float 14s ease-in-out infinite;
}
.ssf-mesh-right::after, .ssf-mesh-both::after {
	right: -70px; bottom: 4%; width: 360px; height: 540px;
	background: url(../images/mesh/mesh-wire.svg) no-repeat center / contain;
	transform: scaleX(-1);
	opacity: .5;
	-webkit-mask-image: linear-gradient(270deg, #000 30%, transparent 95%);
	mask-image: linear-gradient(270deg, #000 30%, transparent 95%);
	animation: ssf-float-r 16s ease-in-out infinite;
}
.ssf-bg-dark.ssf-mesh-left::before, .ssf-bg-dark.ssf-mesh-both::before, .ssf-bg-dark.ssf-mesh-right::after, .ssf-bg-dark.ssf-mesh-both::after,
.ssf-bg-grad.ssf-mesh-left::before, .ssf-bg-grad.ssf-mesh-right::after, .ssf-bg-grad.ssf-mesh-both::before, .ssf-bg-grad.ssf-mesh-both::after { background-image: url(../images/mesh/mesh-wire-light.svg); opacity: .35; }
.ssf-mesh-dots::before { right: 4%; top: 40px; width: 160px; height: 160px; background: url(../images/mesh/mesh-dots.svg) no-repeat center / contain; opacity: .7; }
.ssf-mesh-dots::after { left: 3%; bottom: 40px; width: 120px; height: 120px; background: url(../images/mesh/mesh-dots.svg) no-repeat center / contain; opacity: .5; }
.ssf-mesh-contour::before { inset: 0; background: url(../images/mesh/contour.svg) no-repeat center / cover; opacity: .9; }
.ssf-mesh-contour::after { width: 520px; height: 520px; right: -140px; top: -180px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--ssf-accent) 40%, transparent) 0%, transparent 65%); filter: blur(10px); animation: ssf-pulse-soft 9s ease-in-out infinite; }

/* Headings */
.elementor-widget-heading.ssf-display .elementor-heading-title { font-size: clamp(2.6rem, 5.6vw, 4.9rem); line-height: 1.02; text-transform: uppercase; letter-spacing: .005em; }
.elementor-widget-heading.ssf-title .elementor-heading-title { font-size: clamp(2.1rem, 3.8vw, 3.3rem); text-transform: uppercase; }
.elementor-widget-heading.ssf-title .elementor-heading-title em, .elementor-widget-heading.ssf-display .elementor-heading-title em { font-style: normal; background: linear-gradient(90deg, var(--ssf-accent), #FF6B72); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ssf-bg-light .elementor-widget-heading.ssf-title .elementor-heading-title em, .ssf-bg-soft .elementor-widget-heading.ssf-title .elementor-heading-title em { background: linear-gradient(90deg, var(--ssf-secondary), var(--ssf-primary)); -webkit-background-clip: text; background-clip: text; }
.elementor-widget-text-editor.ssf-lead { font-size: 1.16rem; line-height: 1.75; }
.elementor-widget-heading.ssf-center-line .elementor-heading-title::after { content: ""; display: block; width: 64px; height: 4px; margin: 18px auto 0; border-radius: 4px; background: var(--ssf-grad-accent); }

/* Check list (Icon List widget) */
.ssf-checks .elementor-icon-list-items { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 22px; }
.ssf-checks.ssf-checks--single .elementor-icon-list-items { grid-template-columns: 1fr; }
.ssf-checks .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; align-items: flex-start; font-weight: 600; color: var(--ssf-ink); }
.ssf-checks .elementor-icon-list-item::after { display: none !important; }
.ssf-checks .elementor-icon-list-item .elementor-icon-list-text { color: inherit; padding-left: 0; }
.ssf-checks .elementor-icon-list-icon { display: grid; place-items: center; flex: none; width: 26px; height: 26px; margin-right: 10px; border-radius: 8px; background: var(--ssf-grad); color: #fff; font-size: 12px; }
.ssf-checks .elementor-icon-list-icon i, .ssf-checks .elementor-icon-list-icon svg { color: #fff !important; fill: #fff !important; font-size: 12px !important; width: 12px !important; height: 12px !important; }
.ssf-bg-dark .ssf-checks .elementor-icon-list-item, .ssf-bg-grad .ssf-checks .elementor-icon-list-item { color: #fff; }
.ssf-bg-dark .ssf-checks .elementor-icon-list-icon { background: var(--ssf-grad-accent); }

/* Generic card */
.ssf-card {
	position: relative;
	background: #fff;
	border-radius: var(--ssf-radius);
	box-shadow: var(--ssf-shadow);
	transition: transform .45s var(--ssf-ease), box-shadow .45s var(--ssf-ease);
	isolation: isolate;
}
.ssf-card::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1.5px;
	background: linear-gradient(140deg, var(--ssf-primary), transparent 40%, transparent 60%, var(--ssf-accent));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: 0;
	transition: opacity .45s;
	z-index: 1;
	pointer-events: none;
}
.ssf-card::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%), color-mix(in srgb, var(--ssf-primary) 10%, transparent), transparent 45%);
	opacity: 0;
	transition: opacity .4s;
	z-index: -1;
	pointer-events: none;
}
.ssf-card:hover { transform: translateY(-8px); box-shadow: 0 34px 60px -28px rgba(10, 30, 51, .38); }
.ssf-card:hover::before, .ssf-card:hover::after { opacity: 1; }
.ssf-card.ssf-bg-grad { background: var(--ssf-grad); color: rgba(255, 255, 255, .85); }
.ssf-card.ssf-bg-grad .elementor-widget-heading .elementor-heading-title { color: #fff; }
.ssf-card.ssf-bg-grad .elementor-widget-text-editor { color: rgba(255, 255, 255, .85); }
.ssf-glass {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .16);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border-radius: var(--ssf-radius);
	transition: transform .4s var(--ssf-ease), background .4s;
}
.ssf-glass:hover { background: rgba(255, 255, 255, .14); transform: translateY(-6px); }

/* Feature (Icon Box widget) */
.ssf-feature .elementor-icon-box-wrapper { text-align: left !important; }
.ssf-feature .elementor-icon-box-icon { margin-bottom: 18px !important; display: inline-flex; }
.ssf-feature .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 64px;
	height: 64px;
	border-radius: 18px;
	background: var(--ssf-grad);
	color: #fff !important;
	fill: #fff !important;
	font-size: 26px !important;
	box-shadow: 0 14px 28px -14px var(--ssf-secondary);
	transition: transform .5s var(--ssf-ease), background .4s;
}
.ssf-feature .elementor-icon i, .ssf-feature .elementor-icon svg { color: #fff; fill: #fff; width: 26px; height: 26px; font-size: 26px; }
.ssf-card:hover .ssf-feature .elementor-icon, .ssf-feature:hover .elementor-icon { transform: rotate(-8deg) scale(1.06); background: var(--ssf-grad-accent); }
.ssf-feature .elementor-icon-box-title { margin: 0 0 10px !important; font-size: 1.5rem !important; line-height: 1.15; color: var(--ssf-ink); }
.ssf-feature .elementor-icon-box-title, .ssf-feature .elementor-icon-box-title a { color: var(--ssf-ink); }
.ssf-feature .elementor-icon-box-description { margin: 0; color: var(--ssf-text); font-size: 1rem; line-height: 1.65; }
.ssf-bg-dark .ssf-feature .elementor-icon-box-title, .ssf-glass .ssf-feature .elementor-icon-box-title { color: #fff; }
.ssf-bg-dark .ssf-feature .elementor-icon-box-description, .ssf-glass .ssf-feature .elementor-icon-box-description { color: rgba(255, 255, 255, .72); }
.ssf-feature--sm .elementor-icon { width: 50px; height: 50px; border-radius: 14px; font-size: 20px !important; }
.ssf-feature--sm .elementor-icon i, .ssf-feature--sm .elementor-icon svg { width: 20px; height: 20px; font-size: 20px; }
.ssf-feature--sm .elementor-icon-box-title { font-size: 1.3rem !important; }
.ssf-feature--sm .elementor-icon-box-description { font-size: .95rem; }

/* Number / step chips */
.elementor-widget-heading.ssf-num .elementor-heading-title {
	font-size: 3.6rem; line-height: 1; font-weight: 800;
	color: transparent !important;
	-webkit-text-stroke: 1.5px color-mix(in srgb, var(--ssf-primary) 55%, transparent);
	transition: color .4s, -webkit-text-stroke-color .4s;
}
.ssf-bg-dark .elementor-widget-heading.ssf-num .elementor-heading-title { -webkit-text-stroke-color: rgba(255, 255, 255, .45); }
.ssf-card:hover .elementor-widget-heading.ssf-num .elementor-heading-title, .ssf-step:hover .elementor-widget-heading.ssf-num .elementor-heading-title { color: var(--ssf-accent) !important; -webkit-text-stroke-color: var(--ssf-accent); }
.ssf-step { position: relative; border-top: 2px solid rgba(255, 255, 255, .14); transition: border-color .4s; }
.ssf-step::before { content: ""; position: absolute; top: -7px; left: 0; width: 12px; height: 12px; border-radius: 50%; background: var(--ssf-accent); box-shadow: 0 0 0 6px color-mix(in srgb, var(--ssf-accent) 22%, transparent); }
.ssf-step:hover { border-color: var(--ssf-accent); }
.ssf-bg-light .ssf-step, .ssf-bg-soft .ssf-step { border-top-color: var(--ssf-line); }

/* Specialization card */
.ssf-spec-card { overflow: hidden; }
.ssf-spec-card .elementor-widget-image { overflow: hidden; border-radius: var(--ssf-radius) var(--ssf-radius) 0 0; margin: 0; }
.ssf-spec-card .elementor-widget-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; transition: transform .9s var(--ssf-ease); }
.ssf-spec-card:hover .elementor-widget-image img { transform: scale(1.08); }
.ssf-spec-card .ssf-icon-chip { margin-top: -38px !important; position: relative; z-index: 3; }
.ssf-icon-chip .elementor-icon { display: grid !important; place-items: center; width: 64px; height: 64px; border-radius: 18px; background: var(--ssf-grad-accent); color: #fff !important; fill: #fff !important; font-size: 24px !important; box-shadow: 0 14px 30px -12px var(--ssf-accent); border: 4px solid #fff; transition: transform .5s var(--ssf-ease); }
.ssf-icon-chip .elementor-icon i, .ssf-icon-chip .elementor-icon svg { color: #fff; fill: #fff; width: 24px; height: 24px; }
.ssf-card:hover .ssf-icon-chip .elementor-icon { transform: rotate(-10deg); }
.ssf-spec-card .elementor-widget-heading .elementor-heading-title { font-size: 1.65rem; text-transform: uppercase; }
.ssf-spec-card .elementor-widget-text-editor { font-size: 1rem; }

/* Product card */
.ssf-product-card { overflow: hidden; transform-style: preserve-3d; }
.ssf-product-card .elementor-widget-image { overflow: hidden; margin: 0; background: var(--ssf-light); border-radius: var(--ssf-radius) var(--ssf-radius) 0 0; }
.ssf-product-card .elementor-widget-image img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .9s var(--ssf-ease); }
.ssf-product-card:hover .elementor-widget-image img { transform: scale(1.07); }
.elementor-widget-heading.ssf-chip .elementor-heading-title {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--ssf-soft);
	color: var(--ssf-primary);
	font-family: var(--ssf-font-body);
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	line-height: 1.2;
}
.ssf-product-card .elementor-widget-heading:not(.ssf-chip) .elementor-heading-title { font-size: 1.45rem; line-height: 1.12; text-transform: uppercase; }
.ssf-product-card .elementor-widget-text-editor { font-size: .97rem; line-height: 1.6; }
.ssf-product-add { border: 2px dashed color-mix(in srgb, var(--ssf-primary) 35%, transparent); background: linear-gradient(160deg, #fff, var(--ssf-soft)); border-radius: var(--ssf-radius); transition: border-color .3s, transform .4s var(--ssf-ease); }
.ssf-product-add:hover { border-color: var(--ssf-accent); transform: translateY(-6px); }

/* Image frame with floating badge */
.ssf-img-frame { position: relative; }
.ssf-img-frame .elementor-widget-image { margin: 0; }
.ssf-img-frame .elementor-widget-image img { display: block; width: 100%; border-radius: var(--ssf-radius-lg); box-shadow: var(--ssf-shadow-lg); object-fit: cover; }
.ssf-img-frame::before {
	content: "";
	position: absolute;
	inset: 26px -20px -20px 26px;
	border-radius: var(--ssf-radius-lg);
	background: var(--ssf-grad);
	z-index: 0;
	opacity: .9;
}
.ssf-img-frame::after {
	content: "";
	position: absolute;
	left: -36px; top: -30px;
	width: 140px; height: 140px;
	background: url(../images/mesh/mesh-dots.svg) no-repeat center / contain;
	z-index: 0;
	animation: ssf-float 10s ease-in-out infinite;
}
.ssf-img-frame > .elementor-element, .ssf-img-frame > .e-con-inner { position: relative; z-index: 1; }
.ssf-badge-float {
	position: absolute !important;
	z-index: 3 !important;
	left: -24px;
	bottom: 34px;
	width: auto !important;
	max-width: 220px;
	background: #fff;
	border-radius: var(--ssf-radius);
	box-shadow: var(--ssf-shadow-lg);
	animation: ssf-bob 5s ease-in-out infinite;
}
.ssf-badge-float::before { content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 4px; border-radius: 0 4px 4px 0; background: var(--ssf-grad-accent); }
.ssf-badge-float .elementor-widget-heading:first-child .elementor-heading-title { font-size: 3.2rem; line-height: 1; background: var(--ssf-grad-accent); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ssf-badge-float .elementor-widget-text-editor { font-size: .92rem; font-weight: 600; color: var(--ssf-ink); line-height: 1.35; }

/* Stats band */
.ssf-stats { background: var(--ssf-grad); }
.ssf-stats::before { content: ""; position: absolute; inset: 0; background: url(../images/mesh/contour.svg) center / cover no-repeat; opacity: .8; }
.ssf-stats > .e-con-inner, .ssf-stats > .elementor-element { position: relative; z-index: 1; }
.ssf-stat { position: relative; text-align: center; }
.ssf-stat + .ssf-stat::before { content: ""; position: absolute; left: 0; top: 18%; bottom: 18%; width: 1px; background: rgba(255, 255, 255, .2); }
.ssf-counter .elementor-counter { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.ssf-counter .elementor-counter-number-wrapper { order: 1; display: flex; }
.ssf-counter .elementor-counter-title { order: 2; }
.ssf-counter .elementor-counter-number-wrapper { justify-content: center; font-family: var(--ssf-font-head) !important; font-size: clamp(2.8rem, 4.6vw, 4rem) !important; font-weight: 800; color: #fff !important; line-height: 1 !important; }
.ssf-counter .elementor-counter-number-suffix, .ssf-counter .elementor-counter-number-prefix { color: #FF7A80; }
.ssf-counter .elementor-counter-title { color: rgba(255, 255, 255, .8) !important; font-family: var(--ssf-font-body) !important; font-size: .95rem !important; font-weight: 600 !important; letter-spacing: .1em; text-transform: uppercase; text-align: center; line-height: 1.4 !important; }

/* Ticker / marquee */
.ssf-marquee { overflow: hidden; background: var(--ssf-dark); }
.ssf-ticker { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.ssf-ticker p { margin: 0; }
.ssf-ticker__track { display: flex; width: max-content; animation: ssf-marquee 38s linear infinite; }
.ssf-ticker:hover .ssf-ticker__track { animation-play-state: paused; }
.ssf-ticker__item, .ssf-ticker span.ssf-tick {
	display: inline-flex;
	align-items: center;
	gap: 26px;
	padding: 0 26px 0 0;
	font-family: var(--ssf-font-head);
	font-size: clamp(1.4rem, 2.6vw, 2.2rem);
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
	color: #fff;
	white-space: nowrap;
}
.ssf-ticker span.ssf-tick:nth-child(even) { color: transparent; -webkit-text-stroke: 1.2px rgba(255, 255, 255, .55); }
.ssf-ticker span.ssf-tick::after { content: ""; width: 14px; height: 14px; background: var(--ssf-accent); transform: rotate(45deg); border-radius: 3px; flex: none; }

/* Infrastructure card */
.ssf-infra-card { overflow: hidden; }
.ssf-infra-card .elementor-widget-image { margin: 0; overflow: hidden; border-radius: var(--ssf-radius) var(--ssf-radius) 0 0; }
.ssf-infra-card .elementor-widget-image img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .9s var(--ssf-ease); }
.ssf-infra-card:hover .elementor-widget-image img { transform: scale(1.07); }
.ssf-infra-card .elementor-widget-heading .elementor-heading-title { font-size: 1.4rem; text-transform: uppercase; }

/* Page hero (inner pages) */
.ssf-page-hero { background-color: var(--ssf-dark); }
.ssf-page-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: url(../images/mesh/mesh-wire-light.svg) right -40px center / 420px auto no-repeat;
	opacity: .35;
	pointer-events: none;
	z-index: 1;
}
.ssf-crumbs, .elementor-widget-text-editor.ssf-crumbs { font-size: .9rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .7) !important; }
.ssf-crumbs a { color: #fff; }
.ssf-crumbs a:hover { color: #FF7A80; }
.ssf-crumbs p { margin: 0; }

/* CTA band */
.ssf-cta-band { border-radius: var(--ssf-radius-lg); background-color: var(--ssf-dark); }
.ssf-cta-band::after { content: ""; position: absolute; right: -120px; top: -160px; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--ssf-accent) 55%, transparent), transparent 65%); z-index: 1; animation: ssf-pulse-soft 8s ease-in-out infinite; pointer-events: none; }

/* Form card */
.ssf-form-card { background: #fff; border-radius: var(--ssf-radius-lg); box-shadow: var(--ssf-shadow-lg); position: relative; }
.ssf-form-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; border-radius: var(--ssf-radius-lg) var(--ssf-radius-lg) 0 0; background: linear-gradient(90deg, var(--ssf-secondary), var(--ssf-primary), var(--ssf-accent)); }

/* Timeline */
.ssf-timeline { position: relative; }
.ssf-timeline::before { content: ""; position: absolute; left: 50px; top: 30px; bottom: 30px; width: 2px; background: linear-gradient(var(--ssf-primary), var(--ssf-accent)); opacity: .35; }
.ssf-tl-item { position: relative; padding-left: 84px !important; }
.ssf-tl-item .elementor-widget-heading.ssf-tl-year { position: absolute; left: 18px; top: 22px; width: 64px; z-index: 2; }
.ssf-tl-item .elementor-widget-heading.ssf-tl-year .elementor-heading-title {
	display: grid; place-items: center;
	width: 64px; height: 64px;
	border-radius: 50%;
	background: #fff;
	color: var(--ssf-primary);
	font-size: 1.05rem;
	box-shadow: 0 0 0 6px var(--ssf-soft), var(--ssf-shadow);
	transition: background .35s, color .35s;
}
.ssf-tl-item:hover .elementor-widget-heading.ssf-tl-year .elementor-heading-title { background: var(--ssf-grad-accent); color: #fff; }
.ssf-tl-item .elementor-widget-heading:not(.ssf-tl-year) .elementor-heading-title { font-size: 1.5rem; text-transform: uppercase; }

/* Quote band */
.ssf-quote .elementor-widget-text-editor { font-family: var(--ssf-font-head); font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.25; color: #fff; font-weight: 600; }
.ssf-quote::before { content: "\201C"; position: absolute; left: 4%; top: -40px; font-family: Georgia, serif; font-size: 18rem; line-height: 1; color: rgba(255, 255, 255, .07); z-index: 0; }

/* Client logos */
.ssf-client .elementor-widget-image img { filter: grayscale(1); opacity: .75; transition: filter .3s, opacity .3s, transform .3s; border-radius: var(--ssf-radius-sm); }
.ssf-client:hover .elementor-widget-image img { filter: none; opacity: 1; transform: scale(1.04); }

/* FAQ cards */
.ssf-faq-item { border-left: 4px solid transparent; transition: border-color .3s, transform .4s var(--ssf-ease), box-shadow .4s; }
.ssf-faq-item:hover { border-left-color: var(--ssf-accent); }
.ssf-faq-item .elementor-widget-heading .elementor-heading-title { font-size: 1.35rem; }

/* Contact cards */
.ssf-contact-card .elementor-widget-text-editor a { color: var(--ssf-ink); font-weight: 600; }
.ssf-contact-card .elementor-widget-text-editor a:hover { color: var(--ssf-accent); }

/* Gallery (Basic Gallery widget) */
.ssf-gallery .gallery { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 0 !important; }
.ssf-gallery .gallery br { display: none; }
.ssf-gallery .gallery-item { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; position: relative; border-radius: var(--ssf-radius); overflow: hidden; }
.ssf-gallery .gallery-icon, .ssf-gallery .gallery-icon a { display: block; height: 100%; }
.ssf-gallery .gallery-item img { display: block; width: 100% !important; height: 100% !important; aspect-ratio: 4 / 3; object-fit: cover; border: 0 !important; transition: transform .8s var(--ssf-ease), filter .5s; }
.ssf-gallery .gallery-icon a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(10, 30, 51, .65)); opacity: 0; transition: opacity .4s; }
.ssf-gallery .gallery-item:hover img { transform: scale(1.06); }
.ssf-gallery .gallery-item:hover .gallery-icon a::after { opacity: 1; }

/* Map */
.ssf-map iframe { border-radius: var(--ssf-radius-lg); filter: saturate(.9); display: block; }

/* Split rows on the specialization overview */
.ssf-split-row .elementor-widget-image img { border-radius: var(--ssf-radius-lg); box-shadow: var(--ssf-shadow-lg); display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.ssf-split-row .elementor-widget-heading.ssf-index .elementor-heading-title { font-size: 5rem; line-height: .9; color: transparent; -webkit-text-stroke: 1.5px var(--ssf-line); }

/* Tilt */
.ssf-tilt { transition: transform .45s var(--ssf-ease), box-shadow .45s var(--ssf-ease); will-change: transform; }

/* 8. Hero slider ------------------------------------------------------------- */
.ssf-hero-slider { background: var(--ssf-dark); }
.ssf-hero-slider.is-ready { display: block !important; }
.ssf-hero-slider.is-ready > .ssf-slide {
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease, visibility 1s;
	z-index: 1;
}
.ssf-hero-slider.is-ready > .ssf-slide.is-active { position: relative !important; opacity: 1; visibility: visible; z-index: 2; }
.ssf-hero-slider.is-ready > .ssf-slide.is-leaving { opacity: 0; visibility: visible; z-index: 1; position: absolute !important; }
.ssf-slide { overflow: hidden; }
.ssf-slide > .ssf-kb {
	position: absolute;
	inset: -2%;
	z-index: 0;
	background-size: cover;
	background-position: center;
	transform: scale(1.12);
	transition: transform 9s linear;
	will-change: transform;
}
.ssf-slide.is-active > .ssf-kb { transform: scale(1.0); }
.ssf-slide > .e-con-inner { position: relative; z-index: 3; }
.ssf-slide::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(95deg, rgba(6, 18, 34, .94) 0%, rgba(8, 26, 48, .82) 38%, rgba(8, 30, 54, .2) 75%, rgba(8, 30, 54, .05) 100%);
	pointer-events: none;
}
.ssf-slide .ssf-slide-inner { position: relative; z-index: 3; }
.ssf-slide .elementor-widget-heading.ssf-display .elementor-heading-title { text-shadow: 0 10px 40px rgba(0, 0, 0, .25); }
.ssf-hero-slider.is-ready .ssf-slide .ssf-slide-inner > * { opacity: 0; transform: translateY(28px); }
.ssf-hero-slider.is-ready .ssf-slide.is-active .ssf-slide-inner > * { animation: ssf-rise .9s var(--ssf-ease) forwards; }
.ssf-hero-slider.is-ready .ssf-slide.is-active .ssf-slide-inner > *:nth-child(2) { animation-delay: .12s; }
.ssf-hero-slider.is-ready .ssf-slide.is-active .ssf-slide-inner > *:nth-child(3) { animation-delay: .24s; }
.ssf-hero-slider.is-ready .ssf-slide.is-active .ssf-slide-inner > *:nth-child(4) { animation-delay: .36s; }
.ssf-hero-slider.is-ready .ssf-slide.is-active .ssf-slide-inner > *:nth-child(5) { animation-delay: .48s; }
.ssf-hero-grid { position: absolute; inset: 0; z-index: 1; pointer-events: none; background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px); background-size: 64px 64px; -webkit-mask-image: linear-gradient(90deg, #000, transparent 70%); mask-image: linear-gradient(90deg, #000, transparent 70%); }
.ssf-hero-ui { position: absolute; z-index: 5; left: 0; right: 0; bottom: 36px; pointer-events: none; }
.ssf-hero-ui__inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: var(--ssf-container); margin: 0 auto; padding: 0 24px; }
.ssf-hero-dots { display: flex; gap: 10px; pointer-events: auto; }
.ssf-hero-dot { position: relative; width: 52px; height: 4px; border: 0; padding: 0; border-radius: 4px; background: rgba(255, 255, 255, .25); cursor: pointer; overflow: hidden; }
.ssf-hero-dot span { position: absolute; inset: 0; background: var(--ssf-grad-accent); transform: scaleX(0); transform-origin: left; }
.ssf-hero-dot.is-active span { animation: ssf-progress var(--ssf-slide-ms, 6500ms) linear forwards; }
.ssf-hero-slider.is-paused .ssf-hero-dot.is-active span { animation-play-state: paused; }
.ssf-hero-dot.is-done span { transform: scaleX(1); }
.ssf-hero-count { font-family: var(--ssf-font-head); font-size: 1.1rem; color: rgba(255, 255, 255, .7); letter-spacing: .1em; }
.ssf-hero-count b { color: #fff; font-size: 1.6rem; }
.ssf-hero-arrows { display: flex; gap: 10px; pointer-events: auto; }
.ssf-hero-arrow { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .06); color: #fff; cursor: pointer; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background .3s, border-color .3s, transform .3s; }
.ssf-hero-arrow:hover { background: var(--ssf-accent); border-color: var(--ssf-accent); transform: scale(1.06); }
.ssf-hero-arrow .ssf-ico { width: 22px; height: 22px; }
.ssf-hero-arrow--prev .ssf-ico { transform: rotate(180deg); }

/* Hero feature strip overlapping the slider */
.ssf-hero-strip { position: relative; z-index: 6; }
.ssf-hero-strip .ssf-strip-item { background: #fff; border-radius: var(--ssf-radius); box-shadow: var(--ssf-shadow-lg); transition: transform .4s var(--ssf-ease); }
.ssf-hero-strip .ssf-strip-item:hover { transform: translateY(-6px); }

/* 9. Footer ------------------------------------------------------------------ */
.ssf-prefooter { position: relative; z-index: 3; margin-bottom: -90px; padding-top: 30px; }
.ssf-prefooter__box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 44px 52px;
	border-radius: var(--ssf-radius-lg);
	background: var(--ssf-grad);
	color: rgba(255, 255, 255, .85);
	overflow: hidden;
	box-shadow: var(--ssf-shadow-lg);
}
.ssf-prefooter__box::before { content: ""; position: absolute; inset: 0; background: url(../images/mesh/contour.svg) center / cover; opacity: .9; }
.ssf-prefooter__box::after { content: ""; position: absolute; right: -90px; top: -120px; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--ssf-accent) 60%, transparent), transparent 65%); }
.ssf-prefooter__text, .ssf-prefooter__actions { position: relative; z-index: 1; }
.ssf-prefooter__text h2 { color: #fff; font-size: clamp(1.7rem, 3vw, 2.5rem); text-transform: uppercase; margin-bottom: 8px; }
.ssf-prefooter__text p { margin: 0; max-width: 560px; }
.ssf-prefooter__actions { display: flex; flex-wrap: wrap; gap: 12px; flex: none; }

.ssf-footer { position: relative; background: var(--ssf-grad-dark); color: rgba(255, 255, 255, .7); padding-top: 80px; overflow: hidden; font-size: .98rem; }
.ssf-prefooter + .ssf-footer { padding-top: 160px; }
.ssf-footer__mesh { position: absolute; inset: 0; pointer-events: none; background: url(../images/mesh/mesh-wire-light.svg) no-repeat left -80px bottom -60px / 380px auto, url(../images/mesh/mesh-wire-light.svg) no-repeat right -90px top 120px / 340px auto; opacity: .18; }
.ssf-footer::before { content: ""; position: absolute; left: 50%; top: 0; width: 900px; height: 900px; transform: translate(-50%, -60%); border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--ssf-primary) 35%, transparent), transparent 60%); pointer-events: none; }
.ssf-footer__grid { position: relative; display: grid; grid-template-columns: 1.35fr .9fr 1.15fr 1.25fr; gap: 44px; padding-bottom: 56px; }
.ssf-footer__about .ssf-logo img { height: 56px; margin-bottom: 20px; }
.ssf-footer__about p { margin-bottom: 22px; }
.ssf-social--footer a { width: 40px; height: 40px; background: rgba(255, 255, 255, .07); color: #fff; }
.ssf-social--footer a .ssf-ico { width: 17px; height: 17px; }
.ssf-footer__title { position: relative; color: #fff; font-size: 1.4rem; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 22px; padding-bottom: 14px; }
.ssf-footer__title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 38px; height: 3px; border-radius: 3px; background: var(--ssf-grad-accent); }
.ssf-footer__menu { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.ssf-footer__menu a { position: relative; display: inline-flex; align-items: center; gap: 10px; color: rgba(255, 255, 255, .72); transition: color .25s, transform .3s var(--ssf-ease); }
.ssf-footer__menu a::before { content: ""; width: 6px; height: 6px; border-radius: 1px; background: var(--ssf-accent); transform: rotate(45deg); opacity: .8; }
.ssf-footer__menu a:hover { color: #fff; transform: translateX(4px); }
.ssf-footer__contact ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.ssf-footer__contact li { display: flex; gap: 14px; align-items: flex-start; }
.ssf-footer__contact li .ssf-ico { width: 38px; height: 38px; padding: 10px; border-radius: 12px; background: rgba(255, 255, 255, .07); color: #FF7A80; }
.ssf-footer__contact a, .ssf-footer__contact span { color: rgba(255, 255, 255, .78); padding-top: 6px; line-height: 1.5; }
.ssf-footer__contact a:hover { color: #fff; }
.ssf-footer__extra { position: relative; padding-bottom: 40px; }
.ssf-footer__bottom { position: relative; border-top: 1px solid rgba(255, 255, 255, .08); font-size: .9rem; }
.ssf-footer__bottom-inner { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 70px; flex-wrap: wrap; padding-top: 14px; padding-bottom: 14px; }
.ssf-footer__bottom p { margin: 0; }
.ssf-footer__legal { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 22px; }
.ssf-footer__legal a { color: rgba(255, 255, 255, .65); }
.ssf-footer__legal a:hover { color: #fff; }

/* 10. Floating buttons ------------------------------------------------------- */
.ssf-float { position: fixed; right: 22px; bottom: 26px; z-index: 900; display: flex; flex-direction: column; gap: 12px; }
.ssf-float__btn { position: relative; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; color: #fff; box-shadow: 0 14px 30px -10px rgba(0, 0, 0, .35); transition: transform .35s var(--ssf-ease); }
.ssf-float__btn .ssf-ico { width: 27px; height: 27px; }
.ssf-float__btn:hover { transform: scale(1.08); color: #fff; }
.ssf-float__btn--wa { background: linear-gradient(135deg, #2BD06F, var(--ssf-wa)); }
.ssf-float__btn--wa::before, .ssf-float__btn--wa::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--ssf-wa); animation: ssf-ring 2.2s infinite; }
.ssf-float__btn--wa::after { animation-delay: 1.1s; }
.ssf-float__btn--call { background: var(--ssf-grad); }
.ssf-float__btn--call .ssf-ico { animation: ssf-wiggle 3.5s ease-in-out infinite; }
.ssf-float__tip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translate(8px, -50%); padding: 8px 14px; border-radius: 10px; background: var(--ssf-dark); color: #fff; font-size: .86rem; font-weight: 600; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .25s, transform .3s; }
.ssf-float__btn:hover .ssf-float__tip { opacity: 1; transform: translate(0, -50%); }
.ssf-totop { position: fixed; left: 22px; bottom: 26px; z-index: 900; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; border: 0; background: #fff; color: var(--ssf-ink); box-shadow: var(--ssf-shadow-lg); cursor: pointer; opacity: 0; transform: translateY(20px); pointer-events: none; transition: opacity .3s, transform .4s var(--ssf-ease), background .3s, color .3s; }
.ssf-totop.is-visible { opacity: 1; transform: none; pointer-events: auto; }
.ssf-totop:hover { background: var(--ssf-accent); color: #fff; }
.ssf-totop .ssf-ico { width: 20px; height: 20px; }
.ssf-mbar { display: none; }

/* 11. Blog, prose and misc ---------------------------------------------------- */
.ssf-page-banner { position: relative; padding: 90px 0 80px; background: var(--ssf-grad-dark); overflow: hidden; }
.ssf-page-banner__mesh { position: absolute; inset: 0; background: url(../images/mesh/mesh-wire-light.svg) right -40px center / 400px no-repeat; opacity: .3; }
.ssf-page-banner .ssf-container { position: relative; }
.ssf-page-banner__title { color: #fff; text-transform: uppercase; margin: 12px 0 0; }
.ssf-page-banner__sub { color: rgba(255, 255, 255, .75); margin-top: 10px; }
.ssf-crumbs { display: flex; gap: 10px; flex-wrap: wrap; }
.ssf-prose-wrap { padding-top: 70px; padding-bottom: 90px; max-width: 900px; }
.ssf-prose h2 { margin-top: 1.4em; }
.ssf-prose img { border-radius: var(--ssf-radius); }
.ssf-prose ul li::marker { color: var(--ssf-accent); }
.ssf-prose__hero { margin: 0 0 30px; }
.ssf-post-nav { display: flex; justify-content: space-between; gap: 20px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--ssf-line); font-weight: 600; }
.ssf-blog { display: grid; grid-template-columns: 1fr; gap: 40px; padding-top: 70px; padding-bottom: 150px; }
.ssf-blog:has(.ssf-blog__side) { grid-template-columns: 1fr 320px; }
.ssf-post-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 28px; }
.ssf-post-card { background: #fff; border-radius: var(--ssf-radius); overflow: hidden; box-shadow: var(--ssf-shadow); transition: transform .4s var(--ssf-ease), box-shadow .4s; }
.ssf-post-card:hover { transform: translateY(-6px); box-shadow: var(--ssf-shadow-lg); }
.ssf-post-card__img img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.ssf-post-card__body { padding: 24px; }
.ssf-post-card__date { font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ssf-accent); font-weight: 700; }
.ssf-post-card__title { font-size: 1.6rem; margin: 6px 0 10px; }
.ssf-post-card__title a { color: var(--ssf-ink); }
.ssf-pagination .nav-links { display: flex; gap: 8px; margin-top: 40px; }
.ssf-pagination .page-numbers { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px; border-radius: 12px; background: var(--ssf-light); color: var(--ssf-ink); font-weight: 700; }
.ssf-pagination .page-numbers.current, .ssf-pagination .page-numbers:hover { background: var(--ssf-accent); color: #fff; }
.ssf-search { display: flex; gap: 10px; }
.ssf-404 { padding: 110px 0 170px; text-align: center; background: var(--ssf-light); }
.ssf-404__code { display: block; font-family: var(--ssf-font-head); font-size: clamp(7rem, 20vw, 13rem); font-weight: 800; line-height: .9; color: transparent; -webkit-text-stroke: 2px var(--ssf-primary); }
.ssf-404 h1 { font-size: clamp(2rem, 4vw, 3rem); max-width: 760px; margin: 20px auto 14px; }
.ssf-404 p { max-width: 560px; margin: 0 auto 28px; }
.ssf-404__actions { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }
.widget { margin-bottom: 30px; }
.widget-title { font-size: 1.4rem; text-transform: uppercase; }


/* 12. Animations -------------------------------------------------------------- */
@keyframes ssf-rise { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes ssf-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes ssf-ring { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(1.6); opacity: 0; } }
@keyframes ssf-float { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(10px, -16px); } }
@keyframes ssf-float-r { 0%, 100% { transform: scaleX(-1) translate(0, 0); } 50% { transform: scaleX(-1) translate(12px, 14px); } }
@keyframes ssf-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes ssf-pulse-soft { 0%, 100% { transform: scale(1); opacity: .8; } 50% { transform: scale(1.12); opacity: 1; } }
@keyframes ssf-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes ssf-wiggle { 0%, 86%, 100% { transform: rotate(0); } 88% { transform: rotate(-14deg); } 90% { transform: rotate(14deg); } 92% { transform: rotate(-10deg); } 94% { transform: rotate(8deg); } }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* 13. Responsive -------------------------------------------------------------- */
@media (max-width: 1240px) {
	.ssf-header__call-txt { display: none; }
	.ssf-menu > li > a { padding-left: 10px; padding-right: 10px; font-size: 1rem; }
	.ssf-menu > li > a::after { left: 10px; right: 10px; }
}
@media (max-width: 1100px) {
	.ssf-nav { display: none; }
	.ssf-burger { display: flex; }
	.ssf-header__actions { margin-left: auto; }
	.ssf-header__call-txt { display: flex; }
	.ssf-footer__grid { grid-template-columns: 1fr 1fr; }
	.ssf-hide-md { display: none !important; }
}
@media (max-width: 1024px) {
	.ssf-mesh-left::before, .ssf-mesh-both::before { width: 220px; height: 340px; opacity: .35; }
	.ssf-mesh-right::after, .ssf-mesh-both::after { width: 230px; height: 350px; opacity: .3; }
	.ssf-stat + .ssf-stat::before { display: none; }
	.ssf-gallery .gallery { grid-template-columns: repeat(3, 1fr); }
	.ssf-blog:has(.ssf-blog__side) { grid-template-columns: 1fr; }
	.ssf-badge-float { left: 14px; bottom: 14px; }
	.ssf-img-frame::before { inset: 20px -10px -12px 20px; }
}
@media (max-width: 767px) {
	body { font-size: 16px; }
	:root { --ssf-header-h: 70px; }
	.ssf-container { padding: 0 18px; }
	.ssf-topbar__inner { justify-content: center; min-height: 38px; }
	.ssf-topbar__left { display: none; }
	.ssf-hide-sm { display: none !important; }
	.ssf-header__call-txt, .ssf-header__cta { display: none; }
	.ssf-header__call-ico { width: 42px; height: 42px; }
	.ssf-logo img, .ssf-logo .custom-logo { height: 70px; }
	.ssf-header.is-scrolled .ssf-logo img { height: 68px; }
	.ssf-form__grid { grid-template-columns: 1fr; }
	.ssf-form__foot .ssf-btn { width: 100%; }
	.ssf-modal { padding: 0; align-items: end; }
	.ssf-modal__panel { padding: 30px 20px 24px; border-radius: 24px 24px 0 0; max-height: 92vh; }
	.ssf-prefooter { margin-bottom: -70px; }
	.ssf-prefooter__box { flex-direction: column; align-items: flex-start; padding: 32px 24px; }
	.ssf-prefooter__actions { width: 100%; }
	.ssf-prefooter__actions .ssf-btn { flex: 1 1 100%; }
	.ssf-footer { padding-top: 64px; }
	.ssf-prefooter + .ssf-footer { padding-top: 120px; }
	.ssf-footer__grid { grid-template-columns: 1fr; gap: 34px; }
	.ssf-footer__bottom-inner { justify-content: center; text-align: center; }
	.ssf-checks .elementor-icon-list-items { grid-template-columns: 1fr; }
	.ssf-gallery .gallery { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.ssf-gallery .gallery-item img { aspect-ratio: 1 / 1 !important; }
	.ssf-hero-ui { bottom: 22px; }
	.ssf-hero-arrows, .ssf-hero-count { display: none; }
	.ssf-hero-dot { width: 36px; }
	.ssf-slide::after { background: linear-gradient(180deg, rgba(6, 18, 34, .7) 0%, rgba(8, 26, 48, .88) 60%, rgba(6, 18, 34, .95) 100%); }
	.ssf-mesh-left::before, .ssf-mesh-both::before, .ssf-mesh-right::after, .ssf-mesh-both::after { width: 160px; height: 240px; opacity: .22; }
	.ssf-page-hero::after { background-size: 260px auto; opacity: .2; }
	.ssf-tl-item { padding-left: 74px !important; }
	.ssf-timeline::before { left: 40px; }
	.ssf-tl-item .elementor-widget-heading.ssf-tl-year { left: 12px; top: 20px; width: 56px; }
	.ssf-tl-item .elementor-widget-heading.ssf-tl-year .elementor-heading-title { width: 56px; height: 56px; font-size: .95rem; }
	.ssf-img-frame::after { display: none; }
	.ssf-badge-float { max-width: 180px; }
	.ssf-badge-float .elementor-widget-heading:first-child .elementor-heading-title { font-size: 2.5rem; }
	.ssf-quote::before { font-size: 10rem; top: -20px; }

	/* Mobile action bar replaces floating buttons */
	.ssf-has-mobile-bar .ssf-float { display: none; }
	.ssf-has-mobile-bar { padding-bottom: 68px; }
	.ssf-has-mobile-bar .ssf-totop { bottom: 84px; left: auto; right: 16px; }
	.ssf-mbar {
		position: fixed;
		left: 0; right: 0; bottom: 0;
		z-index: 950;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		background: #fff;
		box-shadow: 0 -10px 30px -12px rgba(10, 30, 51, .3);
		padding-bottom: env(safe-area-inset-bottom);
	}
	.ssf-mbar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; height: 64px; color: var(--ssf-ink); font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
	.ssf-mbar a .ssf-ico { width: 22px; height: 22px; color: var(--ssf-primary); }
	.ssf-mbar a.ssf-mbar__wa { background: linear-gradient(135deg, #2BD06F, var(--ssf-wa)); color: #fff; margin-top: -10px; height: 74px; border-radius: 18px 18px 0 0; }
	.ssf-mbar a.ssf-mbar__wa .ssf-ico { color: #fff; width: 26px; height: 26px; }
}
@media (max-width: 420px) {
	.ssf-header__inner { gap: 12px; }
	.ssf-logo img, .ssf-logo .custom-logo { height: 57px; max-width: max-content; }
}

/* Layout helpers for section headings, timeline and quote widths */
.ssf-section-head { width: 100%; max-width: 860px; margin-left: auto; margin-right: auto; }
.ssf-timeline { width: 100%; max-width: 920px; margin-left: auto; margin-right: auto; }
.ssf-quote { width: 100%; max-width: 980px; margin-left: auto; margin-right: auto; position: relative; }

/* Tablet & mobile refinements */
@media (max-width: 1024px) {
	.ssf-img-frame { width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; }
	.ssf-img-frame .elementor-widget-image img { aspect-ratio: 4 / 3; }
	.ssf-split-row .elementor-widget-image img { max-height: 460px; }
}
@media (max-width: 767px) {
	.ssf-hero-strip .ssf-strip-item { padding: 18px 16px !important; }
	.ssf-hero-strip .ssf-feature .elementor-icon-box-icon { margin-bottom: 10px !important; }
	.ssf-hero-strip .ssf-feature .elementor-icon { width: 42px; height: 42px; border-radius: 12px; }
	.ssf-hero-strip .ssf-feature .elementor-icon-box-title { font-size: 1.12rem !important; margin-bottom: 4px !important; }
	.ssf-hero-strip .ssf-feature .elementor-icon-box-description { font-size: .84rem; line-height: 1.4; }
	.ssf-stats .ssf-stat:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.ssf-slide .elementor-widget-button .elementor-button { padding: 14px 20px; font-size: .95rem; }
}