* {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
	font-family: "Inter", Arial, sans-serif;
	background:
		radial-gradient(circle at top left, rgba(13, 51, 87, 0.12), transparent 24%),
		radial-gradient(circle at top right, rgba(176, 136, 73, 0.10), transparent 22%),
		linear-gradient(180deg, #eef2f6 0%, #e2e8ef 100%);
	color: #22303c;
}

body.landing-page-hosting,
body.order-page {
	background:
		radial-gradient(circle at top left, rgba(255, 136, 52, 0.18), transparent 24%),
		radial-gradient(circle at top right, rgba(44, 135, 230, 0.14), transparent 24%),
		linear-gradient(180deg, #eef5fb 0%, #dfeaf4 100%);
}

body.order-page {
	background:
		linear-gradient(180deg, #005bea 0%, #005bea 270px, #eef4fb 271px, #f7fbff 100%);
}

body.support-page {
	background:
		linear-gradient(180deg, #005bea 0%, #005bea 520px, #eef4fb 521px, #f7fbff 100%);
}

body.legal-page {
	background:
		linear-gradient(180deg, #005bea 0%, #005bea 360px, #eef4fb 361px, #f7fbff 100%);
	color: #18324b;
}

body {
	min-height: 100vh;
}

a {
	color: #2f84d8;
	text-decoration: none;
}

.inline-link {
	font-weight: 700;
	color: #9f6b2d;
}

.inline-link:hover {
	text-decoration: underline;
}

.site-shell {
	width: min(1080px, calc(100% - 32px));
	margin: 0 auto;
	padding: 24px 0 48px;
}

.site-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 0 0 24px;
}

.brand {
	display: inline-flex;
	align-items: center;
}

.brand img {
	width: 136px;
	height: auto;
	display: block;
}

.site-nav {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

.site-nav a {
	color: #4a6076;
	font-size: 14px;
	font-weight: 600;
}

.hero,
.content-block,
.order-section,
.legal-content {
	background: #fff;
	border: 1px solid #d9e3eb;
	border-radius: 10px;
	box-shadow: 0 18px 36px rgba(28, 45, 66, 0.06);
}

.hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 28px;
	padding: 44px;
}

.hero-vivid {
	background:
		linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(244,248,252,0.98) 100%),
		linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
}

.eyebrow,
.offer-label {
	margin: 0 0 12px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	color: #2f6fa8;
}

.hero h1 {
	margin: 0;
	font-size: 52px;
	line-height: 1.05;
	color: #17354d;
}

.lead {
	margin: 18px 0 0;
	max-width: 640px;
	font-size: 18px;
	line-height: 1.7;
	color: #53687a;
}

.hero-actions,
.order-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 28px;
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	padding: 0 26px;
	border: 0;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 800;
	cursor: pointer;
}

.button-primary {
	background: linear-gradient(135deg, #173a5c 0%, #285d87 100%);
	color: #fff;
	box-shadow: 0 16px 30px rgba(23, 58, 92, 0.2);
}

.button-secondary {
	background: rgba(255, 255, 255, 0.92);
	color: #1f4467;
	border: 1px solid #bfccd9;
}

.offer-card {
	padding: 28px;
	background: linear-gradient(180deg, #fafcff 0%, #f2f5f8 100%);
	border: 1px solid #d6dee7;
	border-radius: 10px;
}

.offer-card-vivid {
	box-shadow: 0 18px 36px rgba(32, 53, 77, 0.08);
}

.offer-card h2 {
	margin: 0;
	font-size: 34px;
	line-height: 1.08;
}

.offer-price {
	margin-top: 16px;
}

.offer-price strong {
	display: block;
	font-size: 42px;
	line-height: 1;
	color: #183d60;
}

.offer-price span {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #607487;
}

.offer-price-note {
	margin: 14px 0 0;
	font-size: 14px;
	line-height: 1.7;
	color: #53687a;
}

.offer-list {
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}

.offer-list li {
	margin-bottom: 12px;
	padding-left: 18px;
	position: relative;
	line-height: 1.6;
	color: #445764;
}

.offer-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: #295e88;
}

.offer-support-box {
	margin-top: 18px;
	padding: 16px 18px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid #d8e2ea;
}

.offer-support-box strong {
	display: block;
	font-size: 14px;
	line-height: 1.7;
	color: #17354d;
}

.benefits {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 18px;
}

.trust-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 18px;
	padding: 18px 20px;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid #d9e3eb;
	border-radius: 10px;
	box-shadow: 0 10px 24px rgba(28, 45, 66, 0.04);
}

.trust-chip {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 0 16px;
	border-radius: 999px;
	background: #ffffff;
	border: 1px solid #d8e3ec;
	color: #28455f;
	font-size: 14px;
	font-weight: 700;
	box-shadow: 0 6px 16px rgba(28, 45, 66, 0.04);
}

.people-showcase,
.order-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
	gap: 22px;
	margin-top: 18px;
	padding: 24px;
	background: #fff;
	border: 1px solid #d9e3eb;
	border-radius: 10px;
	box-shadow: 0 18px 36px rgba(28, 45, 66, 0.06);
}

.people-showcase-media img,
.order-hero-media img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 280px;
	object-fit: cover;
	object-position: center 40%;
	border-radius: 10px;
	filter: saturate(0.82) contrast(1.02) brightness(0.96);
}

body.landing-page-hosting .button-primary,
body.order-page .button-primary,
body.support-page .button-primary,
body.legal-page .button-primary {
	background: linear-gradient(135deg, #ff7a22 0%, #ff5a4e 100%);
	box-shadow: 0 16px 30px rgba(255, 106, 78, 0.22);
}

body.landing-page-hosting .offer-price strong,
body.order-page .offer-price strong,
body.landing-page-hosting .package-price,
body.order-page .package-price {
	color: #ff6a3d;
}

body.landing-page-hosting .offer-list li::before,
body.order-page .offer-list li::before {
	background: #ff7a22;
}

body.landing-page-hosting .package-tile-active,
body.order-page .package-tile-active {
	background: linear-gradient(180deg, #fff8f2 0%, #fff0e5 100%);
	border-color: #f1d2ba;
}

body.landing-page-hosting .inline-link,
body.order-page .inline-link {
	color: #ff6a3d;
}

.people-showcase-copy,
.order-hero-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.people-showcase-copy h2,
.order-hero-copy h1 {
	margin: 0 0 14px;
	font-size: 36px;
	line-height: 1.12;
	color: #17354d;
}

.people-showcase-copy p,
.order-hero-copy p {
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 1.8;
	color: #53687a;
}

.benefit {
	padding: 24px;
	background: #fff;
	border: 1px solid #d9e3eb;
	border-radius: 10px;
	box-shadow: 0 10px 24px rgba(28, 45, 66, 0.04);
}

.benefits-vivid .benefit {
	border-width: 0;
}

.benefit-blue {
	background: linear-gradient(135deg, #edf4fb 0%, #dbe7f2 100%);
}

.benefit-orange {
	background: linear-gradient(135deg, #f8f2ea 0%, #efe0cf 100%);
}

.benefit-green {
	background: linear-gradient(135deg, #eef7f3 0%, #dcebe4 100%);
}

.benefit strong {
	display: block;
	font-size: 28px;
	color: #17354d;
}

.benefit span {
	display: block;
	margin-top: 8px;
	color: #53687a;
}

.practical-meaning {
	padding-top: 26px;
	padding-bottom: 26px;
}

.practical-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 16px;
}

.practical-item {
	padding: 18px 20px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #d9e3eb;
	box-shadow: 0 10px 24px rgba(28, 45, 66, 0.04);
	font-size: 15px;
	line-height: 1.7;
	color: #3f5568;
}

.audience-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: 16px;
}

.audience-card {
	padding: 24px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #d9e3eb;
	box-shadow: 0 10px 24px rgba(28, 45, 66, 0.04);
}

.audience-card h3 {
	margin: 0 0 10px;
	font-size: 22px;
	line-height: 1.2;
	color: #17354d;
}

.audience-card p {
	margin: 0;
}

.trust-section {
	text-align: left;
}

.trust-section h2 {
	margin-top: 0;
}

.trust-actions {
	margin-top: 20px;
}

.comparison-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: 16px;
}

.comparison-card {
	padding: 24px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #d9e3eb;
	box-shadow: 0 10px 24px rgba(28, 45, 66, 0.04);
}

.comparison-card-featured {
	background: linear-gradient(180deg, #fff8f2 0%, #fff0e5 100%);
	border-color: #f1d2ba;
}

.comparison-card h3 {
	margin: 0 0 14px;
	font-size: 22px;
	line-height: 1.2;
	color: #17354d;
}

.comparison-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.comparison-list li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 12px;
	color: #445764;
	line-height: 1.7;
}

.comparison-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: #295e88;
}

.content-block,
.packages-section,
.order-section,
.legal-content {
	margin-top: 18px;
	padding: 32px;
}

.content-block h2,
.packages-section h2,
.order-section h2,
.legal-content h1 {
	margin: 0 0 12px;
	font-size: 34px;
	line-height: 1.15;
	color: #17354d;
}

.content-block p,
.packages-section p,
.order-section p,
.legal-content p,
.legal-content li {
	font-size: 15px;
	line-height: 1.8;
	color: #53687a;
}

.packages-section {
	background: #fff;
	border: 1px solid #d9e3eb;
	border-radius: 10px;
	box-shadow: 0 18px 36px rgba(28, 45, 66, 0.06);
}

.packages-head {
	margin-bottom: 24px;
}

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

.interactive-packages .package-tile {
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.interactive-packages .package-tile:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 30px rgba(32, 55, 84, 0.14);
}

.interactive-packages .package-tile.is-selected {
	transform: translateY(-6px);
	box-shadow: 0 24px 34px rgba(37, 66, 102, 0.2);
	border-color: #4b7fff;
}

.package-tile {
	padding: 26px;
	border: 1px solid #d9e3eb;
	border-radius: 10px;
	background: #fbfdff;
}

.package-tile h3 {
	margin: 0 0 12px;
	font-size: 30px;
	line-height: 1.1;
	color: #17354d;
}

.package-kicker {
	margin: 0 0 12px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	color: #607487;
}

.package-price {
	font-size: 30px;
	font-weight: 800;
	color: #173a5c;
}

.package-price span {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #607487;
}

.package-tile ul {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.package-tile li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 12px;
	color: #445764;
	line-height: 1.6;
}

.package-tile li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: #2f6fa8;
}

.package-tile-active {
	background: linear-gradient(180deg, #f9fbfe 0%, #f1f4f8 100%);
	border-color: #d6dfe7;
	box-shadow: 0 18px 32px rgba(53, 73, 96, 0.12);
}

.package-tile-pro {
	background: linear-gradient(180deg, #f5f8fb 0%, #eef3f7 100%);
	border-color: #d5dfe8;
}

.package-tile-max {
	background: linear-gradient(180deg, #f6f8fa 0%, #eef1f4 100%);
	border-color: #d7dfe6;
}

.package-tile-disabled {
	opacity: 0.85;
}

.package-inline-info {
	margin-top: 16px;
	padding: 14px 16px;
	border-radius: 10px;
	border: 1px solid #d9e3eb;
	background: linear-gradient(180deg, #f7fbff 0%, #eef5fc 100%);
	font-size: 14px;
	color: #29465f;
}

.upgrade-mini-grid {
	margin-top: 16px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.upgrade-mini-card {
	padding: 18px 18px 16px;
	border-radius: 10px;
	background: #ffffff;
	border: 1px solid #d9e3eb;
	box-shadow: 0 10px 22px rgba(28, 45, 66, 0.06);
}

.upgrade-mini-card h3 {
	margin: 0 0 8px;
	font-size: 18px;
	line-height: 1.3;
	color: #1f3f63;
}

.upgrade-mini-head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 8px;
}

.upgrade-mini-head img {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
}

.upgrade-mini-head h3 {
	margin: 0;
}

.upgrade-mini-card p {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.6;
	color: #556b7f;
}

.upgrade-mini-card span {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #7f94a8;
}

.support-hero .offer-card h2 {
	font-size: 44px;
}

body.support-page .support-rate-card h2 {
	color: #0f2c65;
}

body.support-page .support-hero {
	position: relative;
	grid-template-columns: minmax(0, 1fr) 360px;
	align-items: center;
	margin-top: 28px;
	padding: 46px;
	border: 0;
	border-radius: 28px;
	background:
		linear-gradient(135deg, rgba(0, 91, 234, 0.96) 0%, rgba(0, 52, 177, 0.96) 100%);
	box-shadow: 0 28px 62px rgba(5, 51, 132, 0.22);
	color: #ffffff;
	overflow: hidden;
}

body.support-page .support-hero .eyebrow {
	color: #b9f1ff;
}

body.support-page .support-hero h1 {
	color: #ffffff;
}

body.support-page .support-hero .lead {
	color: rgba(255, 255, 255, 0.86);
}

body.support-page .support-hero .button-secondary {
	color: #ffffff;
	border-color: rgba(255,255,255,0.48);
	background: rgba(255,255,255,0.08);
}

body.support-page .support-rate-card {
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 22px 42px rgba(0, 31, 84, 0.18);
}

.support-schematic {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 18px;
	padding: 28px;
	min-height: 100%;
	border-radius: 10px;
	background: linear-gradient(180deg, #f8fbff 0%, #eef3f7 100%);
	border: 1px solid #d9e3eb;
}

.support-row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.support-node {
	padding: 18px 16px;
	border-radius: 12px;
	background: #ffffff;
	border: 1px solid #d6e0e8;
	box-shadow: 0 10px 22px rgba(28, 45, 66, 0.05);
}

.support-node span {
	display: block;
	margin-bottom: 8px;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	color: #607487;
}

.support-node strong {
	display: block;
	font-size: 18px;
	line-height: 1.3;
	color: #17354d;
}

.support-node-primary {
	background: linear-gradient(135deg, #173a5c 0%, #285d87 100%);
	border-color: #173a5c;
}

.support-node-primary span,
.support-node-primary strong {
	color: #fff;
}

.support-node-accent {
	background: linear-gradient(135deg, #f5efe6 0%, #ecdfcc 100%);
	border-color: #d3b892;
}

.support-connector {
	height: 18px;
	width: 2px;
	margin: 0 auto;
	background: linear-gradient(180deg, #d0dae3 0%, #93abc2 100%);
}

.support-rate-card .offer-price strong {
	font-size: 28px;
	line-height: 1.2;
	color: #17354d;
}

.support-rate-card .offer-price span {
	margin-top: 8px;
}

.support-scope,
.client-logos-section,
.support-cta {
	background: #fff;
	border: 1px solid #d9e3eb;
	border-radius: 10px;
	box-shadow: 0 18px 36px rgba(28, 45, 66, 0.06);
}

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

.support-card {
	padding: 24px;
	background: linear-gradient(180deg, #fbfdff 0%, #f7fbff 100%);
	border: 1px solid #dbe6ef;
	border-radius: 10px;
}

.support-card strong {
	display: block;
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 1.2;
	color: #17354d;
}

.support-card p {
	margin: 0;
}

.client-logo-wall {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: 24px;
}

.client-logo-chip {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 118px;
	padding: 22px;
	border-radius: 18px;
	border: 1px solid #d8e7f5;
	background:
		linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
	box-shadow: 0 16px 30px rgba(28, 76, 132, 0.08);
	font-size: 27px;
	font-weight: 800;
	letter-spacing: 0.01em;
	text-align: center;
}

.client-logo-chip img {
	display: block;
	max-width: 158px;
	max-height: 54px;
	width: auto;
	height: auto;
}

.client-logo-chip span {
	display: inline-block;
	line-height: 1.05;
}

.logo-ppe {
	color: #d62027;
}

.logo-meczyki {
	color: #101a2c;
}

.logo-meczyki > span {
	padding: 10px 14px;
	border-radius: 12px;
	background: #10b45a;
	color: #ffffff;
}

.logo-meczyki span span {
	color: rgba(255,255,255,0.72);
}

.logo-psx {
	color: #20242c;
}

.logo-psx strong {
	display: block;
	font-size: 16px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #db2028;
}

.logo-terazmuzyka {
	color: #df3f27;
	font-style: italic;
}

.logo-terazmuzyka span span {
	display: block;
	color: #111827;
}

.logo-telepolis {
	color: #ffffff;
	letter-spacing: 0.05em;
}

.logo-telepolis span {
	padding: 12px 16px;
	border-radius: 12px;
	background: #b30d33;
}

.logo-granice {
	color: #2d5a8c;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 700;
}

.support-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.support-cta-copy {
	max-width: 640px;
}

.support-cta-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 16px;
}

.support-price-tag {
	padding: 16px 20px;
	border-radius: 12px;
	background: linear-gradient(135deg, #f5efe6 0%, #ecdfcc 100%);
	border: 1px solid #d3b892;
	text-align: right;
}

.support-price-tag strong {
	display: block;
	font-size: 32px;
	line-height: 1.1;
	color: #7d4f1f;
}

.support-price-tag span {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #735a40;
}

.package-button {
	width: 100%;
	margin-top: 14px;
}

.button-disabled {
	background: linear-gradient(135deg, #dde7f1 0%, #cfdbe8 100%);
	color: #698096;
	cursor: default;
}

.order-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 20px;
}

.order-side {
	text-align: right;
}

.order-side strong {
	display: block;
	font-size: 28px;
	color: #17354d;
}

.order-side span {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #607487;
}

.checkout-package-strip {
	display: grid;
	grid-template-columns: 1.45fr repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 22px;
	padding: 14px;
	border: 1px solid #dce8f5;
	border-radius: 18px;
	background: linear-gradient(135deg, #f7fbff 0%, #fff7f0 100%);
}

.checkout-package-strip div {
	padding: 14px 16px;
	border: 1px solid rgba(196, 215, 233, 0.88);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.82);
}

.checkout-package-strip span {
	display: block;
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #617990;
}

.checkout-package-strip strong {
	display: block;
	font-size: 18px;
	line-height: 1.2;
	color: #17354d;
}

.order-gate {
	padding: 22px 24px;
	background: #f7fbff;
	border: 1px solid #d9e8f4;
	border-radius: 10px;
}

.order-gate h3 {
	margin: 0 0 8px;
	font-size: 24px;
	color: #17354d;
}

.order-gate p {
	margin: 0 0 18px;
}

.order-form {
	display: none;
	margin-top: 20px;
}

.order-form.is-visible {
	display: block;
}

.notice,
.order-success {
	margin-bottom: 20px;
	padding: 18px 20px;
	border-radius: 10px;
}

.notice strong,
.order-success h2 {
	display: block;
	margin-bottom: 8px;
}

.notice ul {
	margin: 8px 0 0 18px;
	padding: 0;
}

.notice-error {
	background: #fff6f4;
	border: 1px solid #f3c8be;
	color: #8f2e18;
}

.order-success {
	background: #f4fbf6;
	border: 1px solid #cce4d0;
}

.compact-success {
	margin-top: 18px;
}

.order-transfer {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 18px;
}

.order-transfer div {
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #d9e3eb;
	border-radius: 8px;
}

.order-transfer span {
	display: block;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	color: #607487;
	margin-bottom: 6px;
}

.order-transfer strong {
	display: block;
	font-size: 16px;
	color: #17354d;
	word-break: break-word;
}

.order-note {
	margin-top: 14px;
}

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

.form-grid label,
.form-grid .form-field,
.terms-check {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.form-grid label.wide,
.form-grid .form-field.wide {
	grid-column: 1 / -1;
}

.form-grid span,
.form-grid .form-field > span,
.terms-check span {
	font-size: 13px;
	font-weight: 700;
	color: #3e5467;
}

.form-grid input,
.form-grid select {
	width: 100%;
	min-height: 52px;
	padding: 0 14px;
	border: 1px solid #cfddea;
	border-radius: 8px;
	font-size: 15px;
	font-family: inherit;
	background: #fff;
}

.password-generate-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 116px;
	gap: 10px;
}

.password-generate-row input {
	min-width: 0;
}

.password-generate-button {
	min-height: 52px;
	padding: 0 14px;
	border-radius: 10px;
	font-size: 13px;
}

.payment-methods {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.payment-option {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	min-height: 86px;
	padding: 14px 16px;
	border: 1px solid #cfddea;
	border-radius: 14px;
	background: #fff;
	cursor: pointer;
	position: relative;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.payment-option:hover {
	border-color: #8db9ea;
	box-shadow: 0 10px 22px rgba(30, 88, 155, 0.08);
}

.payment-option input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.payment-option.is-selected {
	border-color: #ff7a22;
	box-shadow: 0 12px 26px rgba(255, 106, 78, 0.14);
	background: linear-gradient(180deg, #fff7f0 0%, #ffffff 100%);
}

.payment-option.is-selected::after {
	content: "";
	position: absolute;
	top: 14px;
	right: 14px;
	width: 11px;
	height: 11px;
	border: 4px solid #ff7a22;
	border-radius: 50%;
	background: #fff;
}

.payment-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: #eef6ff;
	color: #216fc1;
}

.payment-icon svg {
	width: 26px;
	height: 26px;
	fill: currentColor;
}

.payment-icon-bank {
	background: #eef6ff;
	color: #216fc1;
}

.payment-icon-online {
	background: #fff1e8;
	color: #ff6a3d;
}

.payment-copy strong {
	display: block;
	margin-bottom: 4px;
	font-size: 15px;
	color: #17354d;
}

.payment-copy small {
	display: block;
	font-size: 12px;
	line-height: 1.6;
	color: #6a7d8f;
}

.form-grid small {
	font-size: 12px;
	color: #728496;
}

.terms-check {
	flex-direction: row;
	align-items: center;
	margin-top: 18px;
}

.terms-check input {
	width: 18px;
	height: 18px;
}

.order-actions p {
	margin: 0;
	max-width: 560px;
}

.pricing-summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin-top: 18px;
	padding: 18px;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid #d7e1ea;
	border-radius: 12px;
}

.pricing-summary div {
	padding: 14px 16px;
	border-radius: 10px;
	background: #f6faff;
	border: 1px solid #dce8f2;
}

.pricing-summary span {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #5a6f80;
}

.pricing-summary strong {
	display: block;
	font-size: 20px;
	line-height: 1.2;
	color: #17354d;
}

.pricing-summary.is-discounted div:nth-child(2) strong {
	color: #d4512f;
}

.pricing-summary.is-discounted div:last-child {
	background: #f8f1e6;
	border-color: #d7bf9c;
}

.pricing-summary.is-discounted div:last-child strong {
	color: #9a6327;
}

.faq-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin-top: 18px;
}

.faq-item {
	padding: 22px 24px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #d9e3eb;
	box-shadow: 0 10px 24px rgba(28, 45, 66, 0.04);
}

.faq-item h3 {
	margin: 0 0 10px;
	font-size: 20px;
	line-height: 1.3;
	color: #17354d;
}

.faq-item p {
	margin: 0;
}

.simple-page .legal-content h2 {
	margin: 24px 0 10px;
	font-size: 22px;
	line-height: 1.2;
	color: #17354d;
}

.legal-page .site-header {
	margin-bottom: 22px;
	padding: 16px 22px;
	border: 1px solid rgba(255,255,255,0.44);
	border-radius: 24px;
	background: rgba(255,255,255,0.96);
	box-shadow: 0 22px 54px rgba(10, 44, 98, 0.18);
}

.legal-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 24px;
	padding: 42px;
	border: 1px solid rgba(255,255,255,0.36);
	border-radius: 28px;
	background:
		radial-gradient(circle at 92% 18%, rgba(96, 216, 255, 0.28), transparent 26%),
		linear-gradient(135deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.08) 100%);
	box-shadow: 0 34px 80px rgba(10, 44, 98, 0.24);
	color: #fff;
}

.legal-hero .eyebrow,
.legal-hero .lead {
	color: rgba(255,255,255,0.82);
}

.legal-hero h1 {
	max-width: 760px;
	margin: 0;
	font-size: 52px;
	line-height: 1.05;
	color: #fff;
}

.legal-hero-card {
	align-self: stretch;
	padding: 28px;
	border-radius: 22px;
	background: rgba(255,255,255,0.96);
	border: 1px solid rgba(255,255,255,0.72);
	box-shadow: 0 24px 52px rgba(10, 44, 98, 0.18);
	color: #17354d;
}

.legal-hero-card span {
	display: block;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	color: #53708e;
}

.legal-hero-card strong {
	display: block;
	margin-bottom: 16px;
	font-size: 24px;
	line-height: 1.15;
}

.legal-hero-card p {
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.7;
	color: #53687a;
}

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

.legal-aside {
	position: sticky;
	top: 18px;
	padding: 22px;
	border-radius: 18px;
	background: rgba(255,255,255,0.96);
	border: 1px solid #d9e3eb;
	box-shadow: 0 18px 36px rgba(28, 45, 66, 0.06);
}

.legal-aside .eyebrow {
	margin-bottom: 14px;
}

.legal-aside a {
	display: block;
	padding: 11px 0;
	border-top: 1px solid #e6eef5;
	font-size: 14px;
	font-weight: 700;
	color: #28455f;
}

.legal-aside a:hover {
	color: #005bea;
}

.legal-document {
	margin-top: 0;
	padding: 0;
	overflow: hidden;
	border-radius: 18px;
}

.legal-document-head {
	padding: 34px 38px 28px;
	background: linear-gradient(135deg, #f7fbff 0%, #edf5ff 100%);
	border-bottom: 1px solid #d9e3eb;
}

.legal-document-head h2 {
	margin: 0 0 10px;
	font-size: 34px;
	line-height: 1.15;
	color: #17354d;
}

.legal-document > h2,
.legal-document > p,
.legal-document > ul {
	margin-left: 38px;
	margin-right: 38px;
}

.legal-document > h2 {
	margin-top: 34px;
	padding-top: 28px;
	border-top: 1px solid #e5edf4;
	font-size: 24px;
	line-height: 1.25;
	color: #17354d;
}

.legal-document > h2:first-of-type {
	border-top: 0;
}

.legal-document > p,
.legal-document > li {
	color: #445d73;
}

.legal-document > ul {
	padding-left: 22px;
}

.legal-document > ul li {
	margin-bottom: 8px;
	color: #445d73;
}

.legal-document > p:last-child {
	margin-bottom: 38px;
}

.site-footer {
	margin-top: 22px;
	padding: 28px 32px;
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid #d9e3eb;
	border-radius: 10px;
	box-shadow: 0 18px 36px rgba(28, 45, 66, 0.04);
}

.site-footer-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	gap: 24px;
}

.site-footer strong {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #17354d;
}

.site-footer p,
.site-footer a {
	display: block;
	margin: 0 0 8px;
	font-size: 14px;
	line-height: 1.7;
	color: #53687a;
}

@media (max-width: 920px) {
	.hero,
	.benefits,
	.people-showcase,
	.order-hero,
	.packages-grid,
	.upgrade-mini-grid,
	.support-grid,
	.support-row,
	.practical-grid,
	.audience-grid,
	.comparison-grid,
	.faq-list,
	.client-logo-wall,
	.site-footer-grid,
	.order-transfer,
	.payment-methods,
	.checkout-package-strip,
	.form-grid,
	.pricing-summary {
		grid-template-columns: 1fr;
	}

	.order-header,
	.site-header,
	.support-cta {
		flex-direction: column;
		align-items: flex-start;
	}

	.order-side {
		text-align: left;
	}

	.support-cta-actions {
		align-items: flex-start;
	}

	.site-shell {
		width: min(100% - 24px, 1080px);
	}

	.legal-page .site-header,
	.legal-hero,
	.legal-layout {
		grid-template-columns: 1fr;
	}

	.legal-page .site-header {
		border-radius: 18px;
	}

	.legal-hero {
		padding: 28px 22px;
		border-radius: 22px;
	}

	.legal-hero h1 {
		font-size: 38px;
	}

	.legal-aside {
		position: static;
	}

	.hero,
	.content-block,
	.order-section,
	.legal-content {
		padding: 24px;
	}

	.legal-document {
		padding: 0;
	}

	.legal-document-head {
		padding: 26px 22px 22px;
	}

	.legal-document > h2,
	.legal-document > p,
	.legal-document > ul {
		margin-left: 22px;
		margin-right: 22px;
	}

	.trust-strip {
		padding: 16px;
	}

	.hero h1 {
		font-size: 38px;
	}
}

.order-section-vivid {
	background:
		linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(251,252,255,0.98) 100%);
}

body.landing-page-hosting {
	background:
		linear-gradient(180deg, #005bea 0%, #005bea 430px, #eef4fb 431px, #f7fbff 100%);
	color: #18324b;
}

body.landing-page-hosting .site-shell {
	width: 100%;
	padding: 0 0 54px;
	overflow: hidden;
}

body.landing-page-hosting .site-header {
	max-width: 1200px;
	margin: 18px auto 0;
	padding: 18px 28px;
	background: #ffffff;
	border: 1px solid #d7e4ff;
	border-radius: 26px;
	box-shadow: 0 16px 34px rgba(13, 62, 140, 0.12);
}

body.order-page .site-header {
	padding: 18px 28px;
	background: #ffffff;
	border: 1px solid #d7e4ff;
	border-radius: 26px;
	box-shadow: 0 16px 34px rgba(13, 62, 140, 0.12);
}

body.support-page .site-header {
	padding: 18px 28px;
	background: #ffffff;
	border: 1px solid #d7e4ff;
	border-radius: 26px;
	box-shadow: 0 16px 34px rgba(13, 62, 140, 0.12);
}

body.landing-page-hosting .brand img {
	width: 158px;
}

body.order-page .brand img {
	width: 158px;
}

body.support-page .brand img {
	width: 158px;
}

body.order-page main {
	margin-top: 28px;
}

body.landing-page-hosting .site-nav {
	align-items: center;
}

body.support-page .site-nav {
	align-items: center;
}

body.landing-page-hosting .site-nav a {
	min-height: 42px;
	display: inline-flex;
	align-items: center;
	padding: 0 16px;
	border: 1px solid #d6e4ff;
	border-radius: 14px;
	color: #0f2c65;
	background: #ffffff;
	box-shadow: 0 8px 18px rgba(10, 52, 132, 0.06);
}

body.support-page .site-nav a {
	min-height: 42px;
	display: inline-flex;
	align-items: center;
	padding: 0 16px;
	border: 1px solid #d6e4ff;
	border-radius: 14px;
	color: #0f2c65;
	background: #ffffff;
	box-shadow: 0 8px 18px rgba(10, 52, 132, 0.06);
}

body.landing-page-hosting main {
	width: 100%;
}

body.landing-page-hosting .hero-vivid {
	position: relative;
	max-width: none;
	min-height: 430px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 430px;
	align-items: center;
	gap: 52px;
	margin: 0;
	padding: 58px max(34px, calc((100vw - 1200px) / 2 + 28px)) 118px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background:
		radial-gradient(circle at 80% 42%, rgba(121, 76, 255, 0.42), transparent 22%),
		radial-gradient(circle at 9% 78%, rgba(77, 214, 255, 0.14), transparent 28%),
		linear-gradient(135deg, #005bea 0%, #006dff 42%, #003bd9 100%);
	color: #ffffff;
}

body.landing-page-hosting .hero-vivid::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 88px;
	background: linear-gradient(176deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 45%, #eef4fb 46%, #eef4fb 100%);
	pointer-events: none;
}

body.landing-page-hosting .hero-copy {
	position: relative;
	z-index: 2;
	max-width: 720px;
}

body.landing-page-hosting .hero-vivid .eyebrow {
	color: #b9f1ff;
}

body.landing-page-hosting .hero h1 {
	max-width: 760px;
	font-size: 58px;
	line-height: 1.05;
	color: #ffffff;
	letter-spacing: 0;
}

body.landing-page-hosting .lead {
	max-width: 690px;
	font-size: 19px;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.88);
}

body.landing-page-hosting .hero-actions .button-secondary {
	color: #ffffff;
	border-color: rgba(255,255,255,0.48);
	background: rgba(255,255,255,0.08);
}

body.landing-page-hosting .hero-features {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	margin-top: 34px;
	max-width: 720px;
}

body.landing-page-hosting .hero-features div {
	padding-left: 18px;
	border-left: 1px solid rgba(255,255,255,0.22);
}

body.landing-page-hosting .hero-features strong {
	display: block;
	font-size: 16px;
	line-height: 1.2;
	color: #ffffff;
}

body.landing-page-hosting .hero-features span {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	color: rgba(255,255,255,0.72);
}

body.landing-page-hosting .hosting-hero-visual {
	position: relative;
	z-index: 2;
	min-height: 290px;
}

body.landing-page-hosting .hosting-browser {
	position: absolute;
	right: 0;
	top: 20px;
	width: 380px;
	height: 230px;
	border-radius: 18px;
	background: rgba(255,255,255,0.96);
	box-shadow: 0 32px 70px rgba(0, 21, 87, 0.32);
	overflow: hidden;
}

body.landing-page-hosting .browser-top {
	display: flex;
	align-items: center;
	gap: 7px;
	height: 34px;
	padding: 0 16px;
	background: linear-gradient(90deg, #7c4dff 0%, #2f86ff 100%);
}

body.landing-page-hosting .browser-top span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(255,255,255,0.82);
}

body.landing-page-hosting .wordpress-badge {
	position: absolute;
	left: 34px;
	top: 70px;
	width: 82px;
	height: 82px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 4px solid #1268ff;
	color: #1268ff;
	font-size: 50px;
	font-weight: 800;
	font-family: Georgia, "Times New Roman", serif;
}

body.landing-page-hosting .browser-line {
	position: absolute;
	left: 150px;
	right: 42px;
	top: 88px;
	height: 14px;
	border-radius: 20px;
	background: #dce7fb;
}

body.landing-page-hosting .browser-line-main {
	top: 62px;
	right: 78px;
	background: #edf3ff;
}

body.landing-page-hosting .browser-line.short {
	top: 116px;
	right: 112px;
}

body.landing-page-hosting .browser-bars {
	position: absolute;
	left: 154px;
	right: 60px;
	bottom: 40px;
	display: flex;
	align-items: flex-end;
	gap: 14px;
	height: 76px;
}

body.landing-page-hosting .browser-bars i {
	display: block;
	width: 20px;
	border-radius: 8px 8px 3px 3px;
	background: linear-gradient(180deg, #7b4dff 0%, #1084ff 100%);
}

body.landing-page-hosting .browser-bars i:nth-child(1) { height: 28px; }
body.landing-page-hosting .browser-bars i:nth-child(2) { height: 52px; }
body.landing-page-hosting .browser-bars i:nth-child(3) { height: 64px; }
body.landing-page-hosting .browser-bars i:nth-child(4) { height: 42px; }

body.landing-page-hosting .hosting-shield {
	position: absolute;
	right: 4px;
	top: 118px;
	width: 112px;
	height: 126px;
	display: flex;
	align-items: center;
	justify-content: center;
	clip-path: polygon(50% 0%, 94% 18%, 86% 78%, 50% 100%, 14% 78%, 6% 18%);
	background: linear-gradient(180deg, #256dff 0%, #123fbd 100%);
	color: #ffffff;
	font-size: 58px;
	font-weight: 900;
	box-shadow: 0 20px 42px rgba(0, 27, 92, 0.28);
}

body.landing-page-hosting .hosting-speed {
	position: absolute;
	left: 0;
	bottom: 8px;
	width: 150px;
	height: 92px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	background: rgba(255,255,255,0.96);
	box-shadow: 0 24px 46px rgba(0, 21, 87, 0.2);
	color: #173b72;
}

body.landing-page-hosting .hosting-speed span {
	width: 78px;
	height: 38px;
	border: 8px solid #dce7fb;
	border-bottom: 0;
	border-radius: 80px 80px 0 0;
	background: linear-gradient(90deg, #9e6cff 45%, transparent 46%);
}

body.landing-page-hosting .hosting-speed strong {
	margin-top: 8px;
	font-size: 13px;
	letter-spacing: 0.04em;
}

body.landing-page-hosting .packages-hero-section {
	position: relative;
	z-index: 3;
	max-width: 1120px;
	margin: -74px auto 0;
	padding: 0 20px 28px;
	background: transparent;
	border: 0;
	box-shadow: none;
}

body.landing-page-hosting .packages-hero-section .packages-grid {
	align-items: stretch;
	gap: 18px;
}

body.landing-page-hosting .package-tile {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 560px;
	padding: 30px 28px 26px;
	border-radius: 22px;
	border: 1px solid rgba(215, 226, 244, 0.95);
	background: rgba(255,255,255,0.96);
	box-shadow: 0 28px 60px rgba(22, 43, 84, 0.12);
}

body.landing-page-hosting .package-tile-active {
	padding-top: 46px;
	border-color: #704dff;
	box-shadow: 0 34px 72px rgba(70, 61, 204, 0.22);
	transform: translateY(-26px);
}

body.landing-page-hosting .interactive-packages .package-tile-active:hover,
body.landing-page-hosting .interactive-packages .package-tile-active.is-selected {
	transform: translateY(-32px);
}

body.landing-page-hosting .package-ribbon {
	position: absolute;
	left: -1px;
	right: -1px;
	top: -1px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 22px 22px 0 0;
	background: linear-gradient(90deg, #7d4dff 0%, #5a36e8 100%);
	color: #ffffff;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

body.landing-page-hosting .package-icon {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
	border-radius: 22px;
	font-size: 34px;
	font-weight: 900;
}

body.landing-page-hosting .package-icon-blue {
	color: #146cff;
	background: linear-gradient(135deg, #e8f1ff 0%, #d9e7ff 100%);
}

body.landing-page-hosting .package-icon-purple {
	color: #ffffff;
	background: linear-gradient(135deg, #9a6cff 0%, #6036ea 100%);
}

body.landing-page-hosting .package-icon-green {
	color: #008a78;
	background: linear-gradient(135deg, #dbfff5 0%, #baf0df 100%);
}

body.landing-page-hosting .package-kicker {
	color: #557090;
}

body.landing-page-hosting .package-tile h3 {
	margin-bottom: 6px;
	font-size: 30px;
}

body.landing-page-hosting .package-subtitle {
	min-height: 44px;
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 1.55;
	color: #687d93;
}

body.landing-page-hosting .package-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	padding: 18px 0;
	border-top: 1px solid #e4ecf7;
	border-bottom: 1px solid #e4ecf7;
}

body.landing-page-hosting .package-metrics div {
	min-width: 0;
}

body.landing-page-hosting .package-metrics strong {
	display: block;
	font-size: 18px;
	color: #132c57;
	white-space: normal;
}

body.landing-page-hosting .package-metrics span {
	display: block;
	margin-top: 4px;
	font-size: 11px;
	color: #6c7f92;
}

body.landing-page-hosting .package-price {
	margin-top: 22px;
	font-size: 32px;
	color: #005bea;
}

body.landing-page-hosting .package-tile-active .package-price {
	color: #704dff;
}

body.landing-page-hosting .package-tile-max .package-price {
	color: #009d89;
}

body.landing-page-hosting .package-note {
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.5;
	color: #52677d;
}

body.landing-page-hosting .package-tile ul {
	margin-top: 20px;
	flex: 1 1 auto;
}

body.landing-page-hosting .package-tile li::before {
	content: "✓";
	top: 0;
	width: auto;
	height: auto;
	background: none;
	color: #0d6fff;
	font-weight: 900;
}

body.landing-page-hosting .package-tile-active li::before {
	color: #6f42ff;
}

body.landing-page-hosting .package-tile-max li::before {
	color: #009d89;
}

body.landing-page-hosting .package-button {
	border-radius: 14px;
}

body.landing-page-hosting .package-inline-info {
	max-width: 760px;
	margin: 4px auto 0;
	text-align: center;
	border-color: #cddbf2;
	background: rgba(255,255,255,0.9);
}

body.landing-page-hosting .upgrade-mini-grid {
	max-width: 1120px;
	margin: 18px auto 0;
}

body.landing-page-hosting .upgrade-mini-card {
	border-radius: 20px;
	background:
		linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(243,248,255,0.98) 100%);
	box-shadow: 0 18px 42px rgba(18, 53, 100, 0.08);
}

body.landing-page-hosting .packages-hero-section .trust-strip {
	justify-content: center;
	max-width: 1120px;
	margin: 18px auto 0;
	border-radius: 24px;
}

body.landing-page-hosting .benefits,
body.landing-page-hosting .content-block,
body.landing-page-hosting .people-showcase,
body.landing-page-hosting .site-footer {
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
}

body.landing-page-hosting .benefits {
	margin-top: 26px;
	padding: 0 20px;
}

body.landing-page-hosting .content-block,
body.landing-page-hosting .people-showcase,
body.landing-page-hosting .site-footer {
	width: min(1120px, calc(100% - 40px));
}

@media (max-width: 920px) {
	body.landing-page-hosting {
		background:
			linear-gradient(180deg, #005bea 0%, #005bea 620px, #eef4fb 621px, #f7fbff 100%);
	}

	body.landing-page-hosting .site-header {
		padding: 16px 18px;
	}

	body.landing-page-hosting .hero-vivid {
		grid-template-columns: 1fr;
		padding: 34px 20px 96px;
	}

	body.landing-page-hosting .hero h1 {
		font-size: 38px;
	}

	body.landing-page-hosting .hero-features {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.landing-page-hosting .hosting-hero-visual {
		min-height: 250px;
	}

	body.landing-page-hosting .hosting-browser {
		left: 0;
		right: auto;
		width: min(100%, 360px);
	}

	body.landing-page-hosting .packages-hero-section {
		margin-top: -56px;
	}

	body.landing-page-hosting .package-tile,
	body.landing-page-hosting .package-tile-active {
		min-height: auto;
		transform: none;
	}

	body.landing-page-hosting .interactive-packages .package-tile-active:hover,
	body.landing-page-hosting .interactive-packages .package-tile-active.is-selected {
		transform: none;
	}
}