@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 300 800;
	font-display: swap;
	src: url("fonts/manrope-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Managed SEO landing pages. */
.ws-seo-page {
	background: #f4f7fb;
}

.ws-seo-main {
	display: grid;
	gap: 22px;
	width: min(100% - 40px, 1720px);
	margin: 24px auto 0;
}

.ws-seo-hero,
.ws-seo-benefits,
.ws-seo-process,
.ws-seo-included,
.ws-seo-evidence,
.ws-seo-faq,
.ws-seo-related,
.ws-seo-final {
	border: 1px solid #d7e2f0;
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 22px 60px rgba(15, 38, 70, .08);
}

.ws-seo-hero {
	display: grid;
	grid-template-columns: minmax(0, .88fr) minmax(540px, 1.12fr);
	align-items: center;
	min-height: 700px;
	overflow: hidden;
	background:
		linear-gradient(115deg, rgba(255,255,255,.98) 0 48%, rgba(231,241,255,.96) 48% 100%),
		linear-gradient(#dbe7f5 1px, transparent 1px),
		linear-gradient(90deg, #dbe7f5 1px, transparent 1px);
	background-size: auto, 56px 56px, 56px 56px;
}

.ws-seo-hero-copy {
	padding: clamp(48px, 6vw, 110px);
}

.ws-seo-hero h1 {
	max-width: 850px;
	margin: 18px 0 24px;
	font-size: clamp(3.2rem, 5vw, 6.6rem);
	line-height: .96;
	letter-spacing: -.065em;
}

.ws-seo-hero-copy > p {
	max-width: 730px;
	color: #5f718a;
	font-size: clamp(1.08rem, 1.45vw, 1.42rem);
	line-height: 1.65;
}

.ws-seo-proof {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	margin-top: 30px;
}

.ws-seo-proof span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #183252;
	font-size: .92rem;
	font-weight: 650;
}

.ws-seo-proof svg {
	width: 18px;
	color: #00b980;
}

.ws-seo-author {
	display: grid;
	gap: 4px;
	margin-top: 26px;
	padding-top: 20px;
	border-top: 1px solid #dce6f2;
	color: #526780;
	font-size: .86rem;
}

.ws-seo-author a { color: #126fe8; font-weight: 750; }
.ws-seo-author small { color: #7a8ba0; }

.ws-seo-hero-visual {
	position: relative;
	align-self: stretch;
	min-width: 0;
	overflow: hidden;
	background: radial-gradient(circle at 72% 35%, rgba(41,132,255,.26), transparent 42%);
}

.ws-seo-window {
	position: absolute;
	top: 14%;
	left: 8%;
	width: 108%;
	overflow: hidden;
	border: 10px solid #0b213e;
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 40px 90px rgba(8, 31, 61, .3);
	transform: rotate(-2deg);
}

.ws-seo-window-bar {
	display: flex;
	align-items: center;
	gap: 7px;
	height: 44px;
	padding: 0 18px;
	background: #0b213e;
}

.ws-seo-window-bar span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #6f87a6;
}

.ws-seo-window-bar strong {
	margin-left: auto;
	color: #c9d8ea;
	font-size: .72rem;
}

.ws-seo-window img {
	display: block;
	width: 100%;
	height: auto;
}

.ws-seo-float {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 13px;
	max-width: 300px;
	padding: 17px 20px;
	border: 1px solid rgba(90,132,186,.26);
	border-radius: 16px;
	background: rgba(255,255,255,.96);
	box-shadow: 0 18px 46px rgba(17,48,87,.18);
}

.ws-seo-float > svg {
	width: 26px;
	color: #1677ff;
}

.ws-seo-float span,
.ws-seo-float small {
	display: block;
}

.ws-seo-float strong {
	color: #102641;
}

.ws-seo-float small {
	margin-top: 3px;
	color: #70829a;
	line-height: 1.35;
}

.ws-seo-float-one { right: 5%; bottom: 22%; }
.ws-seo-float-two { left: 4%; bottom: 7%; }

.ws-seo-benefits,
.ws-seo-evidence,
.ws-seo-faq,
.ws-seo-related {
	padding: clamp(46px, 6vw, 96px);
}

.ws-seo-evidence { padding: clamp(46px, 6vw, 96px); }
.ws-seo-evidence .ws-public-heading { max-width: 920px; margin: 0 0 42px; text-align: left; }
.ws-seo-evidence .ws-public-heading > p { max-width: 780px; color: #667990; line-height: 1.65; }

.ws-seo-screen-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.ws-seo-screen-grid figure {
	overflow: hidden;
	margin: 0;
	border: 1px solid #dce6f2;
	border-radius: 20px;
	background: #f8fbff;
}

.ws-seo-screen-grid figure > div {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-bottom: 1px solid #dce6f2;
	background: #eaf1fa;
}

.ws-seo-screen-grid img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.ws-seo-screen-grid figcaption { display: grid; gap: 7px; padding: 22px; }
.ws-seo-screen-grid figcaption strong { color: #102641; font-size: 1.06rem; }
.ws-seo-screen-grid figcaption span { color: #6d7f96; line-height: 1.5; }

.ws-seo-insight-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.ws-seo-insight-grid article { min-height: 260px; padding: 30px; border: 1px solid #dce6f2; border-radius: 20px; background: #f8fbff; }
.ws-seo-insight-grid article > span { color: #1677ff; font-weight: 800; letter-spacing: .08em; }
.ws-seo-insight-grid h3 { margin: 48px 0 12px; font-size: clamp(1.3rem, 1.8vw, 1.8rem); line-height: 1.12; }
.ws-seo-insight-grid p { margin: 0; color: #667990; line-height: 1.6; }
.ws-seo-evidence-hosting { background: #0b213e; color: #fff; }
.ws-seo-evidence-hosting .ws-public-heading > p { color: #a9bbd0; }
.ws-seo-evidence-hosting .ws-seo-insight-grid article { border-color: rgba(166,197,235,.18); background: rgba(255,255,255,.055); }
.ws-seo-evidence-hosting .ws-seo-insight-grid h3 { color: #fff; }
.ws-seo-evidence-hosting .ws-seo-insight-grid p { color: #b8c8da; }

.ws-seo-benefits .ws-public-heading,
.ws-seo-faq .ws-public-heading,
.ws-seo-related .ws-public-heading {
	max-width: 900px;
	margin: 0 0 42px;
	text-align: left;
}

.ws-seo-benefit-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.ws-seo-benefit-grid article {
	min-height: 320px;
	padding: clamp(28px, 3vw, 48px);
	border: 1px solid #dce6f2;
	border-radius: 22px;
	background: #f8fbff;
}

.ws-seo-benefit-grid article > span {
	display: inline-grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: #e8f2ff;
	color: #1677ff;
	font-weight: 750;
}

.ws-seo-benefit-grid h3 {
	margin: 48px 0 14px;
	font-size: clamp(1.45rem, 2.1vw, 2.1rem);
	line-height: 1.08;
}

.ws-seo-benefit-grid p {
	color: #667990;
	line-height: 1.65;
}

.ws-seo-process {
	display: grid;
	grid-template-columns: .82fr 1.18fr;
	gap: clamp(36px, 7vw, 120px);
	padding: clamp(48px, 7vw, 110px);
	background: #0b213e;
	color: #fff;
}

.ws-seo-process h2,
.ws-seo-included h2 {
	margin: 18px 0;
	color: inherit;
	font-size: clamp(2.4rem, 4vw, 4.8rem);
	line-height: .98;
	letter-spacing: -.055em;
}

.ws-seo-process > div > p,
.ws-seo-included > div > p {
	color: #a9bbd0;
	font-size: 1.08rem;
	line-height: 1.7;
}

.ws-seo-process ol {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ws-seo-process li {
	display: grid;
	grid-template-columns: 58px 1fr;
	align-items: center;
	gap: 18px;
	padding: 24px;
	border: 1px solid rgba(166,197,235,.18);
	border-radius: 18px;
	background: rgba(255,255,255,.055);
}

.ws-seo-process li span {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border-radius: 16px;
	background: #1677ff;
	font-weight: 760;
}

.ws-seo-process li p {
	color: #f5f8fd;
	font-size: 1.08rem;
	font-weight: 650;
	line-height: 1.5;
}

.ws-seo-included {
	display: grid;
	grid-template-columns: .82fr 1.18fr;
	gap: clamp(36px, 7vw, 120px);
	padding: clamp(48px, 7vw, 110px);
	background: #eaf4ff;
}

.ws-seo-included ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ws-seo-included li {
	display: flex;
	gap: 14px;
	padding: 24px;
	border: 1px solid #cddff2;
	border-radius: 18px;
	background: rgba(255,255,255,.68);
}

.ws-seo-included li > svg {
	flex: 0 0 26px;
	color: #00a876;
}

.ws-seo-included li span,
.ws-seo-included li small {
	display: block;
}

.ws-seo-included li small {
	margin-top: 6px;
	color: #667990;
	line-height: 1.45;
}

.ws-seo-faq {
	max-width: none;
}

.ws-seo-faq details {
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

.ws-seo-related > div:last-child {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.ws-seo-related a {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	min-height: 190px;
	padding: 26px;
	border: 1px solid #dce6f2;
	border-radius: 20px;
	background: #f8fbff;
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.ws-seo-related a:hover {
	border-color: #7eb5ff;
	box-shadow: 0 18px 36px rgba(24, 82, 153, .1);
	transform: translateY(-4px);
}

.ws-seo-related a span,
.ws-seo-related a small {
	display: block;
}

.ws-seo-related a strong {
	font-size: 1.22rem;
}

.ws-seo-related a small {
	margin-top: 14px;
	color: #6d7f96;
	line-height: 1.5;
}

.ws-seo-related a > svg {
	flex: 0 0 22px;
	color: #1677ff;
}

.ws-seo-final {
	min-height: 430px;
	margin-bottom: 22px;
	padding: clamp(50px, 7vw, 110px);
	background: linear-gradient(135deg, #0b213e, #153b6b);
	color: #fff;
}

.ws-seo-final h2 {
	color: #fff;
}

.ws-seo-final p {
	color: #bdcce0;
}

@media (max-width: 1180px) {
	.ws-seo-hero {
		grid-template-columns: 1fr;
	}

	.ws-seo-hero-visual {
		min-height: 580px;
	}

	.ws-seo-window {
		top: 5%;
		left: 8%;
		width: 92%;
	}

	.ws-seo-process,
	.ws-seo-included,
	.ws-seo-insight-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 820px) {
	.ws-seo-main {
		width: min(100% - 24px, 720px);
		margin-top: 12px;
		gap: 12px;
	}

	.ws-seo-hero,
	.ws-seo-benefits,
	.ws-seo-process,
	.ws-seo-included,
	.ws-seo-evidence,
	.ws-seo-faq,
	.ws-seo-related,
	.ws-seo-final {
		border-radius: 20px;
	}

	.ws-seo-hero-copy,
	.ws-seo-benefits,
	.ws-seo-process,
	.ws-seo-included,
	.ws-seo-evidence,
	.ws-seo-faq,
	.ws-seo-related,
	.ws-seo-final {
		padding: 34px 24px;
	}

	.ws-seo-hero h1 {
		font-size: clamp(2.75rem, 13vw, 4.5rem);
	}

	.ws-seo-hero-visual {
		min-height: 420px;
	}

	.ws-seo-window {
		left: 18px;
		width: calc(100% - 36px);
		border-width: 7px;
		transform: none;
	}

	.ws-seo-float {
		max-width: calc(100% - 48px);
	}

	.ws-seo-float-one { right: 24px; bottom: 82px; }
	.ws-seo-float-two { left: 24px; bottom: 14px; }

	.ws-seo-benefit-grid,
	.ws-seo-screen-grid,
	.ws-seo-included ul,
	.ws-seo-related > div:last-child {
		grid-template-columns: 1fr;
	}

	.ws-seo-benefit-grid article {
		min-height: 0;
	}

	.ws-seo-benefit-grid h3 {
		margin-top: 28px;
	}
}

@media (max-width: 520px) {
	.ws-seo-main {
		width: min(100% - 16px, 480px);
	}

	.ws-seo-hero-copy,
	.ws-seo-benefits,
	.ws-seo-process,
	.ws-seo-included,
	.ws-seo-evidence,
	.ws-seo-faq,
	.ws-seo-related,
	.ws-seo-final {
		padding: 30px 18px;
	}

	.ws-seo-proof {
		display: grid;
	}

	.ws-seo-hero-visual {
		min-height: 360px;
	}

	.ws-seo-float {
		padding: 13px 15px;
	}

	.ws-seo-float-one { bottom: 76px; }
	.ws-seo-float-two { bottom: 10px; }

	.ws-seo-process li {
		grid-template-columns: 48px 1fr;
		padding: 18px;
	}

	.ws-seo-process li span {
		width: 48px;
		height: 48px;
	}
}

/* 0.5.115: search-intent hub and stronger visible expertise signals. */
.ws-marketing .ws-seo-paths {
	padding: clamp(48px, 6vw, 92px);
	border: 1px solid #d8e3f0;
	border-radius: 28px;
	background: #fff;
}

.ws-marketing .ws-seo-paths .ws-public-heading { max-width: 940px; margin: 0 0 38px; text-align: left; }
.ws-marketing .ws-seo-paths .ws-public-heading p { max-width: 800px; }
.ws-seo-path-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ws-seo-path-grid a {
	display: grid;
	grid-template-columns: 48px 1fr 22px;
	align-items: center;
	gap: 16px;
	min-height: 138px;
	padding: 24px;
	border: 1px solid #dce6f2;
	border-radius: 18px;
	background: #f8fbff;
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.ws-seo-path-grid a:hover { transform: translateY(-4px); border-color: #78afff; box-shadow: 0 18px 34px rgba(23, 79, 145, .1); }
.ws-seo-path-grid a > svg:first-child { width: 25px; color: #1677ff; }
.ws-seo-path-grid a > svg:last-child { width: 20px; color: #7290b3; }
.ws-seo-path-grid a span, .ws-seo-path-grid a small { display: block; }
.ws-seo-path-grid a strong { color: #102641; font-size: 1.02rem; }
.ws-seo-path-grid a small { margin-top: 6px; color: #6d7f96; line-height: 1.45; }
.ws-pricing-deep-link { margin: 24px 0 0; text-align: center; }
.ws-pricing-deep-link a, .ws-founder-links a { display: inline-flex; align-items: center; gap: 7px; color: #126fe8; font-weight: 750; }
.ws-pricing-deep-link svg, .ws-founder-links svg { width: 18px; }
.ws-founder-links { display: flex; flex-wrap: wrap; gap: 14px 24px; margin-top: 24px; }

@media (max-width: 1050px) { .ws-seo-path-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) {
	.ws-marketing .ws-seo-paths { padding: 34px 20px; border-radius: 20px; }
	.ws-seo-path-grid { grid-template-columns: 1fr; }
	.ws-seo-path-grid a { min-height: 112px; padding: 20px; }
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 300 800;
	font-display: swap;
	src: url("fonts/manrope-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--ws-primary: #1677ff;
	--ws-ink: #111b2e;
	--ws-bg: #f5f7fb;
	--ws-line: #dce4ef;
	--ws-muted: #66758d;
	--ws-green: #0fa36b;
	--ws-platform-font: "Manrope", "Segoe UI", sans-serif;
	--ws-font: var(--ws-platform-font);
}

.ws-public,
.ws-public * {
	box-sizing: border-box;
}

.ws-public {
	margin: 0;
	color: var(--ws-ink);
	background: var(--ws-bg);
	font-family: var(--ws-font);
	line-height: 1.55;
	letter-spacing: 0;
}

.ws-public h1,
.ws-public h2,
.ws-public h3,
.ws-public p {
	margin-top: 0;
}

.ws-public a {
	color: inherit;
}

.ws-public svg {
	width: 20px;
	height: 20px;
}

.ws-public-nav,
.wsp-header {
	width: min(1600px, calc(100% - 48px));
	min-height: 76px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.ws-public-nav nav,
.wsp-header nav {
	display: flex;
	align-items: center;
	gap: 30px;
}

.ws-public-nav nav a,
.wsp-header nav a {
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

.ws-public-brand {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	text-decoration: none;
}

.ws-public-brand > span {
	width: 44px;
	height: 44px;
	display: grid;
	place-items: center;
	color: #fff;
	background: linear-gradient(145deg, #2487ff, #0968df);
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 8px;
	box-shadow: 0 8px 18px rgba(22,119,255,.16);
}

.ws-public-brand > span .ws-brand-logo {
	width: 29px;
	height: 29px;
	display: block;
	object-fit: contain;
}

.ws-public-brand strong {
	display: flex;
	flex-direction: column;
	font-size: 18px;
	line-height: 1.05;
}

.ws-public-brand em {
	color: var(--ws-primary);
	font-size: 11px;
	font-style: normal;
	letter-spacing: 4px;
}

.ws-public-button,
.wsp-btn {
	min-height: 52px;
	padding: 0 24px;
	border: 1px solid var(--ws-primary);
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: var(--ws-on-primary, #fff) !important;
	background: var(--ws-primary);
	font-weight: 800;
	text-decoration: none;
	transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.ws-public-button:hover,
.wsp-btn:hover {
	color: var(--ws-on-primary, #fff);
	background: #0565e8;
	box-shadow: 0 10px 24px rgba(22, 119, 255, .18);
	transform: translateY(-2px);
}

.ws-public-button-small,
.wsp-btn-small {
	min-height: 40px;
	padding: 0 17px;
	font-size: 13px;
}

.ws-marketing-hero {
	width: min(1600px, calc(100% - 48px));
	min-height: 720px;
	margin: 22px auto 0;
	padding: clamp(56px, 7vw, 112px);
	display: grid;
	grid-template-columns: minmax(0, .82fr) minmax(620px, 1.18fr);
	align-items: center;
	gap: clamp(54px, 7vw, 118px);
	color: #fff;
	background-color: #111b2e;
	background-image:
		linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
	background-size: 64px 64px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

.ws-marketing-hero::after {
	content: '';
	position: absolute;
	inset: auto -10% -45% 35%;
	height: 70%;
	background: radial-gradient(circle, rgba(20,184,166,.16), transparent 65%);
	pointer-events: none;
	animation: wsHeroGlow 12s ease-in-out infinite alternate;
}

@keyframes wsHeroGlow {
	from { transform: translate3d(-4%, 2%, 0) scale(.96); opacity: .72; }
	to { transform: translate3d(7%, -5%, 0) scale(1.08); opacity: 1; }
}

.ws-marketing-hero-copy,
.ws-marketing-product {
	position: relative;
	z-index: 1;
}

.ws-public-kicker,
.wsp-kicker {
	margin-bottom: 18px;
	display: inline-block;
	color: #63a6ff;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.ws-marketing-hero h1 {
	max-width: 760px;
	margin-bottom: 28px;
	font-size: clamp(54px, 5vw, 82px);
	line-height: 1.02;
}

.ws-marketing-hero-copy > p {
	max-width: 660px;
	margin-bottom: 34px;
	color: #c6d1e2;
	font-size: 19px;
}

.ws-public-actions {
	display: flex;
	align-items: center;
	gap: 24px;
}

.ws-public-text-link,
.wsp-link {
	font-weight: 800;
	text-underline-offset: 5px;
}

.ws-marketing-trust {
	margin-top: 32px;
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}

.ws-marketing-trust span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #aebdd2;
	font-size: 13px;
	font-weight: 700;
}

.ws-marketing-trust svg {
	width: 16px;
	color: #34d399;
}

.ws-builder-mockup {
	border: 1px solid #35445a;
	border-radius: 8px;
	background: #f7f9fc;
	box-shadow: 0 24px 70px rgba(0,0,0,.24);
	overflow: hidden;
	transform: perspective(1100px) rotateY(-3deg);
}

.ws-builder-mockup-top {
	height: 52px;
	padding: 0 18px;
	display: flex;
	align-items: center;
	gap: 7px;
	color: #37445b;
	border-bottom: 1px solid #dfe6ef;
	background: #fff;
}

.ws-builder-mockup-top span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #d8dee8;
}

.ws-builder-mockup-top strong {
	margin-left: 13px;
	font-size: 12px;
}

.ws-builder-mockup-body {
	min-height: 455px;
	display: grid;
	grid-template-columns: 135px 1fr 120px;
}

.ws-builder-mockup-body aside {
	padding: 22px 13px;
	background: #eef2f7;
	border-right: 1px solid #dfe6ef;
}

.ws-builder-mockup-body aside div {
	margin-bottom: 7px;
	padding: 10px;
	display: flex;
	align-items: center;
	gap: 8px;
	color: #59677c;
	border-radius: 5px;
	font-size: 10px;
	font-weight: 700;
}

.ws-builder-mockup-body aside div.is-active {
	color: #075fcc;
	background: #dceaff;
}

.ws-builder-mockup-body aside svg {
	width: 14px;
	height: 14px;
}

.ws-builder-mockup-canvas {
	margin: 24px 16px;
	padding: 76px 36px;
	color: var(--ws-ink);
	background: #fff;
	border: 1px solid #dfe6ef;
	border-radius: 6px;
	text-align: center;
}

.ws-builder-mockup-canvas > span {
	color: var(--ws-primary);
	font-size: 8px;
	font-weight: 800;
}

.ws-builder-mockup-canvas h3 {
	margin: 12px auto;
	font-size: 28px;
	line-height: 1.15;
}

.ws-builder-mockup-canvas p {
	color: #7a879a;
	font-size: 11px;
}

.ws-builder-mockup-canvas button {
	margin-top: 12px;
	padding: 10px 16px;
	color: #fff;
	border: 0;
	border-radius: 4px;
	background: var(--ws-primary);
	font: inherit;
	font-size: 9px;
	font-weight: 800;
}

.ws-builder-mini-grid {
	margin-top: 48px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}

.ws-builder-mini-grid i {
	height: 55px;
	border-radius: 4px;
	background: #eef2f7;
}

.ws-builder-mockup-style {
	border-right: 0 !important;
	border-left: 1px solid #dfe6ef;
	background: #fff !important;
}

.ws-builder-mockup-style b {
	color: #37445b;
	font-size: 10px;
}

.ws-builder-mockup-style div {
	padding: 14px 0 20px !important;
	background: transparent !important;
}

.ws-builder-mockup-style div i {
	width: 22px;
	height: 22px;
	border-radius: 4px;
	background: var(--ws-primary);
}

.ws-builder-mockup-style div i:nth-child(2) { background: #0f172a; }
.ws-builder-mockup-style div i:nth-child(3) { background: #10b981; }

.ws-builder-mockup-style > span {
	height: 8px;
	margin: 13px 0;
	display: block;
	border-radius: 4px;
	background: #e5eaf1;
}

.ws-product-shot {
	margin: 0;
	border: 1px solid #354863;
	border-radius: 8px;
	background: #eef3f8;
	box-shadow: 0 22px 54px rgba(2, 10, 24, .22);
	overflow: hidden;
}

.ws-product-shot-hero {
	transform: perspective(1400px) rotateY(-2deg);
	transform-origin: center right;
}

.ws-product-shot-bar {
	min-height: 54px;
	padding: 0 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	color: #c8d5e7;
	background: #142238;
	border-bottom: 1px solid #354863;
	font-size: 12px;
}

.ws-product-shot-bar span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #54dda8;
	font-weight: 800;
	text-transform: uppercase;
}

.ws-product-shot-bar svg {
	width: 16px;
	height: 16px;
}

.ws-product-shot-bar strong {
	color: #fff;
	font-size: 12px;
}

.ws-product-shot > img {
	width: 100%;
	height: auto;
	display: block;
}

.ws-product-shot figcaption {
	min-height: 72px;
	padding: 14px 18px;
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--ws-ink);
	background: #fff;
	border-top: 1px solid var(--ws-line);
}

.ws-product-shot figcaption > svg {
	width: 34px;
	height: 34px;
	padding: 8px;
	color: var(--ws-primary);
	background: #e8f2ff;
	border-radius: 7px;
}

.ws-product-shot figcaption span,
.ws-product-shot figcaption strong,
.ws-product-shot figcaption small {
	display: block;
}

.ws-product-shot figcaption small {
	margin-top: 2px;
	color: var(--ws-muted);
}

.ws-product-shot figcaption > a {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--ws-primary);
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
}

.ws-product-shot figcaption > a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.ws-public-section,
.wsp-section {
	--wsp-section-gap: clamp(44px, 4vw, 64px);
	--wsp-grid-gap: clamp(16px, 1.5vw, 24px);
	--wsp-card-padding: clamp(24px, 2vw, 32px);
	width: min(1600px, calc(100% - 48px));
	margin: 0 auto;
	padding: 110px 0;
}

.ws-public-heading,
.wsp-heading {
	max-width: 760px;
	margin-bottom: 54px;
}

.ws-public-heading h2,
.wsp-heading h2,
.ws-public-band h2,
.ws-public-final h2,
.wsp-split h2,
.wsp-cta h2,
.wsp-contact h2 {
	margin-bottom: 18px;
	font-size: clamp(38px, 4vw, 64px);
	line-height: 1.06;
}

.ws-public-heading p,
.ws-public-band p {
	color: var(--ws-muted);
	font-size: 18px;
}

.ws-step-grid,
.wsp-card-grid,
.wsp-process-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.ws-marketing #kako-deluje {
	position: relative;
	isolation: isolate;
	margin-top: 24px;
	padding: clamp(70px, 7vw, 110px) clamp(22px, 4vw, 64px);
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	overflow: hidden;
	background:
		linear-gradient(120deg, rgba(22, 119, 255, .06), transparent 36%),
		linear-gradient(300deg, rgba(15, 163, 107, .05), transparent 42%),
		#fff;
	background-size: 130% 130%;
	animation: wsStepSurface 14s ease-in-out infinite alternate;
}

@keyframes wsStepSurface {
	from { background-position: 0 40%, 100% 60%, 0 0; }
	to { background-position: 45% 10%, 55% 90%, 0 0; }
}

.ws-marketing #kako-deluje::before {
	content: '';
	position: absolute;
	z-index: -1;
	inset: 0;
	background-image:
		linear-gradient(rgba(17, 27, 46, .025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(17, 27, 46, .025) 1px, transparent 1px);
	background-size: 54px 54px;
	pointer-events: none;
}

.ws-step-grid article,
.wsp-card-grid article,
.wsp-process-grid article {
	min-height: 250px;
	padding: 30px;
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	background: #fff;
	transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.ws-step-grid article:hover {
	border-color: #b8d4fa;
	box-shadow: 0 12px 30px rgba(17, 31, 52, .08);
	transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
	.ws-marketing-hero::after,
	.ws-marketing #kako-deluje {
		animation: none;
	}
}

.ws-step-grid article > span,
.wsp-card-grid article > span,
.wsp-process-grid article > span {
	color: var(--ws-primary);
	font-size: 12px;
	font-weight: 800;
}

.ws-step-grid article > svg {
	width: 32px;
	height: 32px;
	margin: 35px 0 24px;
	color: var(--ws-primary);
}

.ws-step-grid h3,
.wsp-card-grid h3,
.wsp-process-grid h3 {
	margin-bottom: 10px;
	font-size: 21px;
}

.ws-step-grid p,
.wsp-card-grid p,
.wsp-process-grid p {
	color: var(--ws-muted);
}

.ws-public-band {
	width: min(1600px, calc(100% - 48px));
	margin: 0 auto;
	padding: clamp(60px, 7vw, 110px);
	display: grid;
	grid-template-columns: .85fr 1.15fr;
	align-items: center;
	gap: 90px;
	color: #fff;
	background: var(--ws-ink);
	border-radius: 8px;
}

.ws-founder-section,
.ws-guard-section {
	width: min(1600px, calc(100% - 48px));
	margin: 24px auto 0;
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	overflow: hidden;
}

.ws-founder-section {
	min-height: 650px;
	display: grid;
	grid-template-columns: minmax(380px, .8fr) 1.2fr;
	background: #fff;
}

.ws-system-showcase {
	width: min(1600px, calc(100% - 48px));
	margin: 24px auto;
	padding: clamp(56px, 6vw, 96px);
	display: grid;
	grid-template-columns: minmax(340px, .72fr) minmax(620px, 1.28fr);
	align-items: center;
	gap: clamp(52px, 6vw, 96px);
	color: #fff;
	background-color: #111b2e;
	background-image:
		linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
	background-size: 58px 58px;
	border-radius: 8px;
	overflow: hidden;
}

.ws-system-showcase-copy h2 {
	margin-bottom: 22px;
	font-size: clamp(40px, 4vw, 66px);
	line-height: 1.05;
}

.ws-system-showcase-copy > p {
	max-width: 650px;
	margin-bottom: 32px;
	color: #bcc9da;
	font-size: 18px;
}

.ws-system-points {
	display: grid;
	gap: 10px;
}

.ws-system-points > span {
	min-height: 86px;
	padding: 17px 18px;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	column-gap: 13px;
	border: 1px solid #34465f;
	border-radius: 7px;
	background: #17253a;
}

.ws-system-points svg {
	grid-row: 1 / span 2;
	color: #4f9dff;
}

.ws-system-points strong,
.ws-system-points small {
	display: block;
}

.ws-system-points small {
	color: #9dadc2;
}

.ws-product-shot-dashboard {
	box-shadow: 0 26px 66px rgba(0,0,0,.28);
}

.ws-product-tour {
	width: min(1600px, calc(100% - 48px));
	margin: 24px auto;
	padding: clamp(72px, 7vw, 112px);
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	background: #f2f6fb;
}

.ws-product-tour .ws-public-heading {
	margin-bottom: 46px;
}

.ws-product-tour-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.ws-product-tour-card {
	min-width: 0;
	padding: 18px;
	border: 1px solid #cfdae8;
	border-radius: 8px;
	background: #fff;
}

.ws-product-tour-copy {
	min-height: 86px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.ws-product-tour-copy > span {
	width: 42px;
	height: 42px;
	display: grid;
	flex: 0 0 42px;
	place-items: center;
	color: #fff;
	background: var(--ws-primary);
	border-radius: 7px;
	font-size: 12px;
	font-weight: 850;
}

.ws-product-tour-copy strong,
.ws-product-tour-copy small {
	display: block;
}

.ws-product-tour-copy strong {
	color: var(--ws-ink);
	font-size: 17px;
}

.ws-product-tour-copy small {
	margin-top: 4px;
	color: var(--ws-muted);
	line-height: 1.45;
}

.ws-product-tour-card .ws-product-shot {
	box-shadow: none;
}

.ws-product-tour-card .ws-product-shot img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: top center;
}

.ws-product-shot-guard {
	border-color: #3a4d69;
	box-shadow: 0 28px 68px rgba(0,0,0,.3);
}

.ws-product-shot-guard > img {
	aspect-ratio: 1488 / 778;
	object-fit: cover;
	object-position: top center;
}

.ws-product-shot-guard figcaption {
	min-height: 84px;
}

.ws-founder-photo {
	min-height: 650px;
	background: #dfe8f2;
}

.ws-founder-photo img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center 25%;
}

.ws-founder-copy {
	padding: clamp(56px, 7vw, 110px);
	align-self: center;
}

.ws-founder-copy h2,
.ws-guard-copy h2 {
	max-width: 920px;
	margin-bottom: 24px;
	font-size: clamp(40px, 4vw, 68px);
	line-height: 1.05;
}

.ws-founder-copy > p,
.ws-guard-copy > p {
	max-width: 840px;
	margin-bottom: 18px;
	color: var(--ws-muted);
	font-size: 17px;
	line-height: 1.7;
}

.ws-founder-facts {
	margin-top: 34px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border: 1px solid var(--ws-line);
	border-radius: 7px;
	overflow: hidden;
}

.ws-founder-facts span {
	min-height: 100px;
	padding: 20px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	color: var(--ws-muted);
	font-size: 12px;
}

.ws-founder-facts span + span {
	border-left: 1px solid var(--ws-line);
}

.ws-founder-facts strong {
	margin-bottom: 5px;
	display: block;
	color: var(--ws-ink);
	font-size: 16px;
}

.ws-guard-section {
	padding: clamp(56px, 7vw, 105px);
	display: grid;
	grid-template-columns: 1fr minmax(440px, .8fr);
	align-items: center;
	gap: clamp(50px, 7vw, 110px);
	color: #fff;
	background-color: #111b2e;
	background-image:
		linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
	background-size: 58px 58px;
}

.ws-guard-copy > p {
	color: #b9c6d8;
}

.ws-guard-checks {
	margin-top: 34px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.ws-guard-checks > span {
	min-height: 130px;
	padding: 18px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	border: 1px solid #34455f;
	border-radius: 7px;
	background: #17253a;
}

.ws-guard-checks svg {
	margin-bottom: 20px;
	color: #35d39b;
}

.ws-guard-checks strong,
.ws-guard-checks small {
	display: block;
}

.ws-guard-checks small {
	margin-top: 5px;
	color: #94a5bb;
	line-height: 1.45;
}

.ws-guard-console {
	padding: 26px;
	border: 1px solid #3b4e6b;
	border-radius: 8px;
	background: #18263b;
	box-shadow: 0 24px 60px rgba(0,0,0,.22);
}

.ws-guard-console-head,
.ws-guard-console-score,
.ws-guard-console-rows > span {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.ws-guard-console-head {
	padding-bottom: 20px;
	color: #91bfff;
	border-bottom: 1px solid #34455f;
	font-size: 11px;
	font-weight: 800;
}

.ws-guard-console-head > span {
	display: flex;
	align-items: center;
	gap: 8px;
}

.ws-guard-console-head strong {
	color: #54dca9;
}

.ws-guard-console-score {
	margin: 18px 0;
	padding: 22px;
	border: 1px solid #34455f;
	border-radius: 6px;
	background: #111d30;
}

.ws-guard-console-score span {
	color: #98a8bc;
}

.ws-guard-console-score strong {
	margin-left: auto;
	font-size: 22px;
}

.ws-guard-console-score svg {
	color: #35d39b;
}

.ws-guard-console-rows {
	display: grid;
	gap: 8px;
}

.ws-guard-console-rows > span {
	min-height: 50px;
	padding: 0 14px;
	color: #b7c5d7;
	border: 1px solid #304159;
	border-radius: 5px;
	font-size: 12px;
}

.ws-guard-console-rows svg {
	width: 16px;
	color: #69a9ff;
}

.ws-guard-console-rows b {
	margin-left: auto;
	color: #fff;
}

.ws-guard-console > a {
	margin-top: 20px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #69a9ff;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
}

.ws-public-band p {
	color: #b8c4d6;
}

.ws-public-band ul {
	padding: 0;
	list-style: none;
}

.ws-public-band li {
	margin: 15px 0;
	display: flex;
	gap: 10px;
}

.ws-public-band li svg {
	color: #34d399;
}

.ws-public-section-stack article {
	margin-bottom: 10px;
	padding: 20px 22px;
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 15px;
	border: 1px solid #334155;
	border-radius: 6px;
	background: #17243a;
}

.ws-public-section-stack article > svg:first-child {
	color: #708199;
}

.ws-public-section-stack article > svg:last-child {
	color: #63a6ff;
}

.ws-public-section-stack strong,
.ws-public-section-stack span {
	display: block;
}

.ws-public-section-stack span {
	margin-top: 3px;
	color: #95a5ba;
	font-size: 13px;
}

.ws-price-grid,
.wsp-price-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.ws-price-grid article,
.wsp-price-grid article {
	padding: 36px;
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	background: #fff;
}

.ws-price-grid article.is-featured,
.wsp-price-grid article.is-featured {
	border: 2px solid var(--ws-primary);
}

.ws-price-grid article > span,
.wsp-price-grid article > span {
	color: var(--ws-primary);
	font-size: 11px;
	font-weight: 800;
}

.ws-price-grid h3 {
	margin: 18px 0 8px;
	font-size: 25px;
}

.ws-price-grid article > strong,
.wsp-price-grid article > strong {
	display: block;
	font-size: 31px;
}

.ws-price-grid strong small {
	color: var(--ws-muted);
	font-size: 13px;
}

.ws-price-grid p {
	min-height: 0;
	color: var(--ws-muted);
}

.ws-price-grid ul {
	min-height: 0;
	margin: 26px 0;
	padding-left: 19px;
}

.ws-price-grid li {
	margin-bottom: 10px;
}

.ws-price-grid article > a {
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ws-primary);
	border: 1px solid #b9d2f4;
	border-radius: 6px;
	font-weight: 800;
	text-decoration: none;
}

.ws-price-grid article.is-featured > a {
	color: #fff;
	border-color: var(--ws-primary);
	background: var(--ws-primary);
}

.ws-price-card {
	display: flex;
	flex-direction: column;
}

.ws-price-card.is-coming {
	background: #f1f5fa;
}

.ws-billing-options {
	margin-top: auto;
	display: grid;
	gap: 9px;
}

.ws-billing-options a {
	min-height: 66px;
	padding: 12px 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: var(--ws-ink);
	border: 1px solid var(--ws-line);
	border-radius: 6px;
	background: #f7f9fc;
	text-decoration: none;
	transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.ws-billing-options a:hover {
	border-color: #8dbcf8;
	background: #eef6ff;
	transform: translateY(-1px);
}

.ws-billing-options a.is-value {
	border-color: #b9e8d7;
	background: #f0faf6;
}

.ws-billing-options b {
	font-size: 14px;
}

.ws-billing-options small {
	margin-top: 3px;
	color: var(--ws-muted);
	font-size: 12px;
}

.ws-support-scope {
	width: min(1600px, calc(100% - 48px));
	margin: 24px auto 0;
	padding: clamp(54px, 6vw, 88px);
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(540px, 1.2fr);
	align-items: center;
	gap: clamp(46px, 6vw, 100px);
	color: #fff;
	border-radius: 8px;
	background-color: #111b2e;
	background-image:
		linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
	background-size: 56px 56px;
}

.ws-support-scope h2 {
	margin-bottom: 18px;
	font-size: clamp(36px, 3.5vw, 58px);
	line-height: 1.06;
}

.ws-support-scope > div > p {
	margin: 0;
	color: #b9c6d9;
	font-size: 17px;
}

.ws-support-columns {
	display: grid;
	gap: 12px;
}

.ws-support-columns article {
	padding: 22px;
	display: grid;
	grid-template-columns: 42px 1fr;
	gap: 16px;
	border: 1px solid #31435d;
	border-radius: 7px;
	background: #18263a;
}

.ws-support-columns article > svg {
	width: 42px;
	height: 42px;
	padding: 10px;
	color: #5aa4ff;
	border: 1px solid #365172;
	border-radius: 6px;
}

.ws-support-columns strong {
	display: block;
	margin-bottom: 5px;
}

.ws-support-columns p {
	margin: 0;
	color: #aebdd2;
	font-size: 14px;
}

.ws-public-faq,
.wsp-faq {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.ws-public-faq details,
.wsp-faq details {
	padding: 24px;
	border: 1px solid var(--ws-line);
	border-radius: 7px;
	background: #fff;
}

.ws-public-faq summary,
.wsp-faq summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	font-weight: 800;
	cursor: pointer;
	list-style: none;
}

.ws-public-faq details p,
.wsp-faq details p {
	margin: 16px 0 0;
	color: var(--ws-muted);
}

.ws-public-final {
	width: min(1600px, calc(100% - 48px));
	margin: 0 auto 24px;
	padding: 90px 24px;
	color: #fff;
	background: var(--ws-ink);
	border-radius: 8px;
	text-align: center;
}

.ws-public-final h2 {
	max-width: 850px;
	margin: 0 auto 30px;
}

.ws-public-footer {
	width: min(1600px, calc(100% - 48px));
	margin: 0 auto;
	padding: 40px 0;
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	align-items: center;
	gap: 30px;
}

.ws-public-footer p,
.ws-public-footer small {
	color: var(--ws-muted);
}

.ws-public-footer > div {
	display: flex;
	justify-content: center;
	gap: 24px;
}

.wsp-header {
	background: #fff;
}

.wsp-brand {
	font-size: 20px;
	font-weight: 800;
	text-decoration: none;
}

.wsp-hero,
.wsp-split,
.wsp-contact {
	width: min(1600px, calc(100% - 48px));
	margin: 0 auto;
	padding: 90px 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 90px;
}

.wsp-hero h1 {
	max-width: 740px;
	margin-bottom: 24px;
	font-size: clamp(50px, 5vw, 82px);
	line-height: 1.03;
}

.wsp-hero p,
.wsp-split p,
.wsp-contact p {
	max-width: 650px;
	color: var(--ws-muted);
	font-size: 18px;
}

.wsp-actions {
	margin-top: 32px;
	display: flex;
	align-items: center;
	gap: 22px;
}

.wsp-media {
	min-height: 510px;
	display: grid;
	place-items: center;
	align-content: center;
	gap: 14px;
	color: #6c7a8f;
	border: 1px solid #d5deea;
	border-radius: 8px;
	background: linear-gradient(135deg, #e8edf4, #dce9f7);
	overflow: hidden;
}

.wsp-media svg {
	width: 52px;
	height: 52px;
}

.wsp-media img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.wsp-section-anchor {
	scroll-margin-top: 24px;
}

.wsp-trust,
.wsp-stats,
.wsp-shop-benefits {
	width: min(1600px, calc(100% - 48px));
	margin: 0 auto;
	padding: 26px 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	background: #fff;
}

.wsp-trust > div {
	display: flex;
	gap: 28px;
}

.wsp-trust span,
.wsp-split li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.wsp-trust svg,
.wsp-split li svg {
	color: var(--ws-green);
}

.wsp-card-grid {
	grid-template-columns: repeat(3, 1fr);
}

.wsp-card-grid article {
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.wsp-card-link {
	margin-top: auto;
	padding-top: 24px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--ws-primary);
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
}

.wsp-card-link:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.wsp-card-link svg {
	width: 16px;
	height: 16px;
	transition: transform .18s ease;
}

.wsp-card-link:hover svg {
	transform: translate(2px, -2px);
}

.wsp-split ul {
	padding: 0;
	list-style: none;
}

.wsp-split li {
	margin: 14px 0;
	font-weight: 700;
}

.wsp-process-grid {
	grid-template-columns: repeat(3, 1fr);
}

.wsp-stats article {
	flex: 1;
	text-align: center;
}

.wsp-stats strong,
.wsp-stats span {
	display: block;
}

.wsp-stats strong {
	color: var(--ws-primary);
	font-size: 42px;
}

.wsp-testimonials {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.wsp-testimonials article {
	padding: 36px;
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	background: #fff;
}

.wsp-testimonials svg {
	color: var(--ws-primary);
}

.wsp-testimonials blockquote {
	margin: 28px 0;
	font-size: 21px;
	font-weight: 600;
}

.wsp-heading > p {
	max-width: 680px;
	margin: 0;
	color: var(--ws-muted);
	font-size: 18px;
	line-height: 1.7;
}

.wsp-portfolio-grid,
.wsp-team-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wsp-grid-gap);
}

.wsp-portfolio-grid article,
.wsp-team-grid article {
	min-width: 0;
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
}

.wsp-portfolio-grid .wsp-media {
	min-height: 330px;
	border: 0;
	border-bottom: 1px solid var(--ws-line);
	border-radius: 0;
}

.wsp-portfolio-grid article > div,
.wsp-team-grid article > div {
	padding: var(--wsp-card-padding);
}

.wsp-portfolio-grid article > div {
	min-height: 190px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.wsp-portfolio-grid span {
	margin-bottom: 10px;
	color: var(--ws-primary);
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.wsp-portfolio-grid h3,
.wsp-team-grid h3 {
	margin: 0;
	font-size: 24px;
	line-height: 1.2;
}

.wsp-team-grid .wsp-media {
	min-height: 360px;
	border: 0;
	border-bottom: 1px solid var(--ws-line);
	border-radius: 0;
}

.wsp-team-grid article > div {
	min-height: 180px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.wsp-team-grid p {
	margin: 8px 0 0;
	color: var(--ws-muted);
}

.wsp-comparison {
	padding: clamp(34px, 5vw, 72px);
	display: grid;
	grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
	align-items: start;
	gap: clamp(48px, 6vw, 100px);
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	background:
		linear-gradient(130deg, rgba(22,119,255,.06), transparent 42%),
		#fff;
}

.wsp-comparison-copy {
	position: sticky;
	top: 28px;
}

.wsp-comparison-copy h2 {
	margin: 0 0 20px;
	font-size: clamp(38px, 4vw, 62px);
	line-height: 1.06;
}

.wsp-comparison-copy p {
	margin: 0 0 28px;
	color: var(--ws-muted);
	font-size: 18px;
	line-height: 1.7;
}

.wsp-comparison-list {
	display: grid;
	gap: 12px;
}

.wsp-comparison-list article {
	padding: 24px;
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	background: #fff;
}

.wsp-comparison-list article > strong {
	margin-bottom: 16px;
	display: block;
	font-size: 17px;
}

.wsp-comparison-list article > div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.wsp-comparison-list span {
	min-height: 72px;
	padding: 14px;
	display: flex;
	align-items: flex-start;
	gap: 9px;
	color: var(--ws-muted);
	border: 1px solid #dfe6ef;
	border-radius: 6px;
	background: #f6f8fb;
}

.wsp-comparison-list span:last-child {
	color: #146b4b;
	border-color: #c9eadc;
	background: #effaf5;
}

.wsp-comparison-list svg {
	width: 17px;
	height: 17px;
	margin-top: 2px;
	flex: 0 0 auto;
}

.wsp-price-grid {
	grid-template-columns: repeat(3, 1fr);
}

.wsp-price-grid article {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.wsp-price-grid article > strong {
	margin: 16px 0;
}

.wsp-cta {
	width: min(1600px, calc(100% - 48px));
	margin: 0 auto;
	padding: 90px 24px;
	color: #fff;
	background: var(--ws-ink);
	border-radius: 8px;
	text-align: center;
}

.wsp-cta h2,
.wsp-cta p {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

.wsp-cta p {
	margin-bottom: 28px;
	color: #bdc9da;
}

.wsp-btn-light {
	color: var(--ws-ink) !important;
	border-color: #fff;
	background: #fff;
}

.wsp-contact form {
	padding: 30px;
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	background: #fff;
}

.wsp-contact form > label:not(.wsp-honeypot):not(.wsp-consent),
.wsp-cms-form form > label:not(.wsp-honeypot):not(.wsp-consent) {
	display: none;
}

.wsp-dynamic-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.wsp-dynamic-field.is-full {
	grid-column: 1 / -1;
}

.wsp-dynamic-field > span:first-child {
	display: block;
}

.wsp-dynamic-field em {
	color: #d73545;
	font-style: normal;
}

.wsp-dynamic-field select {
	width: 100%;
	margin-top: 7px;
	padding: 13px;
	border: 1px solid #ced8e5;
	border-radius: 5px;
	background: #fff;
	color: var(--ws-ink);
	font: inherit;
}

.wsp-custom-checkbox {
	margin-top: 8px;
	display: flex !important;
	align-items: flex-start;
	gap: 10px;
	color: #52647d;
	font-weight: 600;
}

.wsp-contact .wsp-custom-checkbox input,
.wsp-cms-form .wsp-custom-checkbox input {
	width: 18px;
	height: 18px;
	margin: 1px 0 0;
	flex: 0 0 18px;
	accent-color: var(--ws-primary);
}

.wsp-contact label {
	margin-bottom: 16px;
	display: block;
	font-weight: 700;
}

.wsp-contact input,
.wsp-contact textarea {
	width: 100%;
	margin-top: 7px;
	padding: 13px;
	border: 1px solid #ced8e5;
	border-radius: 5px;
	font: inherit;
}

.wsp-contact .wsp-consent {
	margin: 2px 0 18px;
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr);
	align-items: start;
	gap: 10px;
	color: #607089;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
}

.wsp-contact .wsp-consent input {
	width: 18px;
	height: 18px;
	margin: 1px 0 0;
	accent-color: var(--ws-primary);
}

.wsp-contact .wsp-consent a {
	color: var(--ws-primary);
}

.wsp-contact > div > a {
	margin-top: 8px;
	display: block;
	color: var(--ws-primary);
	font-weight: 800;
}

.wsp-honeypot {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.wsp-form-message,
.wsp-form-locked {
	padding: 18px;
	border: 1px solid var(--ws-line);
	border-radius: 7px;
	background: #fff;
}

.wsp-form-message {
	margin-bottom: 18px;
	font-weight: 700;
}

.wsp-form-message.is-success {
	color: #087d54;
	border-color: #bce7d5;
	background: #f0faf6;
}

.wsp-form-message.is-error {
	color: #9f2e2e;
	border-color: #efc5c5;
	background: #fff5f5;
}

.wsp-form-locked {
	min-height: 260px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.wsp-form-locked > svg {
	width: 46px;
	height: 46px;
	margin-bottom: 20px;
	padding: 11px;
	color: var(--ws-primary);
	border-radius: 7px;
	background: #eaf3ff;
}

.wsp-form-locked p {
	margin: 7px 0 0;
}

.wsp-card-grid article > .wsp-media,
.wsp-shop-categories article > .wsp-media,
.wsp-product-grid article > .wsp-media {
	height: 160px;
	min-height: 160px;
	margin: -30px -30px 24px;
	display: grid;
	place-items: center;
	color: #8492a6;
	background: #edf2f7;
}

.wsp-shop-categories,
.wsp-product-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.wsp-product-grid {
	grid-template-columns: repeat(4, 1fr);
}

.wsp-shop-categories article,
.wsp-product-grid article {
	padding: 30px;
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
}

.wsp-product-grid article {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.wsp-shop-benefits article {
	display: flex;
	align-items: center;
	gap: 12px;
}

.wsp-shop-benefits article > svg {
	color: var(--ws-primary);
}

.wsp-shop-benefits strong,
.wsp-shop-benefits span {
	display: block;
}

.wsp-shop-benefits span {
	color: var(--ws-muted);
	font-size: 13px;
}

.wsp-footer {
	width: min(1600px, calc(100% - 48px));
	margin: 100px auto 0;
	padding: 46px 0;
	display: grid;
	grid-template-columns: 1fr auto auto;
	align-items: center;
	gap: 40px;
	border-top: 1px solid var(--ws-line);
}

.wsp-footer nav {
	display: flex;
	gap: 24px;
}

/* Project header and footer */
.wsp-header {
	min-height: 72px;
	margin-top: 14px;
	padding: 10px 12px 10px 16px;
	position: sticky;
	z-index: 45;
	top: 14px;
	border: 1px solid color-mix(in srgb, var(--ws-ink) 12%, transparent);
	border-radius: 12px;
	background: color-mix(in srgb, var(--ws-bg) 88%, #fff);
	box-shadow: 0 14px 38px rgba(18, 36, 60, .1);
	backdrop-filter: blur(16px);
}

.wsp-brand {
	min-width: 0;
	display: inline-flex;
	align-items: center;
	gap: 11px;
	color: var(--ws-ink);
	font-size: 16px;
	font-weight: 900;
	line-height: 1.1;
	text-decoration: none;
}

.wsp-brand-mark {
	width: 42px;
	height: 42px;
	display: inline-grid;
	place-items: center;
	flex: 0 0 42px;
	color: #fff;
	border: 1px solid rgba(255,255,255,.22);
	border-radius: 9px;
	background: linear-gradient(145deg, color-mix(in srgb, var(--ws-primary) 80%, #fff), var(--ws-primary));
	box-shadow: 0 8px 20px color-mix(in srgb, var(--ws-primary) 24%, transparent);
}

.wsp-brand-mark svg {
	width: 20px;
	height: 20px;
}

.wsp-brand-mark img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: inherit;
	background: #fff;
	object-fit: contain;
}

.wsp-header .wsp-desktop-nav {
	padding: 7px;
	gap: 4px;
	border: 1px solid color-mix(in srgb, var(--ws-ink) 9%, transparent);
	border-radius: 9px;
	background: color-mix(in srgb, var(--ws-ink) 4%, transparent);
}

.wsp-header .wsp-desktop-nav a {
	padding: 8px 13px;
	border-radius: 6px;
	color: color-mix(in srgb, var(--ws-ink) 72%, #fff);
	font-size: 13px;
	transition: color .18s ease, background .18s ease;
}

.wsp-header .wsp-desktop-nav a:hover,
.wsp-header .wsp-desktop-nav a:focus-visible {
	color: var(--ws-primary);
	background: #fff;
}

.wsp-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.wsp-header.is-layout-centered {
	padding-block: 15px;
	grid-template-columns: 1fr auto 1fr;
}

.wsp-header.is-layout-centered .wsp-brand {
	justify-self: start;
}

.wsp-header.is-layout-centered .wsp-desktop-nav {
	justify-self: center;
}

.wsp-header.is-layout-centered .wsp-header-actions {
	justify-self: end;
}

.wsp-header.is-layout-minimal {
	margin-top: 0;
	padding-inline: 4px;
	top: 0;
	border-width: 0 0 1px;
	border-radius: 0;
	box-shadow: none;
	backdrop-filter: blur(20px);
}

.wsp-header.is-layout-minimal .wsp-desktop-nav {
	border-color: transparent;
	background: transparent;
}

.wsp-header-cta {
	min-height: 44px;
	padding-inline: 18px;
}

.wsp-menu-toggle {
	width: 44px;
	height: 44px;
	padding: 0;
	display: none;
	place-items: center;
	color: var(--ws-ink);
	border: 1px solid color-mix(in srgb, var(--ws-ink) 14%, transparent);
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
}

.wsp-offcanvas,
.wsp-offcanvas-backdrop {
	display: none;
}

.wsp-footer {
	margin-top: 110px;
	padding: 0;
	display: block;
	color: #eaf1fa;
	border: 1px solid #293d58;
	border-radius: 12px 12px 0 0;
	background-color: #111b2e;
	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: 52px 52px;
	overflow: hidden;
}

.wsp-footer-main {
	padding: clamp(38px, 6vw, 72px);
	display: grid;
	grid-template-columns: minmax(260px, 1.1fr) minmax(180px, .65fr) minmax(260px, .8fr);
	align-items: start;
	gap: clamp(34px, 6vw, 90px);
}

.wsp-footer-brand {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 15px;
}

.wsp-footer-brand .wsp-brand-mark {
	width: 48px;
	height: 48px;
}

.wsp-footer-brand strong {
	display: block;
	color: #fff;
	font-size: 20px;
}

.wsp-footer-brand p {
	max-width: 390px;
	margin: 7px 0 0;
	color: #aebdd0;
	font-size: 14px;
	line-height: 1.65;
}

.wsp-footer-nav > span {
	display: block;
	margin-bottom: 13px;
	color: #7188a5;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .14em;
}

.wsp-footer .wsp-footer-nav nav {
	display: grid;
	gap: 2px;
}

.wsp-footer-nav a {
	padding: 7px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	color: #d6e1ee;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.wsp-footer-nav a:hover {
	color: #fff;
}

.wsp-footer-nav a svg {
	width: 14px;
	height: 14px;
	color: #6faeff;
}

.wsp-footer-note {
	padding: 20px;
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	gap: 13px;
	border: 1px solid #314966;
	border-radius: 9px;
	background: rgba(255,255,255,.035);
}

.wsp-footer-note > svg {
	width: 25px;
	height: 25px;
	color: #43d39b;
}

.wsp-footer-note strong {
	color: #fff;
	font-size: 14px;
}

.wsp-footer-note p {
	margin: 4px 0 0;
	color: #97a9be;
	font-size: 11px;
	line-height: 1.5;
}

.wsp-footer-note a {
	margin-top: 5px;
	display: block;
	color: #b9c9dc;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

.wsp-footer-note a:hover {
	color: #fff;
}

.wsp-footer-bottom {
	min-height: 62px;
	padding: 14px clamp(30px, 6vw, 72px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	border-top: 1px solid #293d58;
	background: rgba(5, 13, 25, .2);
}

.wsp-footer-bottom small {
	color: #8799af;
}

.wsp-footer-bottom a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #d6e1ee;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
}

.wsp-footer-bottom svg {
	width: 14px;
	height: 14px;
}

.wsp-footer.is-layout-compact .wsp-footer-main {
	padding-block: 34px;
	grid-template-columns: minmax(260px, 1.2fr) minmax(260px, 1fr) minmax(240px, .8fr);
	align-items: center;
	gap: 34px;
}

.wsp-footer.is-layout-compact .wsp-footer-nav > span {
	display: none;
}

.wsp-footer.is-layout-compact .wsp-footer-nav nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px 20px;
}

.wsp-footer.is-layout-compact .wsp-footer-nav a {
	padding: 5px 0;
	gap: 6px;
}

.wsp-footer.is-layout-centered .wsp-footer-main {
	padding-block: 58px;
	grid-template-columns: minmax(0, 1fr);
	justify-items: center;
	text-align: center;
	gap: 28px;
}

.wsp-footer.is-layout-centered .wsp-footer-brand {
	grid-template-columns: 1fr;
	justify-items: center;
}

.wsp-footer.is-layout-centered .wsp-footer-brand p {
	margin-inline: auto;
}

.wsp-footer.is-layout-centered .wsp-footer-nav nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px 25px;
}

.wsp-footer.is-layout-centered .wsp-footer-nav a {
	gap: 6px;
}

.wsp-footer.is-layout-centered .wsp-footer-note {
	width: min(100%, 430px);
	text-align: left;
}

@media (max-width: 1350px) and (min-width: 1051px) {
	.ws-marketing-hero {
		min-height: 650px;
		padding: 58px;
		grid-template-columns: minmax(430px, .94fr) minmax(0, 1.06fr);
		gap: 48px;
	}

	.ws-marketing-hero h1 {
		font-size: clamp(48px, 4.45vw, 60px);
	}

	.ws-marketing-hero-copy > p {
		font-size: 18px;
	}

	.ws-product-shot-hero {
		transform: none;
	}
}

@media (max-width: 1050px) {
	.ws-marketing-hero,
	.ws-public-band,
	.ws-founder-section,
	.ws-guard-section,
	.ws-system-showcase,
	.wsp-hero,
	.wsp-split,
	.wsp-contact {
		grid-template-columns: 1fr;
	}
	.ws-marketing-hero {
		min-height: 0;
	}
	.ws-marketing-product {
		max-width: 760px;
	}
	.ws-product-shot-hero {
		transform: none;
	}
	.ws-step-grid,
	.ws-price-grid,
	.ws-product-tour-grid,
	.wsp-card-grid,
	.wsp-portfolio-grid,
	.wsp-team-grid,
	.wsp-product-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.wsp-comparison {
		grid-template-columns: 1fr;
	}
	.wsp-comparison-copy {
		position: static;
	}
	.wsp-media {
		min-height: 400px;
	}
	.ws-founder-section {
		grid-template-columns: .85fr 1.15fr;
	}
	.ws-guard-section {
		grid-template-columns: 1fr;
	}
	.ws-support-scope {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 700px) {
	.ws-public-nav,
	.wsp-header {
		width: calc(100% - 28px);
	}
	.ws-public-nav nav,
	.wsp-header nav {
		display: none;
	}
	.ws-marketing-hero,
	.ws-public-band,
	.ws-public-section,
	.ws-public-final,
	.ws-public-footer,
	.ws-founder-section,
	.ws-guard-section,
	.ws-system-showcase,
	.ws-product-tour,
	.ws-support-scope,
	.wsp-hero,
	.wsp-trust,
	.wsp-section,
	.wsp-split,
	.wsp-stats,
	.wsp-cta,
	.wsp-contact,
	.wsp-shop-benefits,
	.wsp-footer {
		width: calc(100% - 28px);
	}
	.ws-marketing-hero {
		padding: 56px 22px;
		border-radius: 6px;
	}
	.ws-marketing-hero h1,
	.wsp-hero h1 {
		font-size: 43px;
	}
	.ws-public-actions,
	.wsp-actions {
		align-items: stretch;
		flex-direction: column;
	}
	.ws-builder-mockup-body {
		grid-template-columns: 74px 1fr;
	}
	.ws-builder-mockup-style {
		display: none;
	}
	.ws-builder-mockup-canvas {
		padding: 44px 14px;
	}
	.ws-builder-mockup-canvas h3 {
		font-size: 21px;
	}
	.ws-public-section,
	.wsp-section {
		padding: 72px 0;
	}
	.ws-step-grid,
	.ws-price-grid,
	.ws-product-tour-grid,
	.ws-public-faq,
		.wsp-card-grid,
		.wsp-process-grid,
		.wsp-testimonials,
		.wsp-portfolio-grid,
		.wsp-team-grid,
		.wsp-price-grid,
	.wsp-faq,
	.wsp-shop-categories,
	.wsp-product-grid {
		grid-template-columns: 1fr;
	}
	.wsp-comparison {
		padding: 28px 18px;
		gap: 34px;
	}
	.wsp-comparison-list article > div {
		grid-template-columns: 1fr;
	}
	.wsp-portfolio-grid .wsp-media,
	.wsp-team-grid .wsp-media {
		min-height: 280px;
	}
	.ws-public-band {
		padding: 58px 22px;
	}
	.ws-system-showcase {
		padding: 54px 22px;
	}
	.ws-product-tour {
		padding: 54px 16px;
	}
	.ws-product-tour .ws-public-heading {
		padding: 0 6px;
		margin-bottom: 32px;
	}
	.ws-product-shot figcaption {
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.ws-product-shot figcaption > a {
		width: 100%;
		margin: 4px 0 0 46px;
	}
	.ws-product-shot-bar {
		align-items: flex-start;
		flex-direction: column;
		padding: 13px 15px;
		gap: 3px;
	}
	.ws-founder-section {
		grid-template-columns: 1fr;
	}
	.ws-founder-photo {
		min-height: 390px;
	}
	.ws-founder-copy {
		padding: 48px 22px;
	}
	.ws-founder-facts,
	.ws-guard-checks {
		grid-template-columns: 1fr;
	}
	.ws-founder-facts span + span {
		border-top: 1px solid var(--ws-line);
		border-left: 0;
	}
	.ws-guard-section {
		padding: 54px 22px;
	}
	.ws-support-scope {
		padding: 54px 22px;
	}
	.ws-public-footer,
	.wsp-footer {
		grid-template-columns: 1fr;
		text-align: center;
	}
	.ws-public-footer .ws-public-brand {
		justify-content: center;
	}
	.ws-public-footer > div,
	.wsp-footer nav {
		flex-wrap: wrap;
		justify-content: center;
	}
	.wsp-trust,
	.wsp-stats,
	.wsp-shop-benefits {
		align-items: flex-start;
		flex-direction: column;
	}
	.wsp-trust > div {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 700px) {
	.wsp-header {
		width: calc(100% - 28px);
		min-height: 66px;
		margin-top: 10px;
		padding: 9px 10px 9px 12px;
		top: 10px;
		border-radius: 10px;
		background: #fff;
		backdrop-filter: none;
	}

	.wsp-header.is-layout-centered,
	.wsp-header.is-layout-minimal {
		grid-template-columns: 1fr auto;
	}

	.wsp-header.is-layout-centered .wsp-brand,
	.wsp-header.is-layout-centered .wsp-header-actions {
		justify-self: auto;
	}

	.wsp-header.is-layout-minimal {
		margin-top: 10px;
		padding-inline: 12px 10px;
		top: 10px;
		border: 1px solid color-mix(in srgb, var(--ws-ink) 12%, transparent);
		border-radius: 10px;
		box-shadow: 0 14px 38px rgba(18, 36, 60, .1);
	}

	.ws-cms-public .wsp-header {
		top: 10px;
	}

	.wsp-header .wsp-desktop-nav,
	.wsp-header-cta {
		display: none;
	}

	.wsp-header .wsp-menu-toggle {
		display: grid;
	}

	.wsp-brand {
		font-size: 14px;
	}

	.wsp-brand-mark {
		width: 40px;
		height: 40px;
		flex-basis: 40px;
	}

	.wsp-header .wsp-offcanvas-backdrop {
		width: 100vw;
		height: 100vh;
		padding: 0;
		display: block;
		position: fixed;
		z-index: 80;
		inset: 0;
		border: 0;
		background: rgba(7, 18, 32, .58);
		opacity: 0;
		transition: opacity .22s ease;
	}

	.wsp-header .wsp-offcanvas {
		width: min(88vw, 390px);
		height: 100vh;
		padding: 20px;
		display: flex;
		position: fixed;
		z-index: 81;
		top: 0;
		right: 0;
		align-items: stretch;
		flex-direction: column;
		color: var(--ws-ink);
		background: #fff;
		box-shadow: -24px 0 60px rgba(7, 18, 32, .22);
		transform: translateX(104%);
		transition: transform .24s ease;
		overflow-y: auto;
	}

	.wsp-header .wsp-offcanvas-backdrop.is-open {
		opacity: 1;
	}

	.wsp-header .wsp-offcanvas.is-open {
		transform: translateX(0);
	}

	.wsp-offcanvas-head {
		padding-bottom: 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 15px;
		border-bottom: 1px solid var(--ws-line);
	}

	.wsp-offcanvas-head > button {
		width: 42px;
		height: 42px;
		padding: 0;
		display: grid;
		place-items: center;
		color: var(--ws-ink);
		border: 1px solid var(--ws-line);
		border-radius: 8px;
		background: #f7f9fc;
		cursor: pointer;
	}

	.wsp-header .wsp-offcanvas nav {
		margin: 24px 0;
		display: grid;
		gap: 5px;
	}

	.wsp-header .wsp-offcanvas nav a {
		min-height: 54px;
		padding: 0 14px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: var(--ws-ink);
		border: 1px solid transparent;
		border-radius: 8px;
		background: #f6f8fb;
		font-size: 15px;
		font-weight: 800;
		text-decoration: none;
	}

	.wsp-header .wsp-offcanvas nav a:hover {
		color: var(--ws-primary);
		border-color: #c4daf3;
		background: #edf5ff;
	}

	.wsp-offcanvas > .wsp-btn {
		justify-content: center;
	}

	.wsp-offcanvas > p {
		margin: auto 0 0;
		padding-top: 24px;
		display: flex;
		align-items: center;
		gap: 8px;
		color: var(--ws-muted);
		font-size: 11px;
	}

	.wsp-offcanvas > p svg {
		width: 16px;
		color: var(--ws-green);
	}

	body.wsp-menu-open {
		overflow: hidden;
	}

	.wsp-footer {
		width: calc(100% - 28px);
		text-align: left;
	}

	.wsp-footer-main {
		padding: 38px 24px;
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.wsp-footer .wsp-footer-nav nav {
		justify-content: stretch;
	}

.wsp-footer-bottom {
		padding: 18px 24px;
		align-items: flex-start;
		flex-direction: column;
	}
}

/* Webrox customer account */
.ws-account-page .ws-commerce-header {
	min-height: 88px;
	padding: 16px 20px;
	border-color: #203b5d;
	border-radius: 10px;
	background: #071b35;
}

.ws-account-page .ws-commerce-brand {
	gap: 14px;
}

.ws-account-page .ws-commerce-brand > span {
	width: 50px;
	height: 50px;
	border-color: rgba(255,255,255,.15);
	border-radius: 9px;
	background: #0875f5;
	color: #fff;
}

.ws-account-page .ws-commerce-brand strong {
	font-size: 20px;
}

.ws-account-page .ws-commerce-header-copy b {
	font-size: 18px;
}

.ws-account-page .ws-commerce-header-copy small {
	color: #9fb2ca;
}

.ws-account-page .ws-commerce-header-copy > svg {
	color: #69aaff;
}

.ws-account-page .wp-block-post-title,
.ws-account-page main > h1,
.ws-account-page .entry-header {
	display: none !important;
}

.woocommerce-account.ws-account-page main {
	width: min(1320px, calc(100% - 40px));
	padding: 38px 0 88px;
}

.logged-in.ws-account-page .woocommerce {
	display: grid;
	grid-template-columns: 270px minmax(0, 1fr);
	align-items: stretch;
	overflow: hidden;
	border-color: #d3dfed;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 20px 55px rgba(17, 34, 58, .08);
}

.ws-account-intro {
	min-height: 155px;
	padding: 30px 34px;
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	border-bottom: 1px solid #dce5f0;
	background: linear-gradient(135deg, #f8fbff, #fff);
}

.ws-account-kicker {
	margin-bottom: 7px;
	display: block;
	color: #1677ff;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .08em;
}

.ws-account-intro h1 {
	margin: 0 0 7px !important;
	display: block !important;
	color: #111d32;
	font-size: clamp(30px, 3.5vw, 44px) !important;
	line-height: 1.05;
	letter-spacing: -.035em;
}

.ws-account-intro p {
	margin: 0;
	color: #65758c;
	font-size: 14px;
}

.ws-account-user {
	min-width: 235px;
	padding: 13px 16px;
	display: flex;
	align-items: center;
	gap: 12px;
	border: 1px solid #d7e2ef;
	border-radius: 8px;
	background: #fff;
}

.ws-account-user > span {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: grid;
	place-items: center;
	color: #1677ff;
	border-radius: 50%;
	background: #eaf3ff;
}

.ws-account-user svg {
	width: 20px;
	height: 20px;
}

.ws-account-user small,
.ws-account-user strong {
	display: block;
}

.ws-account-user small {
	margin-bottom: 2px;
	color: #758399;
	font-size: 10px;
}

.ws-account-user strong {
	color: #17233a;
	font-size: 13px;
}

.ws-account-page .woocommerce-MyAccount-navigation {
	width: auto;
	float: none;
	padding: 24px 16px;
	background: #0b203c;
}

.ws-account-page .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ws-account-page .woocommerce-MyAccount-navigation li {
	margin: 0 0 5px;
}

.ws-account-page .woocommerce-MyAccount-navigation a {
	min-height: 46px;
	padding: 0 13px;
	display: flex;
	align-items: center;
	gap: 11px;
	color: #b9c8da;
	border: 1px solid transparent;
	border-radius: 7px;
	font-size: 12px;
	font-weight: 750;
	text-decoration: none;
	transition: background .16s ease, color .16s ease, border-color .16s ease;
}

.ws-account-page .woocommerce-MyAccount-navigation a::before {
	content: '';
	width: 8px;
	height: 8px;
	flex: 0 0 8px;
	border: 2px solid #7087a4;
	border-radius: 50%;
}

.ws-account-page .woocommerce-MyAccount-navigation li:hover a {
	color: #fff;
	background: #122d4e;
}

.ws-account-page .woocommerce-MyAccount-navigation li.is-active a {
	color: #fff;
	border-color: #2f6cad;
	background: #173a62;
}

.ws-account-page .woocommerce-MyAccount-navigation li.is-active a::before {
	border-color: #75b3ff;
	background: #1677ff;
	box-shadow: 0 0 0 4px rgba(22,119,255,.16);
}

.ws-account-page .woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top: 16px !important;
	padding-top: 16px;
	border-top: 1px solid #263f5f;
}

.ws-account-page .woocommerce-MyAccount-navigation-link--customer-logout a {
	color: #ffb4bb;
}

.ws-account-page .woocommerce-MyAccount-content {
	width: auto;
	min-width: 0;
	min-height: 620px;
	float: none;
	padding: 36px;
	color: #273750;
}

.ws-account-page .woocommerce-MyAccount-content > p {
	max-width: 850px;
	margin: 0 0 18px;
	color: #5e6f87;
	font-size: 14px;
	line-height: 1.65;
}

.ws-account-page .woocommerce-MyAccount-content > p:first-child {
	padding: 16px 18px;
	color: #263a55;
	border: 1px solid #d7e5f5;
	border-radius: 8px;
	background: #f4f9ff;
}

.ws-account-page .woocommerce-MyAccount-content a:not(.button) {
	color: #126de7;
	font-weight: 700;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.ws-account-page .woocommerce-MyAccount-content h2,
.ws-account-page .woocommerce-MyAccount-content h3 {
	margin: 0 0 18px;
	color: #111d32;
	font-size: 24px;
	letter-spacing: -.02em;
}

.ws-account-dashboard-actions {
	margin-top: 28px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.ws-account-dashboard-actions > a {
	min-height: 112px;
	padding: 18px;
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	color: #17233a !important;
	border: 1px solid #d6e1ee;
	border-radius: 8px;
	background: #fff;
	text-decoration: none !important;
	transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.ws-account-dashboard-actions > a:hover {
	transform: translateY(-2px);
	border-color: #9ec7fa;
	box-shadow: 0 12px 28px rgba(17, 65, 119, .08);
}

.ws-account-dashboard-actions > a > span {
	width: 48px;
	height: 48px;
	display: grid;
	place-items: center;
	color: #1677ff;
	border-radius: 50%;
	background: #eaf3ff;
}

.ws-account-dashboard-actions > a.is-primary {
	color: var(--ws-on-primary, #fff) !important;
	border-color: #126fe9;
	background: #126fe9;
}

.ws-account-dashboard-actions > a.is-primary > span {
	color: #fff;
	background: rgba(255,255,255,.15);
}

.ws-account-dashboard-actions > a > span svg {
	width: 22px;
	height: 22px;
}

.ws-account-dashboard-actions > a > svg {
	width: 17px;
	color: #8a99ac;
}

.ws-account-dashboard-actions > a.is-primary > svg {
	color: #fff;
}

.ws-account-dashboard-actions strong,
.ws-account-dashboard-actions small {
	display: block;
}

.ws-account-dashboard-actions strong {
	font-size: 14px;
}

.ws-account-dashboard-actions small {
	margin-top: 5px;
	color: #6d7d92;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.45;
}

.ws-account-dashboard-actions .is-primary small {
	color: #dbeaff;
}

.ws-account-page .woocommerce-MyAccount-content table.shop_table,
.ws-account-page .woocommerce-MyAccount-content table.woocommerce-orders-table,
.ws-account-page .woocommerce-MyAccount-content table.woocommerce-table {
	width: 100%;
	margin: 0 0 24px;
	overflow: hidden;
	border: 1px solid #d9e3ef;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 8px;
	background: #fff;
}

.ws-account-page .woocommerce-MyAccount-content table th {
	padding: 13px 15px;
	color: #52637a;
	border: 0;
	border-bottom: 1px solid #d9e3ef;
	background: #f6f8fb;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .045em;
	text-transform: uppercase;
}

.ws-account-page .woocommerce-MyAccount-content table td {
	padding: 15px;
	color: #2d3c53;
	border: 0;
	border-bottom: 1px solid #e4ebf3;
	font-size: 12px;
}

.ws-account-page .woocommerce-MyAccount-content table tr:last-child td {
	border-bottom: 0;
}

.ws-account-page .woocommerce-MyAccount-content table .button {
	min-height: 36px;
	margin: 2px;
	padding: 9px 12px;
	font-size: 10px;
}

.ws-account-page .woocommerce-MyAccount-content .woocommerce-Addresses,
.ws-account-page .woocommerce-MyAccount-content .u-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.ws-account-page .woocommerce-Address,
.ws-account-page .woocommerce-customer-details address,
.ws-account-page .woocommerce-order-details {
	width: auto !important;
	float: none !important;
	padding: 22px;
	border: 1px solid #d9e3ef !important;
	border-radius: 8px;
	background: #fff;
}

.ws-account-page .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.ws-account-page .woocommerce-Address-title h3 {
	margin: 0;
}

.ws-account-page .woocommerce-Address-title .edit {
	float: none;
}

.ws-account-page .woocommerce-Address address {
	color: #65758b;
	font-size: 13px;
	font-style: normal;
	line-height: 1.7;
}

.ws-account-page .woocommerce-MyAccount-content form:not(.woocommerce-form-login):not(.woocommerce-form-register) {
	max-width: 900px;
	padding: 26px;
	border: 1px solid #d8e3ef;
	border-radius: 8px;
	background: #fff;
}

.ws-account-page .woocommerce-MyAccount-content fieldset {
	margin: 24px 0;
	padding: 20px;
	border: 1px solid #dbe5f0;
	border-radius: 7px;
	background: #f8faff;
}

.ws-account-page .woocommerce-MyAccount-content legend {
	padding: 0 8px;
	color: #17233a;
	font-size: 13px;
	font-weight: 800;
}

.ws-account-page .woocommerce-MyAccount-content .form-row {
	margin-bottom: 16px;
}

.ws-account-page .woocommerce-MyAccount-content input.input-text,
.ws-account-page .woocommerce-MyAccount-content input[type="text"],
.ws-account-page .woocommerce-MyAccount-content input[type="email"],
.ws-account-page .woocommerce-MyAccount-content input[type="password"],
.ws-account-page .woocommerce-MyAccount-content input[type="tel"],
.ws-account-page .woocommerce-MyAccount-content select,
.ws-account-page .woocommerce-MyAccount-content textarea {
	width: 100%;
	min-height: 50px;
	padding: 11px 13px;
	border: 1px solid #c7d6e7;
	border-radius: 6px;
	background: #f9fbfd;
	box-shadow: none;
}

.ws-account-page .woocommerce-MyAccount-content textarea {
	min-height: 120px;
}

.ws-account-page .woocommerce-MyAccount-content input:focus,
.ws-account-page .woocommerce-MyAccount-content select:focus,
.ws-account-page .woocommerce-MyAccount-content textarea:focus {
	border-color: #7eb3f5;
	outline: 3px solid rgba(22,119,255,.12);
}

.ws-account-page .woocommerce-info,
.ws-account-page .woocommerce-message,
.ws-account-page .woocommerce-error {
	margin-bottom: 22px;
	padding: 18px 18px 18px 52px;
	border-top-width: 1px;
	border-left: 4px solid #1677ff;
	box-shadow: none;
}

.ws-account-page .woocommerce-info::before,
.ws-account-page .woocommerce-message::before,
.ws-account-page .woocommerce-error::before {
	top: 18px;
	left: 18px;
	color: #1677ff;
}

.ws-account-page .woocommerce-info .button,
.ws-account-page .woocommerce-message .button {
	min-height: 38px;
	padding: 9px 13px;
}

.ws-account-page .woocommerce-PaymentMethod,
.ws-account-page .payment-method {
	border-color: #e0e8f2;
}

.ws-account-page .woocommerce-pagination {
	margin-top: 20px;
}

.ws-account-page .woocommerce-pagination .button {
	margin: 0 4px;
}

.ws-account-page:not(.logged-in) .woocommerce {
	padding: 30px;
}

.ws-account-page:not(.logged-in) .woocommerce h2 {
	font-size: 28px;
}

.ws-account-page:not(.logged-in) .woocommerce-form-login,
.ws-account-page:not(.logged-in) .woocommerce-form-register {
	padding: 24px;
	border: 1px solid #d8e3ef;
	border-radius: 8px;
	background: #fff;
}

@media (max-width: 900px) {
	.logged-in.ws-account-page .woocommerce {
		grid-template-columns: 1fr;
	}

	.ws-account-page .woocommerce-MyAccount-navigation {
		padding: 12px;
		overflow-x: auto;
	}

	.ws-account-page .woocommerce-MyAccount-navigation ul {
		width: max-content;
		display: flex;
		gap: 6px;
	}

	.ws-account-page .woocommerce-MyAccount-navigation li,
	.ws-account-page .woocommerce-MyAccount-navigation-link--customer-logout {
		margin: 0 !important;
		padding: 0;
		border: 0;
	}

	.ws-account-page .woocommerce-MyAccount-navigation a {
		min-height: 40px;
		white-space: nowrap;
	}

	.ws-account-page .woocommerce-MyAccount-content {
		min-height: 480px;
		padding: 26px;
	}
}

@media (max-width: 620px) {
	.ws-account-page .ws-commerce-brand strong {
		font-size: 16px;
	}

	.woocommerce-account.ws-account-page main {
		width: calc(100% - 28px);
		padding-top: 24px;
	}

	.ws-account-intro {
		padding: 24px 20px;
		align-items: flex-start;
		flex-direction: column;
	}

	.ws-account-user {
		width: 100%;
	}

	.ws-account-page .woocommerce-MyAccount-content {
		padding: 20px 16px;
	}

	.ws-account-dashboard-actions,
	.ws-account-page .woocommerce-MyAccount-content .woocommerce-Addresses,
	.ws-account-page .woocommerce-MyAccount-content .u-columns {
		grid-template-columns: 1fr;
	}

	.ws-account-dashboard-actions > a {
		min-height: 96px;
	}

	.ws-account-page .woocommerce-MyAccount-content form:not(.woocommerce-form-login):not(.woocommerce-form-register) {
		padding: 18px;
	}

	.ws-account-page .woocommerce-MyAccount-content table.shop_table_responsive thead {
		display: none;
	}

	.ws-account-page .woocommerce-MyAccount-content table.shop_table_responsive tr {
		padding: 12px;
		display: block;
		border-bottom: 1px solid #dfe8f2;
	}

	.ws-account-page .woocommerce-MyAccount-content table.shop_table_responsive td {
		padding: 9px 4px;
		display: flex;
		justify-content: space-between;
		gap: 15px;
		border: 0;
		text-align: right !important;
	}
}

/* WooCommerce checkout and order confirmation */
.woocommerce-checkout,
.woocommerce-order-received,
.woocommerce-account {
	background:
		linear-gradient(rgba(18, 36, 60, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(18, 36, 60, .035) 1px, transparent 1px),
		#f4f7fb;
	background-size: 48px 48px;
	color: #17233a;
}

.ws-commerce-page .wp-site-blocks > header,
.ws-commerce-page .wp-site-blocks > footer {
	display: none !important;
}

.ws-commerce-header {
	display: grid;
	width: min(1320px, calc(100% - 40px));
	min-height: 78px;
	grid-template-columns: auto 1fr auto;
	gap: 28px;
	align-items: center;
	margin: 20px auto 0;
	padding: 12px 16px;
	border: 1px solid #d1ddec;
	border-radius: 8px;
	background: #101e34;
	color: #fff;
	box-shadow: 0 16px 38px rgba(17, 34, 58, .1);
}

.ws-commerce-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #fff !important;
	text-decoration: none !important;
}

.ws-commerce-brand > span {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border: 1px solid #355071;
	border-radius: 6px;
	background: #192c48;
	color: #4c9aff;
}

.ws-commerce-brand svg {
	width: 21px;
	height: 21px;
}

.ws-commerce-brand .ws-brand-logo {
	width: 25px;
	height: 25px;
	display: block;
	object-fit: contain;
}

.ws-commerce-brand strong {
	font-size: 15px;
	letter-spacing: .02em;
}

.ws-commerce-brand em {
	color: #4c9aff;
	font-style: normal;
}

.ws-commerce-header-copy {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: #c9d8eb;
}

.ws-commerce-header-copy svg {
	width: 19px;
	height: 19px;
	color: #23c995;
}

.ws-commerce-header-copy span,
.ws-commerce-header-copy small {
	display: block;
}

.ws-commerce-header-copy b {
	color: #fff;
}

.ws-commerce-header-copy small {
	margin-top: 2px;
	font-size: 12px;
}

.ws-commerce-back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 13px;
	border: 1px solid #385170;
	border-radius: 6px;
	color: #dce8f7 !important;
	font-size: 13px;
	font-weight: 750;
	text-decoration: none !important;
}

.ws-commerce-back svg {
	width: 16px;
	height: 16px;
}

.ws-commerce-back:hover {
	border-color: #6697cf;
	background: #182d49;
}

.woocommerce-checkout .site,
.woocommerce-order-received .site,
.woocommerce-account .site {
	max-width: 1600px;
	margin: 0 auto;
}

.woocommerce-checkout main,
.woocommerce-order-received main,
.woocommerce-account main {
	width: min(1320px, calc(100% - 40px));
	margin: 0 auto;
	padding: 64px 0 96px;
}

.woocommerce-checkout h1,
.woocommerce-order-received h1,
.woocommerce-account h1 {
	margin: 0 0 32px;
	color: #111d32;
	font-size: clamp(36px, 5vw, 64px);
	letter-spacing: 0;
}

.woocommerce form.checkout {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
	gap: 28px;
	align-items: start;
}

.ws-commerce-page .wp-block-woocommerce-checkout,
.ws-commerce-page .wp-block-woocommerce-cart,
.ws-commerce-page .wp-block-woocommerce-order-confirmation-status,
.ws-commerce-page .wp-block-woocommerce-order-confirmation-summary,
.ws-commerce-page .wp-block-woocommerce-order-confirmation-totals,
.ws-commerce-page .wp-block-woocommerce-order-confirmation-billing-address,
.ws-commerce-page .wp-block-woocommerce-order-confirmation-shipping-address {
	width: min(1320px, calc(100% - 40px));
	max-width: none !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.ws-commerce-page .wc-block-checkout,
.ws-commerce-page .wc-block-cart {
	padding: 28px;
	border: 1px solid #d5e0ed;
	border-radius: 8px;
	background: rgba(255,255,255,.93);
	box-shadow: 0 18px 45px rgba(17, 34, 58, .07);
}

.ws-commerce-page .wc-block-components-sidebar-layout {
	gap: 34px;
}

.ws-commerce-page .wc-block-components-sidebar {
	padding: 24px !important;
	border: 1px solid #d7e2ef;
	border-radius: 8px;
	background: #f7f9fc;
}

.ws-commerce-page .wc-block-components-title,
.ws-commerce-page .wc-block-checkout__section-title {
	color: #17233a;
	font-size: 22px;
	letter-spacing: 0;
}

.ws-commerce-page .wc-block-components-text-input input,
.ws-commerce-page .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
	min-height: 54px;
	border-color: #c7d5e6 !important;
	border-radius: 6px !important;
	background: #fff !important;
	box-shadow: none !important;
}

.ws-commerce-page .wc-block-components-button:not(.is-link) {
	min-height: 54px;
	border-radius: 6px;
	background: #1979f6;
	color: #fff;
	font-weight: 800;
}

.ws-commerce-page .wc-block-components-button:not(.is-link):hover {
	background: #0f67dd;
	color: #fff;
}

.ws-commerce-page .wc-block-components-notice-banner {
	border: 1px solid #efc9c9;
	border-left: 4px solid #d94d55;
	border-radius: 7px;
	background: #fff6f6;
}

.woocommerce form.checkout #customer_details,
.woocommerce form.checkout #order_review {
	min-width: 0;
}

.woocommerce form.checkout #order_review_heading,
.woocommerce form.checkout #order_review {
	grid-column: 2;
}

.woocommerce form.checkout #customer_details {
	grid-column: 1;
	grid-row: 1 / span 2;
}

.woocommerce-checkout .col2-set,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-order-received .woocommerce-order,
.woocommerce-account .woocommerce {
	border: 1px solid #d6e1ef;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 18px 45px rgba(17, 34, 58, .07);
}

.woocommerce-checkout .col2-set,
.woocommerce-checkout .woocommerce-checkout-review-order {
	padding: 28px;
}

.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {
	float: none;
	width: 100%;
}

.woocommerce-checkout .col-2 {
	margin-top: 28px;
}

.woocommerce-checkout h3,
.woocommerce-order-received h2,
.woocommerce-account h2 {
	color: #17233a;
	font-size: 24px;
	letter-spacing: 0;
}

.woocommerce form .form-row label {
	margin-bottom: 8px;
	color: #394963;
	font-size: 14px;
	font-weight: 750;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection--single {
	min-height: 50px;
	border: 1px solid #cad8e9;
	border-radius: 6px;
	background: #f8faff;
	box-shadow: none;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
	padding: 12px 14px;
}

.woocommerce-checkout-review-order-table {
	margin: 0 0 22px !important;
	border: 0 !important;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
	padding: 16px 8px !important;
	border-color: #e1e9f3 !important;
}

.woocommerce-checkout-payment {
	border: 1px solid #d9e4f1 !important;
	border-radius: 7px !important;
	background: #f3f7fc !important;
}

.woocommerce-checkout-payment .payment_box {
	background: #fff !important;
}

.woocommerce-checkout-payment .payment_box::before {
	border-bottom-color: #fff !important;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	min-height: 52px;
	padding: 14px 22px;
	border-radius: 6px;
	background: #1979f6;
	color: #fff;
	font-weight: 800;
	transition: transform .18s ease, background-color .18s ease;
}

.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background: #0f67dd;
	color: #fff;
	transform: translateY(-1px);
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	border: 1px solid #cbd9ea;
	border-top: 3px solid #1979f6;
	border-radius: 7px;
	background: #fff;
	color: #263750;
}

.ws-order-welcome {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 18px 22px;
	align-items: center;
	margin: 0 0 28px;
	padding: 28px;
	border: 1px solid #cfe0f3;
	border-radius: 8px;
	background: #eef6ff;
}

.ws-order-welcome-icon {
	display: grid;
	width: 54px;
	height: 54px;
	place-items: center;
	border: 1px solid #a7dccc;
	border-radius: 7px;
	background: #e4f8f0;
	color: #04986a;
}

.ws-order-welcome-icon svg {
	width: 26px;
	height: 26px;
}

.ws-order-kicker {
	display: block;
	margin-bottom: 5px;
	color: #1979f6;
	font-size: 12px;
	font-weight: 850;
}

.ws-order-welcome h2 {
	margin: 0 0 6px;
}

.ws-order-welcome p {
	margin: 0;
	color: #61728b;
}

.ws-commerce-button {
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 0 20px;
	border-radius: 6px;
	background: #1979f6;
	color: #fff !important;
	font-weight: 800;
	text-decoration: none !important;
}

.ws-commerce-button svg {
	width: 18px;
	height: 18px;
}

.ws-order-steps {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid #cfe0f3;
}

.ws-order-steps > div {
	display: flex;
	gap: 12px;
	padding: 20px 18px 0 0;
}

.ws-order-steps > div + div {
	padding-left: 18px;
	border-left: 1px solid #cfe0f3;
}

.ws-order-steps strong {
	color: #1979f6;
	font-size: 12px;
}

.ws-order-steps span,
.ws-order-steps small {
	display: block;
}

.ws-order-steps b {
	display: block;
	margin-bottom: 4px;
}

.ws-order-steps small {
	color: #718199;
	line-height: 1.45;
}

@media (max-width: 900px) {
	.ws-commerce-header {
		grid-template-columns: 1fr auto;
	}
	.ws-commerce-header-copy {
		display: none;
	}
	.woocommerce form.checkout {
		grid-template-columns: 1fr;
	}
	.woocommerce form.checkout #customer_details,
	.woocommerce form.checkout #order_review_heading,
	.woocommerce form.checkout #order_review {
		grid-column: 1;
		grid-row: auto;
	}
	.ws-order-welcome {
		grid-template-columns: auto minmax(0, 1fr);
	}
	.ws-commerce-button {
		grid-column: 1 / -1;
	}
}

@media (max-width: 620px) {
	.ws-commerce-header {
		width: min(100% - 28px, 1320px);
		margin-top: 12px;
	}
	.ws-commerce-back {
		width: 42px;
		height: 42px;
		justify-content: center;
		padding: 0;
		font-size: 0;
	}
	.ws-commerce-page .wp-block-woocommerce-checkout,
	.ws-commerce-page .wp-block-woocommerce-cart,
	.ws-commerce-page .wp-block-woocommerce-order-confirmation-status,
	.ws-commerce-page .wp-block-woocommerce-order-confirmation-summary,
	.ws-commerce-page .wp-block-woocommerce-order-confirmation-totals,
	.ws-commerce-page .wp-block-woocommerce-order-confirmation-billing-address,
	.ws-commerce-page .wp-block-woocommerce-order-confirmation-shipping-address {
		width: min(100% - 28px, 1320px);
	}
	.ws-commerce-page .wc-block-checkout,
	.ws-commerce-page .wc-block-cart,
	.ws-commerce-page .wc-block-components-sidebar {
		padding: 18px !important;
	}
	.woocommerce-checkout main,
	.woocommerce-order-received main,
	.woocommerce-account main {
		width: min(100% - 28px, 1320px);
		padding: 38px 0 64px;
	}
	.woocommerce-checkout .col2-set,
	.woocommerce-checkout .woocommerce-checkout-review-order,
	.ws-order-welcome {
		padding: 20px;
	}
	.ws-order-steps {
		grid-template-columns: 1fr;
	}
	.ws-order-steps > div + div {
		padding-left: 0;
		border-left: 0;
	}
}

/* Business CMS public pages */
.ws-cms-public {
	min-height: 100vh;
	background: var(--ws-bg);
	color: var(--ws-ink);
	font-family: var(--ws-font);
}

.ws-cms-public .wsp-header {
	position: sticky;
	top: 14px;
	z-index: 45;
}

.wsp-cms-main {
	width: min(100% - 48px, 1180px);
	min-height: 65vh;
	margin: 0 auto;
	padding: 72px 0 96px;
}

.wsp-cms-intro,
.wsp-cms-article > header {
	max-width: 820px;
	margin-bottom: 42px;
}

.wsp-cms-intro h1,
.wsp-cms-article h1 {
	max-width: 18ch;
	margin: 8px 0 14px;
	font-size: clamp(40px, 6vw, 72px);
	line-height: 1.02;
}

.wsp-cms-intro p,
.wsp-cms-article > header p {
	max-width: 65ch;
	margin: 0;
	color: color-mix(in srgb, var(--ws-ink) 70%, transparent);
	font-size: 19px;
	line-height: 1.7;
}

.wsp-cms-archive {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.wsp-cms-archive article {
	display: flex;
	min-height: 330px;
	flex-direction: column;
	padding: 20px;
	border: 1px solid color-mix(in srgb, var(--ws-ink) 14%, transparent);
	border-radius: 8px;
	background: color-mix(in srgb, var(--ws-bg) 94%, #fff);
}

.wsp-cms-archive img {
	width: 100%;
	aspect-ratio: 16 / 10;
	margin-bottom: 18px;
	border-radius: 6px;
	object-fit: cover;
}

.wsp-cms-archive time,
.wsp-cms-article time {
	color: color-mix(in srgb, var(--ws-ink) 56%, transparent);
	font-size: 13px;
	font-weight: 700;
}

.wsp-cms-archive h2 {
	margin: 10px 0 8px;
	font-size: 24px;
	line-height: 1.2;
}

.wsp-cms-archive h2 a {
	color: inherit;
	text-decoration: none;
}

.wsp-cms-archive p {
	margin: 0 0 22px;
	color: color-mix(in srgb, var(--ws-ink) 68%, transparent);
	line-height: 1.65;
}

.wsp-cms-archive .wsp-link {
	margin-top: auto;
}

.wsp-cms-cover {
	display: block;
	width: 100%;
	max-height: 620px;
	margin: 0 0 52px;
	border-radius: 8px;
	object-fit: cover;
}

.wsp-cms-copy {
	max-width: 780px;
	font-size: 18px;
	line-height: 1.8;
}

.wsp-cms-copy > * {
	margin-top: 0;
	margin-bottom: 1.4em;
}

.wsp-cms-copy h2,
.wsp-cms-copy h3 {
	margin-top: 2em;
	line-height: 1.2;
}

.wsp-cms-form {
	max-width: 780px;
	margin-top: 64px;
	padding: 30px;
	border: 1px solid color-mix(in srgb, var(--ws-ink) 14%, transparent);
	border-radius: 8px;
	background: color-mix(in srgb, var(--ws-bg) 92%, #fff);
}

.wsp-cms-form form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.wsp-cms-form .wsp-dynamic-fields {
	grid-column: 1 / -1;
}

.wsp-cms-form select {
	width: 100%;
	padding: 13px 14px;
	border: 1px solid color-mix(in srgb, var(--ws-ink) 18%, transparent);
	border-radius: 6px;
	background: #fff;
	color: var(--ws-ink);
	font: inherit;
}

.wsp-cms-form label {
	display: grid;
	gap: 7px;
	font-weight: 750;
}

.wsp-cms-form label:has(textarea),
.wsp-cms-form .wsp-consent,
.wsp-cms-form .wsp-btn {
	grid-column: 1 / -1;
}

.wsp-cms-form input,
.wsp-cms-form textarea {
	width: 100%;
	padding: 13px 14px;
	border: 1px solid color-mix(in srgb, var(--ws-ink) 18%, transparent);
	border-radius: 6px;
	background: #fff;
	color: var(--ws-ink);
	font: inherit;
}

.wsp-cms-form .wsp-consent {
	display: flex;
	align-items: flex-start;
	font-weight: 500;
}

.wsp-cms-form .wsp-consent input {
	width: 18px;
	margin-top: 3px;
}

@media (max-width: 620px) {
	.wsp-dynamic-fields {
		grid-template-columns: 1fr;
	}

	.wsp-dynamic-field.is-half {
		grid-column: 1 / -1;
	}
}

.wsp-analytics-consent {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 100;
	display: grid;
	width: min(520px, calc(100% - 40px));
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 16px;
	align-items: center;
	padding: 20px;
	border: 1px solid #ced9e8;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 14px 36px rgba(11, 29, 55, .14);
	color: #17243a;
}

.wsp-analytics-consent[hidden] {
	display: none;
}

.wsp-analytics-consent p {
	margin: 5px 0 0;
	color: #607089;
	font-size: 14px;
	line-height: 1.5;
}

.wsp-analytics-actions {
	display: flex;
	gap: 8px;
}

.wsp-analytics-actions button {
	min-height: 42px;
	padding: 0 15px;
	border: 1px solid #c7d4e6;
	border-radius: 6px;
	background: #fff;
	color: #17243a;
	font-weight: 800;
	cursor: pointer;
}

.wsp-analytics-actions .wsp-btn {
	border-color: var(--ws-primary);
	background: var(--ws-primary);
	color: #fff;
}

@media (max-width: 850px) {
	.wsp-cms-archive {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 620px) {
	.wsp-cms-main {
		width: min(100% - 28px, 1180px);
		padding: 48px 0 72px;
	}

	.wsp-cms-archive,
	.wsp-cms-form form {
		grid-template-columns: 1fr;
	}

	.wsp-cms-form {
		padding: 20px;
	}

	.wsp-analytics-consent {
		right: 12px;
		bottom: 12px;
		width: calc(100% - 24px);
		grid-template-columns: 1fr;
	}

	.wsp-analytics-actions button {
		flex: 1;
	}
}

/* 0.5.6 homepage */
html {
	scroll-behavior: smooth;
}

.ws-marketing-nav {
	position: sticky;
	top: 0;
	z-index: 50;
	width: 100%;
	min-height: 72px;
	padding: 0 max(24px, calc((100vw - 1600px) / 2));
	border-bottom: 1px solid rgba(220, 228, 239, .92);
	background: rgba(245, 247, 251, .94);
	backdrop-filter: blur(16px);
}

.admin-bar .ws-marketing-nav {
	top: 32px;
}

.ws-nav-actions {
	display: flex;
	align-items: center;
	gap: 16px;
}

.ws-nav-login {
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
}

.ws-nav-toggle {
	display: none;
	width: 42px;
	height: 42px;
	place-items: center;
	padding: 0;
	border: 1px solid var(--ws-line);
	border-radius: 7px;
	background: #fff;
	color: var(--ws-ink);
}

.ws-included-strip,
.ws-guided-start,
.ws-editor-section,
.ws-example-section {
	width: min(1600px, calc(100% - 48px));
	margin: 24px auto 0;
}

.ws-included-strip {
	padding: 42px;
	border: 1px solid var(--ws-line);
	border-radius: 10px;
	background: #fff;
}

.ws-included-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 30px;
}

.ws-included-heading .ws-public-kicker {
	margin: 0;
}

.ws-included-heading h2 {
	max-width: 760px;
	margin: 0;
	font-size: clamp(30px, 3vw, 46px);
	line-height: 1.08;
}

.ws-included-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--ws-line);
}

.ws-included-grid article {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 14px;
	padding: 26px 26px 0 0;
}

.ws-included-grid article + article {
	padding-left: 26px;
	border-left: 1px solid var(--ws-line);
}

.ws-included-grid svg,
.ws-feature-grid svg {
	width: 24px;
	height: 24px;
	color: var(--ws-primary);
}

.ws-included-grid strong,
.ws-included-grid span {
	display: block;
}

.ws-included-grid span {
	margin-top: 5px;
	color: var(--ws-muted);
	font-size: 13px;
	line-height: 1.55;
}

.ws-guided-start {
	display: grid;
	grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr);
	gap: clamp(44px, 6vw, 92px);
	align-items: center;
	padding: clamp(64px, 8vw, 112px);
	border: 1px solid var(--ws-line);
	border-radius: 10px;
	background: #fff;
	scroll-margin-top: 88px;
}

.ws-guided-copy h2,
.ws-example-copy h2 {
	margin: 0 0 20px;
	font-size: clamp(42px, 4vw, 66px);
	line-height: 1.04;
}

.ws-guided-copy > p,
.ws-example-copy > p {
	color: var(--ws-muted);
	font-size: 18px;
	line-height: 1.7;
}

.ws-guided-list {
	display: grid;
	gap: 12px;
	margin: 32px 0;
	padding: 0;
	list-style: none;
}

.ws-guided-list li {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	padding: 16px;
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	background: #f8faff;
}

.ws-guided-list li > span {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 7px;
	background: #e8f2ff;
	color: var(--ws-primary);
	font-size: 12px;
	font-weight: 900;
}

.ws-guided-list strong,
.ws-guided-list small {
	display: block;
}

.ws-guided-list small {
	margin-top: 3px;
	color: var(--ws-muted);
}

.ws-guided-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 20px;
}

.ws-guided-facts span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #52647d;
	font-size: 13px;
	font-weight: 750;
}

.ws-guided-facts svg {
	width: 16px;
	color: var(--ws-green);
}

.ws-editor-section {
	padding: clamp(70px, 8vw, 120px) clamp(28px, 5vw, 82px);
	border: 1px solid #cbdced;
	border-radius: 10px;
	background-color: #eef5fc;
	background-image: radial-gradient(circle at 92% 8%, rgba(22,119,255,.12), transparent 27%);
	scroll-margin-top: 88px;
}

.ws-editor-section .ws-public-heading {
	max-width: 900px;
	margin-inline: 0;
	text-align: left;
}

.ws-editor-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.7fr) minmax(330px, .6fr);
	gap: 28px;
	align-items: stretch;
}

.ws-editor-visual {
	min-width: 0;
}

.ws-shot-tabs {
	display: flex;
	gap: 8px;
	padding: 12px;
	border-bottom: 1px solid #dce4ef;
	background: #f6f8fb;
}

.ws-shot-tabs button {
	padding: 10px 14px;
	border: 1px solid transparent;
	border-radius: 6px;
	background: transparent;
	color: #5c6c83;
	font: inherit;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
}

.ws-shot-tabs button.is-active {
	border-color: #bfd5ef;
	background: #fff;
	color: #126bdc;
}

.ws-editor-benefits {
	display: grid;
	gap: 12px;
}

.ws-editor-benefits article {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 14px;
	padding: 20px;
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	background: #fff;
}

.ws-editor-benefits svg {
	width: 23px;
	height: 23px;
	color: var(--ws-primary);
}

.ws-editor-benefits p {
	margin: 5px 0 0;
	color: var(--ws-muted);
	font-size: 14px;
	line-height: 1.55;
}

.ws-example-section {
	display: grid;
	grid-template-columns: minmax(330px, .64fr) minmax(0, 1.36fr);
	gap: clamp(44px, 7vw, 110px);
	align-items: center;
	padding: clamp(64px, 8vw, 112px);
	border-radius: 10px;
	background: #111b2e;
	color: #fff;
	scroll-margin-top: 88px;
}

.ws-example-section::before,
.ws-system-showcase::before,
.ws-guard-section::before {
	content: '';
	width: 72px;
	height: 4px;
	position: absolute;
	top: 0;
	left: clamp(36px, 6vw, 96px);
	background: #3d9cff;
}

.ws-example-section,
.ws-system-showcase,
.ws-guard-section {
	position: relative;
}

.ws-example-copy > p {
	color: #b9c7d9;
}

.ws-example-meta {
	display: grid;
	gap: 10px;
	margin-top: 30px;
}

.ws-example-meta span {
	padding: 12px 0;
	border-top: 1px solid #33445c;
	color: #aebdd2;
}

.ws-example-meta strong {
	display: inline-block;
	min-width: 105px;
	color: #fff;
}

.ws-subscription-includes,
.ws-pricing-section,
#vprasanja {
	scroll-margin-top: 88px;
}

.ws-system-showcase {
	color: var(--ws-ink);
	border: 1px solid #cbdced;
	background-color: #f1f6fc;
	background-image:
		linear-gradient(rgba(22,119,255,.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(22,119,255,.045) 1px, transparent 1px);
	box-shadow: inset 0 1px 0 #fff;
}

.ws-system-showcase-copy > p {
	color: var(--ws-muted);
}

.ws-system-points > span {
	border-color: #cbd9e9;
	background: #fff;
	box-shadow: 0 8px 24px rgba(31, 66, 105, .06);
}

.ws-system-points small {
	color: var(--ws-muted);
}

.ws-subscription-includes {
	border-top: 1px solid #c8d9eb;
	border-bottom: 1px solid #c8d9eb;
	background: linear-gradient(180deg, #edf5fc 0%, #f7faff 100%);
}

.ws-subscription-includes .ws-feature-grid article:nth-child(2n) {
	background: #f8fbff;
}

.ws-pricing-section {
	background: #fff;
}

#vprasanja {
	background: #f3f6fa;
}

.ws-feature-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.ws-feature-grid article {
	padding: 28px;
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	background: #fff;
}

.ws-feature-grid h3 {
	margin: 18px 0 8px;
	font-size: 19px;
}

.ws-feature-grid p {
	margin: 0;
	color: var(--ws-muted);
	line-height: 1.6;
}

.ws-scope-note,
.ws-pricing-footnote {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	margin: 24px 0 0;
	color: var(--ws-muted);
	font-size: 13px;
	text-align: center;
}

.ws-scope-note svg {
	width: 17px;
	height: 17px;
	color: var(--ws-primary);
}

.ws-billing-toggle {
	display: flex;
	width: max-content;
	max-width: 100%;
	margin: 0 auto 28px;
	padding: 5px;
	border: 1px solid var(--ws-line);
	border-radius: 8px;
	background: #eaf0f7;
}

.ws-billing-toggle button {
	min-height: 42px;
	padding: 0 18px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: #52647d;
	font: inherit;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
}

.ws-billing-toggle button.is-active {
	background: #fff;
	color: var(--ws-ink);
	box-shadow: 0 3px 10px rgba(17, 34, 58, .08);
}

.ws-billing-toggle span {
	margin-left: 5px;
	color: var(--ws-green);
	font-size: 11px;
}

.ws-price-card {
	display: flex;
	flex-direction: column;
}

.ws-price-card > a {
	margin-top: auto;
}

.ws-price-card [hidden],
.ws-editor-visual [hidden] {
	display: none !important;
}

.ws-public-final > p {
	max-width: 680px;
	margin: -12px auto 30px;
	color: #bdc9d9;
	font-size: 17px;
}

.ws-public-final .ws-public-actions {
	justify-content: center;
}

.ws-public-final .ws-public-text-link {
	color: #fff;
}

.ws-marketing-footer {
	grid-template-columns: minmax(220px, .7fr) minmax(0, 1.8fr) auto;
	align-items: start;
	padding: 54px 0;
}

.ws-marketing-footer > .ws-footer-brand {
	display: grid;
	justify-content: start;
	gap: 12px;
}

.ws-marketing-footer .ws-footer-brand p {
	max-width: 250px;
	margin: 0;
}

.ws-marketing-footer > .ws-footer-columns {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 28px;
}

.ws-footer-columns > div {
	display: grid;
	justify-content: start;
	gap: 9px;
}

.ws-footer-columns strong {
	margin-bottom: 5px;
	font-size: 13px;
}

.ws-footer-columns a {
	color: var(--ws-muted);
	font-size: 13px;
	text-decoration: none;
}

.ws-footer-columns a:hover {
	color: var(--ws-primary);
}

/* 0.5.6 checkout spacing and hierarchy */
.ws-commerce-page .wp-site-blocks {
	padding-top: 0 !important;
}

.ws-commerce-page .wp-site-blocks > main,
.ws-commerce-page main.wp-block-group {
	margin-block-start: 0 !important;
}

.woocommerce-checkout main,
.woocommerce-order-received main,
.woocommerce-account main {
	width: min(1240px, calc(100% - 48px));
	padding: 46px 0 86px;
}

.ws-commerce-page .wp-block-post-title,
.woocommerce-checkout main > h1 {
	max-width: 1240px;
	margin: 0 auto 26px !important;
	font-size: clamp(32px, 4vw, 48px);
	line-height: 1.08;
}

.ws-commerce-page .wp-block-woocommerce-checkout,
.ws-commerce-page .wp-block-woocommerce-cart {
	width: min(1240px, calc(100% - 48px));
}

.ws-commerce-page .wc-block-checkout {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.ws-commerce-page .wc-block-components-sidebar-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(360px, .65fr);
	gap: 32px;
	align-items: start;
}

.ws-commerce-page .wc-block-components-main,
.ws-commerce-page .wc-block-components-sidebar {
	width: 100% !important;
	margin: 0 !important;
}

.ws-commerce-page .wc-block-checkout__main {
	display: grid;
	gap: 18px;
}

.ws-commerce-page .wc-block-checkout__contact-fields,
.ws-commerce-page .wc-block-checkout__billing-fields,
.ws-commerce-page .wc-block-checkout__payment-method,
.ws-commerce-page .wc-block-checkout__terms,
.ws-commerce-page .wc-block-checkout__actions {
	margin: 0 !important;
	padding: 26px !important;
	border: 1px solid #d5e0ed;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(17, 34, 58, .05);
}

.ws-commerce-page .wc-block-checkout__billing-fields .wc-block-components-address-form,
.ws-commerce-page .wc-block-components-address-form {
	gap: 16px 14px;
}

.ws-commerce-page .wc-block-components-text-input,
.ws-commerce-page .wc-block-components-combobox {
	margin-top: 4px;
}

.ws-commerce-page .wc-block-components-text-input input,
.ws-commerce-page .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
	min-height: 58px;
	padding-top: 20px !important;
	font-size: 16px !important;
}

.ws-commerce-page .wc-block-components-sidebar {
	position: sticky;
	top: 28px;
	padding: 26px !important;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(17, 34, 58, .06);
}

.admin-bar .ws-commerce-page .wc-block-components-sidebar {
	top: 60px;
}

.ws-commerce-page .wc-block-components-order-summary {
	padding: 0 !important;
}

.ws-commerce-page .wc-block-components-checkout-place-order-button {
	width: 100%;
	min-height: 58px !important;
}

.ws-commerce-footer {
	display: flex;
	width: min(1240px, calc(100% - 48px));
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin: 0 auto;
	padding: 28px 0 40px;
	border-top: 1px solid #d6e1ef;
	color: #66758d;
	font-size: 13px;
}

.ws-commerce-footer nav {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}

.ws-commerce-footer a {
	color: inherit;
	text-decoration: none;
}

.ws-commerce-header-copy small {
	display: flex;
	align-items: center;
	gap: 4px;
}

.ws-commerce-header-copy small svg {
	width: 13px;
	height: 13px;
	color: #6f85a1;
}

.ws-commerce-header-copy small strong {
	color: #fff;
}

@media (max-width: 1050px) {
	.ws-included-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ws-included-grid article:nth-child(3) {
		padding-left: 0;
		border-left: 0;
	}

	.ws-guided-start,
	.ws-editor-layout,
	.ws-example-section {
		grid-template-columns: 1fr;
	}

	.ws-guided-start {
		padding: 64px;
	}

	.ws-editor-benefits {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ws-commerce-page .wc-block-components-sidebar-layout {
		grid-template-columns: 1fr;
	}

	.ws-commerce-page .wc-block-components-sidebar {
		position: static;
	}
}

@media (max-width: 782px) {
	.admin-bar .ws-marketing-nav {
		top: 46px;
	}
}

@media (max-width: 700px) {
	.ws-marketing-nav {
		padding: 0 14px;
	}

	.ws-marketing-nav nav {
		position: absolute;
		top: calc(100% + 1px);
		right: 14px;
		left: 14px;
		display: none;
		padding: 14px;
		border: 1px solid var(--ws-line);
		border-radius: 8px;
		background: #fff;
		box-shadow: 0 18px 38px rgba(17, 34, 58, .13);
	}

	.ws-marketing-nav nav.is-open {
		display: grid;
	}

	.ws-marketing-nav nav a {
		padding: 11px 10px;
	}

	.ws-nav-toggle {
		display: grid;
	}

	.ws-nav-login {
		display: none;
	}

	.ws-marketing-nav .ws-public-brand strong {
		display: none;
	}

	.ws-marketing-nav .ws-public-button-small {
		min-height: 42px;
		padding: 0 12px;
		font-size: 12px;
	}

	.ws-included-strip,
	.ws-guided-start,
	.ws-editor-section,
	.ws-example-section {
		width: calc(100% - 28px);
	}

	.ws-included-strip,
	.ws-guided-start,
	.ws-example-section {
		padding: 42px 20px;
	}

	.ws-included-heading {
		align-items: flex-start;
		flex-direction: column;
	}

	.ws-included-grid,
	.ws-editor-benefits,
	.ws-feature-grid {
		grid-template-columns: 1fr;
	}

	.ws-included-grid article,
	.ws-included-grid article + article,
	.ws-included-grid article:nth-child(3) {
		padding: 20px 0;
		border-top: 1px solid var(--ws-line);
		border-left: 0;
	}

	.ws-guided-start {
		gap: 40px;
	}

	.ws-guided-copy h2,
	.ws-example-copy h2 {
		font-size: 40px;
	}

	.ws-shot-tabs {
		overflow-x: auto;
	}

	.ws-shot-tabs button {
		flex: 0 0 auto;
	}

	.ws-billing-toggle {
		width: 100%;
	}

	.ws-billing-toggle button {
		flex: 1;
		padding: 0 9px;
	}

	.ws-billing-toggle span {
		display: block;
		margin: 0;
	}

	.ws-marketing-footer {
		grid-template-columns: 1fr;
	}

	.ws-marketing-footer > .ws-footer-brand {
		justify-content: center;
	}

	.ws-marketing-footer .ws-footer-brand p {
		margin: 0 auto;
	}

	.ws-marketing-footer > .ws-footer-columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		text-align: left;
	}

	.ws-footer-columns > div {
		justify-content: stretch;
	}

	.woocommerce-checkout main,
	.woocommerce-order-received main,
	.woocommerce-account main,
	.ws-commerce-page .wp-block-woocommerce-checkout,
	.ws-commerce-page .wp-block-woocommerce-cart,
	.ws-commerce-footer {
		width: calc(100% - 28px);
	}

	.ws-commerce-page .wc-block-checkout__contact-fields,
	.ws-commerce-page .wc-block-checkout__billing-fields,
	.ws-commerce-page .wc-block-checkout__payment-method,
	.ws-commerce-page .wc-block-checkout__terms,
	.ws-commerce-page .wc-block-checkout__actions,
	.ws-commerce-page .wc-block-components-sidebar {
		padding: 20px !important;
	}

	.ws-commerce-footer {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* 0.5.6 legal pages */
.ws-legal-page {
	background:
		linear-gradient(rgba(18, 36, 60, .028) 1px, transparent 1px),
		linear-gradient(90deg, rgba(18, 36, 60, .028) 1px, transparent 1px),
		#f5f7fb;
	background-size: 56px 56px;
}

.ws-legal-nav {
	position: sticky;
	top: 0;
	z-index: 50;
	width: 100%;
	min-height: 72px;
	padding: 0 max(24px, calc((100vw - 1600px) / 2));
	border-bottom: 1px solid rgba(220, 228, 239, .94);
	background: rgba(245, 247, 251, .96);
	backdrop-filter: blur(16px);
}

.admin-bar .ws-legal-nav {
	top: 32px;
}

.ws-legal-shell {
	width: min(1280px, calc(100% - 48px));
	margin: 0 auto;
	padding: 54px 0 96px;
}

.ws-legal-hero {
	padding: clamp(42px, 6vw, 78px);
	border-radius: 12px;
	background:
		linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
		#111b2e;
	background-size: 56px 56px;
	color: #fff;
}

.ws-legal-hero > a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 40px;
	color: #c5d3e5;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
}

.ws-legal-hero > a:hover {
	color: #fff;
}

.ws-legal-hero > a svg {
	width: 17px;
	height: 17px;
}

.ws-legal-hero .ws-public-kicker {
	display: block;
	margin-bottom: 14px;
}

.ws-legal-hero h1 {
	max-width: 900px;
	margin: 0 0 18px;
	font-size: clamp(46px, 6vw, 76px);
	line-height: 1.02;
}

.ws-legal-hero p {
	max-width: 720px;
	margin: 0 0 24px;
	color: #bdc9da;
	font-size: 18px;
	line-height: 1.7;
}

.ws-legal-hero small {
	color: #91a4bd;
	font-size: 12px;
	font-weight: 700;
}

.ws-legal-layout {
	display: grid;
	grid-template-columns: minmax(240px, .34fr) minmax(0, 1fr);
	gap: 28px;
	align-items: start;
	margin-top: 28px;
}

.ws-legal-sidebar {
	position: sticky;
	top: 100px;
	padding: 22px;
	border: 1px solid var(--ws-line);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(17, 34, 58, .05);
}

.admin-bar .ws-legal-sidebar {
	top: 132px;
}

.ws-legal-sidebar > strong {
	display: block;
	margin: 0 0 12px;
	font-size: 13px;
}

.ws-legal-sidebar nav {
	display: grid;
	gap: 5px;
}

.ws-legal-sidebar nav a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 12px;
	border-radius: 7px;
	color: #52647d;
	font-size: 13px;
	font-weight: 750;
	text-decoration: none;
}

.ws-legal-sidebar nav a:hover {
	background: #f2f6fb;
	color: #18273c;
}

.ws-legal-sidebar nav a.is-active {
	background: #eaf3ff;
	color: #126bdc;
}

.ws-legal-sidebar nav svg {
	width: 17px;
	height: 17px;
	flex: 0 0 auto;
}

.ws-legal-help {
	margin-top: 20px;
	padding: 18px;
	border-radius: 8px;
	background: #f4f7fb;
}

.ws-legal-help > svg {
	width: 22px;
	height: 22px;
	margin-bottom: 10px;
	color: var(--ws-primary);
}

.ws-legal-help strong,
.ws-legal-help p,
.ws-legal-help a {
	display: block;
}

.ws-legal-help p {
	margin: 6px 0 12px;
	color: var(--ws-muted);
	font-size: 12px;
	line-height: 1.55;
}

.ws-legal-help a {
	color: #126bdc;
	font-size: 12px;
	font-weight: 800;
	text-underline-offset: 3px;
}

.ws-legal-content {
	min-height: 480px;
	padding: clamp(34px, 5vw, 66px);
	border: 1px solid var(--ws-line);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(17, 34, 58, .05);
}

.ws-legal-content > * {
	max-width: 790px;
}

.ws-legal-content > :first-child {
	margin-top: 0;
}

.ws-legal-content h2,
.ws-legal-content h3,
.ws-legal-content h4 {
	color: #17243a;
	line-height: 1.2;
}

.ws-legal-content h2 {
	margin: 46px 0 14px;
	padding-top: 8px;
	font-size: clamp(26px, 3vw, 34px);
}

.ws-legal-content h3 {
	margin: 34px 0 12px;
	font-size: 22px;
}

.ws-legal-content p,
.ws-legal-content li {
	color: #52647d;
	font-size: 16px;
	line-height: 1.8;
}

.ws-legal-content p {
	margin: 0 0 22px;
}

.ws-legal-content ul,
.ws-legal-content ol {
	margin: 0 0 26px;
	padding-left: 24px;
}

.ws-legal-content li + li {
	margin-top: 8px;
}

.ws-legal-content a {
	color: #126bdc;
	text-underline-offset: 3px;
}

.ws-legal-content strong {
	color: #273a55;
}

.ws-legal-content table {
	width: 100%;
	margin: 28px 0;
	border-collapse: collapse;
	font-size: 14px;
}

.ws-legal-content th,
.ws-legal-content td {
	padding: 14px;
	border: 1px solid var(--ws-line);
	text-align: left;
	vertical-align: top;
}

.ws-legal-content th {
	background: #f4f7fb;
}

.ws-legal-footer {
	border-top: 1px solid var(--ws-line);
}

.ws-legal-footer > .ws-footer-columns {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 900px) {
	.ws-legal-layout {
		grid-template-columns: 1fr;
	}

	.ws-legal-sidebar {
		position: static;
	}

	.ws-legal-sidebar nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 782px) {
	.admin-bar .ws-legal-nav {
		top: 46px;
	}
}

@media (max-width: 700px) {
	.ws-legal-nav {
		width: 100%;
		padding: 0 14px;
	}

	.ws-legal-nav nav,
	.ws-legal-nav .ws-nav-login {
		display: none;
	}

	.ws-legal-nav .ws-public-brand strong {
		display: none;
	}

	.ws-legal-nav .ws-public-button-small {
		padding: 0 12px;
		font-size: 12px;
	}

	.ws-legal-shell {
		width: calc(100% - 28px);
		padding: 14px 0 64px;
	}

	.ws-legal-hero {
		padding: 40px 22px;
	}

	.ws-legal-hero > a {
		margin-bottom: 30px;
	}

	.ws-legal-hero h1 {
		font-size: 42px;
	}

	.ws-legal-hero p {
		font-size: 16px;
	}

	.ws-legal-sidebar {
		padding: 16px;
	}

	.ws-legal-sidebar nav {
		grid-template-columns: 1fr;
	}

	.ws-legal-content {
		padding: 30px 22px;
	}

	.ws-legal-footer > .ws-footer-columns {
		grid-template-columns: 1fr 1fr;
	}
}

/*
 * Final account layout guard.
 * Theme and WooCommerce account rules load after the main Webrox account block
 * on some installations and reintroduce 30% floats/max-width constraints.
 */
body.logged-in.woocommerce-account.ws-account-page main,
body.logged-in.woocommerce-account.ws-account-page .site-main {
	width: min(1320px, calc(100% - 40px)) !important;
	max-width: 1320px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

body.logged-in.woocommerce-account.ws-account-page .entry-content,
body.logged-in.woocommerce-account.ws-account-page .wp-block-post-content {
	width: 100% !important;
	max-width: none !important;
}

body.logged-in.woocommerce-account.ws-account-page .woocommerce {
	display: grid !important;
	grid-template-columns: 280px minmax(0, 1fr) !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	overflow: hidden;
	box-sizing: border-box;
}

body.logged-in.woocommerce-account.ws-account-page .woocommerce,
body.logged-in.woocommerce-account.ws-account-page .woocommerce * {
	box-sizing: border-box;
}

body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-navigation {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
}

body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-content {
	float: none !important;
	width: auto !important;
	max-width: 100% !important;
	min-width: 0 !important;
	padding: 42px 52px;
	overflow: hidden;
	box-sizing: border-box !important;
}

body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-content > *,
body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-content .shop_table,
body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-content .subscription_details,
body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-content .woocommerce-order-details,
body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-content .woocommerce-customer-details {
	width: 100%;
	max-width: 100% !important;
	min-width: 0;
	box-sizing: border-box;
}

body.logged-in.woocommerce-account.ws-account-page .ws-account-dashboard-actions {
	width: 100%;
	max-width: 100%;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.logged-in.woocommerce-account.ws-account-page .ws-account-dashboard-actions > a {
	min-width: 0;
	overflow: hidden;
}

body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-content p,
body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-content a,
body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-content td,
body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-content th {
	overflow-wrap: anywhere;
	word-break: normal;
}

body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-content table {
	width: 100% !important;
	max-width: 100% !important;
}

@media (max-width: 1180px) {
	body.logged-in.woocommerce-account.ws-account-page .ws-account-dashboard-actions {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 980px) {
	body.logged-in.woocommerce-account.ws-account-page .woocommerce {
		grid-template-columns: 1fr !important;
	}

	body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-content {
		padding: 32px 28px;
	}

	body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-navigation {
		padding: 12px;
		overflow-x: auto;
	}

	body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-navigation ul {
		width: max-content;
		display: flex;
		gap: 6px;
	}

	body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-navigation li {
		margin: 0 !important;
		padding: 0;
		border: 0;
	}

	body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-navigation a {
		white-space: nowrap;
	}
}

@media (max-width: 620px) {
	body.logged-in.woocommerce-account.ws-account-page main,
	body.logged-in.woocommerce-account.ws-account-page .site-main {
		width: calc(100% - 28px) !important;
	}

	body.logged-in.woocommerce-account.ws-account-page .woocommerce-MyAccount-content {
		padding: 24px 18px;
	}
}

/* Public project interaction, sticky navigation and built-in reveal motion */
.wsp-header-anchor {
	padding-top: 14px;
	position: sticky;
	z-index: 45;
	top: 0;
}

.wsp-header-anchor .wsp-header {
	margin-top: 0;
	position: relative;
	top: auto;
}

body.admin-bar .wsp-header-anchor {
	top: 32px;
}

body.ws-public .wsp-header .wsp-desktop-nav a:hover,
body.ws-public .wsp-header .wsp-desktop-nav a:focus-visible {
	color: var(--ws-primary) !important;
	background: color-mix(in srgb, var(--ws-primary) 8%, #fff) !important;
}

body.ws-public .wsp-btn:hover,
body.ws-public .wsp-btn:focus-visible {
	color: #fff !important;
	border-color: color-mix(in srgb, var(--ws-primary) 82%, #000) !important;
	background: color-mix(in srgb, var(--ws-primary) 82%, #000) !important;
	box-shadow: 0 10px 24px color-mix(in srgb, var(--ws-primary) 24%, transparent) !important;
	text-decoration: none !important;
}

body.ws-public .wsp-link,
body.ws-public .wsp-card-link,
body.ws-public .wsp-card-grid article > a,
body.ws-public .wsp-shop-categories article > a,
body.ws-public .wsp-contact > div > a,
body.ws-public .wsp-cms-copy a,
body.ws-public .wsp-cms-archive h2 a {
	color: var(--ws-primary) !important;
	text-decoration-color: color-mix(in srgb, var(--ws-primary) 40%, transparent) !important;
	transition: color .18s ease, text-decoration-color .18s ease, transform .18s ease;
}

body.ws-public .wsp-link:hover,
body.ws-public .wsp-link:focus-visible,
body.ws-public .wsp-card-link:hover,
body.ws-public .wsp-card-link:focus-visible,
body.ws-public .wsp-card-grid article > a:hover,
body.ws-public .wsp-card-grid article > a:focus-visible,
body.ws-public .wsp-shop-categories article > a:hover,
body.ws-public .wsp-shop-categories article > a:focus-visible,
body.ws-public .wsp-contact > div > a:hover,
body.ws-public .wsp-contact > div > a:focus-visible,
body.ws-public .wsp-cms-copy a:hover,
body.ws-public .wsp-cms-copy a:focus-visible,
body.ws-public .wsp-cms-archive h2 a:hover,
body.ws-public .wsp-cms-archive h2 a:focus-visible {
	color: color-mix(in srgb, var(--ws-primary) 78%, #000) !important;
	text-decoration-color: currentColor !important;
}

body.ws-public .wsp-footer-nav a:hover,
body.ws-public .wsp-footer-nav a:focus-visible,
body.ws-public .wsp-footer-note a:hover,
body.ws-public .wsp-footer-note a:focus-visible,
body.ws-public .wsp-footer-bottom a:hover,
body.ws-public .wsp-footer-bottom a:focus-visible {
	color: #fff !important;
	text-decoration: none !important;
}

html.ws-reveal-ready body.ws-public [data-wsp-reveal] > * {
	opacity: 0;
	transform: translate3d(0, 28px, 0) scale(.992);
	transition:
		opacity .68s cubic-bezier(.22, 1, .36, 1),
		transform .78s cubic-bezier(.22, 1, .36, 1);
	will-change: opacity, transform;
}

html.ws-reveal-ready body.ws-public [data-wsp-reveal].is-revealed > * {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
}

html.ws-reveal-ready body.ws-public [data-wsp-reveal] .wsp-card-grid article,
html.ws-reveal-ready body.ws-public [data-wsp-reveal] .wsp-process-grid article,
html.ws-reveal-ready body.ws-public [data-wsp-reveal] .wsp-testimonials article,
html.ws-reveal-ready body.ws-public [data-wsp-reveal] .wsp-stats article,
html.ws-reveal-ready body.ws-public [data-wsp-reveal] .wsp-price-grid article {
	opacity: 0;
	transform: translate3d(0, 18px, 0);
	transition:
		opacity .52s ease,
		transform .62s cubic-bezier(.22, 1, .36, 1);
}

html.ws-reveal-ready body.ws-public [data-wsp-reveal].is-revealed .wsp-card-grid article,
html.ws-reveal-ready body.ws-public [data-wsp-reveal].is-revealed .wsp-process-grid article,
html.ws-reveal-ready body.ws-public [data-wsp-reveal].is-revealed .wsp-testimonials article,
html.ws-reveal-ready body.ws-public [data-wsp-reveal].is-revealed .wsp-stats article,
html.ws-reveal-ready body.ws-public [data-wsp-reveal].is-revealed .wsp-price-grid article {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

html.ws-reveal-ready body.ws-public [data-wsp-reveal].is-revealed article:nth-child(2) {
	transition-delay: .08s;
}

html.ws-reveal-ready body.ws-public [data-wsp-reveal].is-revealed article:nth-child(3) {
	transition-delay: .16s;
}

html.ws-reveal-ready body.ws-public [data-wsp-reveal].is-revealed article:nth-child(4) {
	transition-delay: .24s;
}

@media (max-width: 782px) {
	body.admin-bar .wsp-header-anchor {
		top: 46px;
	}
}

@media (max-width: 700px) {
	.wsp-header-anchor {
		padding-top: 10px;
	}

	.wsp-header-anchor .wsp-header,
	.wsp-header-anchor .wsp-header.is-layout-minimal {
		margin-top: 0;
		top: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.ws-reveal-ready body.ws-public [data-wsp-reveal] > *,
	html.ws-reveal-ready body.ws-public [data-wsp-reveal] article {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}

/* 0.5.27 homepage concept refresh */
.ws-marketing {
	--ws-marketing-width: 1920px;
	--ws-marketing-radius: 18px;
	background:
		linear-gradient(rgba(18, 36, 60, .024) 1px, transparent 1px),
		linear-gradient(90deg, rgba(18, 36, 60, .024) 1px, transparent 1px),
		#f5f7fb;
	background-size: 64px 64px;
}

.ws-marketing .ws-marketing-nav {
	min-height: 78px;
	padding-inline: max(24px, calc((100vw - var(--ws-marketing-width)) / 2));
	background: rgba(248, 250, 253, .94);
}

.ws-marketing .ws-marketing-nav nav a {
	position: relative;
	padding: 28px 0 25px;
	color: #35445c;
	transition: color .18s ease;
}

.ws-marketing .ws-marketing-nav nav a::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	height: 2px;
	background: var(--ws-primary);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .2s ease;
}

.ws-marketing .ws-marketing-nav nav a:hover,
.ws-marketing .ws-marketing-nav nav a:focus-visible {
	color: var(--ws-primary);
}

.ws-marketing .ws-marketing-nav nav a:hover::after,
.ws-marketing .ws-marketing-nav nav a:focus-visible::after {
	transform: scaleX(1);
}

.ws-marketing .ws-marketing-hero {
	width: min(var(--ws-marketing-width), calc(100% - 48px));
	min-height: 760px;
	margin-top: 24px;
	padding: clamp(64px, 6.5vw, 104px);
	grid-template-columns: minmax(430px, .83fr) minmax(0, 1.17fr);
	gap: clamp(48px, 6vw, 94px);
	border: 1px solid #263c5a;
	border-radius: var(--ws-marketing-radius);
	background-color: #0c1b30;
	background-image:
		radial-gradient(circle at 92% 86%, rgba(25, 190, 163, .16), transparent 32%),
		radial-gradient(circle at 12% 0%, rgba(22, 119, 255, .16), transparent 34%),
		linear-gradient(rgba(255,255,255,.032) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.032) 1px, transparent 1px);
	background-size: auto, auto, 64px 64px, 64px 64px;
	box-shadow: 0 28px 80px rgba(10, 28, 51, .16);
}

.ws-marketing .ws-marketing-hero::before {
	content: "";
	position: absolute;
	inset: 12% -8% auto 44%;
	height: 320px;
	border: 1px solid rgba(98, 170, 255, .11);
	border-radius: 50%;
	transform: rotate(-8deg);
	pointer-events: none;
}

.ws-marketing .ws-marketing-hero h1 {
	max-width: 660px;
	margin-bottom: 30px;
	font-size: clamp(58px, 5.2vw, 86px);
	letter-spacing: -.045em;
}

.ws-marketing .ws-marketing-hero-copy > p {
	max-width: 610px;
	color: #c5d2e3;
	font-size: 18px;
	line-height: 1.72;
}

.ws-marketing .ws-marketing-hero .ws-public-button {
	min-height: 58px;
	padding-inline: 26px;
	box-shadow: 0 14px 30px rgba(22, 119, 255, .24);
}

.ws-marketing .ws-product-shot-hero {
	border-color: #405776;
	border-radius: 13px;
	box-shadow: 0 34px 85px rgba(0, 0, 0, .34);
	transform: perspective(1500px) rotateY(-1.8deg) translateY(8px);
}

.ws-marketing .ws-product-shot-hero figcaption {
	min-height: 82px;
}

.ws-marketing .ws-included-strip,
.ws-marketing .ws-guided-start,
.ws-marketing .ws-editor-section,
.ws-marketing .ws-example-section,
.ws-marketing .ws-system-showcase,
.ws-marketing .ws-guard-section,
.ws-marketing .ws-founder-section,
.ws-marketing .ws-public-section,
.ws-marketing .ws-public-final,
.ws-marketing .ws-public-footer {
	width: min(var(--ws-marketing-width), calc(100% - 48px));
}

.ws-marketing .ws-included-strip {
	margin-top: 18px;
	padding: 46px 48px 42px;
	border-radius: 14px;
	box-shadow: 0 14px 34px rgba(21, 47, 79, .055);
}

.ws-marketing .ws-included-heading {
	align-items: center;
	margin-bottom: 34px;
}

.ws-marketing .ws-included-heading h2 {
	font-size: clamp(34px, 3vw, 48px);
	letter-spacing: -.025em;
}

.ws-marketing .ws-included-grid article {
	padding-top: 30px;
}

.ws-marketing .ws-included-grid svg {
	width: 27px;
	height: 27px;
	padding: 5px;
	border-radius: 7px;
	background: #eaf3ff;
}

.ws-marketing .ws-guided-start {
	margin-top: 18px;
	padding: clamp(72px, 7vw, 108px) clamp(48px, 6vw, 92px);
	grid-template-columns: minmax(390px, .78fr) minmax(0, 1.22fr);
	border-radius: var(--ws-marketing-radius);
	background:
		radial-gradient(circle at 100% 10%, rgba(22, 119, 255, .10), transparent 30%),
		#fbfdff;
	box-shadow: 0 16px 44px rgba(21, 47, 79, .06);
}

.ws-marketing .ws-guided-copy h2,
.ws-marketing .ws-example-copy h2,
.ws-marketing .ws-system-showcase-copy h2,
.ws-marketing .ws-guard-copy h2,
.ws-marketing .ws-founder-copy h2,
.ws-marketing .ws-public-heading h2,
.ws-marketing .ws-public-final h2 {
	letter-spacing: -.04em;
}

.ws-marketing .ws-guided-list {
	position: relative;
	gap: 10px;
}

.ws-marketing .ws-guided-list::before {
	content: "";
	position: absolute;
	top: 26px;
	bottom: 26px;
	left: 37px;
	width: 1px;
	background: #b8d4f5;
}

.ws-marketing .ws-guided-list li {
	position: relative;
	padding: 17px;
	border-color: #d7e3f1;
	background: rgba(255,255,255,.92);
	box-shadow: 0 8px 22px rgba(26, 60, 98, .045);
}

.ws-marketing .ws-guided-list li > span {
	position: relative;
	z-index: 1;
}

.ws-marketing .ws-onboarding-shot {
	border-color: #c6d6e8;
	border-radius: 13px;
	box-shadow: 0 30px 70px rgba(25, 58, 98, .16);
	transform: translateY(10px);
}

.ws-marketing .ws-editor-section {
	margin-top: 18px;
	padding: clamp(74px, 7vw, 112px) clamp(44px, 5.5vw, 86px);
	border-radius: var(--ws-marketing-radius);
	background:
		radial-gradient(circle at 95% 2%, rgba(22,119,255,.15), transparent 29%),
		linear-gradient(145deg, #edf5fd, #f8fbff 72%);
	box-shadow: inset 0 1px 0 #fff, 0 16px 44px rgba(21, 47, 79, .055);
}

.ws-marketing .ws-editor-section .ws-public-heading {
	max-width: 760px;
	margin-bottom: 46px;
}

.ws-marketing .ws-editor-layout {
	grid-template-columns: minmax(0, 1.72fr) minmax(330px, .68fr);
	gap: clamp(28px, 3vw, 44px);
}

.ws-marketing .ws-editor-visual {
	border-color: #bcd1e7;
	border-radius: 12px;
	box-shadow: 0 30px 65px rgba(28, 66, 108, .17);
}

.ws-marketing .ws-editor-benefits {
	counter-reset: ws-editor-benefit;
	position: relative;
	gap: 11px;
}

.ws-marketing .ws-editor-benefits::before {
	content: "";
	position: absolute;
	top: 34px;
	bottom: 34px;
	left: 33px;
	width: 1px;
	border-left: 1px dashed #80b4f4;
}

.ws-marketing .ws-editor-benefits article {
	counter-increment: ws-editor-benefit;
	position: relative;
	min-height: 112px;
	padding: 20px 20px 20px 68px;
	display: block;
	border-color: #d3e0ee;
	box-shadow: 0 9px 24px rgba(22, 54, 92, .055);
}

.ws-marketing .ws-editor-benefits article::before {
	content: counter(ws-editor-benefit);
	position: absolute;
	z-index: 1;
	top: 20px;
	left: 20px;
	width: 27px;
	height: 27px;
	display: grid;
	place-items: center;
	color: #fff;
	border: 4px solid #fff;
	border-radius: 50%;
	background: var(--ws-primary);
	box-shadow: 0 0 0 1px #b9d5f7;
	font-size: 11px;
	font-weight: 900;
}

.ws-marketing .ws-editor-benefits article > svg {
	position: absolute;
	top: 20px;
	right: 18px;
	opacity: .65;
}

.ws-marketing .ws-editor-benefits article strong {
	display: block;
	padding-right: 32px;
}

.ws-marketing .ws-example-section {
	margin-top: 18px;
	padding: clamp(72px, 7vw, 108px) clamp(48px, 6vw, 92px);
	grid-template-columns: minmax(320px, .68fr) minmax(0, 1.32fr);
	border: 1px solid #253b59;
	border-radius: var(--ws-marketing-radius);
	background:
		radial-gradient(circle at 18% 100%, rgba(35, 190, 159, .13), transparent 28%),
		linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
		#0c1b30;
	background-size: auto, 62px 62px, 62px 62px, auto;
}

.ws-marketing .ws-example-section::after {
	content: "";
	position: absolute;
	right: 8%;
	bottom: 7%;
	left: 8%;
	height: 80px;
	border-bottom: 1px dashed rgba(66, 215, 174, .4);
	border-radius: 0 0 50% 50%;
	pointer-events: none;
}

.ws-marketing .ws-example-section .ws-product-shot {
	position: relative;
	z-index: 1;
	border-radius: 12px;
}

.ws-marketing .ws-system-showcase {
	margin-top: 18px;
	margin-bottom: 18px;
	padding: clamp(72px, 7vw, 108px) clamp(48px, 6vw, 92px);
	grid-template-columns: minmax(340px, .7fr) minmax(0, 1.3fr);
	border-radius: var(--ws-marketing-radius);
	background:
		radial-gradient(circle at 96% 0%, rgba(22,119,255,.11), transparent 31%),
		linear-gradient(rgba(22,119,255,.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(22,119,255,.04) 1px, transparent 1px),
		#f2f7fc;
	background-size: auto, 58px 58px, 58px 58px, auto;
}

.ws-marketing .ws-system-points {
	grid-template-columns: 1fr;
}

.ws-marketing .ws-system-points > span {
	border-radius: 9px;
}

.ws-marketing .ws-product-shot-dashboard {
	border-color: #c1d2e4;
	border-radius: 12px;
	box-shadow: 0 30px 70px rgba(27, 61, 101, .17);
}

.ws-marketing .ws-guard-section {
	margin-top: 0;
	padding: clamp(72px, 7vw, 106px) clamp(48px, 6vw, 92px);
	grid-template-columns: minmax(0, 1.05fr) minmax(430px, .95fr);
	border: 1px solid #253b59;
	border-radius: var(--ws-marketing-radius);
	background:
		radial-gradient(circle at 69% 48%, rgba(31, 203, 159, .14), transparent 17%),
		radial-gradient(circle at 69% 48%, transparent 0 22%, rgba(31, 203, 159, .12) 22.2% 22.5%, transparent 22.7% 31%, rgba(31, 203, 159, .08) 31.2% 31.5%, transparent 31.7%),
		linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
		#0b1a2f;
	background-size: auto, auto, 58px 58px, 58px 58px, auto;
}

.ws-marketing .ws-guard-checks {
	gap: 12px;
}

.ws-marketing .ws-guard-checks > span {
	min-height: 142px;
	border-radius: 9px;
	background: rgba(23, 39, 61, .88);
	transition: transform .2s ease, border-color .2s ease;
}

.ws-marketing .ws-guard-checks > span:hover {
	border-color: #47745f;
	transform: translateY(-3px);
}

.ws-marketing .ws-product-shot-guard {
	position: relative;
	z-index: 1;
	border-radius: 12px;
}

.ws-marketing .ws-subscription-includes {
	margin-top: 18px;
	padding: clamp(82px, 7vw, 112px) clamp(34px, 4vw, 64px);
	border: 1px solid #cbdced;
	border-radius: var(--ws-marketing-radius);
	background: linear-gradient(145deg, #edf5fd, #f8fbff 72%);
}

.ws-marketing .ws-subscription-includes .ws-public-heading {
	max-width: 820px;
	margin-bottom: 44px;
}

.ws-marketing .ws-subscription-includes .ws-feature-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	border-top: 1px solid #cbd9e8;
	border-bottom: 1px solid #cbd9e8;
}

.ws-marketing .ws-subscription-includes .ws-feature-grid article,
.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-child(2n) {
	position: relative;
	min-height: 150px;
	padding: 30px 32px 28px 82px;
	border: 0;
	border-bottom: 1px solid #d2deeb;
	border-radius: 0;
	background: transparent;
}

.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-child(odd) {
	border-right: 1px solid #cbd9e8;
}

.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-last-child(-n+2) {
	border-bottom: 0;
}

.ws-marketing .ws-subscription-includes .ws-feature-grid svg {
	position: absolute;
	top: 31px;
	left: 30px;
	width: 34px;
	height: 34px;
	padding: 7px;
	border-radius: 8px;
	background: #dfeeff;
}

.ws-marketing .ws-subscription-includes .ws-feature-grid h3 {
	margin: 0 0 8px;
	font-size: 20px;
}

.ws-marketing .ws-pricing-section {
	margin-top: 18px;
	padding: clamp(86px, 8vw, 124px) clamp(24px, 3vw, 48px);
	border: 1px solid var(--ws-line);
	border-radius: var(--ws-marketing-radius);
}

.ws-marketing .ws-pricing-section .ws-public-heading {
	max-width: 860px;
	margin-bottom: 38px;
}

.ws-marketing .ws-price-grid {
	gap: 16px;
	align-items: stretch;
}

.ws-marketing .ws-price-grid article {
	position: relative;
	min-height: 610px;
	padding: clamp(30px, 3vw, 42px);
	border-color: #d3deea;
	border-radius: 13px;
	box-shadow: 0 14px 36px rgba(18, 46, 79, .055);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.ws-marketing .ws-price-grid article:hover {
	border-color: #9fc5f4;
	box-shadow: 0 22px 48px rgba(18, 46, 79, .10);
	transform: translateY(-5px);
}

.ws-marketing .ws-price-grid article.is-featured {
	border: 2px solid var(--ws-primary);
	box-shadow: 0 24px 54px rgba(22, 119, 255, .14);
}

.ws-marketing .ws-price-grid h3 {
	margin-top: 22px;
	font-size: 28px;
}

.ws-marketing .ws-price-grid article > strong {
	margin: 10px 0 14px;
	font-size: 38px;
	letter-spacing: -.035em;
}

.ws-marketing .ws-price-grid ul {
	padding: 0;
	list-style: none;
}

.ws-marketing .ws-price-grid li {
	position: relative;
	padding-left: 25px;
}

.ws-marketing .ws-price-grid li::before {
	content: "✓";
	position: absolute;
	top: 0;
	left: 0;
	color: var(--ws-green);
	font-weight: 900;
}

.ws-marketing .ws-price-grid article > a {
	border-radius: 8px;
}

.ws-marketing .ws-founder-section {
	min-height: 620px;
	margin-top: 18px;
	grid-template-columns: minmax(380px, .78fr) minmax(0, 1.22fr);
	border-radius: var(--ws-marketing-radius);
	box-shadow: 0 18px 46px rgba(21, 47, 79, .065);
}

.ws-marketing .ws-founder-photo {
	min-height: 620px;
	position: relative;
}

.ws-marketing .ws-founder-photo::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent 65%, rgba(255,255,255,.17));
	pointer-events: none;
}

.ws-marketing .ws-founder-copy {
	padding: clamp(60px, 6vw, 96px);
}

.ws-marketing .ws-founder-facts {
	border-radius: 10px;
}

.ws-marketing #vprasanja {
	margin-top: 18px;
	padding: clamp(82px, 7vw, 112px) clamp(24px, 3vw, 48px);
	border: 1px solid #d1ddea;
	border-radius: var(--ws-marketing-radius);
	background: #f1f6fb;
}

.ws-marketing #vprasanja .ws-public-heading {
	margin-bottom: 38px;
}

.ws-marketing .ws-public-faq {
	gap: 12px;
}

.ws-marketing .ws-public-faq details {
	border-color: #d3dfeb;
	border-radius: 9px;
	box-shadow: 0 8px 22px rgba(23, 52, 88, .035);
}

.ws-marketing .ws-public-faq summary {
	min-height: 68px;
}

.ws-marketing .ws-public-final {
	margin-top: 18px;
	padding: clamp(72px, 7vw, 104px) 28px;
	border: 1px solid #263c5a;
	border-radius: var(--ws-marketing-radius);
	background:
		radial-gradient(circle at 12% 110%, rgba(22,119,255,.18), transparent 30%),
		radial-gradient(circle at 88% 110%, rgba(36,200,164,.12), transparent 28%),
		linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
		#0c1b30;
	background-size: auto, auto, 58px 58px, 58px 58px, auto;
	box-shadow: 0 24px 62px rgba(10, 28, 51, .16);
}

.ws-marketing .ws-public-final h2 {
	max-width: 850px;
	margin-inline: auto;
	font-size: clamp(44px, 4.4vw, 70px);
}

.ws-marketing .ws-marketing-footer {
	margin-top: 0;
	padding: 58px 0 46px;
}

.ws-marketing .ws-footer-columns a {
	transition: color .18s ease, transform .18s ease;
}

.ws-marketing .ws-footer-columns a:hover {
	transform: translateX(2px);
}

@media (max-width: 1180px) {
	.ws-marketing .ws-marketing-hero {
		grid-template-columns: minmax(380px, .9fr) minmax(0, 1.1fr);
		padding: 64px 52px;
		gap: 42px;
	}

	.ws-marketing .ws-marketing-hero h1 {
		font-size: clamp(52px, 5.3vw, 70px);
	}

	.ws-marketing .ws-guided-start,
	.ws-marketing .ws-example-section,
	.ws-marketing .ws-system-showcase {
		padding-inline: 58px;
	}
}

@media (max-width: 1050px) {
	.ws-marketing .ws-marketing-hero,
	.ws-marketing .ws-guided-start,
	.ws-marketing .ws-editor-layout,
	.ws-marketing .ws-example-section,
	.ws-marketing .ws-system-showcase,
	.ws-marketing .ws-guard-section {
		grid-template-columns: 1fr;
	}

	.ws-marketing .ws-marketing-product {
		max-width: none;
	}

	.ws-marketing .ws-product-shot-hero,
	.ws-marketing .ws-onboarding-shot {
		transform: none;
	}

	.ws-marketing .ws-editor-benefits {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ws-marketing .ws-editor-benefits::before {
		display: none;
	}

	.ws-marketing .ws-price-grid article {
		min-height: 0;
	}
}

@media (max-width: 700px) {
	.ws-marketing {
		background-size: 48px 48px;
	}

	.ws-marketing .ws-marketing-nav {
		min-height: 70px;
	}

	.ws-marketing .ws-marketing-nav nav a {
		padding: 11px 10px;
	}

	.ws-marketing .ws-marketing-nav nav a::after {
		display: none;
	}

	.ws-marketing .ws-marketing-hero,
	.ws-marketing .ws-included-strip,
	.ws-marketing .ws-guided-start,
	.ws-marketing .ws-editor-section,
	.ws-marketing .ws-example-section,
	.ws-marketing .ws-system-showcase,
	.ws-marketing .ws-guard-section,
	.ws-marketing .ws-subscription-includes,
	.ws-marketing .ws-pricing-section,
	.ws-marketing .ws-founder-section,
	.ws-marketing #vprasanja,
	.ws-marketing .ws-public-final,
	.ws-marketing .ws-marketing-footer {
		width: calc(100% - 28px);
		border-radius: 12px;
	}

	.ws-marketing .ws-marketing-hero {
		margin-top: 14px;
		padding: 54px 22px 30px;
		gap: 38px;
	}

	.ws-marketing .ws-marketing-hero h1 {
		font-size: clamp(43px, 13vw, 58px);
	}

	.ws-marketing .ws-marketing-trust {
		display: grid;
		gap: 10px;
	}

	.ws-marketing .ws-included-strip,
	.ws-marketing .ws-guided-start,
	.ws-marketing .ws-example-section,
	.ws-marketing .ws-system-showcase,
	.ws-marketing .ws-guard-section {
		padding: 48px 20px;
	}

	.ws-marketing .ws-editor-section,
	.ws-marketing .ws-subscription-includes,
	.ws-marketing .ws-pricing-section,
	.ws-marketing #vprasanja {
		padding: 54px 20px;
	}

	.ws-marketing .ws-editor-benefits,
	.ws-marketing .ws-subscription-includes .ws-feature-grid {
		grid-template-columns: 1fr;
	}

	.ws-marketing .ws-subscription-includes .ws-feature-grid article,
	.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-child(2n) {
		min-height: 0;
		padding: 24px 18px 24px 62px;
		border-right: 0;
		border-bottom: 1px solid #d2deeb;
	}

	.ws-marketing .ws-subscription-includes .ws-feature-grid article:last-child {
		border-bottom: 0;
	}

	.ws-marketing .ws-subscription-includes .ws-feature-grid svg {
		top: 24px;
		left: 14px;
	}

	.ws-marketing .ws-founder-section {
		grid-template-columns: 1fr;
	}

	.ws-marketing .ws-founder-photo {
		min-height: 400px;
	}

	.ws-marketing .ws-founder-copy {
		padding: 48px 22px;
	}

	.ws-marketing .ws-public-final {
		padding: 64px 22px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ws-marketing .ws-price-grid article,
	.ws-marketing .ws-guard-checks > span,
	.ws-marketing .ws-footer-columns a,
	.ws-marketing .ws-marketing-nav nav a::after {
		transition: none;
	}
}

/* 0.5.28 product-first homepage hero */
.ws-marketing .ws-marketing-hero {
	min-height: 0;
	padding: clamp(70px, 7vw, 108px) clamp(28px, 5vw, 76px) 0;
	display: block;
	color: var(--ws-ink);
	border-color: #d1deec;
	background:
		radial-gradient(circle at 50% 62%, rgba(22,119,255,.08), transparent 33%),
		linear-gradient(rgba(22,119,255,.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(22,119,255,.04) 1px, transparent 1px),
		#f4f8fd;
	background-size: auto, 58px 58px, 58px 58px, auto;
	box-shadow: 0 24px 70px rgba(17, 49, 86, .11);
	text-align: center;
}

.ws-marketing .ws-marketing-hero::before {
	display: none;
}

.ws-marketing .ws-marketing-hero::after {
	inset: auto 8% -8% 8%;
	height: 42%;
	background: radial-gradient(circle, rgba(22,119,255,.1), transparent 67%);
	animation: none;
}

.ws-marketing .ws-marketing-hero-copy {
	max-width: 980px;
	margin: 0 auto;
}

.ws-marketing .ws-marketing-hero h1 {
	max-width: 920px;
	margin: 0 auto 22px;
	color: #10213a;
	font-size: clamp(50px, 5.3vw, 80px);
	line-height: 1.02;
	letter-spacing: -.047em;
}

.ws-marketing .ws-marketing-hero-copy > p {
	max-width: 760px;
	margin: 0 auto 30px;
	color: #5e6f86;
	font-size: 18px;
	line-height: 1.65;
}

.ws-marketing .ws-marketing-hero .ws-public-actions {
	justify-content: center;
}

.ws-marketing .ws-marketing-hero .ws-public-text-link {
	color: var(--ws-primary);
}

.ws-marketing .ws-marketing-trust {
	margin: 26px auto 44px;
	justify-content: center;
	gap: 34px;
}

.ws-marketing .ws-marketing-trust span {
	color: #5d6e84;
	font-weight: 700;
}

.ws-marketing .ws-marketing-trust svg {
	width: 18px;
	height: 18px;
	padding: 3px;
	color: var(--ws-primary);
	border: 1px solid #a9ccf7;
	border-radius: 50%;
	background: #fff;
}

.ws-marketing .ws-marketing-product {
	width: min(1180px, 100%);
	max-width: none;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.ws-marketing .ws-product-shot-hero {
	border-color: #b9c9dc;
	border-bottom: 0;
	border-radius: 13px 13px 0 0;
	box-shadow: 0 34px 80px rgba(18, 49, 85, .2);
	transform: none;
}

.ws-marketing .ws-product-shot-hero figcaption {
	min-height: 68px;
	text-align: left;
}

@media (max-width: 700px) {
	.ws-marketing .ws-marketing-hero {
		padding: 52px 22px 0;
	}

	.ws-marketing .ws-marketing-hero h1 {
		font-size: clamp(41px, 11.6vw, 52px);
	}

	.ws-marketing .ws-marketing-hero-copy > p {
		font-size: 16px;
	}

	.ws-marketing .ws-marketing-trust {
		margin-bottom: 34px;
		gap: 12px;
	}

	.ws-marketing .ws-marketing-trust span {
		justify-content: center;
	}
}

/* Dedicated Webrox contact page */
body.ws-contact-page {
	margin: 0;
	color: #10213a;
	background:
		linear-gradient(rgba(27, 72, 123, .045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(27, 72, 123, .045) 1px, transparent 1px),
		#f4f7fb;
	background-size: 54px 54px;
}

.ws-contact-page .ws-public-nav {
	position: relative;
	z-index: 20;
	background: #0b2545;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.ws-contact-page .ws-public-nav nav a,
.ws-contact-page .ws-nav-login,
.ws-contact-page .ws-public-brand strong {
	color: #dce8f6;
}

.ws-contact-page .ws-nav-toggle {
	color: #fff;
	border-color: rgba(255, 255, 255, .24);
}

.ws-contact-shell {
	width: min(1380px, calc(100% - 64px));
	margin: 0 auto;
	padding: 82px 0 100px;
}

.ws-contact-intro {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
	gap: 80px;
	align-items: end;
	padding: 0 26px 62px;
}

.ws-contact-back {
	display: inline-flex;
	gap: 9px;
	align-items: center;
	margin-bottom: 38px;
	color: #536780;
	font-size: 14px;
	font-weight: 750;
	text-decoration: none;
}

.ws-contact-back:hover,
.ws-contact-back:focus-visible {
	color: #1677ff;
}

.ws-contact-back svg {
	width: 17px;
	height: 17px;
}

.ws-contact-intro h1 {
	max-width: 850px;
	margin: 15px 0 24px;
	font-size: clamp(48px, 5.2vw, 76px);
	line-height: 1.02;
	letter-spacing: -.05em;
}

.ws-contact-intro > div:first-child > p {
	max-width: 760px;
	margin: 0;
	color: #5f7087;
	font-size: 18px;
	line-height: 1.72;
}

.ws-contact-direct {
	display: grid;
	gap: 12px;
	padding: 19px;
	background: #fff;
	border: 1px solid #ccdaea;
	border-radius: 18px;
	box-shadow: 0 22px 60px rgba(17, 47, 82, .08);
}

.ws-contact-direct > div {
	display: flex;
	gap: 15px;
	align-items: center;
	min-width: 0;
	padding: 14px;
	border-radius: 12px;
}

.ws-contact-direct > div + div {
	border-top: 1px solid #e6edf5;
	border-radius: 0;
}

.ws-contact-direct > div > svg {
	flex: 0 0 auto;
	width: 21px;
	height: 21px;
	padding: 10px;
	box-sizing: content-box;
	color: #1677ff;
	background: #ebf4ff;
	border-radius: 12px;
}

.ws-contact-direct span {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.ws-contact-direct small {
	color: #8291a4;
	font-size: 12px;
	font-weight: 750;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.ws-contact-direct a,
.ws-contact-direct strong {
	overflow-wrap: anywhere;
	color: #10213a;
	font-size: 15px;
	font-weight: 760;
	text-decoration: none;
}

.ws-contact-direct a:hover,
.ws-contact-direct a:focus-visible {
	color: #1677ff;
}

.ws-contact-card {
	padding: 54px;
	background: #fff;
	border: 1px solid #cbd9e9;
	border-radius: 22px;
	box-shadow: 0 28px 80px rgba(18, 49, 85, .11);
}

.ws-contact-form-head {
	max-width: 760px;
	margin-bottom: 36px;
}

.ws-contact-form-head h2 {
	margin: 12px 0 12px;
	font-size: clamp(34px, 3vw, 48px);
	line-height: 1.08;
	letter-spacing: -.035em;
}

.ws-contact-form-head p {
	margin: 0;
	color: #64768c;
	font-size: 16px;
	line-height: 1.65;
}

.ws-contact-notice {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	margin: 0 0 30px;
	padding: 17px 19px;
	border: 1px solid;
	border-radius: 12px;
}

.ws-contact-notice > svg {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin-top: 2px;
}

.ws-contact-notice > div {
	display: grid;
	gap: 3px;
}

.ws-contact-notice span {
	font-size: 14px;
	line-height: 1.5;
}

.ws-contact-notice.is-success {
	color: #126844;
	background: #effbf6;
	border-color: #9ddfc5;
}

.ws-contact-notice.is-error {
	color: #8b2c36;
	background: #fff4f4;
	border-color: #efb7bc;
}

.ws-contact-form,
.ws-contact-topics {
	margin: 0;
	padding: 0;
	border: 0;
}

.ws-contact-topics legend {
	margin-bottom: 14px;
	color: #172941;
	font-size: 14px;
	font-weight: 800;
}

.ws-contact-topics > div {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
}

.ws-contact-topics label {
	position: relative;
	display: block;
	cursor: pointer;
}

.ws-contact-topics input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.ws-contact-topics label > span {
	display: grid;
	grid-template-rows: auto auto 1fr;
	gap: 8px;
	height: 100%;
	min-height: 146px;
	padding: 18px;
	border: 1px solid #d1dce9;
	border-radius: 13px;
	background: #f9fbfd;
	transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ws-contact-topics label:hover > span {
	border-color: #97bde9;
	transform: translateY(-2px);
}

.ws-contact-topics input:checked + span {
	border-color: #1677ff;
	background: #eef6ff;
	box-shadow: 0 0 0 3px rgba(22, 119, 255, .1);
}

.ws-contact-topics input:focus-visible + span {
	outline: 3px solid rgba(22, 119, 255, .28);
	outline-offset: 2px;
}

.ws-contact-topics svg {
	width: 20px;
	height: 20px;
	color: #1677ff;
}

.ws-contact-topics strong {
	color: #172941;
	font-size: 14px;
	line-height: 1.3;
}

.ws-contact-topics small {
	color: #718197;
	font-size: 12px;
	line-height: 1.45;
}

.ws-contact-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	margin-top: 34px;
	padding-top: 34px;
	border-top: 1px solid #e2eaf3;
}

.ws-contact-fields label {
	display: grid;
	gap: 9px;
}

.ws-contact-fields label.is-wide {
	grid-column: 1 / -1;
}

.ws-contact-fields label > span {
	color: #172941;
	font-size: 14px;
	font-weight: 780;
}

.ws-contact-fields input,
.ws-contact-fields textarea {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 15px 16px;
	color: #14263f;
	font: inherit;
	font-size: 15px;
	line-height: 1.5;
	background: #fbfcfe;
	border: 1px solid #c8d6e7;
	border-radius: 10px;
	outline: 0;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.ws-contact-fields textarea {
	resize: vertical;
	min-height: 150px;
}

.ws-contact-fields input:focus,
.ws-contact-fields textarea:focus {
	background: #fff;
	border-color: #1677ff;
	box-shadow: 0 0 0 4px rgba(22, 119, 255, .1);
}

.ws-contact-fields label > small {
	color: #8492a4;
	font-size: 12px;
}

.ws-contact-consent {
	display: flex;
	gap: 11px;
	align-items: flex-start;
	max-width: 850px;
	margin-top: 23px;
	color: #627389;
	font-size: 13px;
	line-height: 1.55;
	cursor: pointer;
}

.ws-contact-consent input {
	flex: 0 0 auto;
	width: 17px;
	height: 17px;
	margin-top: 2px;
	accent-color: #1677ff;
}

.ws-contact-consent a {
	color: #1677ff;
	font-weight: 720;
}

.ws-contact-submit {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
	padding-top: 28px;
	border-top: 1px solid #e2eaf3;
}

.ws-contact-submit .ws-public-button {
	border: 0;
	cursor: pointer;
}

.ws-contact-submit > span {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	color: #75859a;
	font-size: 12px;
}

.ws-contact-submit > span svg {
	width: 15px;
	height: 15px;
}

.ws-contact-honeypot {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.ws-contact-next {
	display: flex;
	gap: 40px;
	align-items: center;
	justify-content: space-between;
	margin-top: 28px;
	padding: 42px 46px;
	color: #fff;
	background: #0b2545;
	border-radius: 18px;
	box-shadow: 0 20px 50px rgba(11, 37, 69, .16);
}

.ws-contact-next h2 {
	margin: 10px 0 8px;
	color: #fff;
	font-size: clamp(28px, 3vw, 40px);
	letter-spacing: -.03em;
}

.ws-contact-next p {
	max-width: 720px;
	margin: 0;
	color: #b9c9dd;
	line-height: 1.6;
}

.ws-contact-next .ws-public-kicker {
	color: #74b0ff;
}

.ws-contact-next .ws-public-button {
	flex: 0 0 auto;
	color: #0b2545;
	background: #fff;
}

.ws-contact-next .ws-public-button:hover,
.ws-contact-next .ws-public-button:focus-visible {
	color: #fff;
	background: #1677ff;
}

.ws-contact-footer {
	margin-top: 0;
}

@media (max-width: 1100px) {
	.ws-contact-shell {
		width: min(100% - 36px, 1000px);
		padding-top: 58px;
	}

	.ws-contact-intro {
		grid-template-columns: 1fr;
		gap: 34px;
		padding-inline: 10px;
	}

	.ws-contact-direct {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ws-contact-direct > div + div {
		border-top: 0;
		border-left: 1px solid #e6edf5;
		border-radius: 0;
	}

	.ws-contact-topics > div {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.ws-contact-page .ws-public-nav nav {
		background: #0b2545;
		border-color: rgba(255, 255, 255, .12);
	}

	.ws-contact-shell {
		width: calc(100% - 24px);
		padding: 38px 0 64px;
	}

	.ws-contact-intro {
		padding: 0 6px 36px;
	}

	.ws-contact-back {
		margin-bottom: 28px;
	}

	.ws-contact-intro h1 {
		font-size: clamp(40px, 11.5vw, 54px);
	}

	.ws-contact-intro > div:first-child > p {
		font-size: 16px;
	}

	.ws-contact-direct {
		grid-template-columns: 1fr;
		padding: 12px;
	}

	.ws-contact-direct > div + div {
		border-top: 1px solid #e6edf5;
		border-left: 0;
	}

	.ws-contact-card {
		padding: 28px 20px;
		border-radius: 16px;
	}

	.ws-contact-form-head {
		margin-bottom: 28px;
	}

	.ws-contact-topics > div {
		grid-template-columns: 1fr;
	}

	.ws-contact-topics label > span {
		grid-template-columns: auto 1fr;
		grid-template-rows: auto auto;
		min-height: 0;
	}

	.ws-contact-topics svg {
		grid-row: 1 / 3;
	}

	.ws-contact-fields {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.ws-contact-fields label.is-wide {
		grid-column: auto;
	}

	.ws-contact-submit,
	.ws-contact-next {
		align-items: stretch;
		flex-direction: column;
	}

	.ws-contact-submit .ws-public-button,
	.ws-contact-next .ws-public-button {
		justify-content: center;
		width: 100%;
		box-sizing: border-box;
	}

	.ws-contact-next {
		padding: 30px 24px;
	}
}

/* Premium section system 0.5.37 */
.ws-project-page {
	--wsp-paper: color-mix(in srgb, var(--ws-bg) 48%, #fff);
	--wsp-soft: color-mix(in srgb, var(--ws-primary) 5%, #f4f7fb);
	--wsp-dark: color-mix(in srgb, var(--ws-ink) 94%, #001b3d);
	--wsp-display: var(--ws-display, Georgia, "Times New Roman", serif);
	--wsp-radius: 2px;
	overflow-x: clip;
	background: var(--wsp-paper);
}

.ws-project-page .wsp-kicker {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	color: var(--ws-primary);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .18em;
	text-transform: uppercase;
}

.ws-project-page .wsp-kicker::after {
	content: "";
	width: 42px;
	height: 1px;
	background: currentColor;
}

.ws-project-page .wsp-heading { max-width: 900px; }

.ws-project-page .wsp-heading h2,
.ws-project-page .wsp-split h2,
.ws-project-page .wsp-contact h2,
.ws-project-page .wsp-cta h2,
.ws-project-page .wsp-comparison h2 {
	margin-top: 20px;
	font-family: var(--wsp-display);
	font-size: clamp(44px, 5vw, 78px);
	font-weight: 500;
	letter-spacing: -.045em;
	line-height: .99;
}

.ws-project-page .wsp-btn {
	min-height: 50px;
	padding: 0 23px;
	border-radius: var(--wsp-radius);
	box-shadow: 0 12px 28px color-mix(in srgb, var(--ws-primary) 22%, transparent);
}

.ws-project-page .wsp-btn:hover,
.ws-project-page .wsp-btn:focus-visible {
	background: color-mix(in srgb, var(--ws-primary) 82%, #001b3d);
	box-shadow: 0 16px 34px color-mix(in srgb, var(--ws-primary) 30%, transparent);
	transform: translateY(-3px);
}

.ws-project-page .wsp-section-anchor { position: relative; }

/* 01 Navigation */
.ws-project-page .wsp-header-anchor { z-index: 80; height: 0; }
.ws-project-page .wsp-header {
	width: min(1540px, calc(100% - 48px));
	min-height: 82px;
	top: 18px;
	margin-top: 0;
	padding: 12px 14px 12px 20px;
	border-color: color-mix(in srgb, var(--ws-primary) 25%, #dce5f0);
	border-radius: 3px;
	background: color-mix(in srgb, #fff 93%, var(--ws-bg));
	box-shadow: 0 18px 55px rgba(8, 28, 57, .14);
}

.ws-project-page .wsp-header::before {
	content: "";
	position: absolute;
	left: -1px;
	top: 18px;
	bottom: 18px;
	width: 3px;
	background: var(--ws-primary);
}

.ws-project-page .wsp-brand { font-size: 18px; letter-spacing: -.02em; }
.ws-project-page .wsp-brand-mark { border-radius: 2px; }
.ws-project-page .wsp-desktop-nav {
	padding: 0 12px;
	border-bottom: 1px solid color-mix(in srgb, var(--ws-ink) 10%, transparent);
}

.ws-project-page .wsp-header .wsp-desktop-nav a { position: relative; padding: 17px 2px; }
.ws-project-page .wsp-header .wsp-desktop-nav a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 100%;
	bottom: -1px;
	height: 2px;
	background: var(--ws-primary);
	transition: right .22s ease;
}

.ws-project-page .wsp-header .wsp-desktop-nav a:hover::after,
.ws-project-page .wsp-header .wsp-desktop-nav a:focus-visible::after { right: 0; }

/* 02 Hero */
.wsp-section-type-hero {
	padding: 120px 0 0;
	color: #fff;
	background:
		linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
		var(--wsp-dark);
	background-size: 72px 72px;
	overflow: hidden;
}

.wsp-section-type-hero::before {
	content: "";
	position: absolute;
	width: 680px;
	height: 680px;
	right: -220px;
	top: -120px;
	border: 1px solid color-mix(in srgb, var(--ws-primary) 55%, transparent);
	border-radius: 50%;
	box-shadow: 0 0 0 90px rgba(255,255,255,.018), 0 0 0 180px rgba(255,255,255,.012);
}

.ws-project-page .wsp-hero {
	min-height: 760px;
	padding: 90px 0 110px;
	grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr);
	gap: clamp(60px, 7vw, 120px);
}

.ws-project-page .wsp-hero > div:first-child { position: relative; z-index: 2; }
.ws-project-page .wsp-hero h1 {
	max-width: 760px;
	margin: 24px 0 30px;
	font-family: var(--wsp-display);
	font-size: clamp(58px, 6.2vw, 104px);
	font-weight: 500;
	letter-spacing: -.055em;
	line-height: .93;
}

.ws-project-page .wsp-hero p {
	max-width: 590px;
	color: #bdc9d9;
	font-size: clamp(17px, 1.5vw, 21px);
}

.ws-project-page .wsp-hero .wsp-media {
	min-height: 590px;
	border-color: color-mix(in srgb, var(--ws-primary) 70%, #fff);
	border-radius: 2px;
	background: linear-gradient(145deg, #17375d, #071b35);
	box-shadow: -22px 24px 0 rgba(255,255,255,.035), 0 36px 90px rgba(0,0,0,.35);
	clip-path: polygon(0 0, calc(100% - 44px) 0, 100% 44px, 100% 100%, 0 100%);
}

.ws-project-page .wsp-hero .wsp-link { color: #fff; }

/* 03 Trust */
.wsp-section-type-trust { padding: 0 0 18px; background: var(--wsp-dark); }
.ws-project-page .wsp-trust {
	min-height: 118px;
	padding: 28px 38px;
	color: #fff;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 2px;
	background: color-mix(in srgb, var(--ws-primary) 12%, var(--wsp-dark));
	box-shadow: 0 20px 50px rgba(0,0,0,.22);
}

.ws-project-page .wsp-trust > strong {
	max-width: 330px;
	font-family: var(--wsp-display);
	font-size: 23px;
	font-weight: 500;
	line-height: 1.2;
}

.ws-project-page .wsp-trust span {
	color: #dbe4ef;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .02em;
}
.ws-project-page .wsp-trust svg { color: #6be0b5; }

/* 04 Services */
.wsp-section-type-services { color: #fff; background: var(--wsp-dark); }
.wsp-section-type-services .wsp-section {
	padding-top: 140px;
	display: grid;
	grid-template-columns: minmax(280px, .7fr) minmax(620px, 1.3fr);
	align-items: start;
	gap: clamp(55px, 7vw, 120px);
}
.wsp-section-type-services .wsp-heading { position: sticky; top: 130px; }
.wsp-section-type-services .wsp-heading h2 { color: #fff; }
.wsp-section-type-services .wsp-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}
.wsp-section-type-services .wsp-card-grid article {
	min-height: 360px;
	padding: 34px;
	color: #fff;
	border-color: rgba(255,255,255,.16);
	border-radius: 2px;
	background: linear-gradient(145deg, color-mix(in srgb, var(--ws-primary) 18%, transparent), transparent 60%), #102945;
	clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 0 100%);
}
.wsp-section-type-services .wsp-card-grid article:nth-child(even) { color: var(--ws-ink); background: #fff; }
.wsp-section-type-services .wsp-card-grid article:nth-child(3n) { grid-column: 1 / -1; min-height: 300px; }
.wsp-section-type-services .wsp-card-grid article > span {
	margin-bottom: 34px;
	font-family: var(--wsp-display);
	font-size: 58px;
	font-weight: 500;
	line-height: 1;
}
.wsp-section-type-services .wsp-card-grid article > .wsp-media {
	height: 180px;
	min-height: 180px;
	margin: -34px -34px 28px;
	border: 0;
	border-bottom: 1px solid rgba(255,255,255,.14);
	border-radius: 0;
}
.wsp-section-type-services .wsp-card-grid article:nth-child(even) p { color: var(--ws-muted); }
.wsp-section-type-services .wsp-card-grid article:not(:nth-child(even)) p { color: #b9c8da; }

/* 05 Split */
.wsp-section-type-split { background: #fff; }
.ws-project-page .wsp-split {
	min-height: 760px;
	padding: 130px 0;
	grid-template-columns: 1.05fr .95fr;
	gap: clamp(70px, 8vw, 140px);
}
.ws-project-page .wsp-split .wsp-media {
	min-height: 590px;
	border: 0;
	border-radius: 2px;
	box-shadow: 28px 28px 0 var(--wsp-soft);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 54px), calc(100% - 54px) 100%, 0 100%);
}
.ws-project-page .wsp-split ul {
	margin: 32px 0;
	padding-top: 22px;
	border-top: 1px solid var(--ws-line);
}
.ws-project-page .wsp-split li { padding: 8px 0; font-size: 15px; }

/* 06 Process */
.wsp-section-type-process { background: var(--wsp-soft); }
.wsp-section-type-process .wsp-section { padding: 130px 0; }
.wsp-section-type-process .wsp-process-grid {
	position: relative;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	border-top: 1px solid color-mix(in srgb, var(--ws-primary) 28%, var(--ws-line));
}
.wsp-section-type-process .wsp-process-grid article {
	min-height: 320px;
	padding: 42px 34px;
	border: 0;
	border-right: 1px solid var(--ws-line);
	border-radius: 0;
	background: transparent;
}
.wsp-section-type-process .wsp-process-grid article:first-child { border-left: 1px solid var(--ws-line); }
.wsp-section-type-process .wsp-process-grid article > span {
	width: 54px;
	height: 54px;
	margin-bottom: 68px;
	display: grid;
	place-items: center;
	color: #fff;
	border-radius: 50%;
	background: var(--ws-primary);
	box-shadow: 0 0 0 10px color-mix(in srgb, var(--ws-primary) 10%, transparent);
	font-size: 18px;
}

/* 07 Stats */
.wsp-section-type-stats { padding: 0; background: var(--wsp-soft); }
.ws-project-page .wsp-stats {
	padding: 0;
	color: #fff;
	border: 0;
	border-radius: 2px;
	background: var(--wsp-dark);
	overflow: hidden;
}
.ws-project-page .wsp-stats article {
	min-height: 210px;
	padding: 45px 24px;
	display: grid;
	align-content: center;
	border-right: 1px solid rgba(255,255,255,.12);
}
.ws-project-page .wsp-stats article:last-child { border-right: 0; }
.ws-project-page .wsp-stats strong {
	color: #fff;
	font-family: var(--wsp-display);
	font-size: clamp(52px, 5vw, 78px);
	font-weight: 500;
}
.ws-project-page .wsp-stats span {
	color: #9fb0c4;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
}

/* 08 Testimonials */
.wsp-section-type-testimonials { background: #fff; }
.wsp-section-type-testimonials .wsp-section { padding: 140px 0; }
.wsp-section-type-testimonials .wsp-testimonials { grid-template-columns: 1.2fr .8fr; gap: 24px; }
.wsp-section-type-testimonials .wsp-testimonials article {
	min-height: 380px;
	padding: clamp(34px, 4vw, 64px);
	display: flex;
	flex-direction: column;
	border-radius: 2px;
	background: var(--wsp-soft);
}
.wsp-section-type-testimonials .wsp-testimonials article:first-child {
	color: #fff;
	border-color: var(--wsp-dark);
	background: var(--wsp-dark);
}
.wsp-section-type-testimonials .wsp-testimonials blockquote {
	margin: 48px 0 auto;
	font-family: var(--wsp-display);
	font-size: clamp(24px, 2.25vw, 38px);
	font-weight: 500;
	line-height: 1.25;
}
.wsp-testimonial-author { margin-top: 38px; display: flex; align-items: center; gap: 14px; }
.wsp-testimonial-author .wsp-media {
	width: 52px;
	height: 52px;
	min-height: 52px;
	flex: 0 0 52px;
	border-radius: 50%;
}

/* 09 Portfolio */
.wsp-section-type-portfolio { background: var(--wsp-soft); }
.wsp-section-type-portfolio .wsp-section { padding: 140px 0; }
.wsp-section-type-portfolio .wsp-portfolio-grid {
	grid-template-columns: 1.25fr .75fr;
	grid-auto-flow: dense;
	gap: 22px;
}
.wsp-section-type-portfolio .wsp-portfolio-grid article { border-radius: 2px; }
.wsp-section-type-portfolio .wsp-portfolio-grid article:nth-child(3n) {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 1.15fr .85fr;
}
.wsp-section-type-portfolio .wsp-portfolio-grid .wsp-media { min-height: 430px; }
.wsp-section-type-portfolio .wsp-portfolio-grid article:nth-child(3n) .wsp-media {
	min-height: 360px;
	border: 0;
	border-right: 1px solid var(--ws-line);
}
.wsp-section-type-portfolio .wsp-portfolio-grid article > div { min-height: 210px; }

/* 10 Team */
.wsp-section-type-team { background: #fff; }
.wsp-section-type-team .wsp-section { padding: 140px 0; }
.wsp-section-type-team .wsp-team-grid { gap: 26px; }
.wsp-section-type-team .wsp-team-grid article {
	border: 0;
	border-radius: 2px;
	background: transparent;
}
.wsp-section-type-team .wsp-team-grid article:nth-child(2) { margin-top: 70px; }
.wsp-section-type-team .wsp-team-grid .wsp-media {
	min-height: 470px;
	border: 0;
	filter: saturate(.88);
}
.wsp-section-type-team .wsp-team-grid article > div {
	min-height: 150px;
	padding: 24px 0 0;
	border-top: 3px solid var(--ws-primary);
}

/* 11 Comparison */
.wsp-section-type-comparison { padding: 130px 0; color: #fff; background: var(--wsp-dark); }
.wsp-section-type-comparison .wsp-section { padding: 0; }
.ws-project-page .wsp-comparison {
	padding: 0;
	grid-template-columns: .75fr 1.25fr;
	border: 0;
	background: transparent;
}
.wsp-section-type-comparison .wsp-comparison-copy h2 { color: #fff; }
.wsp-section-type-comparison .wsp-comparison-copy p { color: #aebed1; }
.wsp-section-type-comparison .wsp-comparison-list article {
	padding: 0;
	border-color: rgba(255,255,255,.14);
	border-radius: 2px;
	background: rgba(255,255,255,.035);
	overflow: hidden;
}
.wsp-section-type-comparison .wsp-comparison-list article > strong {
	margin: 0;
	padding: 19px 24px;
	border-bottom: 1px solid rgba(255,255,255,.12);
}
.wsp-section-type-comparison .wsp-comparison-list article > div { padding: 14px; }

/* 12 Pricing */
.wsp-section-type-pricing { background: var(--wsp-soft); }
.wsp-section-type-pricing .wsp-section { padding: 140px 0; }
.wsp-section-type-pricing .wsp-price-grid { align-items: stretch; gap: 0; }
.wsp-section-type-pricing .wsp-price-grid article {
	min-height: 480px;
	padding: 44px 36px;
	border-radius: 0;
	background: #fff;
}
.wsp-section-type-pricing .wsp-price-grid article.is-featured {
	margin: -22px 0;
	padding-top: 66px;
	color: #fff;
	border-color: var(--wsp-dark);
	background: var(--wsp-dark);
	box-shadow: 0 30px 70px rgba(7, 25, 48, .22);
}
.wsp-section-type-pricing .wsp-price-grid article > span {
	font-size: 13px;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.wsp-section-type-pricing .wsp-price-grid article > strong {
	font-family: var(--wsp-display);
	font-size: clamp(38px, 3vw, 54px);
	font-weight: 500;
}
.wsp-section-type-pricing .wsp-price-grid .wsp-btn { margin-top: auto; }

/* 13 FAQ */
.wsp-section-type-faq { background: #fff; }
.wsp-section-type-faq .wsp-section {
	padding: 140px 0;
	display: grid;
	grid-template-columns: .7fr 1.3fr;
	align-items: start;
	gap: clamp(60px, 8vw, 140px);
}
.wsp-section-type-faq .wsp-heading { position: sticky; top: 130px; }
.wsp-section-type-faq .wsp-faq { border-top: 1px solid var(--ws-ink); }
.wsp-section-type-faq .wsp-faq details {
	border: 0;
	border-bottom: 1px solid var(--ws-line);
	border-radius: 0;
}
.wsp-section-type-faq .wsp-faq summary { padding: 26px 4px; font-size: 18px; }
.wsp-section-type-faq .wsp-faq details p { padding: 0 56px 28px 4px; }

/* 14 CTA */
.wsp-section-type-cta { padding: 110px 0; background: var(--wsp-soft); }
.ws-project-page .wsp-cta {
	min-height: 520px;
	padding: 90px clamp(28px, 8vw, 130px);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 2px;
	background:
		linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
		var(--wsp-dark);
	background-size: 56px 56px;
	clip-path: polygon(0 0, calc(100% - 54px) 0, 100% 54px, 100% 100%, 54px 100%, 0 calc(100% - 54px));
}
.ws-project-page .wsp-cta h2 { max-width: 1000px; font-size: clamp(48px, 5.5vw, 86px); }

/* 15 Contact */
.wsp-section-type-contact { background: #fff; }
.ws-project-page .wsp-contact {
	padding: 140px 0;
	grid-template-columns: .78fr 1.22fr;
	align-items: start;
}
.ws-project-page .wsp-contact > div:first-child { position: sticky; top: 130px; padding-top: 24px; }
.ws-project-page .wsp-contact > div:first-child > a {
	padding: 14px 0;
	border-bottom: 1px solid var(--ws-line);
	text-decoration: none;
}
.ws-project-page .wsp-contact form,
.ws-project-page .wsp-form-locked {
	padding: clamp(30px, 4vw, 58px);
	border-radius: 2px;
	background: var(--wsp-soft);
}
.ws-project-page .wsp-contact input,
.ws-project-page .wsp-contact textarea,
.ws-project-page .wsp-contact select {
	border: 0;
	border-bottom: 1px solid #b9c6d6;
	border-radius: 0;
	background: transparent;
}

/* 16 Posts */
.wsp-section-type-posts { background: var(--wsp-soft); }
.wsp-section-type-posts .wsp-section { padding: 140px 0; }
.wsp-section-type-posts .wsp-card-grid {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 24px;
}
.wsp-section-type-posts .wsp-card-grid article {
	min-height: 330px;
	padding: 30px;
	border-radius: 2px;
	background: #fff;
}
.wsp-section-type-posts .wsp-card-grid article:first-child { grid-row: span 2; }
.wsp-section-type-posts .wsp-card-grid article:first-child .wsp-media {
	height: 360px;
	min-height: 360px;
}
.wsp-section-type-posts .wsp-card-grid article:not(:first-child) {
	display: grid;
	grid-template-columns: 190px minmax(0, 1fr);
	align-content: start;
	column-gap: 26px;
}
.wsp-section-type-posts .wsp-card-grid article:not(:first-child) .wsp-media {
	width: 190px;
	height: 190px;
	min-height: 190px;
	margin: 0;
	grid-row: 1 / 5;
}
.wsp-section-type-posts .wsp-card-grid article > .wsp-media { border-radius: 0; }
.wsp-post-meta {
	margin: 0 0 15px;
	display: flex;
	gap: 16px;
	color: var(--ws-muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.wsp-section-type-posts .wsp-card-grid article > a {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--ws-primary);
	font-weight: 800;
	text-decoration: none;
}

/* 17 Shop categories */
.wsp-section-type-shop_categories { background: #fff; }
.wsp-section-type-shop_categories .wsp-section { padding: 140px 0; }
.wsp-section-type-shop_categories .wsp-shop-categories {
	grid-template-columns: 1.15fr .85fr .85fr;
	gap: 20px;
}
.wsp-section-type-shop_categories .wsp-shop-categories article {
	min-height: 510px;
	padding: 0;
	position: relative;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	border: 0;
	border-radius: 2px;
	background: var(--wsp-dark);
}
.wsp-section-type-shop_categories .wsp-shop-categories article:nth-child(2) { margin-top: 70px; }
.wsp-section-type-shop_categories .wsp-shop-categories .wsp-media {
	position: absolute;
	inset: 0;
	height: 100%;
	min-height: 100%;
	margin: 0;
	border: 0;
	border-radius: 0;
}
.wsp-section-type-shop_categories .wsp-shop-categories .wsp-media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(transparent 42%, rgba(3,17,35,.9));
}
.wsp-section-type-shop_categories .wsp-shop-categories h3,
.wsp-section-type-shop_categories .wsp-shop-categories a {
	position: relative;
	z-index: 2;
	margin-left: 28px;
	margin-right: 28px;
	color: #fff;
}
.wsp-section-type-shop_categories .wsp-shop-categories a {
	margin-bottom: 30px;
	color: #bcd6ff;
	font-weight: 800;
	text-decoration: none;
}

/* 18 Products */
.wsp-section-type-featured_products { background: var(--wsp-soft); }
.wsp-section-type-featured_products .wsp-section { padding: 140px 0; }
.wsp-section-type-featured_products .wsp-product-grid {
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}
.wsp-section-type-featured_products .wsp-product-grid article {
	padding: 18px;
	border-radius: 2px;
}
.wsp-section-type-featured_products .wsp-product-grid article:nth-child(even) { margin-top: 34px; }
.wsp-section-type-featured_products .wsp-product-grid .wsp-media {
	height: 290px;
	min-height: 290px;
	margin: -18px -18px 22px;
	border: 0;
	border-radius: 0;
	background: #e9edf2;
}
.wsp-section-type-featured_products .wsp-product-grid h3 {
	font-family: var(--wsp-display);
	font-size: 23px;
	font-weight: 500;
}

/* 19 Shop benefits */
.wsp-section-type-shop_benefits { padding: 0 0 100px; background: var(--wsp-soft); }
.ws-project-page .wsp-shop-benefits {
	padding: 0;
	gap: 0;
	border-radius: 2px;
	overflow: hidden;
}
.ws-project-page .wsp-shop-benefits article {
	min-height: 150px;
	padding: 34px;
	flex: 1;
	border-right: 1px solid var(--ws-line);
}
.ws-project-page .wsp-shop-benefits article:last-child { border-right: 0; }
.ws-project-page .wsp-shop-benefits article > svg { width: 34px; height: 34px; }

/* 20 Footer */
.wsp-section-type-footer { padding-top: 1px; background: var(--wsp-dark); }
.ws-project-page .wsp-footer {
	width: min(1540px, calc(100% - 48px));
	margin-top: 90px;
	padding: 0;
	border: 1px solid rgba(255,255,255,.13);
	border-bottom: 0;
	border-radius: 2px 2px 0 0;
	background: linear-gradient(145deg, rgba(22,119,255,.09), transparent 44%), #071c36;
}
.ws-project-page .wsp-footer-main {
	padding: 72px;
	grid-template-columns: 1.15fr .75fr .9fr;
	gap: clamp(50px, 7vw, 120px);
}
.ws-project-page .wsp-footer-brand strong {
	font-family: var(--wsp-display);
	font-size: 30px;
	font-weight: 500;
}
.ws-project-page .wsp-footer-note { border-radius: 2px; background: rgba(255,255,255,.045); }
.ws-project-page .wsp-footer-bottom { min-height: 76px; padding: 18px 72px; }

@media (max-width: 1100px) {
	.ws-project-page .wsp-hero { grid-template-columns: 1fr 1fr; }
	.wsp-section-type-services .wsp-section,
	.wsp-section-type-faq .wsp-section { grid-template-columns: 1fr; }
	.wsp-section-type-services .wsp-heading,
	.wsp-section-type-faq .wsp-heading,
	.ws-project-page .wsp-contact > div:first-child { position: static; }
	.wsp-section-type-featured_products .wsp-product-grid { grid-template-columns: repeat(2, 1fr); }
	.wsp-section-type-posts .wsp-card-grid article:not(:first-child) { grid-template-columns: 140px minmax(0, 1fr); }
	.wsp-section-type-posts .wsp-card-grid article:not(:first-child) .wsp-media { width: 140px; }
}

@media (max-width: 800px) {
	.wsp-section-type-hero { padding-top: 94px; }
	.ws-project-page .wsp-hero,
	.ws-project-page .wsp-split,
	.ws-project-page .wsp-contact {
		min-height: 0;
		padding: 86px 0;
		grid-template-columns: 1fr;
		gap: 48px;
	}
	.ws-project-page .wsp-hero { display: flex; flex-direction: column; }
	.ws-project-page .wsp-hero .wsp-media,
	.ws-project-page .wsp-split .wsp-media { width: 100%; min-height: 440px; }
	.wsp-section-type-services .wsp-card-grid,
	.wsp-section-type-testimonials .wsp-testimonials,
	.wsp-section-type-portfolio .wsp-portfolio-grid,
	.wsp-section-type-shop_categories .wsp-shop-categories,
	.wsp-section-type-posts .wsp-card-grid { grid-template-columns: 1fr; }
	.wsp-section-type-services .wsp-card-grid article:nth-child(3n),
	.wsp-section-type-portfolio .wsp-portfolio-grid article:nth-child(3n) { grid-column: auto; display: block; }
	.wsp-section-type-process .wsp-process-grid { grid-template-columns: 1fr; }
	.wsp-section-type-process .wsp-process-grid article,
	.wsp-section-type-process .wsp-process-grid article:first-child {
		min-height: 0;
		border: 0;
		border-bottom: 1px solid var(--ws-line);
	}
	.wsp-section-type-process .wsp-process-grid article > span { margin-bottom: 30px; }
	.ws-project-page .wsp-stats,
	.ws-project-page .wsp-shop-benefits { display: grid; grid-template-columns: repeat(2, 1fr); }
	.wsp-section-type-team .wsp-team-grid article:nth-child(2),
	.wsp-section-type-shop_categories .wsp-shop-categories article:nth-child(2),
	.wsp-section-type-featured_products .wsp-product-grid article:nth-child(even) { margin-top: 0; }
	.ws-project-page .wsp-comparison { grid-template-columns: 1fr; }
	.wsp-section-type-pricing .wsp-price-grid { grid-template-columns: 1fr; gap: 16px; }
	.wsp-section-type-pricing .wsp-price-grid article.is-featured { margin: 0; }
	.wsp-section-type-posts .wsp-card-grid article:first-child { grid-row: auto; }
	.wsp-section-type-posts .wsp-card-grid article:not(:first-child) { grid-template-columns: 180px minmax(0, 1fr); }
	.ws-project-page .wsp-footer-main { padding: 50px 34px; }
	.ws-project-page .wsp-footer-bottom { padding: 18px 34px; }
}

@media (max-width: 560px) {
	.ws-project-page .wsp-header { width: calc(100% - 24px); top: 10px; }
	.wsp-section-type-hero { padding-top: 76px; }
	.ws-project-page .wsp-hero,
	.ws-project-page .wsp-split,
	.ws-project-page .wsp-contact,
	.ws-project-page .wsp-section,
	.ws-project-page .wsp-trust,
	.ws-project-page .wsp-stats,
	.ws-project-page .wsp-shop-benefits,
	.ws-project-page .wsp-cta,
	.ws-project-page .wsp-footer { width: calc(100% - 28px); }
	.ws-project-page .wsp-hero h1 { font-size: clamp(48px, 15vw, 68px); }
	.ws-project-page .wsp-heading h2,
	.ws-project-page .wsp-split h2,
	.ws-project-page .wsp-contact h2,
	.ws-project-page .wsp-cta h2,
	.ws-project-page .wsp-comparison h2 { font-size: clamp(40px, 12vw, 58px); }
	.ws-project-page .wsp-hero .wsp-media,
	.ws-project-page .wsp-split .wsp-media { min-height: 340px; }
	.ws-project-page .wsp-trust { align-items: flex-start; flex-direction: column; }
	.ws-project-page .wsp-trust > div {
		align-items: flex-start;
		flex-direction: column;
		gap: 14px;
	}
	.ws-project-page .wsp-stats,
	.ws-project-page .wsp-shop-benefits { grid-template-columns: 1fr; }
	.ws-project-page .wsp-stats article,
	.ws-project-page .wsp-shop-benefits article {
		border-right: 0;
		border-bottom: 1px solid var(--ws-line);
	}
	.wsp-section-type-testimonials .wsp-testimonials article { min-height: 320px; }
	.wsp-section-type-team .wsp-team-grid,
	.wsp-section-type-featured_products .wsp-product-grid { grid-template-columns: 1fr; }
	.wsp-section-type-comparison .wsp-comparison-list article > div { grid-template-columns: 1fr; }
	.wsp-section-type-posts .wsp-card-grid article:not(:first-child) { display: flex; }
	.wsp-section-type-posts .wsp-card-grid article:not(:first-child) .wsp-media {
		width: auto;
		height: 220px;
		min-height: 220px;
		margin: -30px -30px 20px;
	}
	.wsp-section-type-shop_categories .wsp-shop-categories article { min-height: 430px; }
	.ws-project-page .wsp-footer { margin-top: 50px; }
}

/* 0.5.52 viewport-safe project offcanvas */
@media (max-width: 700px) {
	html.wsp-menu-open,
	body.wsp-menu-open {
		width: 100%;
		overflow: hidden;
		overscroll-behavior: none;
	}

	.wsp-offcanvas-backdrop {
		width: 100%;
		height: 100%;
		padding: 0;
		display: block;
		position: fixed;
		z-index: 9998;
		inset: 0;
		border: 0;
		background: rgba(7, 18, 32, .58);
		opacity: 0;
		transition: opacity .22s ease;
	}

	.wsp-offcanvas {
		width: min(88%, 390px);
		max-width: 100%;
		height: 100vh;
		height: 100dvh;
		max-height: 100vh;
		max-height: 100dvh;
		padding: max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) 20px;
		display: flex;
		position: fixed;
		z-index: 9999;
		inset: 0 0 0 auto;
		align-items: stretch;
		flex-direction: column;
		color: var(--ws-ink);
		background: #fff;
		box-shadow: -24px 0 60px rgba(7, 18, 32, .22);
		transform: translate3d(104%, 0, 0);
		transition: transform .24s ease;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	.wsp-offcanvas-backdrop.is-open { opacity: 1; }
	.wsp-offcanvas.is-open { transform: translate3d(0, 0, 0); }

	.wsp-offcanvas .wsp-offcanvas-head {
		flex: 0 0 auto;
		min-width: 0;
	}

	.wsp-offcanvas .wsp-brand {
		min-width: 0;
		max-width: calc(100% - 58px);
	}

	.wsp-offcanvas .wsp-brand > span:last-child,
	.wsp-offcanvas nav a > span {
		min-width: 0;
		overflow-wrap: anywhere;
	}

	.wsp-offcanvas nav {
		margin: 24px 0;
		display: grid;
		gap: 5px;
	}

	.wsp-offcanvas nav a {
		min-width: 0;
		min-height: 54px;
		padding: 10px 14px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		color: var(--ws-ink);
		border: 1px solid transparent;
		border-radius: 8px;
		background: #f6f8fb;
		font-size: 15px;
		font-weight: 800;
		text-decoration: none;
	}

	.wsp-offcanvas > .wsp-btn { justify-content: center; }
	.wsp-offcanvas > p {
		margin: auto 0 0;
		padding-top: 24px;
		display: flex;
		align-items: center;
		gap: 8px;
		color: var(--ws-muted);
		font-size: 11px;
	}
}

/* 0.5.38 larger service media and composed real-product visuals */
.wsp-section-type-services .wsp-card-grid article > .wsp-media {
	height: 260px;
	min-height: 260px;
}

.wsp-section-type-services .wsp-card-grid article:nth-child(3n) > .wsp-media {
	height: 330px;
	min-height: 330px;
}

.ws-marketing .ws-ui-composition {
	position: relative;
	isolation: isolate;
	overflow: visible;
}

.ws-marketing .ws-ui-composition::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 12% -3% -5% 8%;
	border-radius: 24px;
	background: radial-gradient(circle at 72% 34%, rgba(22,119,255,.2), transparent 48%);
	filter: blur(22px);
	pointer-events: none;
}

.ws-marketing .ws-product-shot-bar {
	border-radius: 12px 12px 0 0;
}

.ws-marketing .ws-ui-screen {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(rgba(22,119,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(22,119,255,.035) 1px, transparent 1px),
		#eef4fa;
	background-size: 34px 34px;
}

.ws-marketing .ws-ui-screen > img {
	width: 100%;
	aspect-ratio: 16 / 9;
	display: block;
	object-fit: cover;
	object-position: center top;
}

.ws-marketing .ws-ui-screen > img[hidden] {
	display: none;
}

.ws-marketing .ws-ui-callout,
.ws-marketing .ws-ui-status,
.ws-marketing .ws-ui-module-row {
	position: absolute;
	z-index: 4;
	box-shadow: 0 18px 42px rgba(7, 26, 49, .22);
	backdrop-filter: blur(12px);
}

.ws-marketing .ws-ui-callout {
	right: 22px;
	bottom: 22px;
	max-width: 310px;
	padding: 15px 17px;
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	gap: 11px;
	color: #14243b;
	border: 1px solid rgba(186, 207, 231, .95);
	border-radius: 12px;
	background: rgba(255,255,255,.94);
}

.ws-marketing .ws-product-shot-hero .ws-ui-callout {
	bottom: 92px;
}

.ws-marketing .ws-ui-callout > svg {
	width: 38px;
	height: 38px;
	padding: 9px;
	color: #fff;
	border-radius: 9px;
	background: linear-gradient(145deg, #1677ff, #0c5fd1);
}

.ws-marketing .ws-ui-callout span,
.ws-marketing .ws-ui-callout strong,
.ws-marketing .ws-ui-callout small {
	display: block;
}

.ws-marketing .ws-ui-callout strong {
	font-size: 13px;
}

.ws-marketing .ws-ui-callout small {
	margin-top: 3px;
	color: #65768c;
	font-size: 11px;
	line-height: 1.4;
}

.ws-marketing .ws-ui-status {
	top: 70px;
	right: 18px;
	min-height: 34px;
	padding: 0 12px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #0e654c;
	border: 1px solid rgba(96, 211, 169, .55);
	border-radius: 999px;
	background: rgba(241,255,249,.94);
	font-size: 11px;
	font-weight: 850;
}

.ws-marketing .ws-ui-status > svg {
	width: 15px;
	height: 15px;
}

.ws-marketing .ws-ui-status-left {
	right: auto;
	left: 18px;
}

.ws-marketing .ws-ui-status-guard {
	color: #d6fff0;
	border-color: rgba(70, 224, 164, .42);
	background: rgba(10, 62, 49, .88);
}

.ws-marketing .ws-ui-module-row {
	right: 20px;
	bottom: 20px;
	padding: 7px;
	display: flex;
	gap: 6px;
	border: 1px solid rgba(190, 207, 228, .9);
	border-radius: 11px;
	background: rgba(255,255,255,.93);
}

.ws-marketing .ws-ui-module-row span {
	min-height: 34px;
	padding: 0 10px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #30445f;
	border-radius: 7px;
	background: #edf5ff;
	font-size: 10px;
	font-weight: 850;
}

.ws-marketing .ws-ui-module-row svg {
	width: 14px;
	height: 14px;
	color: var(--ws-primary);
}

.ws-marketing .ws-product-shot figcaption {
	border-radius: 0 0 12px 12px;
}

@media (min-width: 1680px) {
	.ws-marketing .ws-marketing-hero {
		grid-template-columns: minmax(480px, .72fr) minmax(0, 1.28fr);
		gap: clamp(60px, 5vw, 110px);
	}

	.ws-marketing .ws-marketing-hero h1 {
		font-size: clamp(72px, 4.6vw, 94px);
	}

	.ws-marketing .ws-editor-layout {
		grid-template-columns: minmax(0, 1.85fr) minmax(360px, .65fr);
	}
}

/* 0.5.39 account password recovery */
body.ws-password-page main,
body.ws-password-page .site-main {
	width: min(1320px, calc(100% - 40px)) !important;
	max-width: 1320px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	padding: 64px 0 96px !important;
}

body.ws-password-page .entry-content,
body.ws-password-page .wp-block-post-content {
	width: 100% !important;
	max-width: none !important;
}

body.ws-password-page .woocommerce {
	width: min(820px, 100%) !important;
	max-width: 820px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	border: 1px solid #cad9ea;
	border-radius: 16px;
	background:
		radial-gradient(circle at 100% 0%, rgba(22,119,255,.11), transparent 31%),
		#fff;
	box-shadow: 0 28px 70px rgba(17, 42, 75, .12);
	overflow: hidden;
	box-sizing: border-box;
}

body.ws-password-page .woocommerce,
body.ws-password-page .woocommerce * {
	box-sizing: border-box;
}

.ws-password-intro {
	padding: 42px 44px 34px;
	display: grid;
	grid-template-columns: 62px minmax(0, 1fr);
	align-items: start;
	gap: 20px;
	border-bottom: 1px solid #d9e4ef;
	background:
		linear-gradient(rgba(22,119,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(22,119,255,.035) 1px, transparent 1px),
		linear-gradient(145deg, #f3f8ff, #fff);
	background-size: 32px 32px, 32px 32px, auto;
}

.ws-password-icon {
	width: 62px;
	height: 62px;
	display: grid;
	place-items: center;
	color: #fff;
	border-radius: 14px;
	background: linear-gradient(145deg, #2387ff, #0968df);
	box-shadow: 0 13px 30px rgba(22,119,255,.24);
}

.ws-password-icon svg {
	width: 27px;
	height: 27px;
}

.ws-password-intro .ws-account-kicker {
	margin: 2px 0 8px;
}

.ws-password-intro h1 {
	margin: 0 0 10px !important;
	display: block !important;
	color: #10213a;
	font-size: clamp(34px, 4vw, 48px) !important;
	font-weight: 650;
	line-height: 1.04;
	letter-spacing: -.04em;
}

.ws-password-intro p {
	max-width: 610px;
	margin: 0;
	color: #63758c;
	font-size: 15px;
	line-height: 1.65;
}

body.ws-password-page form.woocommerce-ResetPassword {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 38px 44px 40px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
}

body.ws-password-page form.woocommerce-ResetPassword > p:first-child:not(.form-row) {
	display: none;
}

body.ws-password-page form.woocommerce-ResetPassword .form-row,
body.ws-password-page form.woocommerce-ResetPassword .form-row-first,
body.ws-password-page form.woocommerce-ResetPassword .form-row-last {
	width: 100% !important;
	max-width: none !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
	float: none !important;
}

body.ws-password-page form.woocommerce-ResetPassword label {
	margin-bottom: 8px;
	display: block;
	color: #182944;
	font-size: 13px;
	font-weight: 800;
}

body.ws-password-page form.woocommerce-ResetPassword input.input-text,
body.ws-password-page form.woocommerce-ResetPassword input[type="text"],
body.ws-password-page form.woocommerce-ResetPassword input[type="email"],
body.ws-password-page form.woocommerce-ResetPassword input[type="password"] {
	width: 100% !important;
	height: 56px;
	padding: 0 16px !important;
	color: #10213a;
	border: 1px solid #c7d6e7 !important;
	border-radius: 9px !important;
	background: #fbfdff !important;
	box-shadow: inset 0 1px 2px rgba(15,35,61,.035) !important;
	font-size: 16px;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

body.ws-password-page form.woocommerce-ResetPassword input:focus {
	border-color: #1677ff !important;
	background: #fff !important;
	box-shadow: 0 0 0 4px rgba(22,119,255,.12) !important;
	outline: 0 !important;
}

body.ws-password-page form.woocommerce-ResetPassword button.button {
	min-width: 220px;
	min-height: 54px;
	margin-top: 4px;
	padding: 0 22px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff !important;
	border: 1px solid #0968df !important;
	border-radius: 9px !important;
	background: linear-gradient(145deg, #2387ff, #0968df) !important;
	box-shadow: 0 12px 26px rgba(22,119,255,.22) !important;
	font-size: 14px;
	font-weight: 850;
	transition: transform .18s ease, box-shadow .18s ease;
}

body.ws-password-page form.woocommerce-ResetPassword button.button:hover,
body.ws-password-page form.woocommerce-ResetPassword button.button:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 16px 30px rgba(22,119,255,.28) !important;
}

.ws-password-help {
	margin: 0 44px 40px;
	padding: 16px 18px;
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	color: #25415f;
	border: 1px solid #cce0f7;
	border-radius: 10px;
	background: #f3f8ff;
}

.ws-password-help > svg {
	width: 34px;
	height: 34px;
	padding: 8px;
	color: #1677ff;
	border-radius: 9px;
	background: #e1efff;
}

.ws-password-help strong,
.ws-password-help small {
	display: block;
}

.ws-password-help strong {
	font-size: 12px;
}

.ws-password-help small {
	margin-top: 3px;
	color: #667b93;
	font-size: 11px;
	line-height: 1.5;
}

.ws-password-back {
	margin: -20px 44px 38px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #526a85 !important;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none !important;
}

.ws-password-back:hover,
.ws-password-back:focus-visible {
	color: #1677ff !important;
}

.ws-password-back svg {
	width: 15px;
	height: 15px;
}

body.ws-password-page .woocommerce-message,
body.ws-password-page .woocommerce-info,
body.ws-password-page .woocommerce-error {
	margin: 36px 44px !important;
}

@media (max-width: 620px) {
	body.ws-password-page main,
	body.ws-password-page .site-main {
		width: calc(100% - 28px) !important;
		padding: 28px 0 64px !important;
	}

	.ws-password-intro {
		padding: 28px 22px 24px;
		grid-template-columns: 48px minmax(0, 1fr);
		gap: 14px;
	}

	.ws-password-icon {
		width: 48px;
		height: 48px;
		border-radius: 11px;
	}

	.ws-password-icon svg {
		width: 22px;
		height: 22px;
	}

	.ws-password-intro h1 {
		font-size: 34px !important;
	}

	.ws-password-intro p {
		grid-column: 1 / -1;
	}

	body.ws-password-page form.woocommerce-ResetPassword {
		padding: 26px 22px 28px !important;
	}

	body.ws-password-page form.woocommerce-ResetPassword button.button {
		width: 100%;
		min-width: 0;
	}

	.ws-password-help {
		margin: 0 22px 28px;
	}

	.ws-password-back {
		margin: -10px 22px 28px;
	}

	body.ws-password-page .woocommerce-message,
	body.ws-password-page .woocommerce-info,
	body.ws-password-page .woocommerce-error {
		margin: 24px 22px !important;
	}
}

@media (max-width: 800px) {
	.wsp-section-type-services .wsp-card-grid article > .wsp-media,
	.wsp-section-type-services .wsp-card-grid article:nth-child(3n) > .wsp-media {
		height: 240px;
		min-height: 240px;
	}

	.ws-marketing .ws-ui-callout {
		right: 12px;
		bottom: 12px;
		max-width: calc(100% - 24px);
	}

	.ws-marketing .ws-product-shot-hero .ws-ui-callout {
		bottom: 82px;
	}

	.ws-marketing .ws-ui-module-row {
		right: 10px;
		bottom: 10px;
	}
}

@media (max-width: 560px) {
	.ws-marketing {
		--ws-marketing-width: 100%;
	}

	.ws-marketing .ws-ui-status,
	.ws-marketing .ws-ui-callout,
	.ws-marketing .ws-ui-module-row {
		display: none;
	}

	.wsp-section-type-services .wsp-card-grid article > .wsp-media,
	.wsp-section-type-services .wsp-card-grid article:nth-child(3n) > .wsp-media {
		height: 220px;
		min-height: 220px;
	}
}

/* Stable customer media frames: uploaded image dimensions never resize sections. */
.ws-project-page .wsp-media {
	height: 510px;
	min-height: 0;
}

.ws-project-page .wsp-card-grid article > .wsp-media,
.ws-project-page .wsp-shop-categories article > .wsp-media,
.ws-project-page .wsp-product-grid article > .wsp-media {
	height: 160px;
	min-height: 0;
}

.ws-project-page .wsp-section-type-services .wsp-card-grid article > .wsp-media {
	height: 260px;
	min-height: 0;
}

.ws-project-page .wsp-section-type-services .wsp-card-grid article:nth-child(3n) > .wsp-media {
	height: 330px;
	min-height: 0;
}

.ws-project-page .wsp-split > .wsp-media {
	height: 590px;
	min-height: 0;
}

.ws-project-page .wsp-testimonial-author .wsp-media {
	width: 52px;
	height: 52px;
	min-height: 0;
}

.ws-project-page .wsp-section-type-portfolio .wsp-portfolio-grid .wsp-media {
	height: 430px;
	min-height: 0;
}

.ws-project-page .wsp-section-type-portfolio .wsp-portfolio-grid article:nth-child(3n) .wsp-media {
	height: 360px;
	min-height: 0;
}

.ws-project-page .wsp-section-type-team .wsp-team-grid .wsp-media {
	height: 470px;
	min-height: 0;
}

.ws-project-page .wsp-section-type-posts .wsp-card-grid article:first-child .wsp-media {
	height: 360px;
	min-height: 0;
}

.ws-project-page .wsp-section-type-posts .wsp-card-grid article:not(:first-child) .wsp-media {
	height: 190px;
	min-height: 0;
}

.ws-project-page .wsp-section-type-featured_products .wsp-product-grid .wsp-media {
	height: 290px;
	min-height: 0;
}

@media (max-width: 800px) {
	.ws-project-page .wsp-section-type-services .wsp-card-grid article > .wsp-media,
	.ws-project-page .wsp-section-type-services .wsp-card-grid article:nth-child(3n) > .wsp-media {
		height: 240px;
	}

	.ws-project-page .wsp-split > .wsp-media,
	.ws-project-page .wsp-section-type-team .wsp-team-grid .wsp-media,
	.ws-project-page .wsp-section-type-portfolio .wsp-portfolio-grid .wsp-media,
	.ws-project-page .wsp-section-type-portfolio .wsp-portfolio-grid article:nth-child(3n) .wsp-media {
		height: 380px;
	}
}

@media (max-width: 560px) {
	.ws-project-page .wsp-media {
		height: 330px;
	}

	.ws-project-page .wsp-section-type-services .wsp-card-grid article > .wsp-media,
	.ws-project-page .wsp-section-type-services .wsp-card-grid article:nth-child(3n) > .wsp-media {
		height: 220px;
	}

	.ws-project-page .wsp-section-type-posts .wsp-card-grid article:not(:first-child) .wsp-media {
		height: 220px;
	}
}

/* Webrox project proof strip */
.ws-marketing .ws-partner-strip {
	padding: 30px 0 36px;
	overflow: hidden;
	border-top: 1px solid #dce5f0;
	border-bottom: 1px solid #dce5f0;
	background: #f8fafd;
}

.ws-marketing .ws-partner-strip-heading {
	width: min(1920px, calc(100% - 80px));
	margin: 0 auto 22px;
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 28px;
}

.ws-marketing .ws-partner-strip-heading h2 {
	max-width: 680px;
	margin: 5px 0 0;
	color: #111f34;
	font-size: clamp(20px, 2vw, 28px);
	letter-spacing: -.025em;
}

.ws-marketing .ws-partner-marquee {
	width: 100%;
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}

.ws-marketing .ws-partner-track {
	width: max-content;
	display: flex;
	gap: 12px;
	animation: ws-partner-scroll 58s linear infinite;
}

.ws-marketing .ws-partner-track:hover {
	animation-play-state: paused;
}

.ws-marketing .ws-partner-track a {
	width: 170px;
	height: 82px;
	padding: 14px 18px;
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	border: 1px solid #d8e2ee;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(17, 31, 52, .045);
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ws-marketing .ws-partner-track a:hover {
	border-color: #a8c7ec;
	box-shadow: 0 10px 24px rgba(17, 31, 52, .09);
	transform: translateY(-2px);
}

.ws-marketing .ws-partner-track img {
	max-width: 100%;
	max-height: 48px;
	object-fit: contain;
	filter: grayscale(1);
	opacity: .78;
	transition: filter .18s ease, opacity .18s ease;
}

.ws-marketing .ws-partner-track a:hover img {
	filter: none;
	opacity: 1;
}

@keyframes ws-partner-scroll {
	to { transform: translateX(calc(-50% - 6px)); }
}

@media (max-width: 760px) {
	.ws-marketing .ws-partner-strip-heading {
		width: calc(100% - 36px);
	}

	.ws-marketing .ws-partner-track a {
		width: 142px;
		height: 72px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ws-marketing .ws-partner-track {
		animation: none;
	}

	.ws-marketing .ws-partner-marquee {
		overflow-x: auto;
		mask-image: none;
	}
}

/* Cross-product path: Webrox Strani + Webrox Guard */
.ws-marketing .ws-inline-more {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	margin-left: 4px;
	color: #0867e8;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
}

.ws-marketing .ws-inline-more svg {
	width: 14px;
	height: 14px;
}

.ws-marketing .ws-inline-more:hover,
.ws-marketing .ws-inline-more:focus-visible {
	color: #0b2342;
}

.ws-marketing .ws-guard-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	margin-top: 24px;
}

.ws-marketing .ws-guard-actions .ws-public-button {
	min-height: 48px;
}

.ws-marketing .ws-guard-pricing-note {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	margin: 22px 0 26px;
	padding: 17px 19px;
	border: 1px solid #b9d4fa;
	border-radius: 17px;
	background: #f3f8ff;
	color: #0c2444;
}

.ws-marketing .ws-guard-pricing-note > svg {
	width: 42px;
	height: 42px;
	padding: 10px;
	border-radius: 12px;
	background: #0867e8;
	color: #fff;
}

.ws-marketing .ws-guard-pricing-note > span {
	display: grid;
	gap: 3px;
}

.ws-marketing .ws-guard-pricing-note strong,
.ws-marketing .ws-guard-pricing-note small {
	display: block;
}

.ws-marketing .ws-guard-pricing-note small {
	color: #5c6f88;
	font-size: 14px;
	line-height: 1.5;
}

.ws-marketing .ws-guard-pricing-note > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #0867e8;
	font-weight: 850;
	text-decoration: none;
	white-space: nowrap;
}

.ws-marketing .ws-guard-pricing-note > a svg {
	width: 15px;
	height: 15px;
}

.ws-marketing .ws-guard-pricing-note > a:hover,
.ws-marketing .ws-guard-pricing-note > a:focus-visible {
	color: #0b2342;
}

.ws-marketing .ws-price-grid li strong {
	color: #0b2342;
	font-weight: 850;
}

.ws-marketing .ws-public-faq p a {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	color: #0867e8;
	font-weight: 800;
	text-decoration: none;
}

.ws-marketing .ws-public-faq p a svg {
	width: 14px;
	height: 14px;
}

@media (max-width: 760px) {
	.ws-marketing .ws-guard-pricing-note {
		grid-template-columns: auto minmax(0, 1fr);
		align-items: start;
		padding: 16px;
	}

	.ws-marketing .ws-guard-pricing-note > a {
		grid-column: 1 / -1;
		justify-content: center;
		white-space: normal;
	}

	.ws-marketing .ws-guard-actions {
		align-items: stretch;
	}

	.ws-marketing .ws-guard-actions > a {
		justify-content: center;
		width: 100%;
		text-align: center;
	}
}

/* Project legal pages */
.ws-project-page .wsp-footer-bottom {
	gap: 18px;
	flex-wrap: wrap;
}
.wsp-footer-legal {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px 16px;
}
.wsp-footer-legal a {
	color: #9fb1c5;
	font-size: 11px;
	text-decoration: none;
}
.wsp-footer-legal a:hover,
.wsp-footer-legal a:focus-visible { color: #fff; }
.ws-cms-public.ws-project-page .wsp-legal-main {
	width: min(1380px,calc(100% - 64px));
	margin: 150px auto 90px;
	padding: 0;
	display: grid;
	grid-template-columns: 280px minmax(0,1fr);
	align-items: start;
	gap: 24px;
	background: transparent;
}
.wsp-legal-nav {
	padding: 14px;
	display: grid;
	gap: 5px;
	position: sticky;
	top: 128px;
	border: 1px solid rgba(255,255,255,.11);
	border-radius: 4px;
	background: rgba(9,27,48,.8);
	backdrop-filter: blur(14px);
}
.wsp-legal-nav a {
	padding: 12px 13px;
	color: #afc0d2;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 750;
	text-decoration: none;
}
.wsp-legal-nav a:hover,
.wsp-legal-nav a:focus-visible,
.wsp-legal-nav a.is-active {
	color: #fff;
	background: rgba(255,255,255,.09);
}
.ws-cms-public.ws-project-page .wsp-cms-article.is-legal-document {
	width: 100%;
	margin: 0;
	padding: clamp(32px,5vw,72px);
	color: var(--ws-ink);
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 28px 80px rgba(0,0,0,.2);
}
.wsp-cms-article.is-legal-document > header {
	max-width: 900px;
	margin-bottom: 36px;
}
.wsp-cms-article.is-legal-document > header h1 {
	color: var(--ws-ink);
	font-family: var(--wsp-display);
	font-size: clamp(42px,5vw,72px);
}
.wsp-cms-article.is-legal-document .wsp-cms-copy {
	max-width: 920px;
	color: #3d4b5d;
}
.wsp-cms-article.is-legal-document .wsp-cms-copy h2 {
	margin: 38px 0 12px;
	color: var(--ws-ink);
	font-family: var(--wsp-display);
	font-size: clamp(25px,2.4vw,35px);
}
.wsp-cms-article.is-legal-document .wsp-cms-copy p,
.wsp-cms-article.is-legal-document .wsp-cms-copy li {
	font-size: 16px;
	line-height: 1.8;
}
@media (max-width:900px) {
	.ws-cms-public.ws-project-page .wsp-legal-main {
		width: min(100% - 32px,760px);
		margin-top: 125px;
		grid-template-columns: 1fr;
	}
	.wsp-legal-nav {
		position: static;
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}
@media (max-width:560px) {
	.ws-cms-public.ws-project-page .wsp-legal-main {
		width: calc(100% - 24px);
		margin-top: 105px;
	}
	.wsp-legal-nav { grid-template-columns: 1fr; }
	.ws-cms-public.ws-project-page .wsp-cms-article.is-legal-document { padding: 28px 20px; }
	.wsp-footer-legal { width: 100%; justify-content: flex-start; }
}

/* Mobile-first public project system 0.5.53 */
.wsp-slider-controls {
	display: none;
}

.wsp-offcanvas[hidden],
.wsp-offcanvas-backdrop[hidden] {
	display: none !important;
}

@media (max-width: 960px) {
	.ws-project-page {
		overflow-x: hidden;
	}

	.ws-project-page .wsp-section,
	.ws-project-page .wsp-hero,
	.ws-project-page .wsp-split,
	.ws-project-page .wsp-contact,
	.ws-project-page .wsp-trust,
	.ws-project-page .wsp-stats,
	.ws-project-page .wsp-shop-benefits,
	.ws-project-page .wsp-cta,
	.ws-project-page .wsp-footer {
		width: min(100% - 40px, 760px);
	}

	.wsp-section-type-services .wsp-section,
	.wsp-section-type-faq .wsp-section {
		display: block;
	}

	.wsp-section-type-services .wsp-heading,
	.wsp-section-type-faq .wsp-heading,
	.ws-project-page .wsp-contact > div:first-child {
		position: static;
	}

	.ws-project-page .wsp-heading {
		max-width: 680px;
		margin-bottom: 40px;
	}

	.ws-project-page .wsp-heading h2,
	.ws-project-page .wsp-split h2,
	.ws-project-page .wsp-contact h2,
	.ws-project-page .wsp-cta h2,
	.ws-project-page .wsp-comparison h2 {
		font-size: clamp(40px, 7.2vw, 64px);
	}
}

@media (max-width: 760px) {
	html:has(body.ws-project-page),
	body.ws-project-page {
		max-width: 100%;
		overflow-x: clip;
	}

	.ws-project-page {
		--wsp-mobile-gutter: 18px;
		--wsp-mobile-width: calc(100% - (var(--wsp-mobile-gutter) * 2));
	}

	.ws-project-page .wsp-section,
	.ws-project-page .wsp-hero,
	.ws-project-page .wsp-split,
	.ws-project-page .wsp-contact,
	.ws-project-page .wsp-trust,
	.ws-project-page .wsp-stats,
	.ws-project-page .wsp-shop-benefits,
	.ws-project-page .wsp-cta,
	.ws-project-page .wsp-footer {
		width: var(--wsp-mobile-width);
	}

	.ws-project-page .wsp-section {
		padding: 76px 0;
	}

	.ws-project-page .wsp-kicker {
		gap: 10px;
		font-size: 10px;
		letter-spacing: .15em;
	}

	.ws-project-page .wsp-kicker::after {
		width: 28px;
	}

	.ws-project-page .wsp-heading {
		margin-bottom: 30px;
	}

	.ws-project-page .wsp-heading h2,
	.ws-project-page .wsp-split h2,
	.ws-project-page .wsp-contact h2,
	.ws-project-page .wsp-cta h2,
	.ws-project-page .wsp-comparison h2 {
		margin-top: 14px;
		font-size: clamp(35px, 10vw, 48px);
		line-height: 1.02;
		overflow-wrap: anywhere;
	}

	.ws-project-page p,
	.ws-project-page li,
	.ws-project-page a,
	.ws-project-page strong,
	.ws-project-page span {
		overflow-wrap: anywhere;
	}

	.ws-project-page .wsp-btn {
		min-height: 50px;
		justify-content: center;
	}

	/* Hero */
	.wsp-section-type-hero {
		padding: 94px 0 0;
	}

	.wsp-section-type-hero::before {
		width: 360px;
		height: 360px;
		right: -210px;
		top: 30px;
		box-shadow: 0 0 0 54px rgba(255,255,255,.016), 0 0 0 108px rgba(255,255,255,.01);
	}

	.ws-project-page .wsp-hero {
		min-height: 0;
		padding: 72px 0 54px;
		gap: 42px;
	}

	.ws-project-page .wsp-hero h1 {
		margin: 18px 0 24px;
		font-size: clamp(43px, 13vw, 62px);
		line-height: .96;
		overflow-wrap: anywhere;
	}

	.ws-project-page .wsp-hero p {
		font-size: 16px;
		line-height: 1.65;
	}

	.ws-project-page .wsp-actions {
		margin-top: 27px;
		align-items: stretch;
		flex-direction: column;
		gap: 12px;
	}

	.ws-project-page .wsp-actions .wsp-link {
		min-height: 48px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 1px solid rgba(255,255,255,.2);
	}

	.ws-project-page .wsp-hero .wsp-media {
		height: clamp(300px, 93vw, 430px);
		min-height: 0;
		box-shadow: -10px 12px 0 rgba(255,255,255,.035), 0 24px 54px rgba(0,0,0,.3);
		clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 0 100%);
	}

	/* Trust */
	.wsp-section-type-trust {
		padding: 0 0 18px;
	}

	.ws-project-page .wsp-trust {
		min-height: 0;
		padding: 24px 20px;
		align-items: stretch;
		flex-direction: column;
		gap: 20px;
	}

	.ws-project-page .wsp-trust > strong {
		max-width: none;
		font-size: 21px;
	}

	.ws-project-page .wsp-trust > div {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
	}

	.ws-project-page .wsp-trust span {
		min-height: 44px;
		padding: 10px 0;
		border-top: 1px solid rgba(255,255,255,.11);
		white-space: normal;
	}

	/* Swipe sliders */
	.ws-project-page .wsp-mobile-slider {
		width: calc(100% + var(--wsp-mobile-gutter));
		margin-right: calc(var(--wsp-mobile-gutter) * -1);
		padding: 4px var(--wsp-mobile-gutter) 18px 0;
		display: flex !important;
		align-items: stretch;
		gap: 14px !important;
		grid-template-columns: none !important;
		scroll-padding-inline: 0 var(--wsp-mobile-gutter);
		scroll-snap-type: x mandatory;
		overflow-x: auto;
		overflow-y: visible;
		overscroll-behavior-inline: contain;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.ws-project-page .wsp-mobile-slider::-webkit-scrollbar {
		display: none;
	}

	.ws-project-page .wsp-mobile-slider > article,
	.ws-project-page .wsp-mobile-slider > article:nth-child(n) {
		width: auto !important;
		min-width: 0;
		margin: 0 !important;
		display: flex;
		flex: 0 0 min(86%, 420px);
		flex-direction: column;
		grid-column: auto !important;
		grid-row: auto !important;
		scroll-snap-align: start;
		scroll-snap-stop: always;
	}

	.wsp-slider-controls {
		margin-top: 4px;
		display: grid;
		grid-template-columns: 46px minmax(70px, 1fr) auto 46px;
		align-items: center;
		gap: 12px;
	}

	.wsp-slider-arrow {
		width: 46px;
		height: 46px;
		padding: 0;
		display: grid;
		place-items: center;
		color: var(--ws-ink);
		border: 1px solid color-mix(in srgb, var(--ws-ink) 15%, transparent);
		border-radius: 50%;
		background: #fff;
		box-shadow: 0 8px 24px rgba(8,28,57,.08);
		cursor: pointer;
		transition: color .18s ease, border-color .18s ease, transform .18s ease, opacity .18s ease;
	}

	.wsp-slider-arrow:not(:disabled):active {
		transform: scale(.94);
	}

	.wsp-slider-arrow:disabled {
		opacity: .32;
		cursor: default;
	}

	.wsp-slider-arrow svg {
		width: 18px;
		height: 18px;
	}

	.wsp-slider-progress {
		height: 3px;
		position: relative;
		border-radius: 999px;
		background: color-mix(in srgb, var(--ws-ink) 12%, transparent);
		overflow: hidden;
	}

	.wsp-slider-progress-value {
		width: 0;
		height: 100%;
		display: block;
		border-radius: inherit;
		background: var(--ws-primary);
		transition: width .22s ease;
	}

	.wsp-slider-status {
		color: var(--ws-muted);
		font-size: 11px;
		font-weight: 900;
		letter-spacing: .08em;
		white-space: nowrap;
	}

	.wsp-section-type-services .wsp-slider-arrow,
	.wsp-section-type-services .wsp-slider-status {
		color: #fff;
	}

	.wsp-section-type-services .wsp-slider-arrow {
		border-color: rgba(255,255,255,.2);
		background: rgba(255,255,255,.08);
		box-shadow: none;
	}

	.wsp-section-type-services .wsp-slider-progress {
		background: rgba(255,255,255,.15);
	}

	/* Services */
	.wsp-section-type-services .wsp-section {
		padding: 82px 0;
	}

	.wsp-section-type-services .wsp-card-grid article,
	.wsp-section-type-services .wsp-card-grid article:nth-child(3n) {
		min-height: 420px;
		padding: 27px;
	}

	.ws-project-page .wsp-section-type-services .wsp-card-grid article > .wsp-media,
	.ws-project-page .wsp-section-type-services .wsp-card-grid article:nth-child(3n) > .wsp-media {
		height: 205px;
		margin: -27px -27px 24px;
	}

	.wsp-section-type-services .wsp-card-grid article > span {
		margin-bottom: 24px;
		font-size: 48px;
	}

	.wsp-section-type-services .wsp-card-grid article h3 {
		font-size: 23px;
	}

	.wsp-section-type-services .wsp-card-grid article .wsp-card-link {
		margin-top: auto;
	}

	/* Split */
	.ws-project-page .wsp-split {
		padding: 78px 0 88px;
		gap: 46px;
	}

	.ws-project-page .wsp-split > .wsp-media {
		height: clamp(300px, 88vw, 420px);
		order: 2;
		box-shadow: 14px 14px 0 var(--wsp-soft);
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
	}

	.ws-project-page .wsp-split > div {
		order: 1;
	}

	.ws-project-page .wsp-split ul {
		margin: 26px 0;
		padding: 16px 0 0;
	}

	.ws-project-page .wsp-split li {
		align-items: flex-start;
		white-space: normal;
	}

	.ws-project-page .wsp-split .wsp-btn {
		width: 100%;
	}

	/* Process */
	.wsp-section-type-process .wsp-section {
		padding: 80px 0;
	}

	.wsp-section-type-process .wsp-process-grid {
		display: grid;
		grid-template-columns: 1fr;
		border-top: 0;
	}

	.wsp-section-type-process .wsp-process-grid article,
	.wsp-section-type-process .wsp-process-grid article:first-child {
		min-height: 0;
		padding: 26px 0 30px 68px;
		position: relative;
		border: 0;
		border-bottom: 1px solid var(--ws-line);
	}

	.wsp-section-type-process .wsp-process-grid article::before {
		content: "";
		width: 1px;
		position: absolute;
		left: 24px;
		top: 58px;
		bottom: -1px;
		background: color-mix(in srgb, var(--ws-primary) 30%, var(--ws-line));
	}

	.wsp-section-type-process .wsp-process-grid article:last-child::before {
		display: none;
	}

	.wsp-section-type-process .wsp-process-grid article > span {
		width: 48px;
		height: 48px;
		margin: 0;
		position: absolute;
		left: 0;
		top: 23px;
		box-shadow: 0 0 0 6px color-mix(in srgb, var(--ws-primary) 9%, var(--wsp-soft));
	}

	/* Stats */
	.ws-project-page .wsp-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ws-project-page .wsp-stats article {
		min-height: 150px;
		padding: 25px 20px;
		border-right: 1px solid rgba(255,255,255,.12);
		border-bottom: 1px solid rgba(255,255,255,.12);
	}

	.ws-project-page .wsp-stats article:nth-child(even) {
		border-right: 0;
	}

	.ws-project-page .wsp-stats article:last-child:nth-child(odd) {
		grid-column: 1 / -1;
		border-right: 0;
	}

	.ws-project-page .wsp-stats strong {
		font-size: clamp(42px, 12vw, 58px);
	}

	/* Testimonials, portfolio and team */
	.wsp-section-type-testimonials .wsp-section,
	.wsp-section-type-portfolio .wsp-section,
	.wsp-section-type-team .wsp-section {
		padding: 82px 0;
	}

	.wsp-section-type-testimonials .wsp-testimonials article {
		min-height: 360px;
		padding: 30px;
	}

	.wsp-section-type-testimonials .wsp-testimonials blockquote {
		margin: 34px 0 auto;
		font-size: clamp(24px, 7vw, 32px);
	}

	.wsp-section-type-portfolio .wsp-portfolio-grid article {
		min-height: 0;
	}

	.ws-project-page .wsp-section-type-portfolio .wsp-portfolio-grid .wsp-media,
	.ws-project-page .wsp-section-type-portfolio .wsp-portfolio-grid article:nth-child(3n) .wsp-media {
		height: clamp(280px, 82vw, 390px);
		border-right: 0;
	}

	.wsp-section-type-portfolio .wsp-portfolio-grid article > div {
		min-height: 180px;
	}

	.ws-project-page .wsp-section-type-team .wsp-team-grid .wsp-media {
		height: clamp(330px, 95vw, 450px);
	}

	.wsp-section-type-team .wsp-team-grid article > div {
		min-height: 140px;
	}

	/* Comparison */
	.wsp-section-type-comparison {
		padding: 82px 0;
	}

	.ws-project-page .wsp-comparison {
		gap: 38px;
	}

	.wsp-section-type-comparison .wsp-comparison-copy .wsp-btn {
		width: 100%;
		margin-top: 20px;
	}

	.wsp-section-type-comparison .wsp-comparison-list article > strong {
		padding: 17px 18px;
	}

	.wsp-section-type-comparison .wsp-comparison-list article > div {
		padding: 10px;
		grid-template-columns: 1fr;
	}

	.wsp-section-type-comparison .wsp-comparison-list span {
		min-height: 54px;
		padding: 13px;
		align-items: flex-start;
	}

	/* Pricing */
	.wsp-section-type-pricing .wsp-section {
		padding: 82px 0;
	}

	.wsp-section-type-pricing .wsp-price-grid article,
	.wsp-section-type-pricing .wsp-price-grid article.is-featured {
		min-height: 430px;
		padding: 34px 28px;
	}

	.wsp-section-type-pricing .wsp-price-grid article > strong {
		font-size: 42px;
	}

	/* FAQ */
	.wsp-section-type-faq .wsp-section {
		padding: 82px 0;
	}

	.wsp-section-type-faq .wsp-faq summary {
		min-height: 64px;
		padding: 19px 2px;
		gap: 16px;
		font-size: 16px;
		line-height: 1.35;
	}

	.wsp-section-type-faq .wsp-faq summary svg {
		flex: 0 0 auto;
	}

	.wsp-section-type-faq .wsp-faq details p {
		padding: 0 4px 22px;
		font-size: 15px;
	}

	/* CTA */
	.wsp-section-type-cta {
		padding: 64px 0;
	}

	.ws-project-page .wsp-cta {
		min-height: 440px;
		padding: 58px 25px;
		align-items: flex-start;
		text-align: left;
		clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 28px 100%, 0 calc(100% - 28px));
	}

	.ws-project-page .wsp-cta p {
		font-size: 16px;
	}

	.ws-project-page .wsp-cta .wsp-btn {
		width: 100%;
		margin-top: 24px;
	}

	/* Contact */
	.ws-project-page .wsp-contact {
		padding: 84px 0;
		gap: 36px;
	}

	.ws-project-page .wsp-contact > div:first-child {
		padding-top: 0;
	}

	.ws-project-page .wsp-contact > div:first-child > a {
		min-height: 50px;
		display: flex;
		align-items: center;
	}

	.ws-project-page .wsp-contact form,
	.ws-project-page .wsp-form-locked {
		padding: 28px 20px;
	}

	.ws-project-page .wsp-contact form {
		grid-template-columns: 1fr;
	}

	.ws-project-page .wsp-contact form > label,
	.ws-project-page .wsp-contact form > button,
	.ws-project-page .wsp-contact .wsp-dynamic-fields,
	.ws-project-page .wsp-contact .wsp-form-message {
		grid-column: 1 / -1;
	}

	.ws-project-page .wsp-contact input,
	.ws-project-page .wsp-contact textarea,
	.ws-project-page .wsp-contact select {
		min-height: 50px;
		font-size: 16px;
	}

	.ws-project-page .wsp-contact button[type="submit"] {
		width: 100%;
	}

	/* Posts and shop */
	.wsp-section-type-posts .wsp-section,
	.wsp-section-type-shop_categories .wsp-section,
	.wsp-section-type-featured_products .wsp-section {
		padding: 82px 0;
	}

	.wsp-section-type-posts .wsp-card-grid article,
	.wsp-section-type-posts .wsp-card-grid article:not(:first-child) {
		min-height: 460px;
		padding: 24px;
		display: flex;
	}

	.ws-project-page .wsp-section-type-posts .wsp-card-grid article:first-child .wsp-media,
	.ws-project-page .wsp-section-type-posts .wsp-card-grid article:not(:first-child) .wsp-media {
		width: auto;
		height: 220px;
		margin: -24px -24px 22px;
		grid-row: auto;
	}

	.wsp-section-type-posts .wsp-card-grid article > a {
		margin-top: auto;
	}

	.wsp-section-type-shop_categories .wsp-shop-categories article {
		min-height: 460px;
	}

	.wsp-section-type-featured_products .wsp-product-grid article {
		min-height: 460px;
	}

	.ws-project-page .wsp-section-type-featured_products .wsp-product-grid .wsp-media {
		height: 270px;
	}

	.wsp-section-type-featured_products .wsp-product-grid .wsp-btn {
		width: 100%;
		margin-top: auto;
	}

	/* Purchase benefits */
	.wsp-section-type-shop_benefits {
		padding: 0 0 72px;
	}

	.ws-project-page .wsp-shop-benefits {
		display: grid;
		grid-template-columns: 1fr;
	}

	.ws-project-page .wsp-shop-benefits article {
		min-height: 0;
		padding: 24px 22px;
		border-right: 0;
		border-bottom: 1px solid var(--ws-line);
	}

	.ws-project-page .wsp-shop-benefits article:last-child {
		border-bottom: 0;
	}

	/* Footer */
	.ws-project-page .wsp-footer {
		margin-top: 58px;
	}

	.ws-project-page .wsp-footer-main {
		padding: 42px 24px;
		grid-template-columns: 1fr;
		gap: 38px;
	}

	.ws-project-page .wsp-footer .wsp-footer-nav nav {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
	}

	.ws-project-page .wsp-footer-nav a {
		min-height: 48px;
		padding: 12px 0;
		border-bottom: 1px solid rgba(255,255,255,.09);
	}

	.ws-project-page .wsp-footer-note {
		padding: 22px;
	}

	.ws-project-page .wsp-footer-bottom {
		min-height: 0;
		padding: 24px;
		align-items: flex-start;
		flex-direction: column;
		gap: 18px;
	}

	.ws-project-page .wsp-footer-legal {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px 16px;
	}

	.ws-project-page .wsp-footer-bottom > a {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
	}

	/* CMS and legal content */
	.ws-cms-public.ws-project-page .wsp-cms-main,
	.ws-cms-public.ws-project-page .wsp-legal-main {
		width: var(--wsp-mobile-width);
	}

	.ws-cms-public.ws-project-page .wsp-cms-article,
	.ws-cms-public.ws-project-page .wsp-cms-article.is-legal-document {
		padding: 28px 20px;
		overflow-wrap: anywhere;
	}

	.wsp-cms-article.is-legal-document > header h1 {
		font-size: clamp(36px, 10vw, 48px);
	}

	.wsp-cms-article.is-legal-document .wsp-cms-copy p,
	.wsp-cms-article.is-legal-document .wsp-cms-copy li {
		font-size: 15px;
		line-height: 1.72;
	}
}

@media (max-width: 410px) {
	.ws-project-page {
		--wsp-mobile-gutter: 14px;
	}

	.ws-project-page .wsp-header {
		width: calc(100% - 16px);
		padding-left: 9px;
	}

	.ws-project-page .wsp-brand {
		gap: 8px;
		font-size: 13px;
	}

	.ws-project-page .wsp-brand-mark {
		width: 38px;
		height: 38px;
		flex-basis: 38px;
	}

	.ws-project-page .wsp-hero h1 {
		font-size: clamp(39px, 13vw, 51px);
	}

	.ws-project-page .wsp-mobile-slider > article,
	.ws-project-page .wsp-mobile-slider > article:nth-child(n) {
		flex-basis: 90%;
	}

	.wsp-slider-controls {
		grid-template-columns: 44px minmax(48px, 1fr) auto 44px;
		gap: 9px;
	}

	.wsp-slider-arrow {
		width: 44px;
		height: 44px;
	}

	.ws-project-page .wsp-footer-legal {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ws-project-page .wsp-mobile-slider {
		scroll-behavior: auto;
	}

	.wsp-slider-progress-value {
		transition: none;
	}
}

/* Sticky project header must override the generic section positioning. */
.ws-project-page .wsp-header-anchor {
	position: sticky;
	z-index: 100;
	top: 0;
}

body.admin-bar.ws-project-page .wsp-header-anchor {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar.ws-project-page .wsp-header-anchor {
		top: 46px;
	}
}

/* Premium customer header and footer */
.ws-project-page .wsp-header {
	width: min(1640px, calc(100% - 56px));
	min-height: 88px;
	margin-top: 18px;
	padding: 14px 16px 14px 18px;
	gap: clamp(28px, 4vw, 64px);
	border-color: color-mix(in srgb, var(--ws-ink) 11%, transparent);
	border-radius: 17px;
	background: color-mix(in srgb, var(--ws-bg) 91%, #fff);
	box-shadow: 0 18px 48px rgba(13, 34, 60, .11), inset 0 1px 0 rgba(255,255,255,.9);
	backdrop-filter: blur(20px) saturate(1.15);
}

.ws-project-page .wsp-header .wsp-brand {
	max-width: 310px;
	flex: 1 1 230px;
	gap: 14px;
	font-size: 18px;
	letter-spacing: -.015em;
}

.ws-project-page .wsp-header .wsp-brand-mark {
	width: 48px;
	height: 48px;
	flex-basis: 48px;
	border-radius: 12px;
	box-shadow: 0 10px 24px color-mix(in srgb, var(--ws-primary) 22%, transparent);
}

.ws-project-page .wsp-header .wsp-desktop-nav {
	padding: 5px;
	display: flex;
	flex: 0 1 auto;
	justify-content: center;
	gap: 2px;
	border-color: color-mix(in srgb, var(--ws-ink) 8%, transparent);
	border-radius: 12px;
	background: color-mix(in srgb, var(--ws-ink) 3.5%, transparent);
}

.ws-project-page .wsp-header .wsp-desktop-nav a {
	min-height: 40px;
	padding: 0 clamp(13px, 1.25vw, 19px);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 750;
	white-space: nowrap;
}

.ws-project-page .wsp-header .wsp-desktop-nav a:hover,
.ws-project-page .wsp-header .wsp-desktop-nav a:focus-visible {
	color: color-mix(in srgb, var(--ws-primary) 86%, #071a34);
	background: #fff;
	box-shadow: 0 5px 14px rgba(18, 45, 76, .07);
}

.ws-project-page .wsp-header-actions {
	flex: 1 0 220px;
	gap: 10px;
}

.ws-project-page .wsp-header-cta {
	min-height: 50px;
	padding-inline: 22px;
	border-radius: 10px;
	white-space: nowrap;
	box-shadow: 0 10px 24px color-mix(in srgb, var(--ws-primary) 19%, transparent);
}

.ws-project-page .wsp-header.is-layout-centered {
	min-height: 116px;
	padding-block: 20px;
	grid-template-columns: minmax(210px, 1fr) auto minmax(210px, 1fr);
}

.ws-project-page .wsp-header.is-layout-minimal {
	width: min(1680px, calc(100% - 40px));
	min-height: 82px;
	margin-top: 10px;
	padding-inline: 20px;
	border: 1px solid color-mix(in srgb, var(--ws-ink) 9%, transparent);
	border-radius: 14px;
	box-shadow: 0 12px 34px rgba(13, 34, 60, .075);
}

.ws-project-page .wsp-footer {
	width: min(1640px, calc(100% - 56px));
	margin-top: 128px;
	border-color: #2a4260;
	border-radius: 20px 20px 0 0;
	background-color: #0c1b30;
	background-image:
		radial-gradient(circle at 86% 12%, rgba(22,119,255,.16), transparent 27%),
		linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);
	box-shadow: 0 -20px 55px rgba(8, 23, 43, .08);
}

.ws-project-page .wsp-footer-main {
	padding: clamp(50px, 6vw, 86px);
	grid-template-columns: minmax(300px, 1.25fr) minmax(210px, .65fr) minmax(280px, .8fr);
	gap: clamp(44px, 7vw, 110px);
}

.ws-project-page .wsp-footer-brand {
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 18px;
}

.ws-project-page .wsp-footer-brand .wsp-brand-mark {
	width: 58px;
	height: 58px;
	border-radius: 13px;
}

.ws-project-page .wsp-footer-brand strong {
	font-size: 23px;
	letter-spacing: -.02em;
}

.ws-project-page .wsp-footer-brand p {
	margin-top: 10px;
	color: #a9bad0;
	font-size: 14px;
	line-height: 1.75;
}

.ws-project-page .wsp-footer-nav > span {
	margin-bottom: 17px;
	font-size: 10px;
}

.ws-project-page .wsp-footer .wsp-footer-nav nav {
	gap: 4px;
}

.ws-project-page .wsp-footer-nav a {
	min-height: 38px;
	padding: 8px 2px;
	border-bottom: 1px solid rgba(255,255,255,.07);
	font-size: 13px;
}

.ws-project-page .wsp-footer-nav a:last-child {
	border-bottom: 0;
}

.ws-project-page .wsp-footer-note {
	padding: 24px;
	grid-template-columns: 36px minmax(0, 1fr);
	gap: 15px;
	border-color: #355170;
	border-radius: 13px;
	background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.ws-project-page .wsp-footer-note > svg {
	width: 29px;
	height: 29px;
}

.ws-project-page .wsp-footer-note strong {
	font-size: 16px;
}

.ws-project-page .wsp-footer-note a {
	margin-top: 8px;
	font-size: 13px;
}

.ws-project-page .wsp-footer-bottom {
	min-height: 70px;
	padding: 16px clamp(38px, 6vw, 86px);
	gap: 26px;
}

.ws-project-page .wsp-footer-legal {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 9px 20px;
}

.ws-project-page .wsp-footer.is-layout-compact .wsp-footer-main {
	padding-block: 42px;
	gap: 46px;
}

.ws-project-page .wsp-footer.is-layout-centered .wsp-footer-main {
	padding-block: 72px;
	gap: 32px;
}

@media (max-width: 1180px) and (min-width: 701px) {
	.ws-project-page .wsp-header {
		gap: 18px;
	}

	.ws-project-page .wsp-header .wsp-brand {
		flex-basis: 190px;
		font-size: 16px;
	}

	.ws-project-page .wsp-header .wsp-desktop-nav a {
		padding-inline: 11px;
		font-size: 12px;
	}

	.ws-project-page .wsp-header-actions {
		flex-basis: 190px;
	}

	.ws-project-page .wsp-header-cta {
		padding-inline: 16px;
	}
}

@media (max-width: 700px) {
	.ws-project-page .wsp-header,
	.ws-project-page .wsp-header.is-layout-minimal {
		width: calc(100% - 24px);
		min-height: 70px;
		margin-top: 8px;
		padding: 10px 10px 10px 12px;
		top: 8px;
		border-radius: 13px;
	}

	.ws-project-page .wsp-header .wsp-brand {
		max-width: calc(100% - 60px);
		flex-basis: auto;
		gap: 11px;
		font-size: 15px;
	}

	.ws-project-page .wsp-header .wsp-brand-mark {
		width: 42px;
		height: 42px;
		flex-basis: 42px;
		border-radius: 10px;
	}

	.ws-project-page .wsp-header-actions {
		flex: 0 0 auto;
	}

	.ws-project-page .wsp-menu-toggle {
		width: 46px;
		height: 46px;
		border-radius: 10px;
	}

	.ws-project-page .wsp-offcanvas {
		width: min(92vw, 410px);
		padding: 22px;
	}

	.ws-project-page .wsp-footer {
		width: calc(100% - 24px);
		margin-top: 80px;
		border-radius: 16px 16px 0 0;
	}

	.ws-project-page .wsp-footer-main {
		padding: 42px 24px;
		gap: 38px;
	}

	.ws-project-page .wsp-footer-brand {
		grid-template-columns: 52px minmax(0, 1fr);
	}

	.ws-project-page .wsp-footer-brand .wsp-brand-mark {
		width: 52px;
		height: 52px;
	}

	.ws-project-page .wsp-footer-note {
		padding: 21px;
	}

	.ws-project-page .wsp-footer-bottom {
		padding: 20px 24px;
	}

	.ws-project-page .wsp-footer-legal {
		justify-content: flex-start;
	}
}

/* Marketing cookie consent */
.ws-marketing .ws-footer-columns button {
	padding: 0;
	color: #a9b8cc;
	border: 0;
	background: transparent;
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: color .18s ease;
}
.ws-marketing .ws-footer-columns button:hover { color: #fff; }
.ws-cookie-consent {
	position: fixed;
	z-index: 99999;
	inset: 0;
	padding: 24px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background: rgba(5, 18, 34, .25);
	backdrop-filter: blur(4px);
	opacity: 0;
	transition: opacity .22s ease;
}
.ws-cookie-consent[hidden] { display: none !important; }
.ws-cookie-consent.is-visible { opacity: 1; }
.ws-cookie-card {
	width: min(1120px, 100%);
	padding: 24px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 18px 30px;
	color: #132946;
	border: 1px solid rgba(196, 210, 228, .92);
	border-radius: 18px;
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 26px 80px rgba(8, 27, 50, .22);
	transform: translateY(18px);
	transition: transform .22s ease;
}
.ws-cookie-consent.is-visible .ws-cookie-card { transform: translateY(0); }
.ws-cookie-main {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	gap: 16px;
}
.ws-cookie-icon {
	width: 48px;
	height: 48px;
	display: grid;
	place-items: center;
	color: #fff;
	border-radius: 12px;
	background: linear-gradient(145deg, #167df5, #075fcd);
	box-shadow: 0 10px 25px rgba(23, 125, 245, .22);
}
.ws-cookie-icon svg { width: 22px; }
.ws-cookie-main h2 { margin: 4px 0 5px; font-size: clamp(20px, 2vw, 27px); letter-spacing: -.035em; }
.ws-cookie-main p { max-width: 690px; margin: 0; color: #5e7188; font-size: 13px; line-height: 1.6; }
.ws-cookie-main p a { color: #126edb; font-weight: 750; text-decoration: underline; text-underline-offset: 2px; }
.ws-cookie-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.ws-cookie-actions button { white-space: nowrap; }
.ws-cookie-actions .ws-public-button { min-height: 44px; padding: 0 18px; border: 0; cursor: pointer; }
.ws-cookie-secondary {
	min-height: 42px;
	padding: 0 13px;
	color: #28435f;
	border: 1px solid #ccd9e8;
	border-radius: 9px;
	background: #fff;
	font-size: 12px;
	font-weight: 800;
	cursor: pointer;
}
.ws-cookie-secondary:hover { border-color: #8eb8eb; background: #f5f9ff; }
.ws-cookie-settings {
	grid-column: 1 / -1;
	padding-top: 18px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	border-top: 1px solid #dde6f0;
}
.ws-cookie-settings[hidden] { display: none !important; }
.ws-cookie-settings > div,
.ws-cookie-settings > label {
	min-height: 76px;
	padding: 14px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	border: 1px solid #dce5ef;
	border-radius: 11px;
	background: #f8fafd;
}
.ws-cookie-settings span { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 3px 9px; }
.ws-cookie-settings span > svg { width: 17px; grid-row: 1 / span 2; color: #167df5; }
.ws-cookie-settings strong { font-size: 13px; }
.ws-cookie-settings small { color: #6c7f95; font-size: 11px; }
.ws-cookie-settings b { color: #16845f; font-size: 11px; white-space: nowrap; }
.ws-cookie-settings label { cursor: pointer; }
.ws-cookie-settings label > input { position: absolute; opacity: 0; pointer-events: none; }
.ws-cookie-settings label > i {
	width: 46px;
	height: 26px;
	position: relative;
	flex: 0 0 auto;
	border-radius: 999px;
	background: #b9c7d6;
	transition: background .18s ease;
}
.ws-cookie-settings label > i::after {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 5px rgba(15, 35, 60, .25);
	transition: transform .18s ease;
}
.ws-cookie-settings label > input:checked + i { background: #167df5; }
.ws-cookie-settings label > input:checked + i::after { transform: translateX(20px); }
.ws-cookie-settings label > input:focus-visible + i { outline: 3px solid rgba(22, 125, 245, .25); outline-offset: 2px; }
@media (max-width: 820px) {
	.ws-cookie-card { grid-template-columns: 1fr; }
	.ws-cookie-actions { justify-content: stretch; }
	.ws-cookie-actions button { flex: 1; }
}
@media (max-width: 600px) {
	.ws-cookie-consent { padding: 12px; }
	.ws-cookie-card {
		max-height: calc(100dvh - 24px);
		padding: 18px;
		overflow-y: auto;
		border-radius: 15px;
	}
	.ws-cookie-main { grid-template-columns: 1fr; }
	.ws-cookie-icon { width: 42px; height: 42px; }
	.ws-cookie-actions { flex-direction: column-reverse; }
	.ws-cookie-actions button { width: 100%; flex: none; }
	.ws-cookie-settings { grid-template-columns: 1fr; }
	.ws-cookie-settings > div,
	.ws-cookie-settings > label { align-items: flex-start; }
}

/* 0.5.69: authoritative project preview, header and footer safeguards */
.ws-draft-preview-bar {
	position: fixed;
	z-index: 100000;
	right: 18px;
	bottom: 18px;
	max-width: min(520px, calc(100% - 36px));
	padding: 12px 12px 12px 16px;
	display: flex;
	align-items: center;
	gap: 16px;
	color: #eef6ff;
	border: 1px solid rgba(135, 184, 243, .35);
	border-radius: 13px;
	background: rgba(8, 28, 52, .96);
	box-shadow: 0 20px 50px rgba(3, 17, 34, .28);
	backdrop-filter: blur(18px);
}
.ws-draft-preview-bar > span {
	min-width: 0;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 2px 9px;
}
.ws-draft-preview-bar svg { width: 18px; grid-row: 1 / span 2; color: #63a9ff; }
.ws-draft-preview-bar strong { font-size: 13px; }
.ws-draft-preview-bar small { color: #a9bed7; font-size: 10px; line-height: 1.45; }
.ws-draft-preview-bar button {
	min-height: 38px;
	padding: 0 13px;
	flex: 0 0 auto;
	color: #102b4d;
	border: 0;
	border-radius: 8px;
	background: #fff;
	font: inherit;
	font-size: 11px;
	font-weight: 800;
	cursor: pointer;
}

.ws-project-page,
.ws-project-page * { box-sizing: border-box; }
.ws-project-page { max-width: 100%; overflow-x: clip; }
.ws-project-page .wsp-header {
	display: grid;
	grid-template-columns: minmax(190px, 1fr) minmax(0, auto) minmax(190px, 1fr);
	align-items: center;
}
.ws-project-page .wsp-header .wsp-brand { min-width: 0; }
.ws-project-page .wsp-header .wsp-brand > span:last-child {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ws-project-page .wsp-header-actions { min-width: 0; justify-self: end; }

@media (max-width: 700px) {
	.ws-project-page .wsp-header,
	.ws-project-page .wsp-header.is-layout-centered,
	.ws-project-page .wsp-header.is-layout-minimal {
		width: calc(100% - 24px);
		min-width: 0;
		min-height: 70px;
		margin: 8px auto 0;
		padding: 10px 10px 10px 12px;
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		justify-items: stretch;
		gap: 10px;
		overflow: visible;
	}
	.ws-project-page .wsp-header .wsp-desktop-nav,
	.ws-project-page .wsp-header .wsp-header-cta {
		display: none !important;
	}
	.ws-project-page .wsp-header .wsp-brand,
	.ws-project-page .wsp-header.is-layout-centered .wsp-brand {
		width: auto;
		max-width: 100%;
		min-width: 0;
		flex: none;
		justify-self: stretch;
	}
	.ws-project-page .wsp-header-actions,
	.ws-project-page .wsp-header.is-layout-centered .wsp-header-actions {
		width: auto;
		min-width: 46px;
		display: flex;
		flex: none;
		justify-self: end;
	}
	.ws-project-page .wsp-header .wsp-menu-toggle {
		width: 46px;
		height: 46px;
		display: grid !important;
		place-items: center;
	}
	.ws-project-page .wsp-offcanvas {
		width: min(88vw, 390px);
		max-width: calc(100vw - 24px);
		height: 100dvh;
		max-height: 100dvh;
		inset: 0 0 0 auto;
		padding: 20px;
		overflow-x: hidden;
		overflow-y: auto;
		border-radius: 0;
	}
	.ws-project-page .wsp-offcanvas nav,
	.ws-project-page .wsp-offcanvas nav a { width: 100%; min-width: 0; }
	.ws-project-page .wsp-footer,
	.ws-project-page .wsp-footer.is-layout-compact,
	.ws-project-page .wsp-footer.is-layout-centered {
		width: calc(100% - 24px);
		max-width: none;
		margin: 72px auto 0;
		overflow: hidden;
	}
	.ws-project-page .wsp-footer-main,
	.ws-project-page .wsp-footer.is-layout-compact .wsp-footer-main,
	.ws-project-page .wsp-footer.is-layout-centered .wsp-footer-main {
		width: 100%;
		padding: 38px 22px;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		justify-items: stretch;
		gap: 34px;
		text-align: left;
	}
	.ws-project-page .wsp-footer-brand,
	.ws-project-page .wsp-footer.is-layout-centered .wsp-footer-brand {
		width: 100%;
		grid-template-columns: 50px minmax(0, 1fr);
		justify-items: stretch;
		text-align: left;
	}
	.ws-project-page .wsp-footer .wsp-footer-nav,
	.ws-project-page .wsp-footer .wsp-footer-nav nav,
	.ws-project-page .wsp-footer.is-layout-centered .wsp-footer-nav nav {
		width: 100%;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		justify-content: stretch;
		gap: 3px;
	}
	.ws-project-page .wsp-footer-nav a {
		width: 100%;
		min-width: 0;
		justify-content: space-between;
		overflow-wrap: anywhere;
	}
	.ws-project-page .wsp-footer-note,
	.ws-project-page .wsp-footer.is-layout-centered .wsp-footer-note {
		width: 100%;
		max-width: none;
		text-align: left;
	}
	.ws-project-page .wsp-footer-bottom {
		width: 100%;
		padding: 20px 22px;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		justify-items: start;
		gap: 18px;
	}
	.ws-project-page .wsp-footer-legal {
		width: 100%;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		justify-content: stretch;
		gap: 7px;
	}
	.ws-project-page .wsp-footer-legal a { width: 100%; overflow-wrap: anywhere; }
	.ws-draft-preview-bar {
		right: 10px;
		bottom: 10px;
		max-width: calc(100% - 20px);
		align-items: stretch;
		flex-direction: column;
		gap: 10px;
	}
	.ws-draft-preview-bar button { width: 100%; }
}

/* 0.5.71 marketing compositions — implemented from the approved concept set. */
.ws-marketing main {
	--ws-concept-ink: #071d38;
	--ws-concept-blue: #1478ff;
	--ws-concept-soft: #f3f7fc;
	--ws-concept-line: #cddced;
	--ws-concept-green: #18b778;
	overflow: clip;
}

.ws-marketing [data-ws-marketing-reveal] {
	opacity: 0;
	transform: translateY(34px);
	transition: opacity .72s cubic-bezier(.2,.8,.2,1), transform .72s cubic-bezier(.2,.8,.2,1);
}

.ws-marketing [data-ws-marketing-reveal].is-revealed {
	opacity: 1;
	transform: none;
}

.ws-marketing .ws-marketing-hero,
.ws-marketing .ws-included-strip,
.ws-marketing .ws-partner-strip,
.ws-marketing .ws-guided-start,
.ws-marketing .ws-editor-section,
.ws-marketing .ws-example-section,
.ws-marketing .ws-system-showcase,
.ws-marketing .ws-guard-section,
.ws-marketing .ws-subscription-includes,
.ws-marketing .ws-pricing-section,
.ws-marketing .ws-founder-section,
.ws-marketing .ws-faq-section,
.ws-marketing .ws-public-final {
	max-width: 1920px;
	margin-inline: auto;
}

/* 01 — Hero: editorial message plus a layered, living product composition. */
.ws-marketing .ws-marketing-hero {
	display: grid;
	min-height: 780px;
	grid-template-columns: minmax(440px, .84fr) minmax(620px, 1.16fr);
	align-items: center;
	gap: clamp(52px, 6vw, 118px);
	padding: clamp(92px, 9vw, 150px) clamp(44px, 7vw, 138px);
	background:
		radial-gradient(circle at 76% 48%, rgba(31,124,255,.11), transparent 32%),
		linear-gradient(112deg, #fffdf9 0 48%, #f6f9fd 48%);
}

.ws-marketing .ws-marketing-hero-copy { max-width: 690px; }
.ws-marketing .ws-marketing-hero h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(56px, 5.1vw, 92px);
	line-height: .94;
	letter-spacing: -.055em;
	max-width: 760px;
}
.ws-marketing .ws-marketing-product { position: relative; perspective: 1600px; }
.ws-marketing .ws-ui-screen {
	aspect-ratio: 16 / 9;
	overflow: hidden;
}
.ws-marketing .ws-ui-screen > img,
.ws-marketing .ws-product-shot .ws-ui-screen > img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: top;
}
.ws-marketing .ws-product-shot-hero {
	transform: rotateY(-4deg) rotateX(1deg);
	box-shadow: 0 42px 90px rgba(7,29,56,.2), 0 0 0 1px rgba(7,29,56,.08);
	animation: ws-product-breathe 7s ease-in-out infinite;
}
.ws-marketing .ws-marketing-product::after {
	content: "Mobilni predogled\A\A Vse ostane pregledno.";
	white-space: pre-line;
	position: absolute;
	right: -24px;
	bottom: -54px;
	z-index: 5;
	width: 185px;
	min-height: 238px;
	padding: 28px 20px;
	border: 8px solid #091f3a;
	border-radius: 28px;
	background: linear-gradient(160deg,#fff 0 52%,#eaf3ff 52%);
	box-shadow: 0 24px 60px rgba(7,29,56,.23);
	font-weight: 800;
	font-size: 13px;
	line-height: 1.45;
	color: var(--ws-concept-ink);
	transform: rotate(3deg);
}

/* 02 — Technical foundation as one connected system, not four loose cards. */
.ws-marketing .ws-included-strip {
	position: relative;
	min-height: 760px;
	padding: 82px clamp(38px, 6.5vw, 126px);
	color: #fff;
	background:
		radial-gradient(circle at 50% 54%, rgba(20,120,255,.22), transparent 36%),
		linear-gradient(135deg,#061a34,#031126 72%);
	overflow: hidden;
}
.ws-marketing .ws-included-strip::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
	background-size: 44px 44px;
	mask-image: radial-gradient(circle at 50% 50%,#000,transparent 76%);
}
.ws-marketing .ws-included-heading {
	position: relative;
	z-index: 3;
	max-width: 530px;
}
.ws-marketing .ws-included-heading h2 {
	font-size: clamp(44px,4.4vw,76px);
	line-height: .98;
	color: #fff;
}
.ws-marketing .ws-included-heading h2::after { content: ""; display: block; width: 54px; height: 3px; margin-top: 26px; background: var(--ws-concept-blue); }
.ws-foundation-map {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 55%;
	width: min(560px, 42vw);
	transform: translate(-50%,-50%);
}
.ws-foundation-orbit {
	position: absolute;
	inset: -86px -190px;
	border: 1px dashed rgba(73,158,255,.55);
	border-radius: 50%;
	animation: ws-orbit-spin 26s linear infinite;
}
.ws-foundation-orbit::before,
.ws-foundation-orbit::after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #3d9bff;
	box-shadow: 0 0 0 8px rgba(61,155,255,.12),0 0 24px #1e84ff;
}
.ws-foundation-orbit::before { top: 14%; left: 14%; }
.ws-foundation-orbit::after { right: 12%; bottom: 18%; }
.ws-foundation-preview {
	position: relative;
	padding: 11px;
	border: 1px solid rgba(126,182,255,.45);
	border-radius: 20px;
	background: rgba(255,255,255,.97);
	box-shadow: 0 40px 100px rgba(0,0,0,.38),0 0 80px rgba(20,120,255,.12);
	overflow: hidden;
}
.ws-foundation-preview img { width: 100%; aspect-ratio: 1.62; object-fit: cover; object-position: top; border-radius: 10px; display: block; }
.ws-foundation-browser { display: flex; align-items: center; gap: 5px; padding: 3px 5px 10px; color: #6a7d93; font-size: 10px; }
.ws-foundation-browser > i { width: 6px; height: 6px; border-radius: 50%; background: #a9bad0; }
.ws-foundation-browser strong { margin-left: auto; margin-right: auto; font-size: 9px; font-weight: 700; }
.ws-foundation-browser strong span { display: inline-block; width: 6px; height: 6px; margin-right: 4px; border-radius: 50%; background: var(--ws-concept-green); }
.ws-foundation-ready {
	position: absolute;
	left: 50%;
	bottom: 24px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 13px;
	border: 1px solid rgba(55,224,157,.38);
	border-radius: 999px;
	background: #061c30;
	color: #45e9aa;
	font-size: 11px;
	font-weight: 900;
	transform: translateX(-50%);
}
.ws-marketing .ws-included-grid {
	position: absolute;
	z-index: 4;
	inset: 270px clamp(40px,6vw,118px) 72px;
	display: grid;
	grid-template-columns: minmax(250px,330px) minmax(250px,330px);
	grid-template-rows: 1fr 1fr;
	justify-content: space-between;
	align-content: space-between;
	pointer-events: none;
}
.ws-marketing .ws-included-grid article {
	min-height: 126px;
	padding: 22px;
	border: 1px solid rgba(126,182,255,.25);
	border-radius: 16px;
	background: rgba(255,255,255,.96);
	color: var(--ws-concept-ink);
	box-shadow: 0 18px 44px rgba(0,0,0,.2);
	pointer-events: auto;
}
.ws-marketing .ws-included-grid article:nth-child(even) { justify-self: end; }
.ws-marketing .ws-included-grid article svg { color: var(--ws-concept-blue); }

/* 03 — Real project names presented as a tactile editorial fan. */
.ws-marketing .ws-partner-strip {
	display: grid;
	grid-template-columns: minmax(300px,.7fr) minmax(620px,1.3fr);
	gap: 40px 72px;
	padding: 100px clamp(38px,6.5vw,126px) 56px;
	background: linear-gradient(135deg,#fffdf9,#f7f4ee);
}
.ws-marketing .ws-partner-strip-heading { align-self: center; max-width: 460px; }
.ws-marketing .ws-partner-strip-heading h2 { font-size: clamp(48px,4.4vw,76px); line-height: .97; }
.ws-project-fan { position: relative; min-height: 470px; perspective: 1300px; }
.ws-project-fan-card {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 210px;
	height: 390px;
	padding: 12px;
	border: 1px solid rgba(10,31,58,.12);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 26px 70px rgba(29,33,40,.16);
	color: var(--ws-concept-ink);
	text-decoration: none;
	transform-origin: 50% 110%;
	transition: transform .35s ease, box-shadow .35s ease;
}
.ws-project-fan-card-1 { transform: translate(-118%,-48%) rotate(-14deg); }
.ws-project-fan-card-2 { transform: translate(-80%,-52%) rotate(-7deg); }
.ws-project-fan-card-3 { transform: translate(-50%,-54%) rotate(0); z-index: 3; }
.ws-project-fan-card-4 { transform: translate(-20%,-52%) rotate(7deg); z-index: 2; }
.ws-project-fan-card-5 { transform: translate(18%,-48%) rotate(14deg); }
.ws-project-fan-card:hover { z-index: 10; box-shadow: 0 34px 90px rgba(20,50,80,.25); }
.ws-project-fan-card-1:hover { transform: translate(-118%,-52%) rotate(-10deg); }
.ws-project-fan-card-2:hover { transform: translate(-80%,-56%) rotate(-3deg); }
.ws-project-fan-card-3:hover { transform: translate(-50%,-58%) rotate(0); }
.ws-project-fan-card-4:hover { transform: translate(-20%,-56%) rotate(3deg); }
.ws-project-fan-card-5:hover { transform: translate(18%,-52%) rotate(10deg); }
.ws-project-fan-visual {
	position: relative;
	display: grid;
	place-items: center;
	height: 286px;
	margin-bottom: 16px;
	border-radius: 12px;
	background: linear-gradient(145deg,#eaf2fb,#d7e5f4);
	overflow: hidden;
}
.ws-project-fan-visual::before { content:""; position:absolute; inset:0; background:linear-gradient(155deg,transparent 42%,rgba(7,29,56,.13)); }
.ws-project-fan-visual img { position: relative; z-index: 2; width: 72%; max-height: 58%; object-fit: contain; filter: drop-shadow(0 12px 18px rgba(7,29,56,.18)); }
.ws-project-fan-visual svg { position:absolute; right:16px; bottom:16px; width:36px; height:36px; color:rgba(7,29,56,.18); }
.ws-project-fan-card strong { display:block; font-size:16px; }
.ws-project-fan-card small { display:block; margin-top:5px; color:#718096; font-size:11px; line-height:1.35; }
.ws-marketing .ws-partner-marquee { grid-column: 1 / -1; margin-top: 18px; border-top: 1px solid #dfe7ef; }

/* 04 — Guided start: choices visibly flow into a finished site. */
.ws-marketing .ws-guided-start { position: relative; background: #fffdf9; }
.ws-marketing .ws-guided-list { position: relative; }
.ws-marketing .ws-guided-list::after {
	content:"";
	position:absolute;
	top:13%;
	right:-74px;
	width:72px;
	height:74%;
	border-top:2px solid var(--ws-concept-blue);
	border-right:2px solid var(--ws-concept-blue);
	border-bottom:2px solid var(--ws-concept-blue);
	border-radius:0 22px 22px 0;
	opacity:.65;
}
.ws-marketing .ws-guided-list li {
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.ws-marketing .ws-guided-list li:hover { transform: translateX(8px); border-color:#78afff; box-shadow:0 12px 32px rgba(20,120,255,.1); }
.ws-marketing .ws-onboarding-shot { transform: rotate(1deg); box-shadow:0 32px 80px rgba(7,29,56,.18); }

/* 05 — Editor stage with four numbered annotations around the actual UI. */
.ws-marketing .ws-editor-section {
	position: relative;
	padding-bottom: 120px;
	color:#fff;
	background:
		radial-gradient(circle at 50% 54%,rgba(20,120,255,.24),transparent 38%),
		linear-gradient(145deg,#061a34,#020e20);
	overflow:hidden;
}
.ws-marketing .ws-editor-section::before {
	content:"";
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
	background-size:48px 48px;
}
.ws-marketing .ws-editor-section .ws-public-heading { position:relative; z-index:2; }
.ws-marketing .ws-editor-section .ws-public-heading h2,
.ws-marketing .ws-editor-section .ws-public-heading p { color:#fff; }
.ws-marketing .ws-editor-layout { position:relative; z-index:2; min-height:640px; display:block; }
.ws-marketing .ws-editor-visual { width:min(1040px,72%); margin:70px auto 0; box-shadow:0 34px 90px rgba(0,0,0,.45); }
.ws-marketing .ws-editor-benefits { position:absolute; inset:0; display:block; counter-reset: editor-benefit; pointer-events:none; }
.ws-marketing .ws-editor-benefits article {
	position:absolute;
	width:210px;
	padding:0 0 0 42px;
	border:0;
	background:transparent;
	color:#fff;
	box-shadow:none;
	pointer-events:auto;
	counter-increment:editor-benefit;
}
.ws-marketing .ws-editor-benefits article::before {
	content:counter(editor-benefit);
	position:absolute;
	left:0;
	top:0;
	display:grid;
	place-items:center;
	width:28px;
	height:28px;
	border:1px solid #3794ff;
	border-radius:50%;
	background:#0b2c54;
	color:#65aaff;
	font-weight:900;
}
.ws-marketing .ws-editor-benefits article::after { content:""; position:absolute; top:14px; width:88px; height:1px; background:linear-gradient(90deg,#2d8fff,transparent); }
.ws-marketing .ws-editor-benefits article:nth-child(1) { left:0; top:90px; }
.ws-marketing .ws-editor-benefits article:nth-child(2) { right:0; top:150px; }
.ws-marketing .ws-editor-benefits article:nth-child(3) { left:0; bottom:82px; }
.ws-marketing .ws-editor-benefits article:nth-child(4) { right:0; bottom:62px; }
.ws-marketing .ws-editor-benefits article:nth-child(odd)::after { left:100%; }
.ws-marketing .ws-editor-benefits article:nth-child(even)::after { right:100%; transform:scaleX(-1); }
.ws-marketing .ws-editor-benefits article > svg { display:none; }
.ws-marketing .ws-editor-benefits strong { color:#fff; font-size:14px; }
.ws-marketing .ws-editor-benefits p { color:#9fb4cd; font-size:12px; line-height:1.55; }

/* 06 — One visible journey from answers to the prepared project. */
.ws-marketing .ws-example-section {
	grid-template-columns:minmax(260px,.34fr) minmax(640px,.66fr);
	background:linear-gradient(140deg,#fffdf9,#f8f3ea);
}
.ws-marketing .ws-example-copy { position:relative; z-index:2; }
.ws-marketing .ws-example-copy::before { content:"01"; position:absolute; top:-55px; left:-24px; color:#ede2d2; font:700 92px/1 Georgia,serif; z-index:-1; }
.ws-marketing .ws-example-section .ws-product-shot::before { content:"02"; position:absolute; top:-90px; left:8%; color:#ede2d2; font:700 92px/1 Georgia,serif; z-index:-1; }
.ws-marketing .ws-example-section .ws-product-shot::after { content:"03"; position:absolute; top:-90px; right:5%; color:#ede2d2; font:700 92px/1 Georgia,serif; z-index:-1; }
.ws-marketing .ws-example-meta { display:grid; gap:9px; }
.ws-marketing .ws-example-meta span { border:1px solid #efc8b8; background:#fff9f5; border-radius:10px; padding:12px 14px; }

/* 07 — Account view: a single project hub with connected live statuses. */
.ws-marketing .ws-system-showcase {
	grid-template-columns:minmax(310px,.42fr) minmax(690px,.58fr);
	background:#f4f8fd;
}
.ws-marketing .ws-product-shot-dashboard { padding-right:170px; overflow:visible; }
.ws-marketing .ws-product-shot-dashboard .ws-ui-module-row {
	position:absolute;
	right:16px;
	top:80px;
	bottom:auto;
	display:grid;
	width:185px;
	gap:12px;
}
.ws-marketing .ws-product-shot-dashboard .ws-ui-module-row span {
	justify-content:flex-start;
	padding:16px;
	border:1px solid #cfe0f3;
	border-radius:13px;
	background:#fff;
	box-shadow:0 12px 30px rgba(7,29,56,.08);
	color:var(--ws-concept-ink);
}
.ws-marketing .ws-product-shot-dashboard .ws-ui-module-row span::after { content:"Aktivno"; margin-left:auto; color:var(--ws-concept-green); font-size:9px; font-weight:900; text-transform:uppercase; }

/* 08 — Guard retains its dark technical character and animated checkpoints. */
.ws-marketing .ws-guard-section {
	position:relative;
	background:
		radial-gradient(circle at 70% 42%,rgba(19,111,255,.2),transparent 38%),
		linear-gradient(140deg,#031229,#051a34);
}
.ws-marketing .ws-guard-checks span { position:relative; overflow:hidden; }
.ws-marketing .ws-guard-checks span::after { content:""; position:absolute; left:-60%; bottom:0; width:60%; height:2px; background:linear-gradient(90deg,transparent,#2d8fff,transparent); animation:ws-scan-line 3.2s ease-in-out infinite; }
.ws-marketing .ws-guard-checks span:nth-child(2)::after { animation-delay:.8s; }
.ws-marketing .ws-guard-checks span:nth-child(3)::after { animation-delay:1.6s; }
.ws-marketing .ws-product-shot-guard { box-shadow:0 34px 90px rgba(0,0,0,.44),0 0 70px rgba(30,119,255,.12); }

/* 09 — Everything in one subscription, visualized as stacked layers. */
.ws-marketing .ws-subscription-includes {
	position:relative;
	display:grid;
	grid-template-columns:minmax(340px,.72fr) minmax(620px,1.28fr);
	grid-template-rows:auto 1fr auto;
	gap:26px 72px;
	align-items:center;
	background:#fff;
}
.ws-marketing .ws-subscription-includes .ws-public-heading { grid-row:1 / span 2; text-align:left; max-width:510px; }
.ws-subscription-device {
	grid-column:2;
	position:relative;
	z-index:3;
	width:min(530px,76%);
	margin:0 auto -18px;
	padding:8px;
	border:7px solid #071d38;
	border-radius:16px;
	background:#fff;
	box-shadow:0 24px 60px rgba(7,29,56,.2);
}
.ws-subscription-device img { display:block; width:100%; height:auto!important; aspect-ratio:16/9; object-fit:cover; object-position:top; border-radius:5px; }
.ws-subscription-browser { display:flex; gap:4px; padding:0 0 7px; }
.ws-subscription-browser i { width:5px; height:5px; border-radius:50%; background:#aab8c8; }
.ws-marketing .ws-subscription-includes .ws-feature-grid {
	grid-column:2;
	display:flex;
	flex-direction:column;
	gap:8px;
	width:100%;
	padding:0;
}
.ws-marketing .ws-subscription-includes .ws-feature-grid article,
.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-child(2n) {
	display:grid;
	grid-template-columns:34px 148px minmax(0,1fr) 22px;
	align-items:center;
	gap:12px;
	min-height:58px;
	padding:10px 16px;
	border:1px solid #cbdcee;
	border-radius:8px;
	background:linear-gradient(90deg,#e8f2ff,#f8fbff);
	box-shadow:0 7px 0 #dbe8f6,0 12px 24px rgba(7,29,56,.07);
}
.ws-marketing .ws-subscription-includes .ws-feature-grid article::after { content:"✓"; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:#dff8ed; color:#10a568; font-weight:900; }
.ws-marketing .ws-subscription-includes .ws-feature-grid svg { margin:0; }
.ws-marketing .ws-subscription-includes .ws-feature-grid h3 { margin:0; font-size:14px; }
.ws-marketing .ws-subscription-includes .ws-feature-grid p { margin:0; font-size:11px; }
.ws-marketing .ws-subscription-includes .ws-scope-note { grid-column:1 / -1; }

/* 10 — Pricing cards grow with the actual scope of each package. */
.ws-marketing .ws-pricing-section { background:linear-gradient(180deg,#fbfdff,#f3f7fc); }
.ws-marketing .ws-price-grid { align-items:end; }
.ws-marketing .ws-price-card { min-height:440px; border-radius:16px; transition:transform .3s ease,box-shadow .3s ease; }
.ws-marketing .ws-price-card:nth-child(2) { min-height:500px; }
.ws-marketing .ws-price-card:nth-child(3) { min-height:548px; box-shadow:0 24px 70px rgba(20,120,255,.17); }
.ws-marketing .ws-price-card:hover { transform:translateY(-8px); }

/* 11 — Founder section uses the real portrait and proof from real work. */
.ws-marketing .ws-founder-section {
	grid-template-columns:minmax(430px,.72fr) minmax(520px,1.28fr);
	padding:0;
	background:#fbf7ef;
	overflow:hidden;
}
.ws-marketing .ws-founder-photo { min-height:720px; border-radius:0; }
.ws-marketing .ws-founder-photo img { width:100%; height:100%; object-fit:cover; object-position:center 22%; }
.ws-marketing .ws-founder-copy { padding:90px clamp(46px,6vw,110px); }
.ws-marketing .ws-founder-copy h2 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(48px,4.2vw,76px); line-height:1; letter-spacing:-.045em; }
.ws-marketing .ws-founder-facts { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #d9d1c4; }
.ws-marketing .ws-founder-facts span { padding:24px 18px 0 0; border-right:1px solid #d9d1c4; }
.ws-marketing .ws-founder-facts span:last-child { border-right:0; padding-left:18px; }

/* 12 — FAQ is now a navigable support center, not a loose accordion. */
.ws-marketing .ws-faq-section { background:#f5f8fc; }
.ws-faq-layout { display:grid; grid-template-columns:290px minmax(0,1fr); gap:26px; align-items:start; max-width:1180px; margin:48px auto 0; }
.ws-faq-categories { display:grid; gap:8px; padding:10px; border:1px solid #d5e1ef; border-radius:18px; background:#fff; box-shadow:0 18px 45px rgba(7,29,56,.07); }
.ws-faq-categories a,
.ws-faq-categories button {
	display:flex;
	align-items:center;
	gap:13px;
	width:100%;
	padding:15px;
	border:0;
	border-radius:12px;
	background:transparent;
	color:var(--ws-concept-ink);
	text-align:left;
	text-decoration:none;
	cursor:pointer;
}
.ws-faq-categories a.is-active { background:var(--ws-concept-blue); color:#fff; }
.ws-faq-categories svg { width:21px; flex:0 0 21px; }
.ws-faq-categories span { display:grid; gap:2px; }
.ws-faq-categories strong { font-size:13px; }
.ws-faq-categories small { font-size:10px; opacity:.7; }
.ws-faq-categories button { margin-top:10px; border-top:1px solid #e4ebf3; border-radius:0 0 12px 12px; color:#1a65bc; }
.ws-marketing .ws-faq-section .ws-public-faq { margin:0; }

/* 13 — The last CTA visibly transforms an empty frame into a live site. */
.ws-marketing .ws-public-final {
	position:relative;
	padding-bottom:74px;
	background:
		radial-gradient(circle at 50% 65%,rgba(20,120,255,.22),transparent 40%),
		linear-gradient(140deg,#03142c,#041c3b);
	overflow:hidden;
}
.ws-final-flow {
	display:grid;
	grid-template-columns:1fr 42px 1fr 42px 1.15fr;
	align-items:center;
	gap:18px;
	max-width:1120px;
	margin:58px auto 28px;
	text-align:left;
}
.ws-final-stage { display:grid; gap:9px; color:#fff; }
.ws-final-stage > span { min-height:160px; display:flex; align-items:center; justify-content:center; gap:10px; padding:16px; border:1px solid rgba(126,182,255,.24); border-radius:13px; background:rgba(2,15,34,.72); overflow:hidden; }
.ws-final-stage.is-empty > span { border-style:dashed; }
.ws-final-stage.is-empty > span svg { width:60px; height:60px; color:#315b88; }
.ws-final-stage.is-building > span svg { width:42px; height:42px; padding:10px; border:1px solid #267cff; border-radius:8px; background:#0a2a53; color:#70adff; animation:ws-build-pulse 2.6s ease-in-out infinite; }
.ws-final-stage.is-building > span svg:nth-child(2) { animation-delay:.35s; }
.ws-final-stage.is-building > span svg:nth-child(3) { animation-delay:.7s; }
.ws-final-stage.is-live > span { padding:7px; background:#fff; }
.ws-final-stage.is-live img { width:100%; height:100%; object-fit:cover; object-position:top; border-radius:7px; }
.ws-final-stage strong { font-size:12px; }
.ws-final-stage small { color:#8fa7c2; font-size:10px; }
.ws-final-arrow { color:#2784ff; }
.ws-final-assurances { display:flex; justify-content:center; gap:40px; color:#b6c9de; font-size:11px; }
.ws-final-assurances span { display:flex; align-items:center; gap:8px; }
.ws-final-assurances svg { width:18px; color:#67e0b0; }

@keyframes ws-product-breathe { 0%,100%{transform:rotateY(-4deg) rotateX(1deg) translateY(0)} 50%{transform:rotateY(-3deg) rotateX(1deg) translateY(-9px)} }
@keyframes ws-orbit-spin { to { transform:rotate(360deg); } }
@keyframes ws-scan-line { 0%{left:-60%} 70%,100%{left:120%} }
@keyframes ws-build-pulse { 0%,100%{transform:translateY(0);box-shadow:none} 50%{transform:translateY(-7px);box-shadow:0 10px 28px rgba(20,120,255,.25)} }

@media (max-width: 1180px) {
	.ws-marketing .ws-marketing-hero { grid-template-columns:1fr 1fr; min-height:680px; padding-inline:44px; }
	.ws-marketing .ws-marketing-product::after { right:0; }
	.ws-marketing .ws-included-grid { inset-inline:34px; }
	.ws-marketing .ws-included-grid article { max-width:270px; }
	.ws-marketing .ws-partner-strip { grid-template-columns:1fr; }
	.ws-marketing .ws-partner-strip-heading { max-width:680px; }
	.ws-marketing .ws-editor-visual { width:70%; }
	.ws-marketing .ws-editor-benefits article { width:170px; }
	.ws-marketing .ws-example-section,
	.ws-marketing .ws-system-showcase,
	.ws-marketing .ws-founder-section { grid-template-columns:1fr; }
	.ws-marketing .ws-founder-photo { min-height:560px; }
}

@media (max-width: 820px) {
	.ws-marketing [data-ws-marketing-reveal] { transform:translateY(20px); }
	.ws-marketing .ws-marketing-hero { display:grid; grid-template-columns:1fr; min-height:0; padding:84px 22px 100px; }
	.ws-marketing .ws-marketing-hero h1 { font-size:clamp(46px,14vw,68px); }
	.ws-marketing .ws-marketing-product::after { width:122px; min-height:164px; right:-7px; bottom:-52px; padding:17px 12px; border-width:5px; border-radius:19px; font-size:9px; }
	.ws-marketing .ws-included-strip { min-height:0; padding:72px 20px; }
	.ws-foundation-map { position:relative; left:auto; top:auto; width:100%; margin:42px 0; transform:none; }
	.ws-foundation-orbit { inset:-24px; }
	.ws-marketing .ws-included-grid { position:relative; inset:auto; grid-template-columns:1fr; gap:12px; }
	.ws-marketing .ws-included-grid article,
	.ws-marketing .ws-included-grid article:nth-child(even) { max-width:none; width:100%; justify-self:stretch; }
	.ws-marketing .ws-partner-strip { display:block; padding:72px 20px 40px; }
	.ws-project-fan { min-height:390px; margin:32px -36px 0; transform:scale(.78); transform-origin:center top; }
	.ws-marketing .ws-editor-section { padding:72px 20px; }
	.ws-marketing .ws-editor-layout { min-height:0; }
	.ws-marketing .ws-editor-visual { width:100%; margin:36px 0 0; }
	.ws-marketing .ws-editor-benefits { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:30px; }
	.ws-marketing .ws-editor-benefits article { position:relative!important; inset:auto!important; width:auto; min-height:100px; }
	.ws-marketing .ws-editor-benefits article::after { display:none; }
	.ws-marketing .ws-example-section,
	.ws-marketing .ws-system-showcase { grid-template-columns:1fr; }
	.ws-marketing .ws-product-shot-dashboard { padding-right:0; }
	.ws-marketing .ws-product-shot-dashboard .ws-ui-module-row { position:relative; inset:auto; width:auto; grid-template-columns:repeat(3,1fr); margin-top:12px; }
	.ws-marketing .ws-product-shot-dashboard .ws-ui-module-row span { padding:12px; }
	.ws-marketing .ws-product-shot-dashboard .ws-ui-module-row span::after { display:none; }
	.ws-marketing .ws-subscription-includes { display:block; }
	.ws-subscription-device { width:92%; margin:38px auto 20px; }
	.ws-marketing .ws-subscription-includes .ws-feature-grid article,
	.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-child(2n) { grid-template-columns:30px 1fr 22px; }
	.ws-marketing .ws-subscription-includes .ws-feature-grid article p { grid-column:2; }
	.ws-marketing .ws-founder-section { display:block; }
	.ws-marketing .ws-founder-photo { min-height:480px; }
	.ws-marketing .ws-founder-copy { padding:64px 22px; }
	.ws-marketing .ws-founder-facts { grid-template-columns:1fr; }
	.ws-marketing .ws-founder-facts span { border-right:0; border-bottom:1px solid #d9d1c4; padding:18px 0; }
	.ws-faq-layout { grid-template-columns:1fr; }
	.ws-faq-categories { grid-template-columns:repeat(3,1fr); overflow:auto; }
	.ws-faq-categories a,.ws-faq-categories button { min-width:190px; }
	.ws-final-flow { grid-template-columns:1fr; gap:16px; }
	.ws-final-arrow { margin:auto; transform:rotate(90deg); }
	.ws-final-assurances { flex-wrap:wrap; gap:14px 24px; }
}

@media (prefers-reduced-motion: reduce) {
	.ws-marketing [data-ws-marketing-reveal],
	.ws-marketing .ws-product-shot-hero,
	.ws-foundation-orbit,
	.ws-marketing .ws-guard-checks span::after,
	.ws-final-stage.is-building > span svg { animation:none!important; transition:none!important; transform:none; }
}

/* Registration handoff: explain the path before the user enters the builder. */
.ws-auth-page .ws-auth-shell:has(.ws-auth-journey) {
	width: min(1180px, calc(100% - 36px));
	display: grid;
	grid-template-columns: minmax(0, 1fr) 390px;
	align-items: stretch;
	gap: 18px;
}
.ws-auth-page .ws-auth-shell:has(.ws-auth-journey) .ws-auth-card { width: auto; margin: 0; }
.ws-auth-journey {
	padding: 34px;
	display: flex;
	flex-direction: column;
	color: #fff;
	border: 1px solid #183b63;
	border-radius: 18px;
	background:
		radial-gradient(circle at 88% 8%,rgba(30,126,255,.26),transparent 30%),
		linear-gradient(145deg,#071d38,#0a274b);
	box-shadow: 0 24px 70px rgba(7,29,56,.18);
}
.ws-auth-journey-head { display:grid; grid-template-columns:48px minmax(0,1fr); gap:14px; align-items:center; }
.ws-auth-journey-head > span { width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(112,177,255,.28); border-radius:13px; background:rgba(255,255,255,.06); color:#74b4ff; }
.ws-auth-journey-head small { display:block; color:#72aff8; font-size:9px; font-weight:900; letter-spacing:.1em; }
.ws-auth-journey-head strong { display:block; margin-top:5px; font-size:18px; line-height:1.25; }
.ws-auth-journey ol { margin:38px 0 30px; padding:0; display:grid; gap:10px; list-style:none; }
.ws-auth-journey li { position:relative; padding:14px; display:grid; grid-template-columns:30px minmax(0,1fr); gap:12px; border:1px solid rgba(137,184,235,.17); border-radius:11px; background:rgba(255,255,255,.045); }
.ws-auth-journey li:not(:last-child)::after { content:""; position:absolute; left:28px; bottom:-11px; width:1px; height:11px; background:#327ed0; }
.ws-auth-journey li b { width:30px; height:30px; display:grid; place-items:center; border:1px solid #3b8be0; border-radius:50%; color:#80beff; font-size:11px; }
.ws-auth-journey li strong,.ws-auth-journey li small { display:block; }
.ws-auth-journey li strong { font-size:12px; }
.ws-auth-journey li small { margin-top:4px; color:#9fb5ce; font-size:10px; line-height:1.5; }
.ws-auth-journey > p { margin:auto 0 0; padding-top:18px; display:flex; gap:9px; align-items:center; color:#a9bfd8; border-top:1px solid rgba(255,255,255,.1); font-size:10px; line-height:1.5; }
.ws-auth-journey > p svg { width:17px; flex:0 0 17px; color:#4cdaa5; }
@media (max-width: 860px) {
	.ws-auth-page .ws-auth-shell:has(.ws-auth-journey) { grid-template-columns:1fr; }
	.ws-auth-journey { order:-1; padding:24px; }
}

/* 0.5.73 homepage rebuild — real product screens arranged like the approved 13 concepts. */
.ws-marketing main {
	background: #f2f6fb;
}

/* A marketing section must never be blank while JavaScript is loading. */
.ws-marketing [data-ws-marketing-reveal],
.ws-marketing [data-ws-marketing-reveal].is-revealed {
	opacity: 1 !important;
	transform: none !important;
}

.ws-marketing [data-ws-marketing-reveal].is-revealed .ws-product-shot,
.ws-marketing [data-ws-marketing-reveal].is-revealed .ws-project-fan-card,
.ws-marketing [data-ws-marketing-reveal].is-revealed .ws-feature-grid article {
	animation: ws-home-card-in .68s cubic-bezier(.2,.78,.2,1) both;
}

.ws-marketing [data-ws-marketing-reveal].is-revealed .ws-project-fan-card:nth-child(2),
.ws-marketing [data-ws-marketing-reveal].is-revealed .ws-feature-grid article:nth-child(2) { animation-delay: .06s; }
.ws-marketing [data-ws-marketing-reveal].is-revealed .ws-project-fan-card:nth-child(3),
.ws-marketing [data-ws-marketing-reveal].is-revealed .ws-feature-grid article:nth-child(3) { animation-delay: .12s; }
.ws-marketing [data-ws-marketing-reveal].is-revealed .ws-project-fan-card:nth-child(4),
.ws-marketing [data-ws-marketing-reveal].is-revealed .ws-feature-grid article:nth-child(4) { animation-delay: .18s; }
.ws-marketing [data-ws-marketing-reveal].is-revealed .ws-project-fan-card:nth-child(5),
.ws-marketing [data-ws-marketing-reveal].is-revealed .ws-feature-grid article:nth-child(5) { animation-delay: .24s; }
.ws-marketing [data-ws-marketing-reveal].is-revealed .ws-feature-grid article:nth-child(6) { animation-delay: .3s; }

.ws-marketing .ws-marketing-hero,
.ws-marketing .ws-included-strip,
.ws-marketing .ws-partner-strip,
.ws-marketing .ws-guided-start,
.ws-marketing .ws-editor-section,
.ws-marketing .ws-example-section,
.ws-marketing .ws-system-showcase,
.ws-marketing .ws-guard-section,
.ws-marketing .ws-subscription-includes,
.ws-marketing .ws-pricing-section,
.ws-marketing .ws-founder-section,
.ws-marketing .ws-faq-section,
.ws-marketing .ws-public-final {
	width: 100%;
	max-width: 1920px;
	margin-inline: auto;
	box-sizing: border-box;
}

.ws-marketing .ws-public-heading h2,
.ws-marketing .ws-guided-copy h2,
.ws-marketing .ws-example-copy h2,
.ws-marketing .ws-system-showcase-copy h2,
.ws-marketing .ws-guard-copy h2,
.ws-marketing .ws-founder-copy h2,
.ws-marketing .ws-public-final h2 {
	text-wrap: balance;
}

/* 01 — the product floats beside the editorial hero, without crowding the copy. */
.ws-marketing .ws-marketing-hero {
	min-height: 820px;
	grid-template-columns: minmax(420px, .78fr) minmax(650px, 1.22fr);
	gap: clamp(54px, 6vw, 128px);
	padding: clamp(92px, 7vw, 138px) clamp(38px, 6.3vw, 122px);
	background:
		linear-gradient(90deg, rgba(11,38,69,.035) 1px, transparent 1px),
		linear-gradient(rgba(11,38,69,.035) 1px, transparent 1px),
		linear-gradient(112deg, #fffdf9 0 48%, #f4f8fd 48%);
	background-size: 54px 54px, 54px 54px, auto;
}
.ws-marketing .ws-marketing-hero-copy { max-width: 690px; position: relative; z-index: 3; }
.ws-marketing .ws-marketing-hero h1 {
	max-width: 720px;
	margin: 18px 0 26px;
	font-size: clamp(56px, 4.7vw, 88px);
	line-height: .96;
	letter-spacing: -.055em;
}
.ws-marketing .ws-marketing-hero-copy > p { max-width: 610px; font-size: clamp(17px, 1.25vw, 21px); line-height: 1.62; }
.ws-marketing .ws-marketing-product { width: min(900px, 100%); margin-left: auto; }
.ws-marketing .ws-product-shot-hero {
	border-radius: 20px;
	transform: rotateY(-3deg) rotateZ(-.45deg);
}
.ws-marketing .ws-product-shot-hero .ws-ui-screen { aspect-ratio: 1.7; }
.ws-marketing .ws-product-shot-hero .ws-ui-callout-primary { left: -72px; bottom: 54px; }
.ws-marketing .ws-product-shot-hero .ws-ui-status { right: 34px; bottom: -20px; }
.ws-marketing .ws-marketing-product::before {
	content: "";
	position: absolute;
	left: -42px;
	top: 48px;
	width: 170px;
	height: 126px;
	z-index: 5;
	border: 1px solid #cbd9e9;
	border-radius: 16px;
	background:
		linear-gradient(#1478ff,#1478ff) 22px 28px / 82px 7px no-repeat,
		linear-gradient(#9eb1c7,#9eb1c7) 22px 50px / 126px 5px no-repeat,
		linear-gradient(#dbe6f2,#dbe6f2) 22px 69px / 104px 5px no-repeat,
		#fff;
	box-shadow: 0 24px 55px rgba(7,29,56,.18);
	transform: rotate(-4deg);
}
.ws-marketing .ws-marketing-product::after {
	right: -22px;
	bottom: -44px;
	width: 164px;
	min-height: 212px;
	border-width: 7px;
	border-radius: 24px;
}

/* 02 — the central live page and four connected services are one balanced system. */
.ws-marketing .ws-included-strip {
	min-height: 790px;
	padding: 72px clamp(38px, 6.3vw, 122px);
	background:
		radial-gradient(circle at 50% 60%, rgba(20,120,255,.26), transparent 32%),
		linear-gradient(140deg, #061b37, #020e22 72%);
}
.ws-marketing .ws-included-heading {
	display: block;
	max-width: 560px;
	margin: 0;
}
.ws-marketing .ws-included-heading h2 {
	margin-top: 12px;
	font-size: clamp(44px, 3.3vw, 64px);
	line-height: .98;
}
.ws-marketing .ws-included-heading p {
	max-width: 520px;
	margin: 22px 0 0;
	color: #a9bfd9;
	font-size: 15px;
	line-height: 1.65;
}
.ws-marketing .ws-included-heading h2 em { color: #1f84ff; font-style: normal; }
.ws-marketing .ws-included-heading h2::after { display: none; }
.ws-foundation-map {
	left: 52.5%;
	top: 60%;
	width: min(560px, 35vw);
}
.ws-foundation-preview {
	padding: 12px;
	border-radius: 22px;
}
.ws-foundation-preview img { aspect-ratio: 1.72; }
.ws-foundation-ready { bottom: -18px; white-space: nowrap; }
.ws-foundation-orbit { inset: -90px -158px; }
.ws-marketing .ws-included-grid {
	inset: 285px clamp(42px, 7vw, 138px) 74px;
	grid-template-columns: minmax(245px, 320px) minmax(245px, 320px);
	grid-template-rows: 1fr 1fr;
	column-gap: min(37vw, 700px);
	row-gap: 74px;
	justify-content: center;
	align-content: center;
	border-top: 0;
}
.ws-marketing .ws-included-grid article,
.ws-marketing .ws-included-grid article:nth-child(even) {
	width: 100%;
	max-width: 320px;
	min-height: 128px;
	align-self: center;
	justify-self: stretch;
	border-left: 0;
}
.ws-marketing .ws-included-grid article:nth-child(1) { grid-column: 1; grid-row: 1; }
.ws-marketing .ws-included-grid article:nth-child(2) { grid-column: 1; grid-row: 2; }
.ws-marketing .ws-included-grid article:nth-child(3) { grid-column: 2; grid-row: 1; }
.ws-marketing .ws-included-grid article:nth-child(4) { grid-column: 2; grid-row: 2; }

/* 03 — an editorial proof block and a tactile fan of real Webrox projects. */
.ws-marketing .ws-partner-strip {
	min-height: 720px;
	grid-template-columns: minmax(350px, .75fr) minmax(720px, 1.25fr);
	align-items: center;
	gap: 34px 86px;
	padding: 86px clamp(38px, 6.3vw, 122px) 44px;
}
.ws-marketing .ws-partner-strip-heading {
	display: block;
	width: auto;
	max-width: 530px;
	margin: 0;
}
.ws-marketing .ws-partner-strip-heading h2 { margin: 14px 0 24px; font-size: clamp(48px, 4vw, 72px); }
.ws-marketing .ws-partner-strip-heading > p { max-width: 460px; color: #617187; font-size: 16px; line-height: 1.65; }
.ws-partner-proof { display: flex; gap: 0; margin-top: 34px; }
.ws-partner-proof span { display: grid; min-width: 135px; padding: 0 26px; border-left: 1px solid #cfd9e5; }
.ws-partner-proof span:first-child { padding-left: 0; border-left: 0; }
.ws-partner-proof strong { color: #1478ff; font-size: 28px; line-height: 1; }
.ws-partner-proof small { margin-top: 6px; color: #718096; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.ws-project-fan { min-height: 500px; }
.ws-project-fan-card { width: 220px; height: 410px; border-radius: 20px; }
.ws-project-fan-visual { height: 300px; }
.ws-project-fan-card:nth-child(1) .ws-project-fan-visual { background: linear-gradient(150deg,#eee4da,#b8c4d0); }
.ws-project-fan-card:nth-child(2) .ws-project-fan-visual { background: linear-gradient(150deg,#213850,#62859c); }
.ws-project-fan-card:nth-child(3) .ws-project-fan-visual { background: linear-gradient(150deg,#d7dfd3,#809588); }
.ws-project-fan-card:nth-child(4) .ws-project-fan-visual { background: linear-gradient(150deg,#ecd7c0,#9a7861); }
.ws-project-fan-card:nth-child(5) .ws-project-fan-visual { background: linear-gradient(150deg,#d9e9f4,#668aa5); }
.ws-marketing .ws-partner-marquee { margin-top: 0; }

/* 04 — three answers visibly flow into the prepared preview. */
.ws-marketing .ws-guided-start {
	min-height: 790px;
	grid-template-columns: minmax(430px, .76fr) minmax(680px, 1.24fr);
	gap: 120px;
	align-items: center;
	padding: 92px clamp(38px, 6.3vw, 122px);
	background:
		radial-gradient(circle at 82% 42%, rgba(20,120,255,.08), transparent 32%),
		#fffdf9;
}
.ws-marketing .ws-guided-copy { position: relative; z-index: 3; }
.ws-marketing .ws-guided-copy h2 { max-width: 560px; font-size: clamp(50px, 4.2vw, 76px); line-height: .98; }
.ws-marketing .ws-guided-list { width: min(430px, 100%); margin-top: 36px; }
.ws-marketing .ws-guided-list::after { right: -42px; width: 40px; }
.ws-guided-decisions {
	position: absolute;
	z-index: 4;
	left: calc(100% + 34px);
	top: 250px;
	display: grid;
	gap: 14px;
	width: 170px;
}
.ws-guided-decisions span {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 58px;
	padding: 12px;
	border: 1px solid #cfe0f4;
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(7,29,56,.1);
	color: #17334f;
	font-size: 11px;
	font-weight: 800;
}
.ws-guided-decisions svg { width: 18px; color: #1478ff; }
.ws-marketing .ws-onboarding-shot { width: 100%; margin: 0; border-radius: 18px; transform: none; }
.ws-marketing .ws-onboarding-shot .ws-ui-screen { aspect-ratio: 1.65; }

/* 05 — dark editor stage with the four real actions pinned around it. */
.ws-marketing .ws-editor-section {
	min-height: 900px;
	padding: 82px clamp(38px, 6.3vw, 122px) 108px;
}
.ws-marketing .ws-editor-section .ws-public-heading {
	max-width: 760px;
	margin: 0;
	text-align: left;
}
.ws-marketing .ws-editor-section .ws-public-heading h2 { font-size: clamp(52px, 4.4vw, 78px); line-height: .98; }
.ws-marketing .ws-editor-section .ws-public-heading p { max-width: 600px; }
.ws-marketing .ws-editor-layout { min-height: 590px; }
.ws-marketing .ws-editor-visual {
	width: min(1100px, 72%);
	margin-top: 46px;
	border: 1px solid rgba(96,159,231,.35);
	border-radius: 18px;
}
.ws-marketing .ws-editor-visual .ws-ui-screen { aspect-ratio: 1.72; }
.ws-marketing .ws-editor-benefits article { width: 230px; }
.ws-marketing .ws-editor-benefits article:nth-child(1) { top: 84px; }
.ws-marketing .ws-editor-benefits article:nth-child(2) { top: 132px; }
.ws-marketing .ws-editor-benefits article:nth-child(3) { bottom: 64px; }
.ws-marketing .ws-editor-benefits article:nth-child(4) { bottom: 44px; }

/* 06 — answers, the finished page and its page set form one horizontal journey. */
.ws-marketing .ws-example-section {
	min-height: 760px;
	grid-template-columns: minmax(360px, .48fr) minmax(720px, 1.52fr);
	gap: 64px;
	align-items: center;
	padding: 96px clamp(38px, 6.3vw, 122px);
}
.ws-marketing .ws-example-copy { max-width: 520px; }
.ws-marketing .ws-example-copy h2 { font-size: clamp(46px, 3.8vw, 70px); line-height: 1; }
.ws-marketing .ws-example-copy h2 { color: #071d38; }
.ws-marketing .ws-example-copy > p { color: #617187; }
.ws-marketing .ws-example-copy::before { top: -80px; left: -12px; font-size: 112px; }
.ws-marketing .ws-example-section .ws-product-shot {
	width: 100%;
	margin: 0;
	border-radius: 18px;
}
.ws-marketing .ws-example-section .ws-product-shot .ws-ui-screen { aspect-ratio: 1.7; }
.ws-marketing .ws-example-section .ws-product-shot::before,
.ws-marketing .ws-example-section .ws-product-shot::after { top: -76px; font-size: 104px; }
.ws-marketing .ws-example-meta span {
	position: relative;
	padding-left: 40px;
}
.ws-marketing .ws-example-meta span::before {
	content: "✓";
	position: absolute;
	left: 13px;
	top: 50%;
	display: grid;
	place-items: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #f3c7b4;
	color: #6e3927;
	font-size: 10px;
	transform: translateY(-50%);
}

/* 07 — user account with a clear sidebar-like copy block and live service cards. */
.ws-marketing .ws-system-showcase {
	min-height: 760px;
	grid-template-columns: minmax(380px, .48fr) minmax(720px, 1.52fr);
	gap: 72px;
	align-items: center;
	padding: 92px clamp(38px, 6.3vw, 122px);
	background:
		linear-gradient(90deg, #082242 0 78px, transparent 78px),
		#f4f8fd;
}
.ws-marketing .ws-system-showcase-copy { max-width: 520px; }
.ws-marketing .ws-system-showcase-copy h2 { font-size: clamp(48px, 3.9vw, 72px); line-height: .98; }
.ws-marketing .ws-product-shot-dashboard { padding-right: 196px; }
.ws-marketing .ws-product-shot-dashboard .ws-ui-screen { aspect-ratio: 1.72; }
.ws-marketing .ws-product-shot-dashboard .ws-ui-module-row {
	right: 0;
	top: 58px;
	width: 210px;
}
.ws-marketing .ws-product-shot-dashboard .ws-ui-module-row span { min-height: 72px; }

/* 08 — Webrox Guard appears as an active monitoring flow, not a screenshot card. */
.ws-marketing .ws-guard-section {
	min-height: 790px;
	grid-template-columns: minmax(390px, .58fr) minmax(720px, 1.42fr);
	gap: 70px;
	align-items: center;
	padding: 90px clamp(38px, 6.3vw, 122px);
}
.ws-marketing .ws-guard-copy { max-width: 560px; }
.ws-marketing .ws-guard-copy h2 { font-size: clamp(50px, 4vw, 74px); line-height: .98; }
.ws-marketing .ws-guard-checks { display: grid; grid-template-columns: 1fr; gap: 10px; }
.ws-marketing .ws-guard-checks span { min-height: 66px; }
.ws-marketing .ws-product-shot-guard { width: 100%; margin: 0; border-radius: 18px; }
.ws-marketing .ws-product-shot-guard .ws-ui-screen { aspect-ratio: 1.66; }

/* 09 — the six benefits are stacked under the real editor, like the approved concept. */
.ws-marketing .ws-subscription-includes {
	min-height: 820px;
	grid-template-columns: minmax(370px, .7fr) minmax(700px, 1.3fr);
	grid-template-rows: auto auto auto;
	gap: 22px 76px;
	align-content: center;
	padding: 92px clamp(38px, 6.3vw, 122px);
}
.ws-marketing .ws-subscription-includes .ws-public-heading { grid-row: 1 / span 2; max-width: 530px; }
.ws-marketing .ws-subscription-includes .ws-public-heading h2 { font-size: clamp(52px, 4.2vw, 76px); line-height: .98; }
.ws-subscription-device { width: min(600px, 78%); }
.ws-marketing .ws-subscription-includes .ws-feature-grid { gap: 7px; }
.ws-marketing .ws-subscription-includes .ws-feature-grid article,
.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-child(2n) {
	grid-template-columns: 36px minmax(130px, .42fr) minmax(200px, 1fr) 22px;
	min-height: 62px;
	border-color: #bdd3ec;
	background: linear-gradient(90deg, #e7f2ff, #fbfdff);
}
.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-child(1) { margin-inline: 0 0; }
.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-child(2) { margin-inline: 14px 0; }
.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-child(3) { margin-inline: 28px 0; }
.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-child(4) { margin-inline: 42px 0; }
.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-child(5) { margin-inline: 56px 0; }
.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-child(6) { margin-inline: 70px 0; }
.ws-marketing .ws-subscription-includes .ws-feature-grid svg {
	position: static;
	inset: auto;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
	border-radius: 0;
	background: transparent;
}

/* 10 — pricing stays compact, aligned and legible at a glance. */
.ws-marketing .ws-pricing-section {
	min-height: 980px;
	padding: 92px clamp(38px, 6.3vw, 122px);
}
.ws-marketing .ws-pricing-section .ws-public-heading { max-width: 820px; }
.ws-marketing .ws-pricing-section .ws-public-heading h2 { font-size: clamp(50px, 4vw, 74px); }
.ws-marketing .ws-price-grid {
	max-width: 1220px;
	margin-inline: auto;
	grid-template-columns: .82fr 1fr 1.18fr;
	gap: 18px;
}
.ws-marketing .ws-price-card,
.ws-marketing .ws-price-card:nth-child(2),
.ws-marketing .ws-price-card:nth-child(3) { min-height: 0; }
.ws-marketing .ws-price-card { padding: 34px; }
.ws-marketing .ws-price-card:nth-child(2) { padding-top: 42px; }
.ws-marketing .ws-price-card:nth-child(3) { padding-top: 50px; }

/* 11 — portrait, real proof and a clean editorial story. */
.ws-marketing .ws-founder-section {
	min-height: 720px;
	grid-template-columns: minmax(500px, .82fr) minmax(620px, 1.18fr);
}
.ws-marketing .ws-founder-photo { min-height: 720px; position: relative; }
.ws-marketing .ws-founder-photo::before,
.ws-marketing .ws-founder-photo::after {
	content: "";
	position: absolute;
	z-index: 2;
	left: 28px;
	width: 150px;
	height: 98px;
	border: 7px solid #fff;
	border-radius: 10px;
	box-shadow: 0 14px 35px rgba(7,29,56,.22);
	background:
		linear-gradient(135deg, rgba(20,120,255,.8), rgba(7,29,56,.95)),
		#0a2b52;
	transform: rotate(-5deg);
}
.ws-marketing .ws-founder-photo::before { top: 58px; }
.ws-marketing .ws-founder-photo::after { top: 172px; transform: rotate(4deg); background: linear-gradient(135deg,#e7cbb6,#6f5547); }
.ws-marketing .ws-founder-copy { max-width: 900px; }
.ws-marketing .ws-founder-copy h2 { max-width: 810px; }

/* 12 — FAQ behaves like a small help centre. */
.ws-marketing .ws-faq-section {
	min-height: 740px;
	padding: 86px clamp(38px, 6.3vw, 122px);
	background: #f2f6fb;
}
.ws-marketing .ws-faq-section::before {
	content: "1  Začetek     2  Objava in domena     3  Paket in podpora";
	display: block;
	max-width: 1180px;
	margin: 0 auto 22px;
	color: #70839a;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .04em;
	text-align: right;
	word-spacing: 8px;
}
.ws-marketing .ws-faq-section .ws-public-heading { max-width: 1180px; margin-inline: auto; text-align: left; }
.ws-marketing .ws-faq-section .ws-public-heading h2 { font-size: clamp(50px, 4vw, 72px); }
.ws-faq-layout { max-width: 1180px; }

/* 13 — a contained dark card that visibly moves from blank to published. */
.ws-marketing .ws-public-final {
	width: min(1800px, calc(100% - 64px));
	min-height: 690px;
	margin-block: 56px;
	padding: 76px clamp(38px, 6.3vw, 112px) 62px;
	border: 1px solid #143d69;
	border-radius: 28px;
	box-shadow: 0 32px 90px rgba(7,29,56,.2);
}
.ws-marketing .ws-public-final h2 { max-width: 940px; margin-inline: auto; font-size: clamp(50px, 4vw, 74px); }
.ws-marketing .ws-public-final > p { max-width: 740px; }
.ws-final-flow { max-width: 1180px; }
.ws-final-stage > span { min-height: 170px; }

@keyframes ws-home-card-in {
	from { opacity: .15; filter: blur(3px); }
	to { opacity: 1; filter: none; }
}

@media (max-width: 1320px) {
	.ws-marketing .ws-marketing-hero { grid-template-columns: minmax(360px,.8fr) minmax(560px,1.2fr); }
	.ws-marketing .ws-included-grid { column-gap: 46vw; inset-inline: 34px; }
	.ws-marketing .ws-partner-strip { grid-template-columns: minmax(320px,.75fr) minmax(600px,1.25fr); gap: 42px; }
	.ws-project-fan { transform: scale(.9); transform-origin: center; }
	.ws-marketing .ws-guided-start { grid-template-columns: minmax(380px,.82fr) minmax(560px,1.18fr); gap: 92px; }
	.ws-guided-decisions { left: calc(100% + 22px); width: 148px; }
	.ws-marketing .ws-editor-benefits article { width: 190px; }
	.ws-marketing .ws-editor-visual { width: 68%; }
	.ws-marketing .ws-system-showcase,
	.ws-marketing .ws-guard-section,
	.ws-marketing .ws-subscription-includes { grid-template-columns: minmax(340px,.7fr) minmax(580px,1.3fr); gap: 48px; }
}

@media (max-width: 1040px) {
	.ws-marketing .ws-marketing-hero,
	.ws-marketing .ws-partner-strip,
	.ws-marketing .ws-guided-start,
	.ws-marketing .ws-example-section,
	.ws-marketing .ws-system-showcase,
	.ws-marketing .ws-guard-section,
	.ws-marketing .ws-subscription-includes,
	.ws-marketing .ws-founder-section {
		grid-template-columns: 1fr;
	}
	.ws-marketing .ws-marketing-hero { min-height: 0; }
	.ws-marketing .ws-marketing-product { margin: 0 auto; }
	.ws-marketing .ws-partner-strip-heading { max-width: 720px; }
	.ws-project-fan { transform: none; }
	.ws-guided-decisions { position: static; grid-template-columns: repeat(3,1fr); width: auto; margin: 22px 0; }
	.ws-marketing .ws-editor-visual { width: 70%; }
	.ws-marketing .ws-editor-benefits article { width: 170px; }
	.ws-marketing .ws-system-showcase { background: #f4f8fd; }
	.ws-marketing .ws-subscription-includes .ws-public-heading { grid-row: auto; max-width: 760px; }
	.ws-subscription-device { grid-column: auto; }
	.ws-marketing .ws-subscription-includes .ws-feature-grid { grid-column: auto; }
	.ws-marketing .ws-founder-photo { min-height: 600px; }
}

@media (max-width: 820px) {
	.ws-marketing .ws-marketing-hero,
	.ws-marketing .ws-included-strip,
	.ws-marketing .ws-partner-strip,
	.ws-marketing .ws-guided-start,
	.ws-marketing .ws-editor-section,
	.ws-marketing .ws-example-section,
	.ws-marketing .ws-system-showcase,
	.ws-marketing .ws-guard-section,
	.ws-marketing .ws-subscription-includes,
	.ws-marketing .ws-pricing-section,
	.ws-marketing .ws-founder-copy,
	.ws-marketing .ws-faq-section {
		padding: 68px 20px;
	}
	.ws-marketing .ws-marketing-hero h1,
	.ws-marketing .ws-included-heading h2,
	.ws-marketing .ws-partner-strip-heading h2,
	.ws-marketing .ws-guided-copy h2,
	.ws-marketing .ws-editor-section .ws-public-heading h2,
	.ws-marketing .ws-example-copy h2,
	.ws-marketing .ws-system-showcase-copy h2,
	.ws-marketing .ws-guard-copy h2,
	.ws-marketing .ws-subscription-includes .ws-public-heading h2,
	.ws-marketing .ws-pricing-section .ws-public-heading h2,
	.ws-marketing .ws-founder-copy h2,
	.ws-marketing .ws-faq-section .ws-public-heading h2,
	.ws-marketing .ws-public-final h2 {
		font-size: clamp(40px, 12vw, 58px);
	}
	.ws-marketing .ws-marketing-product::before { left: -4px; top: -28px; width: 112px; height: 82px; }
	.ws-marketing .ws-product-shot-hero .ws-ui-callout-primary { left: 8px; bottom: -48px; }
	.ws-marketing .ws-marketing-product::after { right: 0; }

	.ws-marketing .ws-included-strip { min-height: 0; }
	.ws-foundation-map { width: 100%; margin: 52px 0 42px; }
	.ws-foundation-orbit { inset: -18px; }
	.ws-marketing .ws-included-grid { position: relative; inset: auto; grid-template-columns: 1fr; grid-template-rows: auto; gap: 12px; }
	.ws-marketing .ws-included-grid article:nth-child(n) { grid-column: 1; grid-row: auto; max-width: none; }

	.ws-marketing .ws-partner-strip { min-height: 0; }
	.ws-project-fan { min-height: 430px; margin: 20px -58px -36px; transform: scale(.72); transform-origin: center top; }
	.ws-partner-proof { margin-top: 24px; }
	.ws-marketing .ws-partner-marquee { margin-top: -48px; }

	.ws-guided-decisions { grid-template-columns: 1fr; }
	.ws-marketing .ws-guided-list::after { display: none; }
	.ws-marketing .ws-onboarding-shot { margin-top: 12px; }

	.ws-marketing .ws-editor-section { min-height: 0; }
	.ws-marketing .ws-editor-layout { min-height: 0; }
	.ws-marketing .ws-editor-visual { width: 100%; margin-top: 30px; }
	.ws-marketing .ws-editor-benefits { position: relative; display: grid; grid-template-columns: 1fr; gap: 18px; margin-top: 30px; }
	.ws-marketing .ws-editor-benefits article { position: relative !important; inset: auto !important; width: auto; min-height: 70px; }

	.ws-marketing .ws-example-section,
	.ws-marketing .ws-system-showcase,
	.ws-marketing .ws-guard-section,
	.ws-marketing .ws-subscription-includes { min-height: 0; }
	.ws-marketing .ws-example-copy::before,
	.ws-marketing .ws-example-section .ws-product-shot::before,
	.ws-marketing .ws-example-section .ws-product-shot::after { font-size: 72px; }
	.ws-marketing .ws-product-shot-dashboard { padding-right: 0; }
	.ws-marketing .ws-product-shot-dashboard .ws-ui-module-row { position: relative; inset: auto; width: auto; grid-template-columns: 1fr; }
	.ws-marketing .ws-product-shot-dashboard .ws-ui-module-row span { min-height: 0; }
	.ws-marketing .ws-guard-checks { grid-template-columns: 1fr; }

	.ws-subscription-device { width: 96%; }
	.ws-marketing .ws-subscription-includes .ws-feature-grid article,
	.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-child(n) {
		grid-template-columns: 30px 1fr 22px;
		margin-inline: 0;
	}
	.ws-marketing .ws-subscription-includes .ws-feature-grid article p { grid-column: 2; }

	.ws-marketing .ws-price-grid { grid-template-columns: 1fr; }
	.ws-marketing .ws-price-card:nth-child(n) { padding: 28px; }
	.ws-marketing .ws-founder-photo { min-height: 520px; }
	.ws-marketing .ws-founder-photo::before,
	.ws-marketing .ws-founder-photo::after { width: 104px; height: 68px; left: 14px; }
	.ws-marketing .ws-founder-photo::before { top: 30px; }
	.ws-marketing .ws-founder-photo::after { top: 112px; }
	.ws-marketing .ws-founder-facts { grid-template-columns: 1fr; }
	.ws-marketing .ws-faq-section::before { text-align: left; line-height: 1.8; }
	.ws-faq-layout { margin-top: 28px; }
	.ws-faq-categories { grid-template-columns: 1fr; overflow: visible; }
	.ws-faq-categories a,
	.ws-faq-categories button { min-width: 0; }
	.ws-marketing .ws-public-final { width: calc(100% - 24px); min-height: 0; margin-block: 20px; padding: 62px 20px 46px; border-radius: 20px; }
}

@media (max-width: 520px) {
	.ws-marketing .ws-marketing-hero { padding-top: 56px; padding-bottom: 90px; }
	.ws-marketing .ws-marketing-trust { display: grid; grid-template-columns: 1fr; }
	.ws-marketing .ws-marketing-product::before { display: none; }
	.ws-marketing .ws-marketing-product::after { width: 92px; min-height: 132px; font-size: 8px; }
	.ws-project-fan { margin-inline: -88px; transform: scale(.62); }
	.ws-partner-proof span { min-width: 0; padding-inline: 18px; }
	.ws-final-stage > span { min-height: 138px; }
}

@media (prefers-reduced-motion: reduce) {
	.ws-marketing [data-ws-marketing-reveal],
	.ws-marketing [data-ws-marketing-reveal] *,
	.ws-marketing [data-ws-marketing-reveal]::before,
	.ws-marketing [data-ws-marketing-reveal]::after {
		opacity: 1 !important;
		animation: none !important;
		transition: none !important;
	}
	.ws-marketing [data-ws-marketing-reveal] { transform: none !important; }
}

/* 0.5.75 homepage simplification and responsive repair. */
.ws-marketing .ws-marketing-product::after {
	display: none !important;
}

.ws-hero-mobile-preview {
	width: 210px;
	padding: 8px;
	position: absolute;
	z-index: 8;
	right: -88px;
	bottom: -72px;
	color: #0d2038;
	border: 7px solid #0b2443;
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 24px 60px rgba(7, 29, 56, .24);
	transform: rotate(2deg);
}

.ws-hero-mobile-top {
	min-height: 34px;
	padding: 7px 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	border-radius: 13px 13px 0 0;
	background: #0a2748;
}

.ws-hero-mobile-top > span,
.ws-hero-mobile-top img {
	width: 18px;
	height: 18px;
	display: block;
}

.ws-hero-mobile-top svg {
	width: 15px;
	height: 15px;
}

.ws-hero-mobile-body {
	padding: 17px 13px 14px;
	background:
		linear-gradient(rgba(13, 50, 46, .04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(13, 50, 46, .04) 1px, transparent 1px),
		#f6faf8;
	background-size: 22px 22px;
}

.ws-hero-mobile-body > small,
.ws-hero-mobile-body > strong,
.ws-hero-mobile-body > p {
	display: block;
}

.ws-hero-mobile-body > small {
	color: #10a878;
	font-size: 7px;
	font-weight: 900;
	letter-spacing: .13em;
}

.ws-hero-mobile-body > strong {
	margin-top: 8px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 19px;
	line-height: 1.03;
}

.ws-hero-mobile-body > p {
	margin: 8px 0 11px;
	color: #607288;
	font-size: 8px;
	line-height: 1.45;
}

.ws-hero-mobile-button {
	min-height: 27px;
	padding: 0 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 5px;
	background: #0fa775;
	font-size: 7px;
	font-weight: 900;
	white-space: nowrap;
}

.ws-hero-mobile-image {
	height: 92px;
	margin-top: 13px;
	overflow: hidden;
	border-radius: 7px;
	background: #dce7e2;
}

.ws-hero-mobile-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: 72% top;
}

.ws-hero-mobile-preview > b {
	padding: 10px 6px 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	color: #405872;
	font-size: 8px;
}

.ws-hero-mobile-preview > b svg {
	width: 12px;
	height: 12px;
	color: #1478ff;
}

.ws-marketing .ws-subscription-includes {
	min-height: 0;
	padding: clamp(76px, 7vw, 108px) clamp(28px, 6.3vw, 122px);
	display: grid;
	grid-template-columns: minmax(300px, .72fr) minmax(560px, 1.28fr);
	grid-template-rows: auto auto;
	align-items: start;
	gap: 48px 72px;
	background: #fff;
}

.ws-marketing .ws-subscription-includes .ws-public-heading {
	grid-row: auto;
	max-width: 520px;
	margin: 0;
}

.ws-marketing .ws-subscription-includes .ws-feature-grid {
	grid-column: 2;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.ws-marketing .ws-subscription-includes .ws-feature-grid article,
.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-child(n) {
	min-height: 138px;
	margin: 0;
	padding: 22px;
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	grid-template-rows: auto 1fr;
	align-items: start;
	gap: 5px 14px;
	border: 1px solid #d5e1ee;
	border-radius: 12px;
	background: #f7faff;
	box-shadow: none;
}

.ws-marketing .ws-subscription-includes .ws-feature-grid article::after {
	display: none;
}

.ws-marketing .ws-subscription-includes .ws-feature-grid svg {
	width: 26px;
	height: 26px;
	grid-row: 1 / span 2;
	color: #1478ff;
}

.ws-marketing .ws-subscription-includes .ws-feature-grid h3 {
	margin: 0;
	font-size: 16px;
}

.ws-marketing .ws-subscription-includes .ws-feature-grid p {
	margin: 2px 0 0;
	font-size: 12px;
	line-height: 1.55;
}

.ws-marketing .ws-subscription-includes .ws-scope-note {
	grid-column: 1 / -1;
	margin-top: 0;
}

.ws-marketing .ws-pricing-section {
	min-height: 0;
	padding: clamp(76px, 7vw, 108px) clamp(28px, 6.3vw, 122px);
	background: #f5f8fc;
}

.ws-marketing .ws-pricing-section .ws-public-heading {
	max-width: 760px;
}

.ws-marketing .ws-price-grid {
	max-width: 1220px;
	margin-inline: auto;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 18px;
}

.ws-marketing .ws-price-card,
.ws-marketing .ws-price-card:nth-child(n) {
	min-height: 0;
	padding: 32px;
	border: 1px solid #cfdeed;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(18, 46, 79, .06);
	transform: none;
}

.ws-marketing .ws-price-card:hover {
	border-color: #9fc5f4;
	box-shadow: 0 18px 42px rgba(18, 46, 79, .1);
	transform: none;
}

.ws-marketing .ws-price-card.is-featured {
	border: 2px solid #1478ff;
	background: linear-gradient(180deg, #f4f9ff, #fff 34%);
	box-shadow: 0 18px 46px rgba(20, 120, 255, .13);
}

.ws-marketing .ws-price-card ul {
	margin-bottom: 28px;
	flex: 1;
}

.ws-marketing .ws-founder-section {
	width: min(1500px, calc(100% - 48px));
	min-height: 0;
	margin: 24px auto;
	display: grid;
	grid-template-columns: minmax(360px, .8fr) minmax(0, 1.2fr);
	align-items: stretch;
	border: 1px solid #d6e1ed;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 18px 48px rgba(18, 46, 79, .07);
	overflow: hidden;
}

.ws-marketing .ws-founder-photo {
	min-height: 560px;
	position: relative;
	background: #dce5ee;
}

.ws-marketing .ws-founder-photo::before,
.ws-marketing .ws-founder-photo::after {
	display: none;
}

.ws-marketing .ws-founder-photo img {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	display: block;
	object-fit: cover;
	object-position: center 22%;
}

.ws-marketing .ws-founder-copy {
	max-width: 760px;
	padding: clamp(54px, 6vw, 88px);
	align-self: center;
}

.ws-marketing .ws-founder-copy h2 {
	max-width: 680px;
	margin: 15px 0 24px;
	font-size: clamp(44px, 3.6vw, 64px);
	line-height: 1.02;
}

.ws-marketing .ws-founder-copy > p {
	max-width: 650px;
	font-size: 17px;
	line-height: 1.7;
}

.ws-marketing .ws-founder-facts {
	margin-top: 34px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid #d7e1ec;
	border-radius: 0;
}

.ws-marketing .ws-founder-facts span,
.ws-marketing .ws-founder-facts span:last-child {
	padding: 20px 14px 0 0;
	border: 0;
}

.ws-marketing .ws-founder-facts strong {
	display: block;
	margin-bottom: 5px;
	color: #1478ff;
}

.ws-marketing .ws-faq-section {
	min-height: 0;
	padding: clamp(76px, 7vw, 108px) 24px;
	background: #fff;
}

.ws-marketing .ws-faq-section::before {
	display: none;
}

.ws-marketing .ws-faq-section .ws-public-heading {
	max-width: 900px;
	margin: 0 auto;
}

.ws-marketing .ws-faq-section .ws-public-heading h2 {
	font-size: clamp(44px, 3.7vw, 64px);
}

.ws-faq-layout {
	max-width: 900px;
	margin: 38px auto 0;
	display: block;
}

.ws-marketing .ws-faq-section .ws-public-faq {
	display: block;
	border-top: 1px solid #cbd8e6;
}

.ws-marketing .ws-faq-section .ws-public-faq details {
	padding: 0;
	border: 0;
	border-bottom: 1px solid #cbd8e6;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.ws-marketing .ws-faq-section .ws-public-faq summary {
	min-height: 0;
	padding: 23px 0;
	font-size: 17px;
}

.ws-marketing .ws-faq-section .ws-public-faq details p {
	max-width: 760px;
	margin: 0;
	padding: 0 48px 24px 0;
	line-height: 1.7;
}

@media (max-width: 1040px) {
	.ws-hero-mobile-preview {
		width: 220px;
		margin: -34px 28px 0 auto;
		position: relative;
		right: auto;
		bottom: auto;
		transform: rotate(1.5deg);
	}

	.ws-marketing .ws-subscription-includes {
		grid-template-columns: 1fr;
	}

	.ws-marketing .ws-subscription-includes .ws-feature-grid {
		grid-column: auto;
	}

	.ws-marketing .ws-founder-section {
		grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr);
	}
}

@media (max-width: 900px) {
	.ws-marketing .ws-price-grid {
		grid-template-columns: 1fr;
	}

	.ws-marketing .ws-price-card,
	.ws-marketing .ws-price-card:nth-child(n) {
		padding: 28px;
	}

	.ws-marketing .ws-founder-section {
		width: calc(100% - 24px);
		grid-template-columns: 1fr;
	}

	.ws-marketing .ws-founder-photo {
		min-height: 460px;
	}
}

@media (max-width: 640px) {
	.ws-hero-mobile-preview {
		width: min(220px, 78%);
		margin: -18px 8px 0 auto;
	}

	.ws-marketing .ws-subscription-includes .ws-feature-grid {
		grid-template-columns: 1fr;
	}

	.ws-marketing .ws-subscription-includes .ws-feature-grid article,
	.ws-marketing .ws-subscription-includes .ws-feature-grid article:nth-child(n) {
		min-height: 0;
	}

	.ws-marketing .ws-founder-photo {
		min-height: 360px;
	}

	.ws-marketing .ws-founder-copy {
		padding: 42px 22px;
	}

	.ws-marketing .ws-founder-facts {
		grid-template-columns: 1fr;
	}

	.ws-marketing .ws-founder-facts span,
	.ws-marketing .ws-founder-facts span:last-child {
		padding: 15px 0;
		border-bottom: 1px solid #e0e8f0;
	}

	.ws-marketing .ws-faq-section .ws-public-faq summary {
		padding: 20px 0;
		font-size: 15px;
	}

	.ws-marketing .ws-faq-section .ws-public-faq details p {
		padding-right: 0;
	}
}

/* 0.5.103 — technical foundation: one clear system view with a purpose-built capture. */
.ws-marketing .ws-included-strip {
	min-height: 0;
	padding: clamp(58px, 6vw, 92px) clamp(34px, 6vw, 104px) clamp(42px, 5vw, 72px);
	background:
		radial-gradient(circle at 78% 24%, rgba(29, 130, 255, .22), transparent 33%),
		linear-gradient(138deg, #071e3a 0%, #031226 70%, #061a34 100%);
	overflow: hidden;
}

.ws-marketing .ws-included-intro {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(330px, .76fr) minmax(560px, 1.24fr);
	align-items: center;
	gap: clamp(46px, 6vw, 104px);
}

.ws-marketing .ws-included-heading {
	max-width: 570px;
}

.ws-marketing .ws-included-heading h2 {
	font-size: clamp(44px, 4.1vw, 70px);
	line-height: 1;
}

.ws-marketing .ws-included-heading p {
	max-width: 530px;
	font-size: 16px;
	line-height: 1.7;
}

.ws-marketing .ws-foundation-visual {
	position: relative;
	min-width: 0;
	margin: 0;
	padding: 12px;
	border: 1px solid rgba(126, 182, 255, .4);
	border-radius: 24px;
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 34px 90px rgba(0, 0, 0, .34), 0 0 68px rgba(31, 132, 255, .13);
}

.ws-marketing .ws-foundation-visual::before {
	content: "";
	position: absolute;
	inset: -26px;
	z-index: -1;
	border: 1px dashed rgba(83, 161, 255, .3);
	border-radius: 34px;
}

.ws-marketing .ws-foundation-visual .ws-foundation-browser {
	min-height: 30px;
	padding: 2px 6px 10px;
	color: #667b93;
}

.ws-marketing .ws-foundation-visual .ws-foundation-browser strong {
	font-size: 10px;
}

.ws-marketing .ws-foundation-visual > img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 8 / 5;
	object-fit: contain;
	border: 1px solid #d9e4ef;
	border-radius: 13px;
	background: #eef5fc;
}

.ws-marketing .ws-foundation-visual figcaption {
	min-height: 52px;
	padding: 13px 8px 2px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	color: #0e2c4f;
}

.ws-marketing .ws-foundation-visual figcaption span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 900;
}

.ws-marketing .ws-foundation-visual figcaption span svg {
	width: 18px;
	height: 18px;
	color: #10a979;
}

.ws-marketing .ws-foundation-visual figcaption small {
	color: #73849a;
	font-size: 11px;
}

.ws-marketing .ws-included-grid {
	position: relative;
	z-index: 3;
	inset: auto;
	margin-top: clamp(36px, 4.5vw, 64px);
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: auto;
	gap: 14px;
	border: 0;
	pointer-events: auto;
}

.ws-marketing .ws-included-grid article,
.ws-marketing .ws-included-grid article:nth-child(n) {
	grid-column: auto;
	grid-row: auto;
	width: 100%;
	max-width: none;
	min-height: 154px;
	padding: 24px;
	align-self: stretch;
	justify-self: stretch;
	border: 1px solid rgba(144, 190, 238, .28);
	border-radius: 17px;
	background: rgba(255, 255, 255, .97);
	box-shadow: 0 16px 38px rgba(0, 0, 0, .18);
}

.ws-marketing .ws-included-grid article > svg {
	width: 34px;
	height: 34px;
	padding: 7px;
	border-radius: 10px;
	background: #eaf3ff;
}

.ws-marketing .ws-included-grid article strong {
	font-size: 16px;
	line-height: 1.25;
}

.ws-marketing .ws-included-grid article span {
	font-size: 12px;
	line-height: 1.55;
}

@media (max-width: 1180px) {
	.ws-marketing .ws-included-intro {
		grid-template-columns: minmax(280px, .68fr) minmax(480px, 1.32fr);
		gap: 42px;
	}

	.ws-marketing .ws-included-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 880px) {
	.ws-marketing .ws-included-strip {
		padding: 66px 28px 48px;
	}

	.ws-marketing .ws-included-intro {
		grid-template-columns: 1fr;
	}

	.ws-marketing .ws-included-heading {
		max-width: 650px;
	}

	.ws-marketing .ws-foundation-visual {
		width: min(100%, 720px);
		margin-inline: auto;
	}
}

@media (max-width: 640px) {
	.ws-marketing .ws-included-strip {
		padding: 54px 20px 42px;
	}

	.ws-marketing .ws-included-heading h2 {
		font-size: clamp(38px, 11vw, 50px);
	}

	.ws-marketing .ws-foundation-visual {
		display: none;
	}

	.ws-marketing .ws-included-grid {
		grid-template-columns: 1fr;
		margin-top: 32px;
		gap: 10px;
	}

	.ws-marketing .ws-included-grid article,
	.ws-marketing .ws-included-grid article:nth-child(n) {
		min-height: 0;
		padding: 20px;
	}
}

/* 0.5.100 current product imagery and clean screenshot framing. */
.ws-marketing .ws-ui-screen {
	position: relative;
	background: #e9f0f8;
}

.ws-marketing .ws-ui-screen::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	border: 1px solid rgba(140, 166, 196, .3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

.ws-marketing .ws-product-shot-hero .ws-ui-screen,
.ws-marketing .ws-onboarding-shot .ws-ui-screen,
.ws-marketing .ws-editor-visual .ws-ui-screen,
.ws-marketing .ws-product-shot-dashboard .ws-ui-screen {
	aspect-ratio: 8 / 5;
}

.ws-marketing .ws-product-shot-hero .ws-ui-screen > img,
.ws-marketing .ws-onboarding-shot .ws-ui-screen > img,
.ws-marketing .ws-editor-visual .ws-ui-screen > img,
.ws-marketing .ws-product-shot-dashboard .ws-ui-screen > img {
	object-fit: cover;
	object-position: top center;
}

.ws-marketing .ws-foundation-preview img {
	aspect-ratio: 8 / 5;
	object-fit: cover;
	object-position: top center;
}

.ws-marketing .ws-hero-mobile-image img {
	object-fit: cover;
	object-position: top center;
}

.ws-marketing .ws-product-shot-hero,
.ws-marketing .ws-onboarding-shot,
.ws-marketing .ws-editor-visual,
.ws-marketing .ws-product-shot-dashboard {
	isolation: isolate;
}


/* 0.5.77 focused mobile refinements. */
@media (max-width: 640px) {
	.ws-marketing .ws-included-strip {
		padding: 54px 22px 60px;
	}

	.ws-marketing .ws-included-heading h2 {
		font-size: clamp(38px, 11vw, 50px);
		line-height: 1;
	}

	.ws-marketing .ws-included-heading p {
		margin-top: 18px;
		font-size: 14px;
		line-height: 1.6;
	}

	.ws-marketing .ws-included-strip .ws-foundation-map {
		display: none !important;
	}

	.ws-marketing .ws-included-grid {
		margin-top: 34px;
	}

	.ws-marketing .ws-founder-section {
		width: calc(100% - 24px);
		margin: 12px auto;
		border-radius: 20px;
		background: #fff;
		box-shadow: 0 14px 38px rgba(18, 46, 79, .08);
	}

	.ws-marketing .ws-founder-photo {
		width: 100%;
		height: 300px !important;
		min-height: 300px !important;
		max-height: 300px;
		border-radius: 20px 20px 0 0;
		overflow: hidden;
	}

	.ws-marketing .ws-founder-photo img {
		object-position: center 18%;
	}

	.ws-marketing .ws-founder-copy {
		padding: 34px 24px 28px;
	}

	.ws-marketing .ws-founder-copy h2 {
		margin: 12px 0 18px;
		font-size: clamp(35px, 10.5vw, 45px);
		line-height: 1.02;
		letter-spacing: -.04em;
	}

	.ws-marketing .ws-founder-copy > p {
		margin: 0;
		color: #53677e;
		font-size: 15px;
		line-height: 1.65;
	}

	.ws-marketing .ws-founder-facts {
		margin-top: 26px;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		border: 0;
	}

	.ws-marketing .ws-founder-facts span,
	.ws-marketing .ws-founder-facts span:last-child {
		min-height: 92px;
		padding: 16px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border: 1px solid #dce6f0;
		border-radius: 12px;
		background: #f7faff;
	}

	.ws-marketing .ws-founder-facts span:last-child {
		grid-column: 1 / -1;
		min-height: 80px;
	}

	.ws-marketing .ws-founder-facts strong {
		margin-bottom: 5px;
		font-size: 16px;
		line-height: 1.2;
	}
}

/* 0.5.82 premium marketing pricing. */
.ws-marketing .ws-pricing-section {
	padding: clamp(78px, 7vw, 112px) clamp(24px, 6vw, 108px);
	background:
		radial-gradient(circle at 82% 12%, rgba(20, 120, 255, .11), transparent 30%),
		linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
}

.ws-marketing .ws-pricing-section .ws-public-heading {
	max-width: 880px;
	margin: 0 auto 30px;
	text-align: center;
}

.ws-marketing .ws-pricing-section .ws-public-heading h2 {
	max-width: 840px;
	margin-inline: auto;
	font-size: clamp(42px, 4.2vw, 68px);
	line-height: 1.02;
	letter-spacing: -.045em;
}

.ws-marketing .ws-pricing-section .ws-public-heading p {
	max-width: 720px;
	margin-inline: auto;
	font-size: clamp(16px, 1.25vw, 19px);
	line-height: 1.65;
}

.ws-marketing .ws-billing-choice {
	width: min(680px, 100%);
	margin: 0 auto 42px;
	padding: 8px;
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
	justify-content: center;
	gap: 8px 16px;
	border: 1px solid #cbdced;
	border-radius: 18px;
	background: rgba(255, 255, 255, .82);
	box-shadow: 0 14px 34px rgba(18, 46, 79, .07);
	backdrop-filter: blur(12px);
}

.ws-marketing .ws-billing-choice > span {
	padding-left: 12px;
	color: #5b6f87;
	font-size: 12px;
	font-weight: 850;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ws-marketing .ws-billing-choice .ws-billing-toggle {
	margin: 0;
	padding: 4px;
	border: 0;
	border-radius: 13px;
	background: #eaf1f9;
}

.ws-marketing .ws-billing-choice .ws-billing-toggle button {
	min-height: 44px;
	padding: 0 18px;
	border-radius: 10px;
}

.ws-marketing .ws-billing-choice .ws-billing-toggle button.is-active {
	background: #0b2342;
	color: #fff;
	box-shadow: 0 6px 16px rgba(11, 35, 66, .18);
}

.ws-marketing .ws-billing-choice .ws-billing-toggle button span {
	display: inline-flex;
	margin-left: 7px;
	padding: 4px 7px;
	border-radius: 999px;
	background: #dff8ec;
	color: #087a51;
	font-size: 10px;
	line-height: 1;
}

.ws-marketing .ws-billing-choice > small {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 2px 10px 5px;
	color: #536a84;
	font-size: 12px;
}

.ws-marketing .ws-billing-choice > small svg {
	width: 15px;
	height: 15px;
	color: #0aa873;
}

.ws-marketing .ws-price-grid {
	max-width: 1260px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	overflow: visible;
}

.ws-marketing .ws-price-card,
.ws-marketing .ws-price-card:nth-child(n) {
	position: relative;
	min-width: 0;
	padding: 34px;
	border: 1px solid #ccdbea;
	border-radius: 22px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 18px 48px rgba(18, 46, 79, .08);
	overflow: visible;
}

.ws-marketing .ws-price-card.is-draft {
	background: rgba(255, 255, 255, .7);
	box-shadow: 0 12px 32px rgba(18, 46, 79, .045);
}

.ws-marketing .ws-price-card.is-featured {
	padding: 38px;
	border: 1px solid #153d6c;
	background:
		radial-gradient(circle at 90% 0, rgba(43, 144, 255, .3), transparent 38%),
		linear-gradient(155deg, #0d2b50 0%, #071d38 72%);
	color: #fff;
	box-shadow: 0 28px 70px rgba(7, 29, 56, .25);
	transform: translateY(-10px);
}

.ws-marketing .ws-price-card:hover {
	border-color: #8ab9ee;
	box-shadow: 0 24px 58px rgba(18, 46, 79, .13);
	transform: translateY(-4px);
}

.ws-marketing .ws-price-card.is-featured:hover {
	border-color: #3a94ff;
	box-shadow: 0 34px 82px rgba(7, 29, 56, .3);
	transform: translateY(-14px);
}

.ws-marketing .ws-recommended-badge {
	position: absolute;
	z-index: 2;
	top: -17px;
	right: 24px;
	min-height: 34px;
	padding: 0 13px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	border: 3px solid #eef4fb;
	border-radius: 999px;
	background: #19c88c;
	color: #062d25;
	font-size: 10px;
	font-weight: 950;
	letter-spacing: .07em;
	box-shadow: 0 8px 20px rgba(13, 136, 96, .2);
}

.ws-marketing .ws-recommended-badge svg {
	width: 14px;
	height: 14px;
}

.ws-marketing .ws-price-card-head {
	min-height: 158px;
}

.ws-marketing .ws-price-card-head > span {
	display: block;
	margin-bottom: 18px;
	color: #1478ff;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.ws-marketing .ws-price-card.is-featured .ws-price-card-head > span {
	color: #70e6c1;
}

.ws-marketing .ws-price-card-head h3 {
	margin: 0 0 12px;
	color: #102844;
	font-size: clamp(29px, 2vw, 36px);
	line-height: 1;
	letter-spacing: -.035em;
}

.ws-marketing .ws-price-card.is-featured .ws-price-card-head h3 {
	color: #fff;
}

.ws-marketing .ws-price-card-head p {
	margin: 0;
	color: #64778e;
	font-size: 14px;
	line-height: 1.6;
}

.ws-marketing .ws-price-card.is-featured .ws-price-card-head p {
	color: #b9cbe0;
}

.ws-marketing .ws-price-value {
	min-height: 84px;
	margin: 4px 0 22px;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 8px;
}

.ws-marketing .ws-price-value strong {
	color: #102844;
	font-size: clamp(36px, 3vw, 48px);
	font-weight: 780;
	line-height: 1;
	letter-spacing: -.055em;
}

.ws-marketing .ws-price-card.is-featured .ws-price-value strong {
	color: #fff;
}

.ws-marketing .ws-price-value small {
	color: #71849b;
	font-size: 13px;
	font-weight: 650;
}

.ws-marketing .ws-price-card.is-featured .ws-price-value small {
	color: #b9cbe0;
}

.ws-marketing .ws-price-value em {
	flex-basis: 100%;
	padding-top: 7px;
	color: #07865d;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
}

.ws-marketing .ws-price-card.is-featured .ws-price-value em {
	color: #70e6c1;
}

.ws-marketing .ws-plan-foundation {
	min-height: 76px;
	margin-bottom: 20px;
	padding: 14px;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	gap: 11px;
	border: 1px solid #d5e4f2;
	border-radius: 14px;
	background: #f3f8fd;
}

.ws-marketing .ws-plan-foundation > svg {
	width: 20px;
	height: 20px;
	color: #0ba875;
}

.ws-marketing .ws-plan-foundation > span {
	display: grid;
	gap: 3px;
}

.ws-marketing .ws-plan-foundation strong {
	color: #163451;
	font-size: 13px;
	line-height: 1.3;
}

.ws-marketing .ws-plan-foundation small {
	color: #60758c;
	font-size: 11px;
	line-height: 1.45;
}

.ws-marketing .ws-price-card.is-featured .ws-plan-foundation {
	border-color: rgba(115, 194, 255, .25);
	background: rgba(255, 255, 255, .075);
}

.ws-marketing .ws-price-card.is-featured .ws-plan-foundation strong {
	color: #fff;
}

.ws-marketing .ws-price-card.is-featured .ws-plan-foundation small {
	color: #b9cbe0;
}

.ws-marketing .ws-price-card ul {
	margin: 0 0 30px;
	padding: 0;
	display: grid;
	gap: 12px;
	list-style: none;
}

.ws-marketing .ws-price-card li {
	padding-left: 25px;
	color: #526980;
	font-size: 14px;
	line-height: 1.45;
}

.ws-marketing .ws-price-card.is-featured li {
	color: #d7e4f1;
}

.ws-marketing .ws-price-card li::before {
	top: 1px;
	width: 18px;
	height: 18px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: #dff8ec;
	color: #079d6d;
	font-size: 11px;
	line-height: 1;
}

.ws-marketing .ws-price-card.is-featured li::before {
	background: rgba(112, 230, 193, .15);
	color: #70e6c1;
}

.ws-marketing .ws-price-card > a {
	min-height: 52px;
	padding: 0 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #b8cce0;
	border-radius: 12px;
	background: #fff;
	color: #0d2b50;
	font-size: 14px;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	box-shadow: none;
}

.ws-marketing .ws-price-card > a:hover,
.ws-marketing .ws-price-card > a:focus-visible {
	border-color: #1478ff;
	background: #f1f7ff;
	color: #0867e8;
}

.ws-marketing .ws-price-card.is-featured > a {
	border-color: #2085ff;
	background: #2085ff;
	color: #fff;
	box-shadow: 0 12px 28px rgba(32, 133, 255, .28);
}

.ws-marketing .ws-price-card.is-featured > a:hover,
.ws-marketing .ws-price-card.is-featured > a:focus-visible {
	border-color: #65aaff;
	background: #3992ff;
	color: #fff;
}

.ws-marketing .ws-pricing-section .ws-guard-pricing-note {
	max-width: 1260px;
	margin: 34px auto 0;
	border-radius: 16px;
	background: rgba(255, 255, 255, .74);
}

.ws-marketing .ws-pricing-section .ws-pricing-footnote {
	max-width: 920px;
	margin: 20px auto 0;
	line-height: 1.55;
}

.ws-marketing .ws-pricing-section .ws-pricing-footnote svg {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	color: #0aa873;
}

@media (max-width: 1040px) {
	.ws-marketing .ws-price-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ws-marketing .ws-price-card.is-draft {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 0 28px;
	}

	.ws-marketing .ws-price-card.is-draft .ws-price-card-head {
		min-height: 0;
	}

	.ws-marketing .ws-price-card.is-draft .ws-price-value {
		grid-column: 2;
		grid-row: 1;
	}

	.ws-marketing .ws-price-card.is-draft ul {
		grid-column: 1 / -1;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ws-marketing .ws-price-card.is-draft > a {
		grid-column: 1 / -1;
	}
}

@media (max-width: 760px) {
	.ws-marketing .ws-pricing-section {
		padding: 64px 16px;
	}

	.ws-marketing .ws-pricing-section .ws-public-heading {
		margin-bottom: 24px;
		text-align: left;
	}

	.ws-marketing .ws-pricing-section .ws-public-heading h2 {
		margin-inline: 0;
		font-size: clamp(38px, 11vw, 50px);
	}

	.ws-marketing .ws-pricing-section .ws-public-heading p {
		margin-inline: 0;
		font-size: 15px;
	}

	.ws-marketing .ws-billing-choice {
		margin-bottom: 34px;
		grid-template-columns: 1fr;
		justify-items: stretch;
		gap: 7px;
		border-radius: 16px;
	}

	.ws-marketing .ws-billing-choice > span {
		padding: 5px 8px 0;
	}

	.ws-marketing .ws-billing-choice .ws-billing-toggle {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.ws-marketing .ws-billing-choice .ws-billing-toggle button {
		padding: 0 10px;
	}

	.ws-marketing .ws-billing-choice .ws-billing-toggle button span {
		display: block;
		margin: 3px 0 0;
		padding: 0;
		background: transparent;
		color: inherit;
		font-size: 9px;
	}

	.ws-marketing .ws-billing-choice > small {
		grid-column: auto;
		justify-content: flex-start;
		padding: 5px 8px 6px;
	}

	.ws-marketing .ws-price-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.ws-marketing .ws-price-card,
	.ws-marketing .ws-price-card:nth-child(n),
	.ws-marketing .ws-price-card.is-featured {
		padding: 27px 22px;
		border-radius: 18px;
		transform: none;
	}

	.ws-marketing .ws-price-card.is-draft {
		grid-column: auto;
		display: flex;
		gap: 0;
	}

	.ws-marketing .ws-price-card.is-draft .ws-price-value,
	.ws-marketing .ws-price-card.is-draft ul,
	.ws-marketing .ws-price-card.is-draft > a {
		grid-column: auto;
		grid-row: auto;
	}

	.ws-marketing .ws-price-card.is-draft ul {
		display: grid;
		grid-template-columns: 1fr;
	}

	.ws-marketing .ws-price-card:hover,
	.ws-marketing .ws-price-card.is-featured:hover {
		transform: none;
	}

	.ws-marketing .ws-price-card-head {
		min-height: 0;
		margin-bottom: 24px;
	}

	.ws-marketing .ws-price-value {
		min-height: 0;
		margin-bottom: 22px;
	}

	.ws-marketing .ws-recommended-badge {
		top: -15px;
		right: 16px;
	}

	.ws-marketing .ws-pricing-section .ws-guard-pricing-note {
		margin-top: 26px;
	}

	.ws-marketing .ws-pricing-section .ws-pricing-footnote {
		align-items: flex-start;
		text-align: left;
	}
}

/* 0.5.85 premium checkout */
body.ws-checkout-page {
	--ws-checkout-navy: #0b2342;
	--ws-checkout-blue: #1f7aff;
	--ws-checkout-green: #13b981;
	--ws-checkout-line: #d7e2f0;
	--ws-checkout-muted: #65758d;
	background-color: #f4f7fb;
	background-image:
		linear-gradient(rgba(19, 51, 91, .045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(19, 51, 91, .045) 1px, transparent 1px);
	background-size: 46px 46px;
	color: #10223d;
}

.ws-checkout-page .ws-commerce-header {
	width: min(1480px, calc(100% - 64px));
	min-height: 92px;
	margin: 28px auto 46px;
	padding: 18px 28px;
	border: 1px solid rgba(255, 255, 255, .11);
	border-radius: 18px;
	background: var(--ws-checkout-navy);
	box-shadow: 0 24px 60px rgba(11, 35, 66, .16);
}

.ws-checkout-page .ws-commerce-header__brand {
	min-width: 230px;
}

.ws-checkout-progress {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	max-width: 470px;
	margin: 0 34px;
	color: rgba(255, 255, 255, .58);
}

.ws-checkout-progress span {
	display: grid;
	grid-template-columns: 34px auto;
	align-items: center;
	gap: 9px;
	white-space: nowrap;
}

.ws-checkout-progress span b {
	display: grid;
	width: 34px;
	height: 34px;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, .34);
	border-radius: 50%;
	font-size: 13px;
}

.ws-checkout-progress span small {
	font-size: 13px;
	font-weight: 700;
}

.ws-checkout-progress span.is-active {
	color: #fff;
}

.ws-checkout-progress span.is-active b {
	border-color: var(--ws-checkout-blue);
	background: var(--ws-checkout-blue);
	box-shadow: 0 0 0 5px rgba(31, 122, 255, .15);
}

.ws-checkout-progress i {
	width: clamp(26px, 5vw, 74px);
	height: 1px;
	margin: 0 12px;
	background: rgba(255, 255, 255, .24);
}

.ws-checkout-page main,
.ws-checkout-page .site-main,
.ws-checkout-page .entry-content {
	overflow: visible;
}

.ws-checkout-page .entry-header,
.ws-checkout-page .wp-block-post-title,
.ws-checkout-page .woocommerce-notices-wrapper:empty {
	display: none;
}

.ws-checkout-page .wp-block-woocommerce-checkout {
	width: min(1400px, calc(100% - 64px));
	max-width: none;
	margin: 0 auto 90px;
	padding: 0;
}

.ws-checkout-page .wc-block-components-sidebar-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(390px, .75fr);
	align-items: start;
	gap: 46px;
}

.ws-checkout-page .wc-block-components-main,
.ws-checkout-page .wc-block-components-sidebar {
	width: auto;
	max-width: none;
	padding: 0;
}

.ws-checkout-page .wc-block-components-main > div,
.ws-checkout-page .wc-block-checkout__contact-fields,
.ws-checkout-page .wc-block-checkout__billing-fields,
.ws-checkout-page .wc-block-checkout__shipping-fields,
.ws-checkout-page .wc-block-checkout__payment-method,
.ws-checkout-page .wc-block-checkout__terms,
.ws-checkout-page .wc-block-checkout__actions {
	margin: 0 0 20px;
	padding: 30px;
	border: 1px solid var(--ws-checkout-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 14px 38px rgba(24, 55, 93, .07);
}

.ws-checkout-page .wc-block-components-checkout-step {
	padding: 0;
}

.ws-checkout-page .wc-block-components-checkout-step__heading {
	margin: 0 0 22px;
}

.ws-checkout-page .wc-block-components-title,
.ws-checkout-page .wc-block-components-checkout-step__title {
	color: #10223d;
	font-size: clamp(21px, 2vw, 27px);
	font-weight: 700;
	line-height: 1.2;
}

.ws-checkout-page .wc-block-components-text-input input,
.ws-checkout-page .wc-block-components-combobox .components-combobox-control__input,
.ws-checkout-page .wc-block-components-address-form input,
.ws-checkout-page .wc-block-components-address-form select {
	min-height: 58px;
	border: 1px solid #cbd8e8;
	border-radius: 11px;
	background: #fbfdff;
	box-shadow: none;
}

.ws-checkout-page .wc-block-components-text-input input:focus,
.ws-checkout-page .wc-block-components-combobox .components-combobox-control__input:focus,
.ws-checkout-page .wc-block-components-address-form input:focus,
.ws-checkout-page .wc-block-components-address-form select:focus {
	border-color: var(--ws-checkout-blue);
	box-shadow: 0 0 0 4px rgba(31, 122, 255, .11);
}

.ws-checkout-page .wc-block-components-radio-control__option {
	margin: 10px 0;
	padding: 17px 18px;
	border: 1px solid var(--ws-checkout-line);
	border-radius: 12px;
	background: #fff;
}

.ws-checkout-page .wc-block-components-radio-control__option:has(input:checked) {
	border-color: var(--ws-checkout-blue);
	background: #f4f8ff;
	box-shadow: 0 0 0 3px rgba(31, 122, 255, .08);
}

.ws-checkout-page .wc-block-components-sidebar {
	position: sticky;
	top: 26px;
	padding: 30px;
	border: 1px solid var(--ws-checkout-line);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 24px 62px rgba(18, 52, 91, .12);
}

.ws-checkout-page .wc-block-components-checkout-order-summary__title {
	display: none;
}

.ws-checkout-summary-intro {
	display: grid;
	grid-template-columns: 46px 1fr;
	align-items: center;
	gap: 14px;
	margin: 0 0 24px;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--ws-checkout-line);
}

.ws-checkout-summary-intro span {
	grid-row: 1 / 3;
	display: block;
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: #e9f2ff url("brand/webrox-strani-mark-blue.svg") center / 24px no-repeat;
}

.ws-checkout-summary-intro small {
	align-self: end;
	color: var(--ws-checkout-blue);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.ws-checkout-summary-intro strong {
	align-self: start;
	color: #10223d;
	font-size: 24px;
	line-height: 1.15;
}

.ws-checkout-page .wc-block-components-order-summary-item {
	padding: 4px 0 22px;
}

.ws-checkout-page .wc-block-components-order-summary-item__image {
	width: 88px;
	min-width: 88px;
	height: 88px;
	margin-right: 18px;
}

.ws-checkout-page .wc-block-components-order-summary-item__image img {
	width: 88px;
	height: 88px;
	border: 1px solid var(--ws-checkout-line);
	border-radius: 14px;
	background: #edf5ff;
	object-fit: cover;
}

.ws-checkout-page .wc-block-components-order-summary-item__description {
	padding-right: 0;
}

.ws-checkout-page .wc-block-components-order-summary-item__description .wc-block-components-product-name {
	color: #10223d;
	font-size: 17px;
	font-weight: 750;
	line-height: 1.3;
}

.ws-checkout-saving {
	display: inline-flex;
	align-items: center;
	margin-top: 8px;
	padding: 5px 9px;
	border-radius: 999px;
	background: #e6f8f1;
	color: #087b58;
	font-size: 11px;
	font-weight: 800;
}

.ws-checkout-includes {
	margin: 4px 0 24px;
	padding: 18px 20px;
	border: 1px solid #d8e8e1;
	border-radius: 14px;
	background: #f4fbf8;
}

.ws-checkout-includes strong {
	display: block;
	margin-bottom: 11px;
	color: #17324f;
	font-size: 13px;
}

.ws-checkout-includes ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 9px 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ws-checkout-includes li {
	position: relative;
	padding-left: 19px;
	color: #425870;
	font-size: 12px;
	line-height: 1.35;
}

.ws-checkout-includes li::before {
	position: absolute;
	top: 0;
	left: 0;
	color: var(--ws-checkout-green);
	content: "✓";
	font-weight: 900;
}

.ws-checkout-page .wc-block-components-totals-wrapper {
	padding: 17px 0;
	border-color: var(--ws-checkout-line);
}

.ws-checkout-page .wc-block-components-totals-footer-item {
	color: #10223d;
	font-size: 19px;
}

.ws-checkout-page .wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount {
	font-size: 24px;
	font-weight: 800;
}

.ws-checkout-page .wc-block-checkout__actions {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.ws-checkout-page .wc-block-components-checkout-place-order-button,
.ws-checkout-page .wc-block-components-button.wc-block-components-checkout-place-order-button {
	width: 100%;
	min-height: 58px;
	border: 0;
	border-radius: 12px;
	background: var(--ws-checkout-blue);
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	box-shadow: 0 14px 28px rgba(31, 122, 255, .22);
}

.ws-checkout-page .wc-block-components-checkout-place-order-button:hover {
	background: #0869ee;
	color: #fff;
	transform: translateY(-1px);
}

.ws-checkout-assurance {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 13px 16px;
	border: 1px solid var(--ws-checkout-line);
	border-radius: 11px;
	background: #f8fbff;
	color: #52667d;
	font-size: 12px;
}

.ws-checkout-assurance span::before {
	margin-right: 7px;
	color: var(--ws-checkout-green);
	content: "✓";
	font-weight: 900;
}

.ws-checkout-assurance a {
	color: var(--ws-checkout-blue);
	font-weight: 750;
	text-decoration: none;
}

@media (max-width: 1050px) {
	.ws-checkout-page .ws-commerce-header,
	.ws-checkout-page .wp-block-woocommerce-checkout {
		width: min(100% - 34px, 820px);
	}

	.ws-checkout-page .ws-commerce-header {
		margin-bottom: 32px;
	}

	.ws-checkout-page .ws-commerce-header__brand {
		min-width: 0;
	}

	.ws-checkout-page .wc-block-components-sidebar-layout {
		grid-template-columns: 1fr;
		gap: 26px;
	}

	.ws-checkout-page .wc-block-components-sidebar {
		position: static;
	}
}

@media (max-width: 700px) {
	.ws-checkout-page .ws-commerce-header,
	.ws-checkout-page .wp-block-woocommerce-checkout {
		width: calc(100% - 24px);
	}

	.ws-checkout-page .ws-commerce-header {
		flex-wrap: wrap;
		min-height: 0;
		margin: 12px auto 24px;
		padding: 14px;
		border-radius: 14px;
	}

	.ws-checkout-page .ws-commerce-header__brand {
		flex: 1 1 auto;
	}

	.ws-checkout-page .ws-commerce-header__brand span {
		display: none;
	}

	.ws-checkout-progress {
		order: 3;
		width: 100%;
		max-width: none;
		margin: 16px 0 2px;
	}

	.ws-checkout-progress span {
		grid-template-columns: 27px auto;
		gap: 6px;
	}

	.ws-checkout-progress span b {
		width: 27px;
		height: 27px;
		font-size: 11px;
	}

	.ws-checkout-progress span small {
		font-size: 10px;
	}

	.ws-checkout-progress i {
		width: 20px;
		margin: 0 6px;
	}

	.ws-checkout-page .wp-block-woocommerce-checkout {
		margin-bottom: 46px;
	}

	.ws-checkout-page .wc-block-components-main > div,
	.ws-checkout-page .wc-block-checkout__contact-fields,
	.ws-checkout-page .wc-block-checkout__billing-fields,
	.ws-checkout-page .wc-block-checkout__shipping-fields,
	.ws-checkout-page .wc-block-checkout__payment-method,
	.ws-checkout-page .wc-block-checkout__terms,
	.ws-checkout-page .wc-block-components-sidebar {
		padding: 20px;
		border-radius: 15px;
	}

	.ws-checkout-page .wc-block-components-order-summary-item__image {
		width: 68px;
		min-width: 68px;
		height: 68px;
		margin-right: 12px;
	}

	.ws-checkout-page .wc-block-components-order-summary-item__image img {
		width: 68px;
		height: 68px;
		border-radius: 11px;
	}

	.ws-checkout-includes ul {
		grid-template-columns: 1fr;
	}

	.ws-checkout-assurance {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* 0.5.86 checkout summary and mobile purchase refinement */
.ws-checkout-page .wc-block-components-sidebar-layout {
	grid-template-columns: minmax(0, 1.22fr) minmax(430px, .78fr);
	gap: 38px;
}

.ws-checkout-page .wc-block-components-sidebar {
	padding: 24px;
}

.ws-checkout-summary-intro {
	display: flex;
	align-items: center;
	gap: 13px;
	margin-bottom: 18px;
	padding-bottom: 18px;
}

.ws-checkout-summary-intro span {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
}

.ws-checkout-summary-intro > div {
	min-width: 0;
}

.ws-checkout-summary-intro small {
	display: block;
	margin-bottom: 3px;
}

.ws-checkout-summary-intro h2 {
	margin: 0;
	color: #10223d;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.12;
}

.ws-checkout-page .wc-block-components-order-summary {
	margin: 0;
	padding: 0;
}

.ws-checkout-page .wc-block-components-order-summary-item {
	align-items: flex-start;
	min-height: 0;
	padding: 5px 0 18px;
}

.ws-checkout-page .wc-block-components-order-summary-item__image {
	width: 76px;
	min-width: 76px;
	height: 76px;
	margin-right: 14px;
}

.ws-checkout-page .wc-block-components-order-summary-item__image img {
	width: 76px;
	height: 76px;
	border-radius: 12px;
	object-fit: cover;
}

.ws-checkout-page .wc-block-components-order-summary-item__description {
	min-width: 0;
}

.ws-checkout-page .wc-block-components-order-summary-item__description .wc-block-components-product-name {
	font-size: 16px;
}

.ws-checkout-page .wc-block-components-order-summary-item__total-price {
	min-width: 76px;
	margin-left: 10px;
	text-align: right;
	white-space: nowrap;
}

.ws-checkout-includes {
	margin: 0 0 18px;
	padding: 15px 17px;
}

.ws-checkout-includes strong {
	margin-bottom: 9px;
}

.ws-checkout-includes ul {
	gap: 7px 14px;
}

.ws-checkout-page .wc-block-components-sidebar .wc-block-components-panel,
.ws-checkout-page .wc-block-components-sidebar .wc-block-components-totals-wrapper {
	margin: 0;
	padding: 14px 0;
}

.ws-checkout-page .wc-block-components-sidebar .wc-block-components-totals-footer-item {
	padding: 18px 0;
}

.ws-checkout-page .wc-block-components-sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	font-weight: 700;
}

.ws-checkout-mobile-submit {
	display: none;
}

@media (max-width: 1050px) {
	.ws-checkout-page .wc-block-components-sidebar-layout {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.ws-checkout-page .wc-block-components-sidebar {
		padding: 24px;
	}
}

@media (max-width: 700px) {
	body.ws-checkout-page {
		padding-bottom: 88px;
	}

	.ws-checkout-page .wc-block-components-sidebar-layout {
		gap: 18px;
	}

	.ws-checkout-page .wc-block-components-sidebar {
		padding: 16px;
		border-radius: 15px;
		box-shadow: 0 14px 34px rgba(18, 52, 91, .1);
	}

	.ws-checkout-summary-intro {
		gap: 11px;
		margin-bottom: 14px;
		padding-bottom: 14px;
	}

	.ws-checkout-summary-intro span {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
		background-size: 21px;
	}

	.ws-checkout-summary-intro h2 {
		font-size: 21px;
	}

	.ws-checkout-page .wc-block-components-order-summary-item {
		padding-bottom: 14px;
	}

	.ws-checkout-page .wc-block-components-order-summary-item__image {
		width: 62px;
		min-width: 62px;
		height: 62px;
		margin-right: 10px;
	}

	.ws-checkout-page .wc-block-components-order-summary-item__image img {
		width: 62px;
		height: 62px;
	}

	.ws-checkout-page .wc-block-components-order-summary-item__description .wc-block-components-product-name {
		font-size: 14px;
		line-height: 1.25;
	}

	.ws-checkout-page .wc-block-components-order-summary-item__total-price {
		min-width: auto;
		margin-left: 6px;
		font-size: 13px;
	}

	.ws-checkout-saving {
		margin-top: 6px;
		padding: 4px 7px;
		font-size: 10px;
	}

	.ws-checkout-includes {
		margin-bottom: 14px;
		padding: 13px 14px;
	}

	.ws-checkout-includes ul {
		grid-template-columns: 1fr 1fr;
		gap: 7px 9px;
	}

	.ws-checkout-includes li {
		padding-left: 16px;
		font-size: 11px;
	}

	.ws-checkout-page .wc-block-components-sidebar .wc-block-components-panel,
	.ws-checkout-page .wc-block-components-sidebar .wc-block-components-totals-wrapper {
		padding: 12px 0;
	}

	.ws-checkout-page .wc-block-components-totals-footer-item {
		font-size: 16px;
	}

	.ws-checkout-page .wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount {
		font-size: 21px;
	}

	.ws-checkout-page .wc-block-checkout__actions > .wc-block-components-checkout-place-order-button {
		position: fixed;
		z-index: 10020;
		right: 12px;
		bottom: max(12px, env(safe-area-inset-bottom));
		left: 12px;
		display: block;
		width: calc(100% - 24px);
		min-height: 56px;
		padding: 14px 18px;
		border: 0;
		border-radius: 13px;
		background: var(--ws-checkout-blue);
		color: #fff;
		font-size: 14px;
		font-weight: 800;
		line-height: 1.2;
		box-shadow: 0 14px 34px rgba(11, 35, 66, .3);
	}

	.ws-checkout-page .wc-block-checkout__actions > .wc-block-components-checkout-place-order-button:disabled {
		background: #9bb5d3;
		cursor: not-allowed;
		box-shadow: 0 9px 22px rgba(11, 35, 66, .16);
	}
}

@media (max-width: 420px) {
	.ws-checkout-page .wc-block-components-order-summary-item {
		flex-wrap: wrap;
	}

	.ws-checkout-page .wc-block-components-order-summary-item__total-price {
		width: 100%;
		margin: 8px 0 0 72px;
		text-align: left;
	}

	.ws-checkout-includes ul {
		grid-template-columns: 1fr;
	}
}

/* 0.5.87 stable checkout layout */
.ws-checkout-page .wp-block-woocommerce-checkout {
	width: min(1380px, calc(100% - 56px)) !important;
}

.ws-checkout-page .wc-block-components-sidebar-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 440px !important;
	align-items: start !important;
	gap: 34px !important;
}

.ws-checkout-page .wc-block-components-main {
	width: auto !important;
	min-width: 0;
	padding: 0 !important;
}

.ws-checkout-page .wc-block-components-sidebar {
	display: flex !important;
	width: auto !important;
	min-width: 0;
	height: auto !important;
	min-height: 0 !important;
	align-self: start !important;
	flex-direction: column;
	padding: 24px !important;
	overflow: visible;
	border: 1px solid #d7e2f0 !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: 0 20px 54px rgba(18, 52, 91, .1) !important;
}

.ws-checkout-page .wc-block-components-sidebar > .ws-checkout-summary-intro {
	order: -30;
}

.ws-checkout-page .wc-block-components-sidebar > .wc-block-components-order-summary {
	order: -20;
}

.ws-checkout-page .wc-block-components-sidebar > .ws-checkout-includes {
	order: -10;
}

.ws-checkout-summary-intro {
	width: 100%;
	box-sizing: border-box;
}

.ws-checkout-page .wc-block-components-order-summary,
.ws-checkout-page .wc-block-components-order-summary__content,
.ws-checkout-page .wc-block-components-order-summary-item {
	width: 100%;
	height: auto !important;
	min-height: 0 !important;
	box-sizing: border-box;
}

.ws-checkout-page .wc-block-components-order-summary-item {
	margin: 0 !important;
	padding: 4px 0 18px !important;
}

.ws-checkout-page .wc-block-components-order-summary-item__description {
	overflow-wrap: anywhere;
}

.ws-checkout-page .wc-block-components-order-summary-item__description p {
	margin: 4px 0 0;
	color: #718198;
	font-size: 12px;
	line-height: 1.45;
}

.ws-checkout-page .wc-block-components-order-summary-item__total-price {
	color: #52637a;
	font-size: 14px;
}

.ws-checkout-page .wc-block-components-sidebar .wc-block-components-panel,
.ws-checkout-page .wc-block-components-sidebar .wc-block-components-totals-wrapper,
.ws-checkout-page .wc-block-components-sidebar .wc-block-components-totals-coupon,
.ws-checkout-page .wc-block-components-sidebar .wc-block-components-totals-item {
	height: auto !important;
	min-height: 0 !important;
	box-sizing: border-box;
}

.ws-checkout-page .wc-block-components-sidebar .wc-block-components-panel {
	border-top: 1px solid #dce5f0;
}

.ws-checkout-page .wc-block-components-sidebar .wc-block-components-panel__button {
	min-height: 48px;
	padding: 12px 4px !important;
	color: #42546d;
	font-size: 13px;
}

.ws-checkout-page .wc-block-components-sidebar .wc-block-components-totals-item {
	padding: 11px 0;
}

.ws-checkout-page .wc-block-components-sidebar .wc-block-components-totals-footer-item {
	margin-top: 2px;
	padding: 18px 0 !important;
	border-top: 1px solid #d7e2f0;
	border-bottom: 1px solid #d7e2f0;
}

.ws-checkout-page .wc-block-components-sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	color: #19304e;
	font-size: 17px;
}

.ws-checkout-page .wc-block-components-sidebar .wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount {
	color: #102744;
	font-size: 23px;
	font-weight: 850;
}

.ws-checkout-page .wc-block-components-main > div,
.ws-checkout-page .wc-block-checkout__contact-fields,
.ws-checkout-page .wc-block-checkout__billing-fields,
.ws-checkout-page .wc-block-checkout__shipping-fields,
.ws-checkout-page .wc-block-checkout__payment-method,
.ws-checkout-page .wc-block-checkout__terms {
	box-sizing: border-box;
}

@media (max-width: 1050px) {
	.ws-checkout-page .wp-block-woocommerce-checkout {
		width: min(820px, calc(100% - 32px)) !important;
	}

	.ws-checkout-page .wc-block-components-sidebar-layout {
		display: flex !important;
		flex-direction: column;
		gap: 20px !important;
	}

	.ws-checkout-page .wc-block-components-main,
	.ws-checkout-page .wc-block-components-sidebar {
		width: 100% !important;
	}

	.ws-checkout-page .wc-block-components-sidebar {
		position: static !important;
	}
}

@media (max-width: 700px) {
	body.ws-checkout-page {
		padding-bottom: calc(82px + env(safe-area-inset-bottom));
	}

	.ws-checkout-page .wp-block-woocommerce-checkout {
		width: calc(100% - 20px) !important;
		margin-bottom: 28px;
	}

	.ws-checkout-page .wc-block-components-main > div,
	.ws-checkout-page .wc-block-checkout__contact-fields,
	.ws-checkout-page .wc-block-checkout__billing-fields,
	.ws-checkout-page .wc-block-checkout__shipping-fields,
	.ws-checkout-page .wc-block-checkout__payment-method,
	.ws-checkout-page .wc-block-checkout__terms {
		margin-bottom: 12px !important;
		padding: 17px !important;
		border-radius: 14px;
	}

	.ws-checkout-page .wc-block-components-sidebar {
		padding: 16px !important;
		border-radius: 14px !important;
	}

	.ws-checkout-summary-intro {
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	.ws-checkout-summary-intro small {
		font-size: 9px;
	}

	.ws-checkout-summary-intro h2 {
		font-size: 20px;
	}

	.ws-checkout-page .wc-block-components-order-summary-item {
		display: grid;
		grid-template-columns: 58px minmax(0, 1fr) auto;
		gap: 0 10px;
		align-items: start;
	}

	.ws-checkout-page .wc-block-components-order-summary-item__image {
		grid-column: 1;
		width: 58px;
		min-width: 58px;
		height: 58px;
		margin: 0;
	}

	.ws-checkout-page .wc-block-components-order-summary-item__image img {
		width: 58px;
		height: 58px;
	}

	.ws-checkout-page .wc-block-components-order-summary-item__description {
		grid-column: 2;
	}

	.ws-checkout-page .wc-block-components-order-summary-item__total-price {
		grid-column: 3;
		min-width: 0;
		margin: 0;
		font-size: 12px;
	}

	.ws-checkout-page .wc-block-components-order-summary-item__quantity {
		top: -7px;
		right: -7px;
	}

	.ws-checkout-includes {
		margin-bottom: 12px;
		padding: 12px;
	}

	.ws-checkout-includes strong {
		font-size: 12px;
	}

	.ws-checkout-includes ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 6px 8px;
	}

	.ws-checkout-page .wc-block-components-sidebar .wc-block-components-panel__button {
		min-height: 44px;
	}

	.ws-checkout-page .wc-block-components-sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
		font-size: 15px;
	}

	.ws-checkout-page .wc-block-components-sidebar .wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount {
		font-size: 20px;
	}

	.ws-checkout-page .wc-block-checkout__actions {
		min-height: 0;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	.ws-checkout-page .wc-block-checkout__actions > .wc-block-components-checkout-place-order-button {
		right: 10px;
		bottom: max(10px, env(safe-area-inset-bottom));
		left: 10px;
		display: flex !important;
		width: calc(100% - 20px) !important;
		min-height: 56px !important;
		margin: 0 !important;
		border-radius: 13px !important;
	}
}

@media (max-width: 430px) {
	.ws-checkout-page .wc-block-components-order-summary-item {
		grid-template-columns: 54px minmax(0, 1fr);
	}

	.ws-checkout-page .wc-block-components-order-summary-item__image {
		width: 54px;
		min-width: 54px;
		height: 54px;
	}

	.ws-checkout-page .wc-block-components-order-summary-item__image img {
		width: 54px;
		height: 54px;
	}

	.ws-checkout-page .wc-block-components-order-summary-item__total-price {
		grid-column: 2;
		margin-top: 5px;
		text-align: left;
	}

	.ws-checkout-includes ul {
		grid-template-columns: 1fr;
	}
}

/* 0.5.88 mobile checkout flow */
@media (max-width: 700px) {
	body.ws-checkout-page {
		padding-bottom: 0;
	}

	.ws-checkout-page .ws-commerce-header,
	.ws-checkout-page .wp-block-woocommerce-checkout {
		width: calc(100% - 8px) !important;
	}

	.ws-checkout-page .ws-commerce-header {
		margin-top: 4px;
		margin-bottom: 16px;
		padding: 11px;
	}

	.ws-checkout-page .wc-block-components-main > div,
	.ws-checkout-page .wc-block-checkout__contact-fields,
	.ws-checkout-page .wc-block-checkout__billing-fields,
	.ws-checkout-page .wc-block-checkout__shipping-fields,
	.ws-checkout-page .wc-block-checkout__payment-method,
	.ws-checkout-page .wc-block-checkout__terms {
		padding: 13px !important;
	}

	.ws-checkout-page .wc-block-components-sidebar {
		padding: 13px !important;
	}

	.ws-checkout-page .wc-block-checkout__payment-method {
		margin-bottom: 8px !important;
	}

	.ws-checkout-page .wc-block-checkout__actions {
		display: flex !important;
		margin: 0 0 12px !important;
		padding: 0 13px 13px !important;
	}

	.ws-checkout-page .wc-block-checkout__actions > .wc-block-components-checkout-place-order-button {
		position: static !important;
		inset: auto !important;
		display: flex !important;
		width: 100% !important;
		min-height: 56px !important;
		margin: 0 !important;
		border-radius: 12px !important;
		box-shadow: 0 12px 25px rgba(31, 122, 255, .2);
	}
}

/* 0.5.94 final founder cascade lock. */
.ws-marketing .ws-founder-section {
	width: min(1480px, calc(100% - 48px));
	min-height: 600px;
	margin: clamp(28px, 4vw, 64px) auto;
	display: grid;
	grid-template-columns: minmax(420px, .92fr) minmax(0, 1.08fr);
	align-items: stretch;
	border-radius: 20px;
}

.ws-marketing .ws-founder-photo { min-height: 600px; }
.ws-marketing .ws-founder-photo img { object-position: center 20%; }

.ws-marketing .ws-founder-copy {
	width: 100%;
	max-width: none;
	min-width: 0;
	padding: clamp(54px, 5.4vw, 82px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: stretch;
}

.ws-marketing .ws-founder-copy h2 {
	max-width: 660px;
	margin: 14px 0 22px;
	font-size: clamp(46px, 3.6vw, 66px);
	line-height: 1.01;
}

.ws-marketing .ws-founder-copy > p {
	max-width: 630px;
	margin: 0;
	font-size: 16px;
	line-height: 1.72;
}

.ws-marketing .ws-founder-facts {
	width: 100%;
	max-width: 650px;
	margin-top: 30px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	border: 0;
}

.ws-marketing .ws-founder-facts span,
.ws-marketing .ws-founder-facts span:last-child {
	min-width: 0;
	min-height: 94px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 1px solid #dce6f0;
	border-radius: 12px;
	background: #f7faff;
}

@media (max-width: 980px) {
	.ws-marketing .ws-founder-section {
		width: calc(100% - 28px);
		min-height: 0;
		grid-template-columns: 1fr;
	}
	.ws-marketing .ws-founder-photo {
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 16 / 10;
	}
	.ws-marketing .ws-founder-copy { padding: 48px clamp(28px, 7vw, 64px) 52px; }
}

@media (max-width: 640px) {
	.ws-marketing .ws-founder-section {
		width: calc(100% - 20px);
		margin: 20px auto;
		border-radius: 18px;
	}
	.ws-marketing .ws-founder-photo {
		height: auto !important;
		min-height: 0 !important;
		max-height: none;
		aspect-ratio: 4 / 3;
		border-radius: 18px 18px 0 0;
	}
	.ws-marketing .ws-founder-photo img { object-position: center 18%; }
	.ws-marketing .ws-founder-copy { padding: 30px 20px 24px; }
	.ws-marketing .ws-founder-copy h2 {
		margin: 11px 0 16px;
		font-size: clamp(34px, 10vw, 43px);
		line-height: 1.01;
	}
	.ws-marketing .ws-founder-copy > p { font-size: 14.5px; line-height: 1.66; }
	.ws-marketing .ws-founder-facts {
		margin-top: 22px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}
	.ws-marketing .ws-founder-facts span,
	.ws-marketing .ws-founder-facts span:last-child {
		min-height: 82px;
		padding: 13px;
		border-bottom: 1px solid #dce6f0;
	}
	.ws-marketing .ws-founder-facts span:last-child {
		grid-column: 1 / -1;
		min-height: 72px;
	}
}

/* 0.5.106 — one calm, professional type system across Webrox-owned screens. */
body.ws-marketing,
body.ws-contact-page,
body.ws-legal-page,
body.ws-auth-page,
body.ws-account-page,
body.ws-checkout-page {
	--ws-platform-font: "Manrope", "Segoe UI", sans-serif;
	--ws-font: var(--ws-platform-font);
	font-family: var(--ws-platform-font);
	font-synthesis: none;
}

body.ws-marketing :is(button, input, select, textarea),
body.ws-contact-page :is(button, input, select, textarea),
body.ws-legal-page :is(button, input, select, textarea),
body.ws-auth-page :is(button, input, select, textarea),
body.ws-account-page :is(button, input, select, textarea),
body.ws-checkout-page :is(button, input, select, textarea) {
	font-family: inherit;
}

body.ws-marketing :is(h1, h2, h3, h4, h5, h6),
body.ws-contact-page :is(h1, h2, h3, h4, h5, h6),
body.ws-legal-page :is(h1, h2, h3, h4, h5, h6),
body.ws-auth-page :is(h1, h2, h3, h4, h5, h6),
body.ws-account-page :is(h1, h2, h3, h4, h5, h6),
body.ws-checkout-page :is(h1, h2, h3, h4, h5, h6),
body.ws-marketing .ws-founder-copy h2,
body.ws-marketing .ws-marketing-hero h1,
body.ws-marketing .ws-hero-mobile-body > strong {
	font-family: var(--ws-platform-font) !important;
	font-weight: 600;
}

body.ws-marketing :is(button, .ws-public-button, [class*="-pill"], [class*="-badge"], [class*="-chip"]),
body.ws-contact-page :is(button, .ws-public-button, [class*="-pill"], [class*="-badge"], [class*="-chip"]),
body.ws-legal-page :is(button, .ws-public-button, [class*="-pill"], [class*="-badge"], [class*="-chip"]),
body.ws-auth-page :is(button, .ws-public-button, [class*="-pill"], [class*="-badge"], [class*="-chip"]),
body.ws-account-page :is(button, .button, [class*="-pill"], [class*="-badge"], [class*="-chip"]),
body.ws-checkout-page :is(button, .button, [class*="-pill"], [class*="-badge"], [class*="-chip"]) {
	font-weight: 650 !important;
	letter-spacing: 0;
}

body.ws-marketing :is(strong, b),
body.ws-contact-page :is(strong, b),
body.ws-legal-page :is(strong, b),
body.ws-auth-page :is(strong, b),
body.ws-account-page :is(strong, b),
body.ws-checkout-page :is(strong, b) {
	font-weight: 650;
}

/* 0.5.109 — calmer homepage: one clear visual focus per section. */
.ws-marketing {
	--ws-simple-border: #d8e3ee;
	--ws-simple-shadow: 0 22px 54px rgba(7, 29, 56, .12);
}

.ws-marketing main > section {
	overflow: clip;
}

.ws-marketing .ws-ui-callout,
.ws-marketing .ws-ui-status,
.ws-marketing .ws-ui-module-row,
.ws-marketing .ws-hero-mobile-preview,
.ws-marketing .ws-guided-decisions,
.ws-marketing .ws-project-fan {
	display: none !important;
}

.ws-marketing .ws-marketing-product::before,
.ws-marketing .ws-marketing-product::after,
.ws-marketing .ws-foundation-visual::before,
.ws-marketing .ws-guided-list::after {
	display: none !important;
}

.ws-marketing .ws-product-shot,
.ws-marketing .ws-product-shot-hero,
.ws-marketing .ws-onboarding-shot,
.ws-marketing .ws-editor-visual,
.ws-marketing .ws-product-shot-dashboard,
.ws-marketing .ws-product-shot-guard {
	position: relative;
	transform: none !important;
	overflow: hidden;
	border: 1px solid var(--ws-simple-border);
	border-radius: 20px;
	box-shadow: var(--ws-simple-shadow);
}

.ws-marketing .ws-product-shot-bar {
	position: relative;
	z-index: 2;
	min-height: 54px;
	padding: 0 20px;
	border-bottom: 1px solid rgba(140, 166, 196, .22);
}

.ws-marketing .ws-ui-screen {
	overflow: hidden;
	background: #eef4fa;
}

.ws-marketing .ws-ui-screen > img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center top;
}

.ws-marketing .ws-product-shot-hero .ws-ui-screen,
.ws-marketing .ws-onboarding-shot .ws-ui-screen,
.ws-marketing .ws-editor-visual .ws-ui-screen,
.ws-marketing .ws-product-shot-dashboard .ws-ui-screen {
	aspect-ratio: 8 / 5;
}

.ws-marketing .ws-product-shot-guard .ws-ui-screen {
	aspect-ratio: 1488 / 778;
}

.ws-marketing .ws-marketing-hero {
	min-height: 0;
	grid-template-columns: minmax(390px, .86fr) minmax(0, 1.14fr);
	align-items: center;
	gap: clamp(54px, 5vw, 96px);
	padding: clamp(86px, 7vw, 128px) clamp(38px, 6.3vw, 122px);
}

.ws-marketing .ws-marketing-hero-copy {
	max-width: 680px;
}

.ws-marketing .ws-marketing-product {
	width: min(880px, 100%);
	margin: 0 0 0 auto;
	perspective: none;
}

.ws-marketing .ws-product-shot-hero {
	width: 100%;
	margin: 0;
}

.ws-marketing .ws-included-strip {
	min-height: 0;
}

.ws-marketing .ws-foundation-visual {
	box-shadow: 0 22px 58px rgba(0, 0, 0, .25);
}

.ws-marketing .ws-included-grid article,
.ws-marketing .ws-included-grid article:nth-child(n) {
	box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}

.ws-marketing .ws-partner-strip {
	min-height: 0;
	display: block;
	padding-top: clamp(72px, 7vw, 104px);
	padding-bottom: clamp(58px, 6vw, 86px);
}

.ws-marketing .ws-partner-strip-heading {
	max-width: 760px;
}

.ws-marketing .ws-partner-strip-heading > p {
	max-width: 620px;
}

.ws-marketing .ws-partner-marquee {
	margin-top: 46px;
}

.ws-marketing .ws-guided-start {
	min-height: 0;
	grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
	gap: clamp(56px, 6vw, 96px);
	padding-top: clamp(82px, 7vw, 112px);
	padding-bottom: clamp(82px, 7vw, 112px);
}

.ws-marketing .ws-guided-list {
	width: min(500px, 100%);
}

.ws-marketing .ws-guided-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 22px;
}

.ws-marketing .ws-onboarding-shot {
	width: 100%;
	margin: 0;
}

.ws-marketing .ws-editor-section {
	min-height: 0;
}

.ws-marketing .ws-editor-layout {
	min-height: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 22px;
}

.ws-marketing .ws-editor-visual {
	width: min(1120px, 100%);
	margin: 44px auto 0;
}

.ws-marketing .ws-editor-benefits {
	position: static !important;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	width: min(1120px, 100%);
	margin: 0 auto;
	pointer-events: auto;
}

.ws-marketing .ws-editor-benefits article,
.ws-marketing .ws-editor-benefits article:nth-child(n) {
	position: static !important;
	inset: auto !important;
	width: auto !important;
	min-height: 164px;
	margin: 0;
	transform: none !important;
	border: 1px solid rgba(116, 161, 211, .28);
	background: rgba(255, 255, 255, .06);
	box-shadow: none;
}

.ws-marketing .ws-editor-benefits article::before,
.ws-marketing .ws-editor-benefits article::after,
.ws-marketing .ws-editor-benefits::before {
	display: none !important;
}

.ws-marketing .ws-editor-benefits article > svg {
	display: block !important;
	flex: 0 0 auto;
}

.ws-marketing .ws-system-showcase,
.ws-marketing .ws-guard-section {
	min-height: 0;
	grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
	align-items: center;
	gap: clamp(52px, 6vw, 94px);
}

.ws-marketing .ws-product-shot-dashboard,
.ws-marketing .ws-product-shot-guard {
	width: 100%;
	margin: 0;
}

@media (max-width: 1360px) {
	.ws-marketing .ws-marketing-hero {
		grid-template-columns: 1fr;
		gap: 54px;
	}

	.ws-marketing .ws-marketing-hero-copy {
		max-width: 760px;
	}

	.ws-marketing .ws-marketing-product {
		width: min(980px, 100%);
		margin: 0 auto;
	}
}

@media (max-width: 1080px) {
	.ws-marketing .ws-guided-start,
	.ws-marketing .ws-system-showcase,
	.ws-marketing .ws-guard-section {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	.ws-marketing .ws-editor-benefits {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.ws-marketing .ws-marketing-hero,
	.ws-marketing .ws-guided-start,
	.ws-marketing .ws-editor-section,
	.ws-marketing .ws-system-showcase,
	.ws-marketing .ws-guard-section,
	.ws-marketing .ws-partner-strip {
		padding-left: 20px;
		padding-right: 20px;
	}

	.ws-marketing .ws-marketing-hero {
		padding-top: 54px;
		padding-bottom: 64px;
		gap: 38px;
	}

	.ws-marketing .ws-marketing-hero h1 {
		font-size: clamp(45px, 13vw, 62px);
	}

	.ws-marketing .ws-product-shot-bar {
		min-height: 45px;
		padding: 0 13px;
	}

	.ws-marketing .ws-product-shot-bar strong {
		display: none;
	}

	.ws-marketing .ws-editor-benefits {
		grid-template-columns: 1fr;
	}

	.ws-marketing .ws-editor-benefits article,
	.ws-marketing .ws-editor-benefits article:nth-child(n) {
		min-height: 0;
	}

	.ws-marketing .ws-product-shot,
	.ws-marketing .ws-product-shot-hero,
	.ws-marketing .ws-onboarding-shot,
	.ws-marketing .ws-editor-visual,
	.ws-marketing .ws-product-shot-dashboard,
	.ws-marketing .ws-product-shot-guard {
		border-radius: 14px;
		box-shadow: 0 14px 34px rgba(7, 29, 56, .12);
	}
}

/* 0.5.111 — clean editor cards and responsive homepage lightbox. */
.ws-marketing .ws-editor-benefits article,
.ws-marketing .ws-editor-benefits article:nth-child(n) {
	grid-template-columns: minmax(0, 1fr);
}

.ws-marketing .ws-editor-benefits article > i,
.ws-marketing .ws-editor-benefits article > svg {
	display: none !important;
	position: static !important;
	inset: auto !important;
}

/* 0.5.112: keep screenshot status labels vertically centred on phones. */
@media (max-width: 720px) {
	.ws-marketing .ws-product-shot-bar {
		min-height: 54px;
		padding: 0 16px;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		gap: 10px;
	}

	.ws-marketing .ws-product-shot-bar span {
		min-width: 0;
		align-items: center;
		line-height: 1.25;
	}

	.ws-marketing .ws-product-shot-bar span svg {
		flex: 0 0 auto;
	}
}

.ws-marketing .ws-lightbox-source {
	cursor: zoom-in;
}

.ws-marketing .ws-lightbox-source:focus-visible {
	outline: 3px solid #2d8fff;
	outline-offset: -3px;
}

body.ws-lightbox-open {
	overflow: hidden !important;
}

.ws-home-lightbox[hidden] {
	display: none !important;
}

.ws-home-lightbox {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: grid;
	place-items: center;
	padding: clamp(18px, 3vw, 44px);
	background: rgba(2, 10, 23, .9);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	opacity: 0;
	transition: opacity .18s ease;
}

.ws-home-lightbox.is-open {
	opacity: 1;
}

.ws-home-lightbox figure {
	width: min(1600px, 100%);
	max-height: calc(100dvh - 48px);
	margin: 0;
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	overflow: hidden;
	border: 1px solid rgba(174, 205, 238, .28);
	border-radius: 18px;
	background: #07182d;
	box-shadow: 0 34px 100px rgba(0, 0, 0, .55);
	transform: translateY(12px) scale(.985);
	transition: transform .2s ease;
}

.ws-home-lightbox.is-open figure {
	transform: translateY(0) scale(1);
}

.ws-home-lightbox figure img {
	width: 100%;
	height: auto;
	max-height: calc(100dvh - 116px);
	display: block;
	object-fit: contain;
	background: #061326;
}

.ws-home-lightbox figcaption {
	min-height: 52px;
	padding: 14px 68px 14px 18px;
	color: #d8e6f5;
	font-size: 13px;
	line-height: 1.5;
}

.ws-home-lightbox-close {
	position: fixed;
	top: clamp(14px, 2.2vw, 30px);
	right: clamp(14px, 2.2vw, 30px);
	z-index: 2;
	width: 46px;
	height: 46px;
	display: grid;
	place-items: center;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 50%;
	background: rgba(8, 29, 54, .92);
	box-shadow: 0 12px 34px rgba(0, 0, 0, .35);
	color: #fff;
	cursor: pointer;
	transition: background-color .18s ease, transform .18s ease;
}

.ws-home-lightbox-close:hover {
	background: #1677ef;
	transform: scale(1.06);
}

.ws-home-lightbox-close:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

.ws-home-lightbox-close span {
	font-size: 30px;
	font-weight: 300;
	line-height: 1;
	transform: translateY(-1px);
}

@media (max-width: 640px) {
	.ws-home-lightbox {
		align-items: center;
		padding: 10px;
	}

	.ws-home-lightbox figure {
		width: 100%;
		max-height: calc(100dvh - 20px);
		border-radius: 13px;
	}

	.ws-home-lightbox figure img {
		max-height: calc(100dvh - 82px);
	}

	.ws-home-lightbox figcaption {
		min-height: 48px;
		padding: 12px 54px 12px 14px;
		font-size: 12px;
	}

	.ws-home-lightbox-close {
		top: 16px;
		right: 16px;
		width: 42px;
		height: 42px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ws-home-lightbox,
	.ws-home-lightbox figure,
	.ws-home-lightbox-close {
		transition: none !important;
	}
}

/* 0.5.110 — clean editor and post-publish sections. */
.ws-marketing .ws-editor-section {
	padding-top: clamp(78px, 7vw, 108px);
	padding-bottom: clamp(82px, 8vw, 116px);
}

.ws-marketing .ws-editor-section .ws-public-heading {
	max-width: 780px;
}

.ws-marketing .ws-editor-layout {
	gap: 24px;
}

.ws-marketing .ws-editor-visual {
	width: min(1080px, 100%);
	margin-top: 42px;
	border-color: rgba(108, 160, 218, .34);
	background: #0b2442;
	box-shadow: 0 28px 70px rgba(0, 0, 0, .32);
}

.ws-marketing .ws-shot-tabs {
	min-height: 62px;
	align-items: center;
	gap: 6px;
	padding: 10px 12px;
	border: 0;
	border-bottom: 1px solid rgba(171, 202, 236, .16);
	background: #0b2442;
}

.ws-marketing .ws-shot-tabs button {
	min-height: 40px;
	padding: 9px 15px;
	border: 1px solid transparent;
	border-radius: 10px;
	color: #b8cbe1;
	font-size: 13px;
	font-weight: 650;
	transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.ws-marketing .ws-shot-tabs button:hover {
	border-color: rgba(143, 184, 229, .3);
	background: rgba(255, 255, 255, .06);
	color: #fff;
}

.ws-marketing .ws-shot-tabs button.is-active {
	border-color: #3b98ff;
	background: #1c7ff2;
	color: #fff;
	box-shadow: 0 8px 22px rgba(23, 119, 242, .28);
}

.ws-marketing .ws-editor-visual .ws-ui-screen {
	border-radius: 0;
	background: #eef4fa;
}

.ws-marketing .ws-editor-benefits {
	width: min(1080px, 100%);
	gap: 12px;
}

.ws-marketing .ws-editor-benefits::before,
.ws-marketing .ws-editor-benefits::after,
.ws-marketing .ws-editor-benefits article::before,
.ws-marketing .ws-editor-benefits article::after {
	display: none !important;
	content: none !important;
}

.ws-marketing .ws-editor-benefits article,
.ws-marketing .ws-editor-benefits article:nth-child(n) {
	min-height: 148px;
	align-content: start;
	gap: 13px;
	padding: 20px;
	border-color: rgba(129, 176, 228, .24);
	border-radius: 14px;
	background: rgba(255, 255, 255, .055);
	transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.ws-marketing .ws-editor-benefits article:hover {
	border-color: rgba(77, 157, 248, .48);
	background: rgba(255, 255, 255, .085);
	transform: translateY(-2px) !important;
}

.ws-marketing .ws-editor-benefits article > svg {
	width: 21px;
	height: 21px;
	margin-top: 1px;
	color: #5aa7ff;
}

.ws-marketing .ws-editor-benefits strong {
	color: #fff;
	font-size: 14px;
	line-height: 1.35;
}

.ws-marketing .ws-editor-benefits p {
	margin-top: 7px;
	color: #adbed2;
	font-size: 12px;
	line-height: 1.55;
}

.ws-marketing .ws-system-showcase {
	min-height: 0;
	grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
	align-items: center;
	gap: clamp(48px, 5.5vw, 86px);
	padding: clamp(82px, 7vw, 108px) clamp(38px, 6.3vw, 122px);
	background: #f4f8fd;
}

.ws-marketing .ws-system-showcase::before,
.ws-marketing .ws-system-showcase::after {
	display: none !important;
	content: none !important;
}

.ws-marketing .ws-system-showcase-copy {
	max-width: 520px;
}

.ws-marketing .ws-system-showcase-copy h2 {
	margin-bottom: 20px;
	font-size: clamp(42px, 3.5vw, 60px);
	line-height: 1.02;
	letter-spacing: -.035em;
}

.ws-marketing .ws-system-showcase-copy > p {
	margin-bottom: 28px;
	color: #607187;
	font-size: 17px;
	line-height: 1.65;
}

.ws-marketing .ws-system-points {
	gap: 10px;
}

.ws-marketing .ws-system-points > span {
	min-height: 92px;
	padding: 18px;
	grid-template-columns: auto minmax(0, 1fr);
	border: 1px solid #d4e1ee;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(18, 55, 94, .06);
}

.ws-marketing .ws-system-points > span > i,
.ws-marketing .ws-system-points > span > svg {
	grid-column: 1;
	grid-row: 1 / span 2;
	width: 22px;
	height: 22px;
	color: #1677ef;
}

.ws-marketing .ws-system-points strong {
	grid-column: 2;
	color: #10243e;
	font-size: 14px;
}

.ws-marketing .ws-system-points small {
	grid-column: 2;
	color: #6d7d91;
	font-size: 12px;
	line-height: 1.5;
}

.ws-marketing .ws-product-shot-dashboard {
	width: 100%;
	margin: 0;
	padding: 0 !important;
	overflow: hidden;
	border-color: #c8d8e8;
	background: #eef4fa;
	box-shadow: 0 24px 60px rgba(27, 61, 101, .15);
}

.ws-marketing .ws-product-shot-dashboard .ws-ui-screen {
	width: 100%;
	aspect-ratio: 8 / 5;
}

@media (max-width: 1080px) {
	.ws-marketing .ws-system-showcase {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.ws-marketing .ws-system-showcase-copy {
		max-width: 720px;
	}

	.ws-marketing .ws-product-shot-dashboard {
		width: min(900px, 100%);
	}
}

@media (max-width: 720px) {
	.ws-marketing .ws-editor-section,
	.ws-marketing .ws-system-showcase {
		padding-top: 64px;
		padding-right: 20px;
		padding-bottom: 68px;
		padding-left: 20px;
	}

	.ws-marketing .ws-editor-visual {
		margin-top: 30px;
	}

	.ws-marketing .ws-shot-tabs {
		min-height: 0;
		padding: 8px;
	}

	.ws-marketing .ws-shot-tabs button {
		min-width: 0;
		min-height: 38px;
		flex: 1 1 0;
		padding: 8px 9px;
		font-size: 11px;
	}

	.ws-marketing .ws-editor-benefits article,
	.ws-marketing .ws-editor-benefits article:nth-child(n) {
		min-height: 0;
		padding: 17px;
	}

	.ws-marketing .ws-system-showcase-copy h2 {
		font-size: clamp(38px, 11vw, 50px);
	}

	.ws-marketing .ws-system-showcase-copy > p {
		font-size: 16px;
	}

	.ws-marketing .ws-system-points > span {
		min-height: 0;
		padding: 16px;
	}
}

/* 0.5.111 final cascade: benefit cards stay text-only. */
.ws-marketing .ws-editor-benefits article,
.ws-marketing .ws-editor-benefits article:nth-child(n) {
	grid-template-columns: minmax(0, 1fr);
}

.ws-marketing .ws-editor-benefits article > i,
.ws-marketing .ws-editor-benefits article > svg {
	display: none !important;
	position: static !important;
	inset: auto !important;
}