/*
Theme Name: Sistemas Digitales
Theme URI: https://sistemas-digitales-mx.com/
Author: Sistemas Digitales México
Author URI: https://sistemas-digitales-mx.com/
Description: Tema tecnológico premium para Sistemas Digitales: puntos de venta, facturación electrónica, periféricos y soporte técnico.
Version: 4.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sistemas-digitales
Tags: blog, one-column, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, wide-blocks
*/

/* ========== Design system ========== */
:root {
	--sd-night: #050812;
	--sd-night-2: #080d1a;
	--sd-surface: #0d1425;
	--sd-surface-2: #111b30;
	--sd-glass: rgba(17, 27, 48, 0.62);
	--sd-glass-strong: rgba(18, 29, 52, 0.88);
	--sd-blue: #339cff;
	--sd-cyan: #48e3ff;
	--sd-violet: #8b6cff;
	--sd-green: #3ee6a0;
	--sd-wa: #25d366;
	--sd-white: #ffffff;
	--sd-paper: #f3f7fd;
	--sd-paper-2: #e8eff9;
	--sd-ink: #0b1220;
	--sd-text: #536178;
	--sd-text-light: #a9b8d3;
	--sd-line: rgba(117, 145, 190, 0.22);
	--sd-line-dark: rgba(255, 255, 255, 0.11);
	--sd-display: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--sd-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--sd-nav: 'Barlow Condensed', 'Arial Narrow', var(--sd-display);
	--sd-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Consolas, monospace;
	--sd-radius: 24px;
	--sd-radius-sm: 15px;
	--sd-shadow: 0 28px 75px -30px rgba(15, 32, 65, 0.38);
	--sd-shadow-blue: 0 24px 70px -28px rgba(51, 156, 255, 0.72);
	--sd-gradient: linear-gradient(135deg, var(--sd-cyan) 0%, var(--sd-blue) 42%, var(--sd-violet) 100%);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
	background: var(--sd-night);
	color: var(--sd-text);
	font-family: var(--sd-body);
	font-size: 16px;
	line-height: 1.62;
	-webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
p { margin: 0 0 1rem; }
ul, ol { margin: 0 0 1rem; }
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.7em;
	color: var(--sd-ink);
	font-family: var(--sd-display);
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 1.04;
}
::selection { background: var(--sd-cyan); color: var(--sd-night); }
:focus-visible { outline: 3px solid var(--sd-cyan); outline-offset: 3px; }
[hidden] { display: none !important; }

.sd-content { flex: 1; }
.sd-shell,
.sd-container {
	width: min(100%, 1540px);
	margin-inline: auto;
	padding-inline: clamp(1.1rem, 4.5vw, 5.2rem);
}
.sd-icon { display: inline-block; flex: none; vertical-align: -3px; }

/* ========== Accessibility and motion ========== */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.screen-reader-text:focus {
	top: 1rem;
	left: 1rem;
	z-index: 100000;
	width: auto;
	height: auto;
	clip: auto;
	padding: 0.9rem 1.15rem;
	background: #fff;
	color: var(--sd-ink);
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.sd-has-motion [data-reveal] {
	opacity: 0;
	transform: translateY(28px) scale(.985);
	transition: opacity .7s ease, transform .7s cubic-bezier(.2,.75,.25,1);
}
.sd-has-motion [data-reveal].is-visible { opacity: 1; transform: none; }

.sd-kicker,
.sd-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .7rem;
	margin: 0 0 1.35rem;
	color: var(--sd-blue);
	font-family: var(--sd-mono);
	font-size: .68rem;
	font-weight: 600;
	letter-spacing: .08em;
	line-height: 1.3;
	text-transform: uppercase;
}
.sd-kicker > span {
	display: inline-grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	border: 1px solid currentColor;
	border-radius: 9px;
	background: rgba(51,156,255,.08);
	box-shadow: inset 0 0 18px rgba(51,156,255,.12);
	letter-spacing: 0;
}
.sd-kicker--light { color: var(--sd-cyan); }

/* ========== Buttons ========== */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .65rem;
	min-height: 50px;
	padding: .85rem 1.3rem;
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 13px;
	font-family: var(--sd-display);
	font-size: .88rem;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.btn:hover { transform: translateY(-3px); }
.btn:active { transform: translateY(-1px); }
.btn-lg { min-height: 58px; padding: 1rem 1.55rem; }
.btn-accent, .btn-primary, .btn-green {
	position: relative;
	overflow: hidden;
	background: var(--sd-gradient);
	color: #fff;
	border-color: rgba(255,255,255,.25);
	box-shadow: 0 14px 35px -12px rgba(64, 161, 255, .75), inset 0 1px 0 rgba(255,255,255,.35);
}
.btn-accent::before, .btn-primary::before, .btn-green::before {
	content: '';
	position: absolute;
	top: -70%;
	left: -35%;
	width: 35%;
	height: 240%;
	background: rgba(255,255,255,.28);
	transform: rotate(22deg);
	transition: left .45s ease;
}
.btn-accent:hover::before, .btn-primary:hover::before, .btn-green:hover::before { left: 115%; }
.btn-accent:hover, .btn-primary:hover, .btn-green:hover { color: #fff; box-shadow: 0 20px 45px -14px rgba(64,161,255,.9), inset 0 1px 0 rgba(255,255,255,.4); }
.btn-ghost { background: rgba(255,255,255,.06); color: #fff; backdrop-filter: blur(12px); }
.btn-outline { background: transparent; color: var(--sd-ink); border-color: rgba(11,18,32,.25); }
.sd-text-link {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	padding: .9rem .2rem;
	color: #dce8fb;
	font-family: var(--sd-display);
	font-size: .88rem;
	font-weight: 600;
}
.sd-text-link .sd-icon { color: var(--sd-cyan); transition: transform .2s ease; }
.sd-text-link:hover .sd-icon { transform: translateX(5px); }

/* ========== Topbar and header ========== */
.sd-topbar {
	position: relative;
	z-index: 83;
	background: #03050b;
	color: #8fa2c4;
	border-bottom: 1px solid rgba(255,255,255,.07);
}
.sd-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 36px;
	gap: 1rem;
	font-family: var(--sd-mono);
	font-size: .62rem;
	letter-spacing: .035em;
	text-transform: uppercase;
}
.sd-topbar__promise { display: flex; align-items: center; gap: .6rem; margin: 0; color: #b8c7e0; }
.sd-live-dot {
	position: relative;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--sd-green);
	box-shadow: 0 0 13px var(--sd-green);
}
.sd-live-dot::after { content: ''; position: absolute; inset: -5px; border: 1px solid rgba(62,230,160,.35); border-radius: 50%; animation: sd-pulse 2.2s infinite; }
@keyframes sd-pulse { 0%,100%{transform:scale(.75);opacity:0} 45%{transform:scale(1.15);opacity:1} }
.sd-topbar__meta { display: flex; align-items: center; gap: 1.5rem; }
.sd-topbar__meta a { display: inline-flex; align-items: center; gap: .45rem; color: #fff; }
.sd-topbar__meta a span { color: #7083a5; }
.sd-topbar__meta .sd-icon { color: var(--sd-cyan); }

.sd-header {
	position: sticky;
	top: 0;
	z-index: 80;
	background: rgba(5, 8, 18, .76);
	border-bottom: 1px solid rgba(255,255,255,.1);
	backdrop-filter: blur(20px) saturate(150%);
	transition: box-shadow .25s ease, background .25s ease;
}
.sd-header.is-scrolled { background: rgba(5,8,18,.93); box-shadow: 0 18px 50px rgba(0,0,0,.35); }
.sd-header__inner { display: flex; align-items: center; min-height: 84px; gap: clamp(1rem, 2.8vw, 3rem); }
.sd-branding { flex: none; }
.sd-branding .custom-logo-link,
.sd-branding__fallback {
	display: flex;
	align-items: center;
	min-height: 52px;
	padding: .45rem .8rem;
	background: rgba(255,255,255,.96);
	border: 1px solid rgba(255,255,255,.7);
	border-radius: 13px;
	box-shadow: 0 12px 28px -16px rgba(55,165,255,.85), inset 0 1px 0 #fff;
}
.sd-branding img { width: auto; max-width: min(270px, 28vw); max-height: 42px; object-fit: contain; }
.sd-branding__fallback { gap: .75rem; color: var(--sd-ink); }
.sd-branding__monogram { display: grid; place-items: center; width: 38px; height: 38px; background: var(--sd-gradient); border-radius: 9px; color: #fff; font-family: var(--sd-mono); font-size: .75rem; font-weight: 600; }
.sd-branding__text { display: flex; flex-direction: column; line-height: 1.05; }
.sd-branding__text strong { color: var(--sd-ink); font-size: 1rem; }
.sd-branding__text small { margin-top: .3rem; color: #66738a; font-family: var(--sd-mono); font-size: .54rem; text-transform: uppercase; }

.sd-nav { flex: 1; }
.sd-menu { display: flex; align-items: center; justify-content: center; gap: clamp(.8rem, 1.55vw, 1.7rem); margin: 0; padding: 0; list-style: none; }
.sd-menu li { position: relative; }
.sd-menu > li > a {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	color: #c2cde0;
	font-family: var(--sd-display);
	font-size: clamp(.7rem,.72vw,.82rem);
	font-weight: 500;
}
.sd-menu > li > a::after {
	content: '';
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: 3px;
	height: 2px;
	border-radius: 2px;
	background: var(--sd-gradient);
	box-shadow: 0 0 12px var(--sd-blue);
	transition: left .22s ease, right .22s ease;
}
.sd-menu > li > a:hover, .sd-menu > .current-menu-item > a, .sd-menu > .current_page_item > a { color: #fff; }
.sd-menu > li > a:hover::after, .sd-menu > .current-menu-item > a::after, .sd-menu > .current_page_item > a::after { left: 0; right: 0; }
.sd-menu .sub-menu {
	position: absolute;
	top: calc(100% + 10px);
	left: -1rem;
	z-index: 4;
	display: flex;
	min-width: 245px;
	margin: 0;
	padding: .65rem;
	flex-direction: column;
	list-style: none;
	background: rgba(12,20,37,.96);
	border: 1px solid rgba(91,177,255,.24);
	border-radius: 16px;
	box-shadow: 0 26px 60px rgba(0,0,0,.48), 0 0 30px rgba(51,156,255,.08);
	backdrop-filter: blur(18px);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: .2s ease;
}
.sd-menu li:hover > .sub-menu, .sd-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.sd-menu .sub-menu a { display: block; padding: .7rem .8rem; border-radius: 10px; color: #b9c7dc; font-size: .84rem; }
.sd-menu .sub-menu a:hover { background: rgba(51,156,255,.12); color: #fff; }
.sd-header__actions { display: flex; align-items: center; gap: .55rem; margin-left: auto; }
.sd-icon-btn {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid rgba(255,255,255,.17);
	border-radius: 12px;
	background: rgba(255,255,255,.055);
	color: #c8d7ee;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
	cursor: pointer;
	transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.sd-icon-btn:hover { background: rgba(51,156,255,.16); color: #fff; border-color: rgba(72,227,255,.45); transform: translateY(-2px); }
.sd-header__cta {
	display: inline-flex;
	align-items: center;
	gap: .8rem;
	min-height: 44px;
	padding: .7rem 1.05rem;
	background: linear-gradient(135deg, rgba(51,156,255,.18), rgba(139,108,255,.18));
	border: 1px solid rgba(83,187,255,.32);
	border-radius: 12px;
	color: #fff;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 30px -20px var(--sd-blue);
	font-size: .78rem;
	font-weight: 600;
}
.sd-header__cta .sd-icon { color: var(--sd-cyan); }
.sd-header__cta:hover { border-color: var(--sd-cyan); box-shadow: 0 15px 35px -18px var(--sd-cyan); }
.sd-nav-toggle { display: none; }

.sd-search { position: absolute; left: 0; right: 0; background: rgba(8,13,26,.97); border-bottom: 1px solid rgba(72,227,255,.2); box-shadow: 0 25px 55px rgba(0,0,0,.4); backdrop-filter: blur(20px); }
.sd-search .sd-shell { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 1.5rem; padding-block: 1rem; }
.sd-search__label { color: var(--sd-cyan); font-family: var(--sd-mono); font-size: .62rem; font-weight: 600; letter-spacing: .07em; }
.sd-searchform { display: flex; gap: .55rem; }
.sd-searchform__input { flex: 1; min-width: 0; padding: .9rem 1rem; border: 1px solid rgba(114,157,219,.25); border-radius: 12px; background: rgba(255,255,255,.07); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.sd-searchform__input::placeholder { color: #7182a0; }
.sd-searchform__input:focus { border-color: var(--sd-cyan); outline: none; box-shadow: 0 0 0 4px rgba(72,227,255,.08); }

/* ========== Mobile drawer ========== */
.sd-drawer-overlay { position: fixed; inset: 0; z-index: 90; background: rgba(2,4,10,.72); backdrop-filter: blur(5px); opacity: 0; transition: opacity .25s ease; }
.sd-drawer-overlay.is-visible { opacity: 1; }
.sd-drawer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 95;
	display: flex;
	width: min(92vw,430px);
	flex-direction: column;
	overflow-y: auto;
	background: linear-gradient(180deg,#0b1221,#060a14);
	border-left: 1px solid rgba(72,227,255,.24);
	box-shadow: -30px 0 80px rgba(0,0,0,.55);
	transform: translateX(105%);
	transition: transform .35s cubic-bezier(.2,.75,.25,1);
}
.sd-drawer.is-open { transform: none; }
.sd-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.2rem; border-bottom: 1px solid var(--sd-line-dark); }
.sd-drawer__index { color: var(--sd-cyan); font-family: var(--sd-mono); font-size: .66rem; font-weight: 600; letter-spacing: .08em; }
.sd-drawer__nav { padding: 1rem 1.2rem; }
.sd-menu--drawer { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
.sd-menu--drawer > li { border-bottom: 1px solid var(--sd-line-dark); }
.sd-menu--drawer > li > a { display: flex; min-height: auto; padding: 1rem 0; color: #e5edfa; font-size: 1.02rem; font-weight: 600; }
.sd-menu--drawer > li > a::after { display: none; }
.sd-menu--drawer .sub-menu { position: static; display: none; min-width: 0; padding: 0 0 .7rem 1rem; border: 0; box-shadow: none; background: transparent; opacity: 1; visibility: visible; transform: none; }
.sd-menu--drawer li.is-open > .sub-menu { display: flex; }
.sd-menu--drawer .sub-menu a { padding: .45rem 0; color: #91a2bf; }
.sd-sub-toggle { position: absolute; top: .68rem; right: 0; display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; background: rgba(255,255,255,.05); color: #fff; cursor: pointer; }
.sd-menu--drawer li.is-open > .sd-sub-toggle { transform: rotate(180deg); }
.sd-drawer__ctas { display: flex; flex-direction: column; gap: 1rem; margin-top: auto; padding: 1.4rem 1.2rem; background: rgba(51,156,255,.08); border-top: 1px solid rgba(72,227,255,.18); }
.sd-drawer__ctas p { margin: 0; color: #dce7f8; font-size: .96rem; }
.sd-drawer__phone { display: inline-flex; align-items: center; gap: .5rem; color: var(--sd-cyan); font-family: var(--sd-mono); font-size: .78rem; font-weight: 600; }
.sd-no-scroll { overflow: hidden; }

/* ========== Hero ========== */
.sd-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 80% 22%, rgba(52,149,255,.2), transparent 28%),
		radial-gradient(circle at 58% 82%, rgba(139,108,255,.13), transparent 32%),
		linear-gradient(145deg,#050812 0%,#080d1b 58%,#071322 100%);
	color: #fff;
}
.sd-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(101,145,206,.055) 1px, transparent 1px), linear-gradient(90deg,rgba(101,145,206,.055) 1px, transparent 1px);
	background-size: 54px 54px;
	-webkit-mask-image: linear-gradient(to right,#000,transparent 82%);
	mask-image: linear-gradient(to right,#000,transparent 82%);
	pointer-events: none;
}
.sd-hero::after { content: ''; position: absolute; width: 540px; height: 540px; right: -260px; top: -230px; border: 1px solid rgba(72,227,255,.15); border-radius: 50%; box-shadow: 0 0 120px rgba(51,156,255,.08), inset 0 0 100px rgba(51,156,255,.05); }
.sd-hero__rail { position: absolute; top: 0; bottom: 48px; left: 0; z-index: 3; display: flex; width: 36px; align-items: center; justify-content: space-between; padding: 1rem 0; background: rgba(3,7,15,.8); border-right: 1px solid rgba(72,227,255,.18); color: #6c82a6; font-family: var(--sd-mono); font-size: .55rem; letter-spacing: .08em; text-transform: uppercase; writing-mode: vertical-rl; }
.sd-hero__rail span:first-child { color: var(--sd-cyan); }
.sd-hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,.93fr) minmax(450px,.87fr); align-items: center; gap: clamp(3rem,6vw,7rem); min-height: min(760px,calc(100vh - 168px)); padding-top: clamp(4rem,6vw,6.4rem); padding-bottom: clamp(4rem,6vw,6.4rem); padding-left: max(clamp(1.1rem,4.5vw,5.2rem),5rem); }
.sd-hero__copy { max-width: 720px; }
.sd-hero .sd-kicker { color: var(--sd-cyan); }
.sd-hero__title { max-width: 12ch; margin-bottom: 1.5rem; color: #fff; font-size: clamp(3.6rem,6vw,6.6rem); font-weight: 700; letter-spacing: -.058em; line-height: .93; text-wrap: balance; }
.sd-hero__title span { display: inline; background: linear-gradient(105deg,#aaf4ff 0%,#55c3ff 38%,#a387ff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 10px 28px rgba(71,170,255,.2)); }
.sd-hero__sub { max-width: 590px; margin-bottom: 1.9rem; color: #aab9d2; font-size: clamp(1.03rem,1.4vw,1.23rem); line-height: 1.58; }
.sd-hero__ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; }
.sd-hero__proof { display: grid; grid-template-columns: repeat(3,1fr); gap: .65rem; max-width: 720px; margin: clamp(2.5rem,5vw,4rem) 0 0; padding: 0; list-style: none; }
.sd-hero__proof li { position: relative; overflow: hidden; padding: .85rem .9rem; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.09); border-radius: 13px; box-shadow: inset 0 1px 0 rgba(255,255,255,.06); backdrop-filter: blur(10px); }
.sd-hero__proof li::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--sd-gradient); }
.sd-hero__proof strong, .sd-hero__proof span { display: block; }
.sd-hero__proof strong { color: #eef5ff; font-size: .83rem; }
.sd-hero__proof span { margin-top: .12rem; color: #7386a7; font-family: var(--sd-mono); font-size: .55rem; text-transform: uppercase; }

.sd-hero__stage { position: relative; min-height: 610px; perspective: 1200px; }
.sd-dot-field { position: absolute; inset: 4% -15% 0 8%; background-image: radial-gradient(rgba(96,196,255,.42) 1px,transparent 1.5px); background-size: 19px 19px; opacity: .3; -webkit-mask-image: radial-gradient(circle at center,#000,transparent 72%); mask-image: radial-gradient(circle at center,#000,transparent 72%); }
.sd-tech-orbit { position: absolute; z-index: 1; top: 4%; left: 1%; width: 94%; aspect-ratio: 1; border: 1px solid rgba(72,227,255,.18); border-radius: 50%; box-shadow: 0 0 90px rgba(51,156,255,.08), inset 0 0 90px rgba(139,108,255,.04); animation: sd-float 7s ease-in-out infinite; }
.sd-tech-orbit::before, .sd-tech-orbit::after { content: ''; position: absolute; border-radius: 50%; border: 1px solid rgba(139,108,255,.16); }
.sd-tech-orbit::before { inset: 12%; } .sd-tech-orbit::after { inset: 27%; border-color: rgba(72,227,255,.18); }
.sd-tech-orbit > span { position: absolute; z-index: 2; width: 9px; height: 9px; border-radius: 50%; background: var(--sd-cyan); box-shadow: 0 0 16px var(--sd-cyan); }
.sd-tech-orbit > span:nth-child(1) { top: 12%; left: 21%; } .sd-tech-orbit > span:nth-child(2) { right: 2%; top: 45%; background: var(--sd-violet); box-shadow: 0 0 16px var(--sd-violet); } .sd-tech-orbit > span:nth-child(3) { left: 22%; bottom: 9%; background: var(--sd-green); box-shadow: 0 0 16px var(--sd-green); }
@keyframes sd-float { 0%,100%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-10px) rotate(1deg)} }
.sd-stage-status { position: absolute; z-index: 5; top: 3%; right: 5%; display: inline-flex; align-items: center; gap: .55rem; padding: .5rem .75rem; background: rgba(8,16,30,.72); border: 1px solid rgba(62,230,160,.25); border-radius: 999px; color: #b8c8dd; box-shadow: 0 10px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06); backdrop-filter: blur(12px); font-family: var(--sd-mono); font-size: .55rem; text-transform: uppercase; }
.sd-stage-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--sd-green); box-shadow: 0 0 12px var(--sd-green); }
.sd-hero-product { position: absolute; top: 11%; right: 6%; z-index: 3; width: min(88%,510px); overflow: hidden; background: linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.035)); border: 1px solid rgba(178,217,255,.24); border-radius: 27px; box-shadow: 0 50px 95px -38px rgba(0,0,0,.85), 0 30px 80px -40px rgba(51,156,255,.65), inset 0 1px 0 rgba(255,255,255,.25); backdrop-filter: blur(18px); transform: rotateY(-4deg) rotateX(1deg); transform-style: preserve-3d; }
.sd-hero-product::before { content: ''; position: absolute; z-index: 0; inset: 0; background: radial-gradient(circle at 50% 42%,rgba(72,227,255,.14),transparent 46%); pointer-events: none; }
.sd-hero-product__media { position: relative; z-index: 1; display: grid; place-items: center; min-height: 400px; padding: clamp(1.6rem,3vw,3rem); border-bottom: 1px solid rgba(255,255,255,.12); }
.sd-hero-product__media::after { content: ''; position: absolute; left: 14%; right: 14%; bottom: 8%; height: 22px; border-radius: 50%; background: rgba(9,12,20,.55); filter: blur(14px); }
.sd-hero-product__media img { position: relative; z-index: 1; width: 100%; height: 345px; object-fit: contain; filter: drop-shadow(0 26px 23px rgba(0,0,0,.36)); transition: transform .45s ease, filter .45s ease; }
.sd-hero-product:hover .sd-hero-product__media img { transform: scale(1.04) translateY(-5px); filter: drop-shadow(0 32px 27px rgba(0,0,0,.42)); }
.sd-hero-product__body { position: relative; z-index: 2; display: grid; grid-template-columns: 118px minmax(0,1fr); gap: .9rem; min-height: 92px; padding: 1.15rem 4.5rem 1.2rem 1.25rem; background: rgba(4,9,19,.6); }
.sd-hero-product__body > span { color: #6e82a2; font-family: var(--sd-mono); font-size: .57rem; letter-spacing: .06em; }
.sd-hero-product__body > a { color: #f0f6ff; font-family: var(--sd-display); font-size: .98rem; font-weight: 600; line-height: 1.23; }
.sd-hero-product__body > a:hover { color: var(--sd-cyan); }
.sd-hero-product__stamp { position: absolute; z-index: 3; right: 1rem; bottom: 1rem; display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid rgba(72,227,255,.48); border-radius: 14px; background: rgba(51,156,255,.1); color: var(--sd-cyan); box-shadow: inset 0 0 20px rgba(51,156,255,.1); font-family: var(--sd-mono); font-size: .58rem; font-weight: 600; line-height: 1.05; text-align: center; }
.sd-hero-product--empty { top: 17%; display: grid; min-height: 430px; place-items: center; padding: 3rem; text-align: center; }
.sd-hero-product__screen { display: grid; place-items: center; width: 80%; aspect-ratio: 4/3; background: var(--sd-surface); border: 1px solid rgba(72,227,255,.25); border-radius: 18px; color: var(--sd-cyan); font-family: var(--sd-mono); font-size: 3rem; box-shadow: inset 0 0 50px rgba(51,156,255,.12); }
.sd-stage-note { position: absolute; z-index: 6; display: flex; align-items: center; gap: .7rem; min-width: 218px; padding: .75rem; background: rgba(12,23,42,.78); border: 1px solid rgba(90,183,255,.28); border-radius: 15px; color: #dce8fa; box-shadow: 0 22px 45px -24px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.12); backdrop-filter: blur(16px); }
.sd-stage-note--top { top: 8%; left: -2%; }
.sd-stage-note--bottom { right: -1%; bottom: 0; }
.sd-stage-note__icon { display: grid; place-items: center; width: 38px; height: 38px; flex: none; border-radius: 11px; background: linear-gradient(135deg,rgba(72,227,255,.2),rgba(139,108,255,.2)); border: 1px solid rgba(72,227,255,.25); color: var(--sd-cyan); box-shadow: inset 0 0 18px rgba(51,156,255,.12); }
.sd-stage-note span:last-child { display: flex; flex-direction: column; color: #7487a6; font-family: var(--sd-mono); font-size: .54rem; }
.sd-stage-note strong { margin-bottom: .1rem; color: #e8f2ff; font-size: .64rem; text-transform: uppercase; }
.sd-stage-code { position: absolute; z-index: 2; bottom: 5%; left: 2%; display: flex; align-items: flex-end; gap: 4px; height: 55px; opacity: .7; }
.sd-stage-code span { width: 3px; border-radius: 3px; background: var(--sd-gradient); box-shadow: 0 0 8px rgba(51,156,255,.5); }
.sd-stage-code span:nth-child(1){height:40%}.sd-stage-code span:nth-child(2){height:90%}.sd-stage-code span:nth-child(3){height:55%}.sd-stage-code span:nth-child(4){height:100%}.sd-stage-code span:nth-child(5){height:70%}.sd-stage-code span:nth-child(6){height:45%}.sd-stage-code span:nth-child(7){height:82%}
.sd-hero__ticker { position: relative; z-index: 4; display: flex; height: 48px; align-items: center; justify-content: space-around; gap: 1.2rem; padding-inline: 4rem; overflow: hidden; background: rgba(8,15,28,.88); border-top: 1px solid rgba(72,227,255,.16); border-bottom: 1px solid rgba(72,227,255,.12); color: #8497b6; box-shadow: 0 -12px 36px rgba(0,0,0,.18); backdrop-filter: blur(14px); font-family: var(--sd-mono); font-size: .59rem; font-weight: 500; letter-spacing: .08em; white-space: nowrap; }
.sd-hero__ticker span { position: relative; }
.sd-hero__ticker span::before { content: '//'; margin-right: .55rem; color: var(--sd-blue); }
.sd-hero__ticker i { display: block; width: 4px; height: 4px; flex: none; border-radius: 50%; background: var(--sd-cyan); box-shadow: 0 0 10px var(--sd-cyan); }

/* ========== Home solutions ========== */
.sd-main { padding-block: clamp(3rem,6vw,6.5rem); background: var(--sd-paper); }
.sd-main--home { padding: 0; background: transparent; }
.sd-solutions { position: relative; padding-block: clamp(5rem,9vw,9rem); overflow: hidden; background: linear-gradient(180deg,#080d19 0%,#0b1222 100%); color: var(--sd-text-light); }
.sd-solutions::before { content: ''; position: absolute; width: 650px; height: 650px; right: -260px; bottom: -360px; border-radius: 50%; background: rgba(87,95,255,.12); filter: blur(110px); }
.sd-solutions > .sd-shell { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(280px,.58fr) minmax(0,1fr); gap: clamp(3rem,7vw,7rem); }
.sd-solutions__intro { position: sticky; top: 135px; align-self: start; }
.sd-solutions__intro h2 { max-width: 11ch; color: #fff; font-size: clamp(2.8rem,4.5vw,4.7rem); }
.sd-solutions__intro > p:last-child { max-width: 43ch; color: #8ea0bd; }
.sd-solutions__list { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.sd-solutions__list a { position: relative; display: grid; grid-template-columns: 42px minmax(0,1fr) 22px; align-content: start; gap: .7rem; min-height: 210px; padding: 1.3rem; overflow: hidden; background: linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); border: 1px solid rgba(133,181,244,.15); border-radius: 22px; color: #fff; box-shadow: 0 25px 55px -35px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.08); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.sd-solutions__list a::before { content: ''; position: absolute; width: 150px; height: 150px; right: -80px; bottom: -80px; border-radius: 50%; background: var(--sd-blue); filter: blur(45px); opacity: .12; transition: opacity .3s ease, transform .3s ease; }
.sd-solutions__list a::after { position: absolute; right: 1.15rem; bottom: .45rem; color: rgba(133,206,255,.075); font-family: var(--sd-mono); font-size: 2.35rem; font-weight: 600; letter-spacing: -.1em; line-height: 1; pointer-events: none; }
.sd-solutions__list a:nth-child(1)::after { content: 'POS'; }
.sd-solutions__list a:nth-child(2)::after { content: 'APP'; }
.sd-solutions__list a:nth-child(3)::after { content: 'I/O'; }
.sd-solutions__list a:nth-child(4)::after { content: 'PAY'; }
.sd-solutions__list a:nth-child(2)::before,.sd-solutions__list a:nth-child(4)::before { background: var(--sd-violet); }
.sd-solutions__list a:hover { transform: translateY(-7px); border-color: rgba(72,227,255,.35); box-shadow: 0 35px 70px -35px rgba(30,135,255,.4), inset 0 1px 0 rgba(255,255,255,.12); }
.sd-solutions__list a:hover::before { opacity: .25; transform: scale(1.2); }
.sd-solutions__list a > span { display: grid; width: 38px; height: 38px; place-items: center; background: rgba(51,156,255,.1); border: 1px solid rgba(72,227,255,.18); border-radius: 11px; color: var(--sd-cyan); font-family: var(--sd-mono); font-size: .62rem; }
.sd-solutions__list strong { align-self: center; font-family: var(--sd-display); font-size: 1.2rem; font-weight: 600; }
.sd-solutions__list small { grid-column: 2 / 4; align-self: end; margin-top: auto; color: #7385a4; font-family: var(--sd-mono); font-size: .61rem; text-transform: uppercase; }
.sd-solutions__list .sd-icon { align-self: center; justify-self: end; color: var(--sd-blue); transition: transform .2s ease; }
.sd-solutions__list a:hover .sd-icon { transform: translateX(5px); color: var(--sd-cyan); }

/* ========== Catalog and cards ========== */
.sd-catalog { position: relative; padding-block: clamp(5rem,9vw,9rem); overflow: hidden; background: linear-gradient(180deg,#f4f8fe,#eaf1fa); }
.sd-catalog::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 260px; background: radial-gradient(ellipse at 20% 0,rgba(51,156,255,.11),transparent 54%),radial-gradient(ellipse at 80% 0,rgba(139,108,255,.09),transparent 50%); pointer-events: none; }
.sd-catalog > .sd-shell { position: relative; z-index: 1; }
.sd-section-head { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,420px); align-items: end; gap: 3rem; margin-bottom: clamp(2.5rem,5vw,4.5rem); }
.sd-section-head h1, .sd-section-head h2 { max-width: 15ch; margin: 0; color: var(--sd-ink); font-size: clamp(2.7rem,4.5vw,4.8rem); }
.sd-section-head > p { margin: 0 0 .35rem; color: #627087; font-size: 1.02rem; }
.sd-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: clamp(1.2rem,2.2vw,2rem); }
.sd-card { grid-column: span 4; min-width: 0; overflow: hidden; background: rgba(255,255,255,.88); border: 1px solid rgba(112,142,184,.17); border-radius: var(--sd-radius); box-shadow: var(--sd-shadow), inset 0 1px 0 #fff; backdrop-filter: blur(10px); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.sd-grid > .sd-card:nth-child(-n+2) { grid-column: span 6; }
.sd-card:hover { transform: translateY(-9px); border-color: rgba(51,156,255,.28); box-shadow: 0 38px 80px -35px rgba(39,93,170,.5), 0 18px 40px -28px rgba(51,156,255,.55), inset 0 1px 0 #fff; }
.sd-card__media { position: relative; display: grid; height: clamp(270px,28vw,410px); place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 50%,#fff 0%,#eef4fc 58%,#e4edf8 100%); border-bottom: 1px solid rgba(99,130,174,.14); }
.sd-grid > .sd-card:nth-child(n+3) .sd-card__media { height: clamp(235px,23vw,325px); }
.sd-card__media::before { content: ''; position: absolute; width: 65%; aspect-ratio: 1; border: 1px solid rgba(51,156,255,.13); border-radius: 50%; box-shadow: 0 0 0 26px rgba(51,156,255,.025),0 0 0 52px rgba(139,108,255,.02); }
.sd-card__media::after { content: ''; position: absolute; left: 19%; right: 19%; bottom: 9%; height: 16px; border-radius: 50%; background: rgba(31,52,81,.18); filter: blur(14px); }
.sd-card__media img { position: relative; z-index: 1; width: 100%; height: 100%; padding: clamp(1.2rem,3vw,2.7rem); object-fit: contain; filter: drop-shadow(0 20px 18px rgba(20,35,57,.18)); transition: transform .45s cubic-bezier(.2,.75,.25,1),filter .45s ease; }
.sd-card:hover .sd-card__media img { transform: scale(1.055) translateY(-4px); filter: drop-shadow(0 27px 22px rgba(20,35,57,.24)); }
.sd-card__view { position: absolute; z-index: 3; right: 1rem; bottom: 1rem; display: flex; align-items: center; gap: .35rem; padding: .55rem .75rem; background: rgba(10,20,36,.85); border: 1px solid rgba(255,255,255,.12); border-radius: 10px; color: #fff; box-shadow: 0 12px 28px rgba(0,0,0,.2); backdrop-filter: blur(12px); font-family: var(--sd-mono); font-size: .57rem; opacity: 0; transform: translateY(10px); transition: .25s ease; }
.sd-card:hover .sd-card__view { opacity: 1; transform: none; }
.sd-card__body { display: flex; min-height: 285px; padding: clamp(1.3rem,2.1vw,1.9rem); flex-direction: column; }
.sd-card__meta { display: flex; gap: .55rem; margin-bottom: 1rem; color: var(--sd-blue); font-family: var(--sd-mono); font-size: .57rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.sd-card__title { margin-bottom: .85rem; color: var(--sd-ink); font-size: clamp(1.3rem,1.7vw,1.68rem); letter-spacing: -.035em; line-height: 1.12; }
.sd-card__title a:hover { color: #187fe0; }
.sd-card__excerpt { display: -webkit-box; margin-bottom: 1.35rem; overflow: hidden; color: #607087; font-size: .91rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.sd-card__excerpt > * { margin: 0; }
.sd-card__link { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid rgba(112,142,184,.18); color: var(--sd-ink); font-size: .78rem; font-weight: 600; }
.sd-card__link .sd-icon { color: var(--sd-blue); transition: transform .2s ease; }
.sd-card__link:hover .sd-icon { transform: translateX(5px); }
.sd-empty { display: grid; width: 100%; height: 100%; place-items: center; background: var(--sd-paper-2); color: var(--sd-ink); }
.sd-empty span { font-family: var(--sd-mono); font-size: 2rem; }

/* ========== Method ========== */
.sd-method { position: relative; padding-block: clamp(5rem,9vw,9rem); overflow: hidden; background: linear-gradient(145deg,#070b16 0%,#0b1325 60%,#11122c 100%); color: #93a5c1; }
.sd-method::before { content: ''; position: absolute; width: 700px; height: 700px; left: -380px; top: -390px; border-radius: 50%; background: rgba(51,156,255,.14); filter: blur(120px); }
.sd-method::after { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(106,174,255,.15) 1px,transparent 1px); background-size: 28px 28px; -webkit-mask-image: linear-gradient(90deg,transparent,#000,transparent); mask-image: linear-gradient(90deg,transparent,#000,transparent); opacity: .35; }
.sd-method__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(270px,.82fr) minmax(300px,.8fr) minmax(280px,.58fr); gap: clamp(2rem,4vw,4.5rem); align-items: start; }
.sd-method__statement h2 { color: #fff; font-size: clamp(2.8rem,4.5vw,5rem); }
.sd-method__statement h2 em { background: var(--sd-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; font-style: normal; }
.sd-method__statement > p:last-child { max-width: 39ch; color: #8fa1be; }
.sd-method__steps { display: flex; margin: 0; padding: 0; flex-direction: column; gap: .8rem; list-style: none; }
.sd-method__steps li { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 1rem; padding: 1.15rem; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.09); border-radius: 16px; box-shadow: inset 0 1px 0 rgba(255,255,255,.055); backdrop-filter: blur(10px); transition: transform .2s ease,border-color .2s ease; }
.sd-method__steps li:hover { transform: translateX(5px); border-color: rgba(72,227,255,.24); }
.sd-method__steps > li > span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; background: rgba(51,156,255,.1); color: var(--sd-cyan); font-family: var(--sd-mono); font-size: .6rem; }
.sd-method__steps strong { display: block; margin-bottom: .25rem; color: #edf5ff; font-family: var(--sd-display); font-size: 1.1rem; }
.sd-method__steps p { margin: 0; color: #7e91b0; font-size: .88rem; }
.sd-method__contact { position: relative; overflow: hidden; padding: 1.6rem; background: linear-gradient(150deg,rgba(55,160,255,.9),rgba(109,82,241,.9)); border: 1px solid rgba(255,255,255,.32); border-radius: 24px; color: #eaf4ff; box-shadow: 0 35px 75px -30px rgba(47,112,255,.7),inset 0 1px 0 rgba(255,255,255,.35); }
.sd-method__contact::before { content: ''; position: absolute; width: 230px; height: 230px; right: -110px; top: -120px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; box-shadow: 0 0 0 30px rgba(255,255,255,.04),0 0 0 60px rgba(255,255,255,.025); }
.sd-method__contact > span { position: relative; display: block; margin-bottom: 3.2rem; font-family: var(--sd-mono); font-size: .58rem; font-weight: 600; letter-spacing: .05em; }
.sd-method__contact h3 { position: relative; margin-bottom: 1.5rem; color: #fff; font-size: clamp(2rem,3vw,3rem); }
.sd-method__contact a { position: relative; display: flex; align-items: center; justify-content: space-between; padding: .95rem 1rem; background: rgba(3,8,20,.35); border: 1px solid rgba(255,255,255,.18); border-radius: 12px; color: #fff; font-size: .78rem; font-weight: 600; backdrop-filter: blur(8px); }
.sd-method__contact small { position: relative; display: block; margin-top: 1rem; font-family: var(--sd-mono); font-size: .57rem; }

/* ========== Internal pages ========== */
.sd-main:not(.sd-main--home) { min-height: 60vh; background: linear-gradient(180deg,#f4f8fe,#eaf1fa); }
.sd-page-head { margin-bottom: clamp(2rem,4vw,3.5rem); padding-bottom: 1.8rem; border-bottom: 1px solid rgba(105,136,179,.2); }
.sd-page-head h1 { max-width: 18ch; margin-bottom: .35rem; color: var(--sd-ink); font-size: clamp(2.7rem,5vw,5rem); }
.sd-page-head__desc { margin: 0; color: #627087; }
.sd-pagination { margin-top: 3.5rem; }
.sd-pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.sd-pagination .page-numbers { display: grid; min-width: 44px; height: 44px; place-items: center; padding: 0 .75rem; background: #fff; border: 1px solid rgba(101,136,183,.2); border-radius: 11px; color: var(--sd-ink); box-shadow: 0 10px 25px -18px rgba(21,43,77,.4); font-family: var(--sd-mono); font-size: .66rem; font-weight: 600; }
.sd-pagination a.page-numbers:hover, .sd-pagination .current { background: var(--sd-gradient); color: #fff; border-color: transparent; box-shadow: var(--sd-shadow-blue); }
.sd-noresults { padding: 2rem; background: #fff; border: 1px solid rgba(105,136,179,.18); border-radius: 20px; box-shadow: var(--sd-shadow); text-align: center; }
.sd-breadcrumbs { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: 2rem; color: #78879c; font-family: var(--sd-mono); font-size: .61rem; text-transform: uppercase; }
.sd-breadcrumbs a:hover { color: var(--sd-blue); }
.sd-breadcrumbs .current { color: var(--sd-ink); }

.sd-single { display: grid; grid-template-columns: minmax(350px,.88fr) minmax(0,1.12fr); gap: clamp(2rem,6vw,6rem); align-items: start; }
.sd-single__media { position: sticky; top: 120px; display: grid; min-height: 520px; place-items: center; overflow: hidden; background: radial-gradient(circle,#fff 0%,#edf4fc 75%); border: 1px solid rgba(105,136,179,.18); border-radius: var(--sd-radius); box-shadow: var(--sd-shadow); }
.sd-single__media::before { content: ''; position: absolute; width: 72%; aspect-ratio: 1; border: 1px solid rgba(51,156,255,.12); border-radius: 50%; box-shadow: 0 0 0 32px rgba(51,156,255,.025),0 0 0 64px rgba(139,108,255,.02); }
.sd-single__media img { position: relative; z-index: 1; width: 100%; max-height: 650px; padding: clamp(1.5rem,4vw,4rem); object-fit: contain; filter: drop-shadow(0 25px 22px rgba(20,35,57,.2)); }
.sd-empty--single { min-height: 500px; }
.sd-single__body { min-width: 0; }
.sd-single__title { margin-bottom: 1rem; color: var(--sd-ink); font-size: clamp(2.4rem,4.1vw,4.4rem); }
.sd-chips { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1.3rem; }
.sd-chip { padding: .38rem .58rem; background: rgba(51,156,255,.07); border: 1px solid rgba(51,156,255,.18); border-radius: 9px; color: #197cd7; font-family: var(--sd-mono); font-size: .56rem; font-weight: 600; text-transform: uppercase; }
.sd-chip:hover { background: rgba(51,156,255,.13); }
.sd-meta { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.8rem; padding-bottom: 1.2rem; border-bottom: 1px solid rgba(105,136,179,.18); color: #7c8ba0; font-family: var(--sd-mono); font-size: .59rem; text-transform: uppercase; }
.sd-meta span { display: inline-flex; align-items: center; gap: .35rem; }
.sd-prose { color: #526178; font-size: 1.01rem; }
.sd-prose > *:first-child { margin-top: 0; }
.sd-prose h2,.sd-prose h3,.sd-prose h4 { margin-top: 1.6em; color: var(--sd-ink); }
.sd-prose h2 { font-size: clamp(1.8rem,3vw,2.7rem); }
.sd-prose h3 { font-size: 1.45rem; }
.sd-prose a { color: #197ed9; text-decoration: underline; text-underline-offset: 3px; }
.sd-prose ul,.sd-prose ol { padding-left: 1.3rem; }
.sd-prose li { margin-bottom: .45rem; }
.sd-prose img { margin-block: 1.5rem; border-radius: 16px; box-shadow: var(--sd-shadow); }
.sd-prose blockquote { margin: 1.5rem 0; padding: 1.2rem 1.4rem; background: rgba(51,156,255,.07); border-left: 4px solid var(--sd-blue); border-radius: 0 14px 14px 0; color: var(--sd-ink); }
.sd-cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 2rem; padding: 1.5rem; background: linear-gradient(145deg,#0b1425,#111d33); color: #9eb0cb; border: 1px solid rgba(92,168,255,.2); border-radius: 20px; box-shadow: 0 25px 55px -32px rgba(0,0,0,.6); }
.sd-cta__text { flex: 1; }
.sd-cta__text h3 { margin-bottom: .35rem; color: #fff; }
.sd-cta__text p { margin: 0; font-size: .9rem; }
.sd-cta__actions { display: flex; flex-wrap: wrap; gap: .6rem; }

.sd-post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 3.5rem; }
.sd-post-nav__link { display: flex; align-items: center; gap: .8rem; min-width: 0; padding: 1.1rem; background: #fff; border: 1px solid rgba(105,136,179,.18); border-radius: 15px; box-shadow: 0 15px 35px -26px rgba(20,46,84,.5); }
.sd-post-nav__link:hover { border-color: rgba(51,156,255,.35); box-shadow: var(--sd-shadow-blue); }
.sd-post-nav__link span { min-width: 0; }
.sd-post-nav__link small { display: block; color: #7e8da2; font-family: var(--sd-mono); font-size: .56rem; text-transform: uppercase; }
.sd-post-nav__link strong { display: block; overflow: hidden; color: var(--sd-ink); font-size: .88rem; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.sd-post-nav__link--prev .sd-icon { transform: rotate(180deg); }
.sd-post-nav__link--next { justify-content: flex-end; text-align: right; }
.sd-related { margin-top: 4.5rem; }
.sd-related .sd-section-head { display: block; margin-bottom: 1.5rem; }
.sd-related .sd-grid > .sd-card { grid-column: span 4; }

/* ========== Pages, comments, 404 ========== */
.sd-page { max-width: 1040px; margin-inline: auto; padding: clamp(1.5rem,4vw,4rem); background: rgba(255,255,255,.88); border: 1px solid rgba(105,136,179,.18); border-radius: var(--sd-radius); box-shadow: var(--sd-shadow); backdrop-filter: blur(10px); }
.sd-page .sd-page-head h1 { max-width: none; }
.sd-page-links { margin-top: 1.5rem; }
.sd-comments { max-width: 920px; margin: 4rem auto 0; }
.sd-comments__title { color: var(--sd-ink); font-size: 1.6rem; }
.sd-comment-list { margin: 0; padding: 0; list-style: none; }
.sd-comment-list .comment { margin-bottom: 1rem; padding: 1.2rem; background: #fff; border: 1px solid rgba(105,136,179,.18); border-radius: 16px; box-shadow: 0 12px 30px -24px rgba(25,54,95,.4); }
.sd-comment-list .children { margin-top: 1rem; padding-left: 1.5rem; list-style: none; }
.sd-comment-list .avatar { float: left; margin-right: .8rem; border-radius: 50%; }
.comment-meta { color: #7e8da2; font-size: .75rem; }
#respond { margin-top: 2rem; }
.comment-form label { display: block; margin-bottom: .3rem; color: var(--sd-ink); font-weight: 600; }
.comment-form input:not([type='submit']),.comment-form textarea { width: 100%; padding: .85rem 1rem; background: #fff; border: 1px solid rgba(105,136,179,.25); border-radius: 12px; }
.comment-form input:focus,.comment-form textarea:focus { outline: none; border-color: var(--sd-blue); box-shadow: 0 0 0 4px rgba(51,156,255,.08); }
.comment-form textarea { min-height: 150px; }
.comment-form .submit { padding: .85rem 1.25rem; background: var(--sd-gradient); border: 0; border-radius: 12px; color: #fff; box-shadow: var(--sd-shadow-blue); cursor: pointer; }
.sd-404 { display: flex; min-height: 58vh; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.sd-404__code { background: var(--sd-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; font-family: var(--sd-display); font-size: clamp(4rem,12vw,9rem); font-weight: 700; line-height: 1; filter: drop-shadow(0 18px 35px rgba(51,156,255,.18)); }
.sd-404 h1 { color: var(--sd-ink); font-size: clamp(2rem,4vw,4rem); }
.sd-404 p { max-width: 50ch; }
.sd-404__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; }

/* ========== Footer ========== */
.sd-footer { position: relative; margin-top: auto; padding-top: clamp(4.5rem,8vw,8rem); overflow: hidden; background: linear-gradient(150deg,#050812,#0a1120 65%,#0c1427); color: #8798b5; border-top: 1px solid rgba(72,227,255,.14); }
.sd-footer::before { content: ''; position: absolute; width: 620px; height: 620px; left: -340px; bottom: -420px; border-radius: 50%; background: rgba(51,156,255,.16); filter: blur(110px); }
.sd-footer::after { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(103,149,213,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(103,149,213,.04) 1px,transparent 1px); background-size: 52px 52px; pointer-events: none; }
.sd-footer > .sd-shell { position: relative; z-index: 1; }
.sd-footer__lead { display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,340px); align-items: end; gap: 3rem; padding-bottom: clamp(3rem,6vw,5.5rem); border-bottom: 1px solid rgba(255,255,255,.12); }
.sd-footer__eyebrow { display: block; margin-bottom: 1rem; color: var(--sd-cyan); font-family: var(--sd-mono); font-size: .62rem; font-weight: 600; letter-spacing: .08em; }
.sd-footer__lead h2 { max-width: 15ch; margin: 0; color: #fff; font-size: clamp(2.8rem,5.6vw,6rem); }
.sd-footer__start { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; background: rgba(51,156,255,.09); border: 1px solid rgba(72,227,255,.22); border-radius: 14px; color: #eef6ff; box-shadow: inset 0 1px 0 rgba(255,255,255,.08); font-size: .78rem; font-weight: 600; }
.sd-footer__start .sd-icon { color: var(--sd-cyan); }
.sd-footer__start:hover { background: rgba(51,156,255,.15); box-shadow: 0 20px 45px -28px rgba(51,156,255,.6); }
.sd-footer__grid { display: grid; grid-template-columns: minmax(250px,1.4fr) minmax(180px,.7fr) minmax(220px,.8fr); gap: clamp(2rem,6vw,6rem); padding-block: clamp(3rem,6vw,5rem); }
.sd-footer__brand { margin-bottom: .8rem; color: #fff; font-family: var(--sd-display); font-size: 1.45rem; font-weight: 700; }
.sd-footer__brand-col > p:not(.sd-footer__brand) { max-width: 45ch; }
.sd-footer__location { display: flex; max-width: 430px; gap: .7rem; margin-top: 1.5rem; padding: 1rem; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.07); border-radius: 13px; font-size: .87rem; }
.sd-footer__location .sd-icon { margin-top: 3px; color: var(--sd-cyan); }
.sd-footer__grid h3 { margin-bottom: 1.1rem; color: #dce8f8; font-family: var(--sd-mono); font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; }
.sd-footer__menu { display: flex; margin: 0; padding: 0; flex-direction: column; gap: .58rem; list-style: none; }
.sd-footer__menu a { color: #96a8c4; font-size: .9rem; }
.sd-footer__menu a:hover { color: var(--sd-cyan); }
.sd-footer__contact-col { display: flex; flex-direction: column; }
.sd-footer__contact-col > a { display: flex; flex-direction: column; margin-bottom: .8rem; padding: .85rem 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.sd-footer__contact-col a span { color: #657895; font-family: var(--sd-mono); font-size: .55rem; text-transform: uppercase; }
.sd-footer__contact-col a strong { color: #ecf4ff; font-size: 1.15rem; }
.sd-footer__contact-col > p { margin: 0; font-size: .85rem; }
.sd-footer__bottom { display: flex; justify-content: space-between; gap: 1rem; padding-block: 1.2rem; border-top: 1px solid rgba(255,255,255,.1); color: #5f718f; font-family: var(--sd-mono); font-size: .55rem; text-transform: uppercase; }
.sd-footer__bottom p { margin: 0; }
.sd-footer__bottom > div { display: flex; gap: 1.5rem; }
.sd-footer__bottom a:hover { color: var(--sd-cyan); }

.sd-wa-float { position: fixed; right: clamp(.8rem,2vw,1.5rem); bottom: clamp(.8rem,2vw,1.5rem); z-index: 75; display: flex; align-items: center; padding: 5px; background: rgba(5,12,23,.8); border: 1px solid rgba(255,255,255,.12); border-radius: 17px; color: #dce8f8; box-shadow: 0 20px 50px rgba(0,0,0,.35),0 0 35px rgba(37,211,102,.12); backdrop-filter: blur(14px); }
.sd-wa-float__label { display: flex; align-items: center; padding: 0 .8rem; font-family: var(--sd-display); font-size: .72rem; font-weight: 600; }
.sd-wa-float__icon { display: grid; width: 46px; height: 46px; place-items: center; background: linear-gradient(145deg,#2bdd76,#19ac5b); border-radius: 12px; color: #fff; box-shadow: 0 10px 25px -10px rgba(37,211,102,.9),inset 0 1px 0 rgba(255,255,255,.35); transition: transform .2s ease; }
.sd-wa-float:hover .sd-wa-float__icon { transform: scale(1.05) rotate(3deg); }

/* ========== Gutenberg ========== */
.alignwide { margin-inline: calc((100% - min(100%,1180px)) / -2); }
.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); }
.wp-block-image img,.wp-caption { max-width: 100%; }
.wp-caption-text { color: #7a899d; font-size: .76rem; text-align: center; }
.sticky { outline: 3px solid var(--sd-cyan); outline-offset: 4px; }

/* ========== Responsive ========== */
@media (max-width: 1180px) {
	.sd-nav { display: none; }
	.sd-nav-toggle { display: inline-grid; }
	.sd-hide-lg { display: none !important; }
	.sd-hero__grid { grid-template-columns: minmax(0,1fr) minmax(420px,.84fr); gap: 3rem; }
	.sd-hero__title { font-size: clamp(3.5rem,6.6vw,5.8rem); }
	.sd-stage-note--bottom { display: none; }
	.sd-method__grid { grid-template-columns: 1fr 1fr; }
	.sd-method__contact { grid-column: 2; }
	.sd-grid > .sd-card:nth-child(-n+2),.sd-card { grid-column: span 6; }
}

@media (max-width: 960px) {
	.sd-hero__rail { display: none; }
	.sd-hero__grid { grid-template-columns: 1fr; min-height: auto; gap: 3rem; padding-left: clamp(1.1rem,4.5vw,5.2rem); }
	.sd-hero__copy { max-width: 760px; }
	.sd-hero__title { max-width: 12ch; font-size: clamp(3.7rem,10vw,6rem); }
	.sd-hero__stage { width: min(100%,680px); min-height: 625px; margin-inline: auto; }
	.sd-solutions > .sd-shell { grid-template-columns: 1fr; gap: 2.8rem; }
	.sd-solutions__intro { position: static; }
	.sd-solutions__intro h2 { max-width: 13ch; }
	.sd-section-head { grid-template-columns: 1fr; gap: 1.35rem; }
	.sd-section-head h2 { max-width: 17ch; }
	.sd-method__grid { grid-template-columns: 1fr; }
	.sd-method__contact { grid-column: auto; max-width: 500px; }
	.sd-single { grid-template-columns: 1fr; }
	.sd-single__media { position: static; min-height: 430px; }
	.sd-footer__lead { grid-template-columns: 1fr; }
	.sd-footer__grid { grid-template-columns: 1.2fr .8fr; }
	.sd-footer__contact-col { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
	body { font-size: 15px; }
	.sd-shell,.sd-container { padding-inline: 1rem; }
	.sd-hide-sm { display: none !important; }
	.sd-topbar__inner { min-height: 34px; }
	.sd-topbar__promise { width: 100%; justify-content: center; font-size: .53rem; white-space: nowrap; }
	.sd-topbar__meta { display: none; }
	.sd-header__inner { min-height: 70px; }
	.sd-branding .custom-logo-link,.sd-branding__fallback { min-height: 46px; padding: .35rem .55rem; border-radius: 11px; }
	.sd-branding img { max-width: 190px; max-height: 36px; }
	.sd-branding__text small { display: none; }
	.sd-icon-btn { width: 40px; height: 40px; }
	.sd-search .sd-shell { grid-template-columns: 1fr; gap: .6rem; }
	.sd-searchform { flex-direction: column; }
	.sd-hero__grid { gap: 2.5rem; padding-top: 3.5rem; padding-bottom: 3rem; }
	.sd-hero__title { max-width: 11.5ch; font-size: clamp(3rem,14.5vw,4.4rem); line-height: .94; }
	.sd-hero__sub { font-size: 1rem; }
	.sd-hero__ctas { align-items: stretch; flex-direction: column; gap: .65rem; }
	.sd-hero__ctas .btn { width: 100%; }
	.sd-text-link { align-self: flex-start; }
	.sd-hero__proof { grid-template-columns: 1fr; }
	.sd-hero__stage { min-height: 490px; }
	.sd-tech-orbit { top: 7%; left: 5%; width: 90%; }
	.sd-stage-status { top: 1%; right: 1%; }
	.sd-hero-product { top: 10%; right: 2%; width: 95%; border-radius: 21px; transform: none; }
	.sd-hero-product__media { min-height: 300px; padding: 1.2rem; }
	.sd-hero-product__media img { height: 260px; }
	.sd-hero-product__body { grid-template-columns: 82px 1fr; min-height: 82px; padding: .9rem 3.9rem .95rem 1rem; }
	.sd-hero-product__body > a { font-size: .85rem; }
	.sd-hero-product__stamp { right: .8rem; bottom: .8rem; width: 39px; height: 39px; border-radius: 11px; }
	.sd-stage-note { min-width: 190px; padding: .6rem; }
	.sd-stage-note--top { top: 5%; left: -1%; }
	.sd-stage-note__icon { width: 32px; height: 32px; }
	.sd-stage-code { display: none; }
	.sd-hero__ticker { height: 44px; justify-content: flex-start; padding-inline: 1rem; }
	.sd-solutions { padding-block: 4.5rem; }
	.sd-solutions__list { grid-template-columns: 1fr; }
	.sd-solutions__list a { min-height: 155px; }
	.sd-section-head h1,.sd-section-head h2 { font-size: clamp(2.5rem,11.5vw,3.7rem); }
	.sd-grid { grid-template-columns: 1fr; }
	.sd-grid > .sd-card:nth-child(-n+2),.sd-card,.sd-related .sd-grid > .sd-card { grid-column: auto; }
	.sd-card__media,.sd-grid > .sd-card:nth-child(n+3) .sd-card__media { height: 300px; }
	.sd-card__body { min-height: 250px; }
	.sd-method__statement h2 { font-size: clamp(2.75rem,12vw,4rem); }
	.sd-single__media { min-height: 320px; }
	.sd-single__media img { max-height: 420px; }
	.sd-cta { align-items: stretch; flex-direction: column; }
	.sd-cta__actions { flex-direction: column; }
	.sd-post-nav { grid-template-columns: 1fr; }
	.sd-footer__grid { grid-template-columns: 1fr; }
	.sd-footer__contact-col { grid-column: auto; }
	.sd-footer__bottom { flex-direction: column; }
	.sd-footer__bottom > div { flex-wrap: wrap; gap: .8rem; }
	.sd-wa-float__label { display: none; }
	.sd-wa-float { padding: 4px; border-radius: 15px; }
	.sd-wa-float__icon { width: 46px; height: 46px; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
	.sd-has-motion [data-reveal] { opacity: 1; transform: none; }
}

/* ========== Light technology edition ========== */
:root {
	--sd-night: #f7faff;
	--sd-night-2: #eef4fb;
	--sd-surface: #ffffff;
	--sd-surface-2: #f1f6fd;
	--sd-glass: rgba(255,255,255,.76);
	--sd-glass-strong: rgba(255,255,255,.94);
	--sd-blue: #176fe5;
	--sd-cyan: #099dcc;
	--sd-violet: #7157db;
	--sd-green: #16a66f;
	--sd-paper: #f7faff;
	--sd-paper-2: #edf3fa;
	--sd-ink: #10233f;
	--sd-text: #586a83;
	--sd-text-light: #667b98;
	--sd-line: rgba(39,91,153,.15);
	--sd-line-dark: rgba(39,91,153,.15);
	--sd-shadow: 0 28px 70px -34px rgba(24,67,120,.3);
	--sd-shadow-blue: 0 24px 56px -28px rgba(23,111,229,.48);
}

body { background: #f7faff; color: var(--sd-text); }
::selection { background: #bdeaff; color: var(--sd-ink); }

.btn-ghost { background: rgba(255,255,255,.86); color: var(--sd-ink); border-color: rgba(31,88,153,.18); box-shadow: 0 14px 32px -24px rgba(28,69,118,.36); }
.sd-text-link { color: #173453; }
.sd-text-link .sd-icon { color: var(--sd-blue); }

.sd-topbar { background: #edf5fd; color: #526c8a; border-bottom-color: rgba(30,89,154,.11); }
.sd-topbar__promise { color: #3e5d7c; }
.sd-topbar__meta a { color: #153250; }
.sd-topbar__meta a span { color: #70839b; }
.sd-topbar__meta .sd-icon { color: var(--sd-blue); }

.sd-header { background: rgba(255,255,255,.84); border-bottom-color: rgba(34,91,154,.13); box-shadow: 0 8px 30px -25px rgba(21,55,98,.38); }
.sd-header.is-scrolled { background: rgba(255,255,255,.96); box-shadow: 0 18px 45px -26px rgba(22,62,112,.38); }
.sd-branding .custom-logo-link,
.sd-branding__fallback { border-color: rgba(31,91,160,.12); box-shadow: 0 16px 34px -24px rgba(30,102,181,.38), inset 0 1px 0 #fff; }
.sd-menu > li > a { color: #405872; }
.sd-menu > li > a:hover,
.sd-menu > .current-menu-item > a,
.sd-menu > .current_page_item > a { color: #0d3158; }
.sd-menu .sub-menu { background: rgba(255,255,255,.98); border-color: rgba(32,105,185,.17); box-shadow: 0 26px 60px -28px rgba(23,64,112,.36); }
.sd-menu .sub-menu a { color: #526780; }
.sd-menu .sub-menu a:hover { background: rgba(23,111,229,.08); color: #12375f; }
.sd-icon-btn { background: rgba(255,255,255,.82); border-color: rgba(36,91,155,.18); color: #274a70; box-shadow: 0 12px 28px -22px rgba(22,64,112,.42), inset 0 1px 0 #fff; }
.sd-icon-btn:hover { background: #f2f8ff; color: var(--sd-blue); border-color: rgba(23,111,229,.32); }
.sd-header__cta { background: linear-gradient(135deg,rgba(23,111,229,.08),rgba(113,87,219,.08)); border-color: rgba(23,111,229,.2); color: #14385f; box-shadow: 0 14px 35px -26px rgba(23,111,229,.45), inset 0 1px 0 #fff; }
.sd-header__cta .sd-icon { color: var(--sd-blue); }
.sd-header__cta:hover { border-color: rgba(23,111,229,.42); box-shadow: 0 18px 38px -24px rgba(23,111,229,.48); }

.sd-search { background: rgba(255,255,255,.98); border-bottom-color: rgba(23,111,229,.16); box-shadow: 0 25px 55px -30px rgba(20,58,104,.4); }
.sd-search__label { color: var(--sd-blue); }
.sd-searchform__input { background: #f7faff; border-color: rgba(36,91,155,.2); color: var(--sd-ink); box-shadow: inset 0 1px 2px rgba(21,57,102,.04); }
.sd-searchform__input::placeholder { color: #7c8da2; }

.sd-drawer-overlay { background: rgba(20,39,65,.35); }
.sd-drawer { background: linear-gradient(180deg,#fff,#f4f8fd); border-left-color: rgba(23,111,229,.18); box-shadow: -30px 0 80px rgba(26,58,101,.2); }
.sd-drawer__head,
.sd-menu--drawer > li { border-color: rgba(38,90,151,.13); }
.sd-drawer__index { color: var(--sd-blue); }
.sd-menu--drawer > li > a { color: #173554; }
.sd-menu--drawer .sub-menu a { color: #61758e; }
.sd-sub-toggle { background: #f3f8fe; border-color: rgba(36,91,155,.16); color: #244c74; }
.sd-drawer__ctas { background: rgba(23,111,229,.055); border-top-color: rgba(23,111,229,.14); }
.sd-drawer__ctas p { color: #3d5671; }
.sd-drawer__phone { color: #1767be; }

.sd-hero {
	background:
		radial-gradient(circle at 80% 20%,rgba(35,143,255,.17),transparent 30%),
		radial-gradient(circle at 55% 88%,rgba(113,87,219,.09),transparent 34%),
		linear-gradient(145deg,#ffffff 0%,#f6faff 56%,#eef6ff 100%);
	color: var(--sd-ink);
}
.sd-hero::before { background-image: linear-gradient(rgba(37,96,164,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(37,96,164,.065) 1px,transparent 1px); }
.sd-hero::after { border-color: rgba(23,111,229,.13); box-shadow: 0 0 120px rgba(23,111,229,.07),inset 0 0 100px rgba(113,87,219,.035); }
.sd-hero__rail { background: rgba(255,255,255,.78); border-right-color: rgba(23,111,229,.13); color: #7790ad; }
.sd-hero__rail span:first-child,
.sd-hero .sd-kicker { color: var(--sd-blue); }
.sd-hero__title { color: #0c203a; }
.sd-hero__title span { background: linear-gradient(105deg,#08a9d8 0%,#2479eb 48%,#7358dd 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 12px 24px rgba(43,119,205,.11)); }
.sd-hero__sub { color: #526780; }
.sd-hero__proof li { background: rgba(255,255,255,.76); border-color: rgba(39,91,153,.14); box-shadow: 0 18px 40px -30px rgba(22,67,120,.34),inset 0 1px 0 #fff; }
.sd-hero__proof strong { color: #183552; }
.sd-hero__proof span { color: #70849e; }
.sd-dot-field { background-image: radial-gradient(rgba(37,119,206,.34) 1px,transparent 1.5px); opacity: .24; }
.sd-tech-orbit { border-color: rgba(23,111,229,.16); box-shadow: 0 0 90px rgba(23,111,229,.07),inset 0 0 90px rgba(113,87,219,.035); }
.sd-tech-orbit::before { border-color: rgba(113,87,219,.13); }
.sd-tech-orbit::after { border-color: rgba(23,111,229,.15); }
.sd-stage-status { background: rgba(255,255,255,.88); border-color: rgba(22,166,111,.22); color: #44667f; box-shadow: 0 16px 35px -24px rgba(20,66,109,.35),inset 0 1px 0 #fff; }
.sd-hero-product { background: linear-gradient(155deg,rgba(255,255,255,.98),rgba(241,247,254,.9)); border-color: rgba(42,105,178,.17); box-shadow: 0 48px 90px -42px rgba(22,65,116,.38),0 28px 68px -42px rgba(23,111,229,.38),inset 0 1px 0 #fff; }
.sd-hero-product::before { background: radial-gradient(circle at 50% 42%,rgba(44,159,228,.12),transparent 48%); }
.sd-hero-product__media { border-bottom-color: rgba(39,91,153,.13); }
.sd-hero-product__media::after { background: rgba(35,66,101,.18); }
.sd-hero-product__media img { filter: drop-shadow(0 26px 23px rgba(33,61,94,.22)); }
.sd-hero-product:hover .sd-hero-product__media img { filter: drop-shadow(0 32px 27px rgba(33,61,94,.27)); }
.sd-hero-product__body { background: rgba(255,255,255,.82); }
.sd-hero-product__body > span { color: #7387a0; }
.sd-hero-product__body > a { color: #132f4d; }
.sd-hero-product__body > a:hover { color: var(--sd-blue); }
.sd-hero-product__stamp { border-color: rgba(23,111,229,.28); background: rgba(23,111,229,.07); color: var(--sd-blue); }
.sd-hero-product__screen { background: #f1f7fd; border-color: rgba(23,111,229,.18); color: var(--sd-blue); }
.sd-stage-note { background: rgba(255,255,255,.92); border-color: rgba(35,110,190,.19); color: #173553; box-shadow: 0 24px 50px -30px rgba(22,67,120,.38),inset 0 1px 0 #fff; }
.sd-stage-note__icon { background: linear-gradient(135deg,rgba(9,157,204,.1),rgba(113,87,219,.1)); border-color: rgba(23,111,229,.16); color: var(--sd-blue); }
.sd-stage-note span:last-child { color: #74879e; }
.sd-stage-note strong { color: #193a5d; }
.sd-hero__ticker { background: rgba(255,255,255,.9); border-color: rgba(32,96,168,.13); color: #71849c; box-shadow: 0 -12px 36px -28px rgba(23,69,121,.28); }
.sd-hero__ticker i { background: var(--sd-blue); box-shadow: 0 0 10px rgba(23,111,229,.35); }

.sd-solutions { background: linear-gradient(180deg,#f9fbff 0%,#f0f6fd 100%); color: var(--sd-text); border-bottom: 1px solid rgba(36,91,155,.1); }
.sd-solutions::before { background: rgba(82,111,241,.09); }
.sd-solutions__intro h2 { color: var(--sd-ink); }
.sd-solutions__intro > p:last-child { color: #61748d; }
.sd-solutions__list a { background: rgba(255,255,255,.84); border-color: rgba(39,91,153,.14); color: #173553; box-shadow: 0 25px 55px -35px rgba(28,71,123,.35),inset 0 1px 0 #fff; }
.sd-solutions__list a::after { color: rgba(23,111,229,.075); }
.sd-solutions__list a:hover { border-color: rgba(23,111,229,.28); box-shadow: 0 32px 65px -35px rgba(23,111,229,.36),inset 0 1px 0 #fff; }
.sd-solutions__list a > span { background: rgba(23,111,229,.07); border-color: rgba(23,111,229,.15); color: var(--sd-blue); }
.sd-solutions__list small { color: #73859b; }
.sd-solutions__list a:hover .sd-icon { color: var(--sd-blue); }

.sd-catalog { background: linear-gradient(180deg,#eef5fc,#f8fbff); }
.sd-card { background: rgba(255,255,255,.94); border-color: rgba(39,91,153,.14); box-shadow: 0 26px 64px -34px rgba(24,67,120,.3),inset 0 1px 0 #fff; }

.sd-method { background: linear-gradient(145deg,#f8fbff 0%,#eef5fd 58%,#f5f1ff 100%); color: var(--sd-text); border-top: 1px solid rgba(39,91,153,.1); }
.sd-method::before { background: rgba(23,111,229,.09); }
.sd-method::after { background-image: radial-gradient(rgba(45,105,174,.13) 1px,transparent 1px); opacity: .3; }
.sd-method__statement h2 { color: var(--sd-ink); }
.sd-method__statement > p:last-child { color: #60738c; }
.sd-method__steps li { background: rgba(255,255,255,.86); border-color: rgba(39,91,153,.13); box-shadow: 0 22px 45px -34px rgba(25,67,116,.35),inset 0 1px 0 #fff; }
.sd-method__steps li:hover { border-color: rgba(23,111,229,.25); }
.sd-method__steps > li > span { background: rgba(23,111,229,.08); color: var(--sd-blue); }
.sd-method__steps strong { color: #173553; }
.sd-method__steps p { color: #6b7e95; }

.sd-main:not(.sd-main--home) { background: linear-gradient(180deg,#f9fbff,#eef5fc); }
.sd-cta { background: linear-gradient(145deg,#ffffff,#edf5fd); color: #5e728c; border-color: rgba(39,91,153,.14); box-shadow: 0 25px 55px -34px rgba(25,67,116,.32); }
.sd-cta__text h3 { color: var(--sd-ink); }

.sd-footer { background: linear-gradient(150deg,#f9fbff,#eef5fc 65%,#f5f1ff); color: #63768e; border-top-color: rgba(23,111,229,.13); }
.sd-footer::before { background: rgba(23,111,229,.1); }
.sd-footer::after { background-image: linear-gradient(rgba(39,91,153,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(39,91,153,.045) 1px,transparent 1px); }
.sd-footer__lead { border-bottom-color: rgba(39,91,153,.14); }
.sd-footer__eyebrow { color: var(--sd-blue); }
.sd-footer__lead h2 { color: var(--sd-ink); }
.sd-footer__start { background: rgba(255,255,255,.76); border-color: rgba(23,111,229,.18); color: #173553; box-shadow: 0 16px 36px -28px rgba(22,64,112,.38),inset 0 1px 0 #fff; }
.sd-footer__start .sd-icon { color: var(--sd-blue); }
.sd-footer__start:hover { background: #fff; box-shadow: 0 20px 45px -28px rgba(23,111,229,.38); }
.sd-footer__brand { color: var(--sd-ink); }
.sd-footer__location { background: rgba(255,255,255,.65); border-color: rgba(39,91,153,.12); }
.sd-footer__location .sd-icon { color: var(--sd-blue); }
.sd-footer__grid h3 { color: #274562; }
.sd-footer__menu a { color: #61758e; }
.sd-footer__menu a:hover { color: var(--sd-blue); }
.sd-footer__contact-col > a { border-bottom-color: rgba(39,91,153,.13); }
.sd-footer__contact-col a span { color: #72859b; }
.sd-footer__contact-col a strong { color: #173553; }
.sd-footer__bottom { border-top-color: rgba(39,91,153,.14); color: #73869c; }
.sd-footer__bottom a:hover { color: var(--sd-blue); }
.sd-wa-float { background: rgba(255,255,255,.9); border-color: rgba(38,90,151,.16); color: #24435f; box-shadow: 0 20px 50px -30px rgba(22,64,112,.4),0 0 35px rgba(37,211,102,.08); }

/* ========== Larger, cleaner navigation ========== */
.sd-header__inner { min-height: 94px; }
.sd-branding .custom-logo-link,
.sd-branding__fallback {
	min-height: 60px;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.sd-branding img { max-width: min(300px,29vw); max-height: 54px; }
.sd-menu { gap: clamp(.9rem,1.45vw,1.65rem); }
.sd-menu > li > a {
	min-height: 48px;
	font-family: var(--sd-nav);
	font-size: clamp(1rem,1.05vw,1.14rem);
	font-weight: 600;
	letter-spacing: .012em;
	line-height: 1;
}
.sd-menu .sub-menu a { font-family: var(--sd-nav); font-size: 1.08rem; font-weight: 600; }
.sd-icon-btn {
	width: 54px;
	height: 54px;
	background: transparent;
	border: 0;
	border-radius: 15px;
	box-shadow: none;
	font-size: 1.38rem;
}
.sd-icon-btn .sd-icon { width: 24px; height: 24px; }
.sd-icon-btn:hover { background: rgba(23,111,229,.075); border: 0; box-shadow: none; }
.sd-header__actions { gap: .35rem; }
.sd-header__cta { min-height: 50px; font-family: var(--sd-nav); font-size: 1rem; letter-spacing: .015em; }
.sd-drawer__head { min-height: 76px; padding: .9rem 1.35rem; }
.sd-drawer__index {
	color: #173b62;
	font-family: var(--sd-nav);
	font-size: 1.28rem;
	font-weight: 700;
	letter-spacing: .035em;
	line-height: 1;
	text-transform: uppercase;
}
.sd-drawer__nav { padding: .65rem 1.35rem; }
.sd-menu--drawer > li > a {
	padding: .88rem 0;
	font-family: var(--sd-nav);
	font-size: clamp(1.35rem,4.6vw,1.6rem);
	font-weight: 700;
	letter-spacing: .01em;
	line-height: 1.05;
}
.sd-menu--drawer .sub-menu a { font-size: 1.15rem; }
.sd-drawer__ctas { padding: 1.1rem 1.35rem; }
.sd-drawer__ctas p { font-size: .91rem; line-height: 1.45; }

@media (min-width: 961px) and (max-width: 1180px) {
	.sd-nav { display: block; }
	.sd-nav-toggle { display: none; }
	.sd-header__inner { min-height: 86px; gap: 1rem; }
	.sd-branding img { max-width: 225px; max-height: 46px; }
	.sd-menu { gap: .72rem; }
	.sd-menu > li > a { font-size: 1rem; }
	.sd-icon-btn { width: 50px; height: 50px; }
}

@media (max-width: 960px) {
	.sd-header__inner { min-height: 82px; }
	.sd-branding img { max-width: 235px; max-height: 48px; }
	.sd-icon-btn { width: 50px; height: 50px; }
}

@media (max-width: 640px) {
	.sd-header__inner { min-height: 78px; }
	.sd-branding .custom-logo-link,
	.sd-branding__fallback { min-height: 50px; padding: 0; border-radius: 0; }
	.sd-branding img { max-width: 215px; max-height: 44px; }
	.sd-icon-btn { width: 48px; height: 48px; border-radius: 13px; font-size: 1.3rem; }
	.sd-icon-btn .sd-icon { width: 22px; height: 22px; }
	.sd-drawer__head { min-height: 72px; }
	.sd-menu--drawer > li > a { padding: .82rem 0; }
}