/* =========================================================
   StasWeb — E-commerce service page
   Isolated styles. All selectors use sw-ecom.
   Readable typography and compact vertical rhythm.
   ========================================================= */

.page-wrap:has(.sw-ecom) {
	padding: 0;
}

.page-wrap:has(.sw-ecom)::before {
	display: none;
}

.page-wrap:has(.sw-ecom) > .container {
	width: 100%;
	max-width: none;
	margin: 0;
}

.page-wrap:has(.sw-ecom) .page-content {
	width: 100%;
}

.sw-ecom {
	position: relative;
	z-index: 1;
	min-height: 100vh;
	overflow: hidden;
	padding-top: var(--header-h, 76px);
	color: var(--text, #f7f7f8);
	isolation: isolate;
}

.sw-ecom *,
.sw-ecom *::before,
.sw-ecom *::after {
	box-sizing: border-box;
}

.sw-ecom a {
	color: inherit;
	text-decoration: none;
}

.sw-ecom__ambient {
	position: absolute;
	inset: 0;
	z-index: -2;
	overflow: hidden;
	pointer-events: none;
}

.sw-ecom__ambient::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(5, 5, 8, .03), rgba(7, 7, 10, .78) 34%, rgba(7, 7, 10, .98));
}

.sw-ecom__grid {
	position: absolute;
	inset: 0;
	opacity: .2;
	background-image:
		linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
	background-size: 64px 64px;
	-webkit-mask-image: linear-gradient(to bottom, #000, transparent 78%);
	mask-image: linear-gradient(to bottom, #000, transparent 78%);
}

.sw-ecom__orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(120px);
	opacity: .15;
}

.sw-ecom__orb--one {
	top: -220px;
	right: -150px;
	width: 680px;
	height: 680px;
	background: #745cff;
}

.sw-ecom__orb--two {
	top: 980px;
	left: -240px;
	width: 620px;
	height: 620px;
	background: #16cceb;
	opacity: .08;
}

.sw-ecom-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
	padding-top: 26px;
	color: var(--text-faint, #717788);
	font-size: 11px;
	font-weight: 650;
	letter-spacing: .075em;
	text-transform: uppercase;
}

.sw-ecom-breadcrumbs a {
	transition: color .2s ease;
}

.sw-ecom-breadcrumbs a:hover {
	color: #f5f7ff;
}

.sw-ecom-kicker,
.sw-ecom-section__label {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #aeb7ca;
	font-family: var(--mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
	font-size: 11px;
	font-weight: 750;
	line-height: 1;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.sw-ecom-kicker {
	padding: 9px 12px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 999px;
	background: rgba(255,255,255,.026);
}

.sw-ecom-kicker > span {
	position: relative;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #68edc5;
	box-shadow: 0 0 12px rgba(104,237,197,.75);
}

.sw-ecom-kicker > span::after {
	content: "";
	position: absolute;
	inset: -5px;
	border: 1px solid rgba(104,237,197,.27);
	border-radius: inherit;
	animation: sw-ecom-pulse 2.6s ease-out infinite;
}

/* Hero */

.sw-ecom-hero {
	position: relative;
	padding: clamp(42px, 6vw, 78px) 0 clamp(62px, 8vw, 96px);
}

.sw-ecom-hero__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.06fr) minmax(410px, .94fr);
	align-items: center;
	gap: clamp(44px, 6vw, 86px);
}

.sw-ecom-hero__content {
	position: relative;
	z-index: 3;
}

.sw-ecom-hero h1 {
	max-width: 850px;
	margin: 25px 0 22px;
	color: #fbfbff;
	font-size: clamp(48px, 6.2vw, 84px);
	font-weight: 720;
	line-height: .99;
	letter-spacing: -.068em;
	text-wrap: balance;
}

.sw-ecom-hero h1 span,
.sw-ecom-section h2 span,
.sw-ecom-cta h2 span {
	display: block;
	color: transparent;
	background: linear-gradient(135deg, #fff 0%, #dae0ff 29%, #76e7ff 66%, #a78cff 100%);
	-webkit-background-clip: text;
	background-clip: text;
}

.sw-ecom-hero__lead {
	max-width: 760px;
	margin: 0;
	color: var(--text-muted, #a8adba);
	font-size: clamp(17px, 1.5vw, 20px);
	line-height: 1.72;
}

.sw-ecom-hero__actions,
.sw-ecom-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 13px;
	margin-top: 30px;
}

.sw-ecom-hero__actions .btn,
.sw-ecom-cta__actions .btn {
	min-height: 52px;
	padding-inline: 23px;
}

.sw-ecom-hero__facts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 36px;
}

.sw-ecom-hero__facts > div {
	min-width: 0;
	padding: 15px 16px;
	border: 1px solid rgba(255,255,255,.072);
	border-radius: 15px;
	background: linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.012));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.sw-ecom-hero__facts strong,
.sw-ecom-hero__facts span {
	display: block;
}

.sw-ecom-hero__facts strong {
	margin-bottom: 5px;
	color: #eef3ff;
	font-size: 14px;
	font-weight: 720;
	line-height: 1.3;
}

.sw-ecom-hero__facts span {
	color: #838da2;
	font-size: 12px;
	line-height: 1.5;
}

/* Hero commerce console */

.sw-ecom-hero__visual {
	position: relative;
	min-height: 560px;
	perspective: 1200px;
}

.sw-ecom-console {
	position: absolute;
	top: 50%;
	left: 50%;
	width: min(100%, 530px);
	min-height: 500px;
	padding: 0 20px 20px;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 27px;
	background:
		radial-gradient(circle at 88% 0%, rgba(87,196,255,.13), transparent 34%),
		linear-gradient(145deg, rgba(18,24,39,.96), rgba(7,10,17,.98));
	box-shadow:
		0 48px 110px rgba(0,0,0,.48),
		inset 0 1px 0 rgba(255,255,255,.045);
	transform: translate(-50%, -50%) rotateY(-4deg) rotateX(2deg);
}

.sw-ecom-console::after {
	content: "";
	position: absolute;
	top: -150px;
	right: -120px;
	width: 330px;
	height: 330px;
	border: 1px solid rgba(94,206,255,.075);
	border-radius: 50%;
	box-shadow:
		0 0 0 42px rgba(94,206,255,.018),
		0 0 0 92px rgba(126,98,255,.012);
	pointer-events: none;
}

.sw-ecom-console__top {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	min-height: 54px;
	margin: 0 -20px;
	padding: 0 18px;
	border-bottom: 1px solid rgba(255,255,255,.07);
	color: #7f8ba1;
	font-family: var(--mono, monospace);
	font-size: 11px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.sw-ecom-console__top > div {
	display: flex;
	gap: 5px;
}

.sw-ecom-console__top i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: rgba(255,255,255,.18);
}

.sw-ecom-console__top i:nth-child(1) { background: #ff6c78; }
.sw-ecom-console__top i:nth-child(2) { background: #f6c85f; }
.sw-ecom-console__top i:nth-child(3) { background: #68e4b4; }

.sw-ecom-console__top small {
	justify-self: end;
	color: #6feac5;
	font-size: 10px;
	font-weight: 800;
}

.sw-ecom-console__summary {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 23px 0 16px;
}

.sw-ecom-console__summary span,
.sw-ecom-console__summary strong {
	display: block;
}

.sw-ecom-console__summary span {
	margin-bottom: 4px;
	color: #718099;
	font-family: var(--mono, monospace);
	font-size: 10px;
	letter-spacing: .12em;
}

.sw-ecom-console__summary strong {
	color: #f2f6ff;
	font-size: 23px;
	letter-spacing: -.035em;
}

.sw-ecom-console__summary b {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 9px;
	border: 1px solid rgba(104,237,197,.17);
	border-radius: 999px;
	color: #89f2d3;
	background: rgba(104,237,197,.055);
	font-family: var(--mono, monospace);
	font-size: 10px;
	letter-spacing: .08em;
}

.sw-ecom-console__summary b i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #68edc5;
	box-shadow: 0 0 10px rgba(104,237,197,.75);
}

.sw-ecom-console__order {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 14px;
	border: 1px solid rgba(255,255,255,.078);
	border-radius: 16px;
	background: rgba(255,255,255,.027);
}

.sw-ecom-console__product {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.sw-ecom-console__thumb {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(113,221,255,.22);
	border-radius: 13px;
	color: #9feaff;
	background: linear-gradient(145deg, rgba(48,180,255,.14), rgba(124,91,255,.09));
	font-family: var(--mono, monospace);
	font-size: 11px;
	font-weight: 800;
}

.sw-ecom-console__product small,
.sw-ecom-console__product strong,
.sw-ecom-console__price small,
.sw-ecom-console__price strong {
	display: block;
}

.sw-ecom-console__product small,
.sw-ecom-console__price small {
	color: #748097;
	font-size: 10px;
	line-height: 1.4;
}

.sw-ecom-console__product strong {
	margin-top: 3px;
	color: #dce4f3;
	font-size: 12px;
	line-height: 1.4;
}

.sw-ecom-console__price {
	flex: 0 0 auto;
	text-align: right;
}

.sw-ecom-console__price strong {
	margin-top: 3px;
	color: #fff;
	font-size: 16px;
}

.sw-ecom-console__pipeline {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	margin: 19px 0;
}

.sw-ecom-console__pipeline > div {
	display: grid;
	place-items: center;
	gap: 5px;
	min-width: 58px;
	color: #657087;
	text-align: center;
}

.sw-ecom-console__pipeline > div span {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 50%;
	background: rgba(255,255,255,.025);
	font-family: var(--mono, monospace);
	font-size: 10px;
}

.sw-ecom-console__pipeline > div strong {
	font-size: 10px;
	font-weight: 650;
}

.sw-ecom-console__pipeline > div.is-active {
	color: #9cecff;
}

.sw-ecom-console__pipeline > div.is-active span {
	border-color: rgba(90,210,255,.26);
	background: rgba(75,191,255,.08);
	box-shadow: 0 0 18px rgba(75,191,255,.08);
}

.sw-ecom-console__pipeline > i {
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, rgba(89,213,255,.35), rgba(255,255,255,.06));
}

.sw-ecom-console__integrations {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.sw-ecom-console__integrations > div {
	min-width: 0;
	padding: 11px;
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 13px;
	background: rgba(255,255,255,.018);
}

.sw-ecom-console__integrations span,
.sw-ecom-console__integrations strong,
.sw-ecom-console__integrations i {
	display: block;
}

.sw-ecom-console__integrations span {
	color: #6c7890;
	font-family: var(--mono, monospace);
	font-size: 9px;
	letter-spacing: .1em;
}

.sw-ecom-console__integrations strong {
	margin: 5px 0 4px;
	color: #d9e2f2;
	font-size: 11px;
	line-height: 1.35;
}

.sw-ecom-console__integrations i {
	color: #66d9bb;
	font-family: var(--mono, monospace);
	font-size: 9px;
	font-style: normal;
}

.sw-ecom-console__signal {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: end;
	gap: 5px;
	height: 58px;
	margin-top: 18px;
	padding: 0 4px 4px;
	border-bottom: 1px solid rgba(91,211,255,.14);
}

.sw-ecom-console__signal span {
	flex: 1;
	height: var(--h);
	border-radius: 5px 5px 1px 1px;
	background: linear-gradient(180deg, rgba(102,226,255,.75), rgba(110,98,255,.16));
	box-shadow: 0 0 16px rgba(87,205,255,.09);
	transform-origin: bottom;
	animation: sw-ecom-signal 2.4s ease-in-out infinite alternate;
}

.sw-ecom-console__signal span:nth-child(2) { animation-delay: -.4s; }
.sw-ecom-console__signal span:nth-child(3) { animation-delay: -.9s; }
.sw-ecom-console__signal span:nth-child(4) { animation-delay: -.2s; }
.sw-ecom-console__signal span:nth-child(5) { animation-delay: -1.2s; }
.sw-ecom-console__signal span:nth-child(6) { animation-delay: -.7s; }
.sw-ecom-console__signal span:nth-child(7) { animation-delay: -1.5s; }
.sw-ecom-console__signal span:nth-child(8) { animation-delay: -.55s; }

.sw-ecom-float {
	position: absolute;
	z-index: 4;
	min-width: 170px;
	padding: 12px 14px;
	border: 1px solid rgba(255,255,255,.095);
	border-radius: 14px;
	background: rgba(11,15,25,.96);
	box-shadow: 0 20px 52px rgba(0,0,0,.34);
	animation: sw-ecom-float 6s ease-in-out infinite;
}

.sw-ecom-float span,
.sw-ecom-float strong {
	display: block;
}

.sw-ecom-float span {
	margin-bottom: 4px;
	color: #6cdff5;
	font-family: var(--mono, monospace);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .12em;
}

.sw-ecom-float strong {
	color: #dce4f2;
	font-size: 11px;
}

.sw-ecom-float--conversion {
	top: 17%;
	left: -5%;
}

.sw-ecom-float--stock {
	right: -4%;
	bottom: 15%;
	animation-delay: -2.6s;
}

/* Sticky local navigation */

.sw-ecom-nav {
	position: relative;
	z-index: 10;
	border-top: 1px solid rgba(255,255,255,.055);
	border-bottom: 1px solid rgba(255,255,255,.055);
	background: rgba(8,8,12,.96);
}

.sw-ecom-nav__inner {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 0;
	overflow-x: auto;
	scrollbar-width: none;
}

.sw-ecom-nav__inner::-webkit-scrollbar {
	display: none;
}

.sw-ecom-nav a {
	flex: 0 0 auto;
	padding: 9px 12px;
	border: 1px solid transparent;
	border-radius: 10px;
	color: #8f98aa;
	font-size: 11px;
	font-weight: 650;
	transition: color .2s ease, border-color .2s ease, background .2s ease;
}

.sw-ecom-nav a:hover {
	border-color: rgba(255,255,255,.07);
	color: #edf2ff;
	background: rgba(255,255,255,.025);
}

/* Shared sections */

.sw-ecom-section {
	position: relative;
	padding: clamp(40px, 40px, 126px) 0;
	scroll-margin-top: calc(var(--header-h, 76px) + 18px);
	content-visibility: auto;
	contain-intrinsic-size: auto 820px;
}

.sw-ecom-section + .sw-ecom-section {
	border-top: 1px solid rgba(255,255,255,.045);
}

.sw-ecom-section__head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr);
	align-items: end;
	gap: clamp(32px, 5vw, 72px);
	margin-bottom: 34px;
}

.sw-ecom-section__head--compact {
	margin-bottom: 30px;
}

.sw-ecom-section h2,
.sw-ecom-cta h2 {
	max-width: 850px;
	margin: 15px 0 0;
	color: #f7f9ff;
	font-size: clamp(34px, 4.5vw, 58px);
	font-weight: 710;
	line-height: 1.04;
	letter-spacing: -.055em;
	text-wrap: balance;
}

.sw-ecom-section__head > p,
.sw-ecom-integrations__intro > p,
.sw-ecom-case__lead,
.sw-ecom-cta__content > p {
	margin: 0;
	color: #a3abb9;
	font-size: clamp(15px, 1.3vw, 17px);
	line-height: 1.75;
}

/* System cards */

.sw-ecom-system__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 11px;
}

.sw-ecom-system__card {
	position: relative;
	min-height: 240px;
	padding: 20px;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.075);
	border-radius: 18px;
	background: linear-gradient(155deg, rgba(255,255,255,.034), rgba(255,255,255,.012));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.sw-ecom-system__card::after {
	content: "";
	position: absolute;
	right: -48px;
	bottom: -62px;
	width: 150px;
	height: 150px;
	border: 1px solid rgba(255,255,255,.035);
	border-radius: 50%;
}

.sw-ecom-system__card--accent {
	background:
		radial-gradient(circle at 100% 0%, rgba(92,210,255,.12), transparent 45%),
		linear-gradient(155deg, rgba(88,94,255,.09), rgba(255,255,255,.014));
}

.sw-ecom-system__card > span {
	position: absolute;
	top: 17px;
	right: 18px;
	color: #606a7c;
	font-family: var(--mono, monospace);
	font-size: 10px;
}

.sw-ecom-system__icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin-bottom: 27px;
	border: 1px solid rgba(101,218,255,.17);
	border-radius: 14px;
	color: #8ee9ff;
	background: rgba(62,188,255,.055);
	font-family: var(--mono, monospace);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .05em;
}

.sw-ecom-system__card h3 {
	margin: 0 0 10px;
	color: #edf2ff;
	font-size: 19px;
	line-height: 1.28;
	letter-spacing: -.025em;
}

.sw-ecom-system__card p {
	margin: 0;
	color: #929cad;
	font-size: 14px;
	line-height: 1.68;
}

/* Features */

.sw-ecom-features__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(310px, .55fr);
	gap: 12px;
}

.sw-ecom-features__primary,
.sw-ecom-side-card {
	border: 1px solid rgba(255,255,255,.075);
	border-radius: 20px;
	background: rgba(255,255,255,.018);
}

.sw-ecom-features__primary {
	padding: 22px;
}

.sw-ecom-feature-title span,
.sw-ecom-feature-title strong {
	display: block;
}

.sw-ecom-feature-title span,
.sw-ecom-side-card > span {
	margin-bottom: 5px;
	color: #78e5ff;
	font-family: var(--mono, monospace);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.sw-ecom-feature-title strong {
	color: #edf2ff;
	font-size: 20px;
	letter-spacing: -.025em;
}

.sw-ecom-check-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin-top: 20px;
}

.sw-ecom-check-grid > div {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 9px 11px;
	border: 1px solid rgba(255,255,255,.055);
	border-radius: 12px;
	background: rgba(255,255,255,.018);
}

.sw-ecom-check-grid i {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 9px;
	color: #8be8ff;
	background: rgba(77,196,255,.065);
	font-family: var(--mono, monospace);
	font-size: 10px;
	font-style: normal;
}

.sw-ecom-check-grid span {
	color: #b8c1d0;
	font-size: 13px;
	line-height: 1.45;
}

.sw-ecom-features__aside {
	display: grid;
	gap: 12px;
}

.sw-ecom-side-card {
	position: relative;
	padding: 20px;
	overflow: hidden;
}

.sw-ecom-side-card h3 {
	margin: 9px 0 9px;
	color: #eaf0fb;
	font-size: 18px;
	line-height: 1.36;
	letter-spacing: -.025em;
}

.sw-ecom-side-card p {
	margin: 0;
	color: #919bad;
	font-size: 13px;
	line-height: 1.7;
}

.sw-ecom-side-card--signal > div {
	display: flex;
	align-items: end;
	gap: 5px;
	height: 50px;
	margin-top: 18px;
}

.sw-ecom-side-card--signal i {
	flex: 1;
	height: 45%;
	border-radius: 5px 5px 1px 1px;
	background: linear-gradient(180deg, rgba(101,224,255,.68), rgba(116,91,255,.12));
}

.sw-ecom-side-card--signal i:nth-child(2) { height: 70%; }
.sw-ecom-side-card--signal i:nth-child(3) { height: 54%; }
.sw-ecom-side-card--signal i:nth-child(4) { height: 88%; }
.sw-ecom-side-card--signal i:nth-child(5) { height: 76%; }

/* Integrations */

.sw-ecom-integrations__card {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(480px, 1.2fr);
	align-items: center;
	gap: clamp(36px, 6vw, 82px);
	padding: clamp(24px, 4vw, 46px);
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 24px;
	background:
		radial-gradient(circle at 90% 10%, rgba(88,205,255,.1), transparent 34%),
		linear-gradient(145deg, rgba(255,255,255,.026), rgba(255,255,255,.01));
}

.sw-ecom-integrations__intro h2 {
	margin-bottom: 18px;
}

.sw-ecom-text-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 20px;
	color: #8de9ff;
	font-size: 12px;
	font-weight: 700;
}

.sw-ecom-integrations__flow {
	position: relative;
}

.sw-ecom-integration {
	position: relative;
	z-index: 2;
	min-width: 0;
	padding: 14px;
	border: 1px solid rgba(255,255,255,.075);
	border-radius: 14px;
	background: rgba(8,12,20,.83);
	box-shadow: 0 18px 42px rgba(0,0,0,.22);
}

.sw-ecom-integration--store {
	max-width: 250px;
	margin: 0 auto 28px;
	text-align: center;
	border-color: rgba(97,217,255,.2);
	background:
		radial-gradient(circle at 50% 0%, rgba(80,194,255,.12), transparent 55%),
		rgba(8,12,20,.92);
}

.sw-ecom-integration span,
.sw-ecom-integration strong,
.sw-ecom-integration small {
	display: block;
}

.sw-ecom-integration span {
	color: #6fdff6;
	font-family: var(--mono, monospace);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .11em;
}

.sw-ecom-integration strong {
	margin: 6px 0 4px;
	color: #e8eef9;
	font-size: 14px;
}

.sw-ecom-integration small {
	color: #768298;
	font-size: 11px;
	line-height: 1.4;
}

.sw-ecom-integration-lines {
	position: absolute;
	top: 73px;
	left: 50%;
	width: 76%;
	height: 80px;
	transform: translateX(-50%);
	pointer-events: none;
}

.sw-ecom-integration-lines i {
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	background: linear-gradient(rgba(95,218,255,.36), rgba(95,218,255,.04));
	transform-origin: top;
}

.sw-ecom-integration-lines i:nth-child(1) { left: 18%; transform: rotate(34deg); }
.sw-ecom-integration-lines i:nth-child(2) { left: 50%; }
.sw-ecom-integration-lines i:nth-child(3) { right: 18%; transform: rotate(-34deg); }

.sw-ecom-integrations__nodes {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.sw-ecom-ai-strip {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 20px;
	margin-top: 12px;
	padding: 18px 20px;
	border: 1px solid rgba(118, 117, 255, .15);
	border-radius: 18px;
	color: inherit;
	background:
		radial-gradient(circle at 100% 0, rgba(123, 87, 255, .13), transparent 40%),
		linear-gradient(135deg, rgba(77, 194, 237, .055), rgba(255, 255, 255, .014));
	text-decoration: none;
	transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.sw-ecom-ai-strip:hover {
	transform: translateY(-2px);
	border-color: rgba(121, 213, 255, .25);
	background:
		radial-gradient(circle at 100% 0, rgba(123, 87, 255, .18), transparent 42%),
		linear-gradient(135deg, rgba(77, 194, 237, .075), rgba(255, 255, 255, .02));
}

.sw-ecom-ai-strip > small {
	padding: 8px 10px;
	border: 1px solid rgba(107, 217, 255, .15);
	border-radius: 999px;
	color: #83e3f7;
	font-family: var(--mono, monospace);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
}

.sw-ecom-ai-strip > span,
.sw-ecom-ai-strip > span > strong,
.sw-ecom-ai-strip > span > span {
	display: block;
}

.sw-ecom-ai-strip > span > strong {
	color: #e9eef9;
	font-size: 16px;
	line-height: 1.35;
}

.sw-ecom-ai-strip > span > span {
	margin-top: 3px;
	color: #8995aa;
	font-size: 13px;
	line-height: 1.55;
}

.sw-ecom-ai-strip > i {
	color: #9deaff;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	white-space: nowrap;
}

/* Case */

.sw-ecom-case__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(420px, .85fr);
	align-items: center;
	gap: clamp(42px, 7vw, 92px);
}

.sw-ecom-case__content h2 {
	max-width: 780px;
	margin-bottom: 18px;
}

.sw-ecom-case__facts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 9px;
	margin: 25px 0;
}

.sw-ecom-case__facts > div {
	padding: 15px;
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 14px;
	background: rgba(255,255,255,.018);
}

.sw-ecom-case__facts strong,
.sw-ecom-case__facts span {
	display: block;
}

.sw-ecom-case__facts strong {
	margin-bottom: 5px;
	color: #eff4ff;
	font-size: 20px;
	letter-spacing: -.03em;
}

.sw-ecom-case__facts span {
	color: #818ca1;
	font-size: 12px;
	line-height: 1.45;
}

.sw-ecom-case__result {
	padding: 18px;
	border: 1px solid rgba(255,255,255,.075);
	border-radius: 16px;
	background: linear-gradient(145deg, rgba(79,198,255,.045), rgba(255,255,255,.012));
}

.sw-ecom-case__result > span {
	display: block;
	margin-bottom: 11px;
	color: #78e5ff;
	font-family: var(--mono, monospace);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.sw-ecom-case__result ul,
.sw-ecom-formats ul {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sw-ecom-case__result li,
.sw-ecom-formats li {
	position: relative;
	padding-left: 20px;
	color: #aeb8c8;
	font-size: 13px;
	line-height: 1.55;
}

.sw-ecom-case__result li::before,
.sw-ecom-formats li::before {
	content: "";
	position: absolute;
	top: .63em;
	left: 2px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #69ddf8;
	box-shadow: 0 0 10px rgba(105,221,248,.45);
}

.sw-ecom-case__visual {
	position: relative;
}

.sw-ecom-case-screen {
	position: relative;
	padding: 20px;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 24px;
	background:
		radial-gradient(circle at 90% 0%, rgba(92,211,255,.11), transparent 34%),
		linear-gradient(145deg, #111725, #090d16);
	box-shadow: 0 38px 90px rgba(0,0,0,.4);
	transform: rotateY(-5deg) rotateX(2deg);
}

.sw-ecom-case-screen::after {
	content: "";
	position: absolute;
	top: -100px;
	right: -120px;
	width: 300px;
	height: 300px;
	border: 1px solid rgba(100,218,255,.065);
	border-radius: 50%;
	box-shadow: 0 0 0 46px rgba(100,218,255,.018);
}

.sw-ecom-case-screen__top {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255,.065);
}

.sw-ecom-case-screen__top span {
	color: #f0f4ff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
}

.sw-ecom-case-screen__top small {
	color: #68758c;
	font-family: var(--mono, monospace);
	font-size: 9px;
}

.sw-ecom-case-screen__product {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	padding: 22px 0;
}

.sw-ecom-case-screen__image {
	display: grid;
	place-items: center;
	width: 84px;
	height: 98px;
	border: 1px solid rgba(107,219,255,.19);
	border-radius: 18px;
	color: #9deaff;
	background: linear-gradient(145deg, rgba(87,194,255,.12), rgba(126,92,255,.08));
	font-family: var(--mono, monospace);
	font-weight: 800;
}

.sw-ecom-case-screen__product small,
.sw-ecom-case-screen__product strong {
	display: block;
}

.sw-ecom-case-screen__product small {
	color: #79859b;
	font-size: 10px;
}

.sw-ecom-case-screen__product strong {
	margin: 5px 0 12px;
	color: #e4ebf8;
	font-size: 13px;
	line-height: 1.4;
}

.sw-ecom-case-screen__product div > div {
	display: flex;
	gap: 6px;
}

.sw-ecom-case-screen__product i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 28px;
	border: 1px solid rgba(255,255,255,.075);
	border-radius: 8px;
	color: #aab5c7;
	background: rgba(255,255,255,.025);
	font-size: 10px;
	font-style: normal;
}

.sw-ecom-case-screen__stack {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.sw-ecom-case-screen__stack > div {
	padding: 11px;
	border: 1px solid rgba(255,255,255,.065);
	border-radius: 12px;
	background: rgba(255,255,255,.018);
}

.sw-ecom-case-screen__stack span,
.sw-ecom-case-screen__stack strong,
.sw-ecom-case-screen__stack i {
	display: block;
}

.sw-ecom-case-screen__stack span {
	color: #6fdff7;
	font-family: var(--mono, monospace);
	font-size: 9px;
}

.sw-ecom-case-screen__stack strong {
	margin: 5px 0 4px;
	color: #dbe3f1;
	font-size: 10px;
}

.sw-ecom-case-screen__stack i {
	color: #68d9b9;
	font-family: var(--mono, monospace);
	font-size: 9px;
	font-style: normal;
}

.sw-ecom-case-screen__bottom {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	margin-top: 17px;
	color: #69758a;
	font-family: var(--mono, monospace);
	font-size: 9px;
}

.sw-ecom-case-screen__bottom i {
	flex: 1;
	height: 1px;
	margin: 0 7px;
	background: linear-gradient(90deg, rgba(106,219,255,.28), rgba(255,255,255,.04));
}

/* Formats */

.sw-ecom-formats__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.sw-ecom-formats__grid article {
	position: relative;
	min-height: 340px;
	padding: 21px;
	border: 1px solid rgba(255,255,255,.075);
	border-radius: 18px;
	background: rgba(255,255,255,.018);
}

.sw-ecom-formats__featured {
	border-color: rgba(96,213,255,.19) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(87,205,255,.11), transparent 43%),
		linear-gradient(145deg, rgba(93,87,255,.06), rgba(255,255,255,.014)) !important;
}

.sw-ecom-formats__grid article > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sw-ecom-formats__grid article > div span {
	color: #5eddf6;
	font-family: var(--mono, monospace);
	font-size: 10px;
}

.sw-ecom-formats__grid article > div small {
	padding: 6px 8px;
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 999px;
	color: #727e92;
	font-family: var(--mono, monospace);
	font-size: 10px;
}

.sw-ecom-formats h3 {
	margin: 28px 0 10px;
	color: #edf2ff;
	font-size: 22px;
	line-height: 1.25;
	letter-spacing: -.035em;
}

.sw-ecom-formats__grid p {
	min-height: 76px;
	margin: 0 0 19px;
	color: #929cad;
	font-size: 14px;
	line-height: 1.67;
}

.sw-ecom-formats__note {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 20px;
	margin-top: 11px;
	padding: 16px 18px;
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 15px;
	background: rgba(255,255,255,.017);
}

.sw-ecom-formats__note > span {
	color: #74e2fa;
	font-family: var(--mono, monospace);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.sw-ecom-formats__note p {
	margin: 0;
	color: #9ba5b7;
	font-size: 13px;
	line-height: 1.55;
}

.sw-ecom-formats__note a {
	display: inline-flex;
	gap: 7px;
	color: #e4eafa;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

/* Process */

.sw-ecom-process__list {
	display: grid;
	border-top: 1px solid rgba(255,255,255,.065);
}

.sw-ecom-process__list article {
	display: grid;
	grid-template-columns: 54px minmax(210px, .52fr) minmax(0, 1fr);
	align-items: center;
	gap: 22px;
	padding: 18px 4px;
	border-bottom: 1px solid rgba(255,255,255,.065);
	transition: background .2s ease, padding .2s ease;
}

.sw-ecom-process__list article:hover {
	padding-inline: 12px;
	background: rgba(255,255,255,.016);
}

.sw-ecom-process__list > article > span {
	color: #6bdff6;
	font-family: var(--mono, monospace);
	font-size: 10px;
}

.sw-ecom-process__list small {
	display: block;
	margin-bottom: 4px;
	color: #68758b;
	font-family: var(--mono, monospace);
	font-size: 10px;
	letter-spacing: .1em;
}

.sw-ecom-process__list h3 {
	margin: 0;
	color: #e6ecf8;
	font-size: 17px;
	letter-spacing: -.02em;
}

.sw-ecom-process__list p {
	margin: 0;
	color: #909aac;
	font-size: 14px;
	line-height: 1.6;
}

/* FAQ */

.sw-ecom-faq__list {
	display: grid;
	gap: 8px;
}

.sw-ecom-faq details {
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 15px;
	background: rgba(255,255,255,.017);
}

.sw-ecom-faq summary {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 60px;
	padding: 16px 18px;
	color: #dce4f1;
	font-size: 15px;
	font-weight: 650;
	line-height: 1.45;
	list-style: none;
	cursor: pointer;
}

.sw-ecom-faq summary::-webkit-details-marker {
	display: none;
}

.sw-ecom-faq summary i {
	position: relative;
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 7px;
	background: rgba(255,255,255,.025);
}

.sw-ecom-faq summary i::before,
.sw-ecom-faq summary i::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9px;
	height: 1px;
	background: #8bdff2;
	transform: translate(-50%, -50%);
	transition: transform .2s ease;
}

.sw-ecom-faq summary i::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.sw-ecom-faq details[open] summary i::after {
	transform: translate(-50%, -50%) rotate(0);
}

.sw-ecom-faq details > div {
	padding: 0 18px 17px;
}

.sw-ecom-faq details p {
	max-width: 900px;
	margin: 0;
	color: #98a2b4;
	font-size: 14px;
	line-height: 1.7;
}

/* CTA */

.sw-ecom-cta {
	padding: clamp(62px, 8vw, 98px) 0;
}

.sw-ecom-cta__card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr);
	align-items: center;
	gap: 42px;
	padding: clamp(26px, 5vw, 52px);
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 26px;
	background:
		radial-gradient(circle at 95% 5%, rgba(94,213,255,.12), transparent 34%),
		radial-gradient(circle at 10% 100%, rgba(129,92,255,.09), transparent 37%),
		linear-gradient(145deg, rgba(255,255,255,.026), rgba(255,255,255,.01));
	box-shadow: 0 32px 80px rgba(0,0,0,.28);
}

.sw-ecom-cta__content {
	position: relative;
	z-index: 2;
}

.sw-ecom-cta h2 {
	margin-bottom: 17px;
}

.sw-ecom-cta__status {
	position: relative;
	z-index: 2;
	display: grid;
	gap: 9px;
}

.sw-ecom-cta__status > div {
	padding: 15px;
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 14px;
	background: rgba(8,12,20,.54);
}

.sw-ecom-cta__status span,
.sw-ecom-cta__status strong {
	display: block;
}

.sw-ecom-cta__status span {
	margin-bottom: 5px;
	color: #6b778d;
	font-family: var(--mono, monospace);
	font-size: 10px;
	letter-spacing: .11em;
}

.sw-ecom-cta__status strong {
	color: #e3eafa;
	font-size: 13px;
}

.sw-ecom-cta__status strong i {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-right: 7px;
	border-radius: 50%;
	background: #68edc5;
	box-shadow: 0 0 11px rgba(104,237,197,.7);
}

.sw-ecom a:focus-visible,
.sw-ecom summary:focus-visible {
	outline: 2px solid #7fe5ff;
	outline-offset: 3px;
}

.sw-ecom-console,
.sw-ecom-integrations__flow,
.sw-ecom-case-screen {
	contain: layout paint;
}

/* Animations */

@keyframes sw-ecom-pulse {
	from { opacity: .7; transform: scale(.72); }
	to { opacity: 0; transform: scale(1.45); }
}

@keyframes sw-ecom-signal {
	from { transform: scaleY(.75); opacity: .58; }
	to { transform: scaleY(1); opacity: 1; }
}

@keyframes sw-ecom-float {
	0%, 100% { transform: translate3d(0, 0, 0); }
	50% { transform: translate3d(0, -8px, 0); }
}

/* Responsive */

@media (max-width: 1120px) {
	.sw-ecom-hero__layout,
	.sw-ecom-case__layout {
		grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr);
		gap: 38px;
	}

	.sw-ecom-integrations__card {
		grid-template-columns: 1fr;
	}

	.sw-ecom-integrations__flow {
		max-width: 720px;
		width: 100%;
		margin: 0 auto;
	}
}

@media (max-width: 920px) {
	.sw-ecom-hero__layout,
	.sw-ecom-case__layout,
	.sw-ecom-cta__card {
		grid-template-columns: 1fr;
	}

	.sw-ecom-hero__visual {
		min-height: 520px;
	}

	.sw-ecom-section__head {
		grid-template-columns: 1fr;
		align-items: start;
		gap: 18px;
	}

	.sw-ecom-system__grid,
	.sw-ecom-formats__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sw-ecom-features__layout {
		grid-template-columns: 1fr;
	}

	.sw-ecom-features__aside {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sw-ecom-case__visual {
		max-width: 650px;
		width: 100%;
		margin: 0 auto;
	}

	.sw-ecom-cta__status {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.sw-ecom {
		padding-top: var(--header-h, 68px);
	}

	.sw-ecom-breadcrumbs {
		padding-top: 18px;
		font-size: 10px;
	}

	.sw-ecom-hero {
		padding: 34px 0 54px;
	}

	.sw-ecom-hero h1 {
		margin-top: 20px;
		font-size: clamp(42px, 12vw, 64px);
	}

	.sw-ecom-hero__lead {
		font-size: 16px;
		line-height: 1.68;
	}

	.sw-ecom-hero__facts,
	.sw-ecom-case__facts {
		grid-template-columns: 1fr;
	}

	.sw-ecom-hero__visual {
		min-height: 470px;
		margin-top: 8px;
	}

	.sw-ecom-console {
		width: 100%;
		min-height: 445px;
		padding-inline: 14px;
		transform: translate(-50%, -50%);
	}

	.sw-ecom-console__top {
		margin-inline: -14px;
		padding-inline: 13px;
	}

	.sw-ecom-console__top > span {
		display: none;
	}

	.sw-ecom-console__integrations {
		grid-template-columns: 1fr;
	}

	.sw-ecom-console__integrations > div {
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		gap: 8px;
	}

	.sw-ecom-console__integrations strong {
		margin: 0;
	}

	.sw-ecom-console__signal {
		display: none;
	}

	.sw-ecom-float {
		display: none;
	}

	.sw-ecom-section {
		padding: 52px 0;
	}

	.sw-ecom-section h2,
	.sw-ecom-cta h2 {
		font-size: clamp(32px, 9vw, 46px);
	}

	.sw-ecom-system__grid,
	.sw-ecom-formats__grid,
	.sw-ecom-features__aside,
	.sw-ecom-integrations__nodes,
	.sw-ecom-cta__status {
		grid-template-columns: 1fr;
	}

	.sw-ecom-system__card {
		min-height: 210px;
	}

	.sw-ecom-check-grid {
		grid-template-columns: 1fr;
	}

	.sw-ecom-integrations__card {
		padding: 20px;
	}

	.sw-ecom-ai-strip {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 18px;
	}

	.sw-ecom-ai-strip > small {
		justify-self: start;
	}

	.sw-ecom-ai-strip > i {
		white-space: normal;
	}

	.sw-ecom-integration-lines {
		display: none;
	}

	.sw-ecom-case-screen {
		transform: none;
	}

	.sw-ecom-formats__grid article {
		min-height: auto;
	}

	.sw-ecom-formats__grid p {
		min-height: auto;
	}

	.sw-ecom-formats__note {
		grid-template-columns: 1fr;
		gap: 9px;
	}

	.sw-ecom-process__list article {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 16px 0;
	}

	.sw-ecom-process__list article > p {
		grid-column: 2;
	}

	.sw-ecom-cta {
		padding: 54px 0 70px;
	}

	.sw-ecom-cta__card {
		padding: 22px;
		border-radius: 21px;
	}
}

@media (max-width: 480px) {
	.sw-ecom-hero__actions,
	.sw-ecom-cta__actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.sw-ecom-hero__actions .btn,
	.sw-ecom-cta__actions .btn {
		width: 100%;
	}

	.sw-ecom-console__order {
		align-items: flex-start;
	}

	.sw-ecom-console__price {
		display: none;
	}

	.sw-ecom-console__pipeline > div {
		min-width: 43px;
	}

	.sw-ecom-console__pipeline > div strong {
		display: none;
	}

	.sw-ecom-case-screen__product {
		grid-template-columns: 70px minmax(0, 1fr);
	}

	.sw-ecom-case-screen__image {
		width: 70px;
		height: 86px;
	}

	.sw-ecom-case-screen__stack {
		grid-template-columns: 1fr;
	}

	.sw-ecom-faq summary {
		padding: 15px;
		font-size: 14px;
	}

	.sw-ecom-faq details > div {
		padding-inline: 15px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sw-ecom *,
	.sw-ecom *::before,
	.sw-ecom *::after {
		scroll-behavior: auto !important;
		animation: none !important;
		transition: none !important;
	}
}

@media (hover: none), (max-width: 700px) {
	.sw-ecom-kicker > span::after,
	.sw-ecom-console__signal span,
	.sw-ecom-float {
		animation: none !important;
	}

	.sw-ecom-ai-strip:hover,
	.sw-ecom-process__list article:hover {
		transform: none;
	}

	.sw-ecom-process__list article:hover {
		padding-inline: 0;
	}
}