.ht-whmcs-shell {
	--ht-whmcs-accent: #1468e8;
	--ht-whmcs-accent-dark: #0a4fb9;
	--ht-whmcs-text: #15233d;
	--ht-whmcs-muted: #64748b;
	--ht-whmcs-border: #dce4ef;
	--ht-whmcs-surface: #fff;
	--ht-whmcs-soft: #f6f9fd;
	--ht-whmcs-radius: 14px;
	--ht-whmcs-columns: 3;
	--ht-whmcs-gap: 24px;
	box-sizing: border-box;
	color: var(--ht-whmcs-text);
	font-family: Inter, "Segoe UI Variable Text", "SF Pro Text", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	width: 100%;
}

.ht-whmcs-shell *,
.ht-whmcs-shell *::before,
.ht-whmcs-shell *::after {
	box-sizing: border-box;
}

.ht-whmcs-shell :where(button, input, select, textarea, optgroup) {
	font-family: inherit;
}

.ht-whmcs-sr-only {
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.ht-whmcs-filters {
	align-items: end;
	background: var(--ht-whmcs-soft);
	border: 1px solid var(--ht-whmcs-border);
	border-radius: var(--ht-whmcs-radius);
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	margin: 0 0 22px;
	padding: 18px;
}

.ht-whmcs-field,
.ht-whmcs-sort-label {
	border: 0;
	display: flex;
	flex-direction: column;
	font-size: 12px;
	font-weight: 700;
	gap: 7px;
	letter-spacing: .02em;
	margin: 0;
	min-width: 0;
	padding: 0;
}

.ht-whmcs-search-field {
	grid-column: span 2;
}

.ht-whmcs-search-control { display: block; position: relative; width: 100%; }
.ht-whmcs-search-control .ht-whmcs-control { padding-right: 44px; }
.ht-whmcs-search-icon { color: #64748b; height: 20px; pointer-events: none; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 20px; }
.ht-whmcs-search-control:focus-within .ht-whmcs-search-icon { color: var(--ht-whmcs-accent); }

.ht-whmcs-field legend {
	font-size: 12px;
	margin: 0 0 7px;
	padding: 0;
}

.ht-whmcs-control {
	appearance: none;
	background-color: #fff;
	border: 1px solid #cad5e4;
	border-radius: 8px;
	box-shadow: none;
	color: var(--ht-whmcs-text);
	font: inherit;
	font-size: 14px;
	font-weight: 500;
	height: 44px;
	line-height: 1.3;
	margin: 0;
	max-width: none;
	padding: 0 12px;
	width: 100%;
}

select.ht-whmcs-control {
	background-image: linear-gradient(45deg, transparent 50%, #64748b 50%), linear-gradient(135deg, #64748b 50%, transparent 50%);
	background-position: calc(100% - 16px) 19px, calc(100% - 11px) 19px;
	background-repeat: no-repeat;
	background-size: 5px 5px, 5px 5px;
	padding-right: 32px;
}

.ht-whmcs-control:focus-visible,
.ht-whmcs-shell button:focus-visible,
.ht-whmcs-shell a:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--ht-whmcs-accent) 30%, transparent);
	outline-offset: 2px;
}

.ht-whmcs-price-filter > div {
	align-items: center;
	display: flex;
	gap: 6px;
}

.ht-whmcs-price-filter input {
	min-width: 0;
}
.ht-marketplace .ht-whmcs-control.is-active-filter { border-color: #20ca70; box-shadow: 0 0 0 3px rgba(32, 202, 112, .22); }

.ht-whmcs-status-row {
	align-items: center;
	display: flex;
	gap: 18px;
	justify-content: space-between;
	margin: 0 0 16px;
}

.ht-whmcs-results-count {
	color: var(--ht-whmcs-muted);
	font-size: 14px;
	margin: 0;
}

.ht-whmcs-sort-label {
	align-items: center;
	flex-direction: row;
	white-space: nowrap;
}

.ht-whmcs-sort-label .ht-whmcs-control {
	min-width: 190px;
}

.ht-whmcs-cards {
	display: grid;
	gap: var(--ht-whmcs-gap);
	grid-template-columns: repeat(var(--ht-whmcs-columns), minmax(0, 1fr));
}

.ht-whmcs-card {
	background: var(--ht-whmcs-surface);
	border: 1px solid var(--ht-whmcs-border);
	border-radius: var(--ht-whmcs-radius);
	box-shadow: 0 8px 28px rgba(23, 43, 77, .07);
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	padding: 26px;
	position: relative;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.ht-whmcs-card:hover {
	border-color: color-mix(in srgb, var(--ht-whmcs-accent) 35%, var(--ht-whmcs-border));
	box-shadow: 0 15px 42px rgba(23, 43, 77, .12);
	transform: translateY(-2px);
}

.ht-whmcs-title {
	color: var(--ht-whmcs-text);
	font-family: inherit;
	font-size: clamp(19px, 2vw, 23px);
	font-weight: 750;
	letter-spacing: -.02em;
	line-height: 1.25;
	margin: 0;
}

.ht-whmcs-location {
	align-items: center;
	color: var(--ht-whmcs-muted);
	display: flex;
	font-size: 14px;
	gap: 7px;
	line-height: 1.5;
	margin: 12px 0 0;
}

.ht-whmcs-icon {
	display: block;
	height: 20px;
	width: 20px;
}

.ht-whmcs-location .ht-whmcs-icon {
	color: var(--ht-whmcs-accent);
	height: 18px;
	width: 18px;
}

.ht-whmcs-specs {
	display: grid;
	gap: 0 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: 22px 0 26px;
	padding: 0;
}

.ht-whmcs-spec {
	align-items: flex-start;
	border-top: 1px solid #edf1f6;
	display: flex;
	gap: 10px;
	margin: 0;
	min-width: 0;
	padding: 14px 0;
}

.ht-whmcs-spec-icon {
	color: var(--ht-whmcs-accent);
	display: block;
	flex: 0 0 20px;
	margin-top: 1px;
}

.ht-whmcs-spec-copy {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.ht-whmcs-spec-label {
	color: var(--ht-whmcs-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .055em;
	line-height: 1.3;
	text-transform: uppercase;
}

.ht-whmcs-spec-value {
	color: var(--ht-whmcs-text);
	font-size: 14px;
	font-weight: 650;
	line-height: 1.45;
	margin-top: 3px;
	overflow-wrap: anywhere;
}

.ht-whmcs-card-footer {
	border-top: 1px solid var(--ht-whmcs-border);
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: auto;
	padding-top: 22px;
}

.ht-whmcs-price-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 12px;
}

.ht-whmcs-starting,
.ht-whmcs-price-unavailable {
	color: var(--ht-whmcs-muted);
	flex: 0 0 100%;
	font-size: 12px;
	font-weight: 650;
}

.ht-whmcs-price {
	color: var(--ht-whmcs-text);
	font-size: clamp(25px, 3vw, 32px);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1;
}
.ht-whmcs-dual-price { color: #58708f; display: block; font-size: .78rem; font-weight: 600; line-height: 1.35; margin-top: 4px; }

.ht-whmcs-cycle {
	color: var(--ht-whmcs-muted);
	font-size: 13px;
}

.ht-whmcs-availability {
	align-items: center;
	align-self: center;
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	gap: 6px;
	margin-left: auto;
}

.ht-whmcs-availability > span {
	background: currentColor;
	border-radius: 50%;
	height: 7px;
	width: 7px;
}

.ht-whmcs-availability.is-available { color: #16784c; }
.ht-whmcs-availability.is-unavailable { color: #b42318; }

.ht-whmcs-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.ht-whmcs-configure-button,
.ht-whmcs-details-button,
.ht-whmcs-load-more,
.ht-whmcs-retry {
	align-items: center;
	border-radius: 9px;
	cursor: pointer;
	display: inline-flex;
	font-family: inherit;
	font-size: 14px;
	font-weight: 750;
	justify-content: center;
	line-height: 1.2;
	min-height: 46px;
	padding: 12px 17px;
	text-decoration: none;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.ht-whmcs-configure-button {
	background: var(--ht-whmcs-accent);
	border: 1px solid var(--ht-whmcs-accent);
	color: #fff;
	flex: 1 1 150px;
	gap: 9px;
}

.ht-whmcs-configure-button:hover {
	background: var(--ht-whmcs-accent-dark);
	border-color: var(--ht-whmcs-accent-dark);
	color: #fff;
}

.ht-whmcs-configure-button.is-disabled {
	background: #e9eef5;
	border-color: #e9eef5;
	color: #778397;
	cursor: not-allowed;
}

.ht-whmcs-details-button,
.ht-whmcs-retry {
	background: #fff;
	border: 1px solid var(--ht-whmcs-border);
	color: var(--ht-whmcs-text);
	flex: 1 1 112px;
}

.ht-whmcs-details-button:hover,
.ht-whmcs-retry:hover {
	border-color: var(--ht-whmcs-accent);
	color: var(--ht-whmcs-accent);
}

.ht-whmcs-load-more {
	background: #fff;
	border: 1px solid var(--ht-whmcs-accent);
	color: var(--ht-whmcs-accent);
	margin: 28px auto 0;
	min-width: 160px;
}

.ht-whmcs-load-more:hover { background: var(--ht-whmcs-soft); }
.ht-whmcs-load-more:disabled { cursor: wait; opacity: .65; }

.ht-whmcs-empty,
.ht-whmcs-error,
.ht-whmcs-ajax-error {
	align-items: center;
	background: var(--ht-whmcs-soft);
	border: 1px solid var(--ht-whmcs-border);
	border-radius: var(--ht-whmcs-radius);
	display: flex;
	flex-direction: column;
	gap: 6px;
	justify-content: center;
	margin: 18px 0 0;
	min-height: 180px;
	padding: 32px;
	text-align: center;
}

.ht-whmcs-ajax-error { border-color: #f5c2c0; }
.ht-whmcs-empty[hidden], .ht-whmcs-ajax-error[hidden], .ht-whmcs-load-more[hidden] { display: none; }

.ht-whmcs-dialog {
	background: transparent;
	border: 0;
	max-height: calc(100vh - 30px);
	max-width: min(620px, calc(100vw - 30px));
	padding: 0;
	width: 100%;
}

.ht-whmcs-dialog::backdrop { background: rgba(15, 23, 42, .7); }

.ht-whmcs-dialog-inner {
	background: #fff;
	border-radius: var(--ht-whmcs-radius);
	box-shadow: 0 30px 80px rgba(15, 23, 42, .3);
	padding: 30px;
	position: relative;
}

.ht-whmcs-dialog-close {
	align-items: center;
	background: #eef2f7;
	border: 0;
	border-radius: 50%;
	color: var(--ht-whmcs-text);
	cursor: pointer;
	display: flex;
	font-size: 25px;
	height: 38px;
	justify-content: center;
	line-height: 1;
	position: absolute;
	right: 18px;
	top: 18px;
	width: 38px;
}

.ht-whmcs-dialog-title {
	font-size: 24px;
	margin: 0 45px 24px 0;
}

.ht-whmcs-dialog-specs {
	display: grid;
	grid-template-columns: minmax(110px, .45fr) 1fr;
	margin: 0;
}

.ht-whmcs-dialog-specs dt,
.ht-whmcs-dialog-specs dd {
	border-top: 1px solid var(--ht-whmcs-border);
	margin: 0;
	padding: 12px 0;
}

.ht-whmcs-dialog-specs dt { color: var(--ht-whmcs-muted); font-weight: 650; }
.ht-whmcs-dialog-specs dd { color: var(--ht-whmcs-text); font-weight: 650; }

.ht-whmcs-skeleton { gap: 18px; min-height: 460px; }
.ht-whmcs-skeleton-line,
.ht-whmcs-skeleton-block,
.ht-whmcs-skeleton-button {
	animation: ht-whmcs-pulse 1.4s ease-in-out infinite;
	background: linear-gradient(90deg, #eef2f7 25%, #f8fafc 50%, #eef2f7 75%);
	background-size: 200% 100%;
	border-radius: 7px;
	display: block;
}
.ht-whmcs-skeleton-line { height: 22px; }
.ht-whmcs-skeleton-line.is-wide { width: 90%; }
.ht-whmcs-skeleton-line.is-medium { height: 15px; width: 55%; }
.ht-whmcs-skeleton-block { height: 185px; width: 100%; }
.ht-whmcs-skeleton-button { height: 47px; margin-top: auto; width: 100%; }

@keyframes ht-whmcs-pulse { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

@media (max-width: 1024px) {
	.ht-whmcs-cards { --ht-whmcs-columns: 2; }
}

/* Dedicated-server marketplace reference layout. */
.ht-marketplace {
	--ht-whmcs-accent: #18c964;
	--ht-whmcs-accent-dark: #0ea950;
	--ht-whmcs-text: #14233a;
	--ht-whmcs-muted: #657086;
	--ht-whmcs-border: rgba(8, 28, 59, .1);
	--ht-whmcs-soft: #f7f9fc;
	--ht-whmcs-radius: 18px;
	background: #f7f9fc;
	font-family: Inter, "Segoe UI Variable Text", "SF Pro Text", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	font-optical-sizing: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 24px 18px 74px;
}
.ht-marketplace button, .ht-marketplace input, .ht-marketplace select, .ht-marketplace textarea, .ht-marketplace dialog { font-family: inherit !important; }
.ht-marketplace h1, .ht-marketplace h2, .ht-marketplace h3, .ht-marketplace h4, .ht-marketplace .ht-whmcs-price, .ht-marketplace .ht-whmcs-price-inr { font-family: Inter, "Segoe UI Variable Display", "SF Pro Display", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; letter-spacing: -.025em; }
.ht-marketplace .ht-whmcs-toolbar { background: rgba(255,255,255,.94); border: 1px solid rgba(255,255,255,.72); border-radius: 24px; box-shadow: 0 18px 55px rgba(8,28,59,.13); padding: 22px; }
.ht-marketplace .ht-whmcs-filter-toggle { align-items: center; background: #07234b; border: 0; border-radius: 13px; color: #fff; cursor: pointer; display: none; font-size: 15px; font-weight: 850; justify-content: center; margin-bottom: 12px; padding: 14px 18px; width: 100%; }
.ht-marketplace .ht-whmcs-toolbar-section { margin: 0 auto; max-width: 1180px; }
.ht-marketplace .ht-whmcs-filter-head, .ht-marketplace .ht-whmcs-toolbar-foot, .ht-marketplace .ht-whmcs-marketplace-head { align-items: center; display: flex; gap: 20px; justify-content: space-between; }
.ht-marketplace .ht-whmcs-filter-head { margin-bottom: 18px; }
.ht-marketplace .ht-whmcs-filter-head.is-compact { justify-content: flex-end; margin-bottom: 14px; }
.ht-marketplace .ht-whmcs-filter-head h2 { color: #081c3b; font-size: clamp(2rem,4vw,3.15rem); letter-spacing: -.035em; line-height: 1; margin: 0 0 5px; }
.ht-marketplace .ht-whmcs-filter-head p, .ht-marketplace .ht-whmcs-marketplace-head p { color: #657086; font-size: .88rem; font-weight: 600; margin: 0; }
.ht-marketplace .ht-whmcs-reset { background: #fff1f2; border: 1px solid #fda4af; border-radius: 12px; color: #be123c; cursor: pointer; font-weight: 800; padding: 10px 15px; white-space: nowrap; }
.ht-marketplace .ht-whmcs-reset:hover { background: #ffe4e6; border-color: #fb7185; color: #9f1239; }
.ht-marketplace .ht-whmcs-filters { background: transparent; border: 0; border-radius: 0; gap: 12px; grid-template-columns: repeat(7,minmax(0,1fr)); margin: 0; padding: 0; }
.ht-marketplace .ht-whmcs-search-field { grid-column: span 2; }
.ht-marketplace .ht-whmcs-field, .ht-marketplace .ht-whmcs-sort-label { color: #657086; font-size: .74rem; font-weight: 800; text-transform: uppercase; }
.ht-marketplace .ht-whmcs-control { border-color: rgba(8,28,59,.12); border-radius: 14px; color: #081c3b; height: 46px; }
.ht-marketplace .ht-whmcs-control:focus { border-color: rgba(24,201,100,.7); box-shadow: 0 0 0 4px rgba(24,201,100,.12); }
.ht-marketplace .ht-whmcs-toolbar-foot { border-top: 1px solid rgba(8,28,59,.08); margin-top: 14px; padding-top: 14px; }
.ht-marketplace .ht-whmcs-results-count { color: #657086; font-weight: 800; }
.ht-marketplace .ht-whmcs-filter-state { color: #08a947; font-size: .8rem; font-weight: 850; }
.ht-marketplace .ht-whmcs-more-filters { background:#f8f9fd; border:1px solid rgba(8,28,59,.1); border-radius:14px; grid-column:1 / -1; overflow:hidden; }
.ht-marketplace .ht-whmcs-more-filters summary { align-items:center; color:#172541; cursor:pointer; display:flex; flex-direction:column; font-size:13px; font-weight:850; gap:3px; list-style:none; padding:13px 38px 13px 14px; position:relative; text-transform:none; }
.ht-marketplace .ht-whmcs-more-filters summary::-webkit-details-marker { display:none; }
.ht-marketplace .ht-whmcs-more-filters summary::after { color:#6d4de5; content:"+"; font-size:22px; line-height:1; position:absolute; right:14px; top:50%; transform:translateY(-50%); }
.ht-marketplace .ht-whmcs-more-filters[open] summary::after { content:"−"; }
.ht-marketplace .ht-whmcs-more-filters summary span { color:#657086; font-size:10px; font-weight:650; }
.ht-marketplace .ht-whmcs-more-filters-fields { border-top:1px solid rgba(8,28,59,.08); display:grid; gap:12px; padding:14px; }
.ht-marketplace .ht-whmcs-load-more { background: linear-gradient(135deg,#18ca68,#56e493); border: 0; border-radius: 10px; box-shadow: 0 8px 18px rgba(24,202,104,.18); color: #041e12; display: flex; font-size: 14px; font-weight: 850; margin: 24px auto 0; min-height: 40px; min-width: 0; padding: 10px 20px; width: auto !important; }
.ht-marketplace .ht-whmcs-results-count-footer { color: #657086; font-size: .86rem; font-weight: 700; margin: 32px 0 0; text-align: center; }
.ht-marketplace .ht-whmcs-results-count-footer + .ht-whmcs-load-more { margin-top: 8px; }

/* VPS landing hero. */
.ht-vps-hero { background: transparent; border: 0; border-radius: 0; box-shadow: none; grid-column: 1 / -1; isolation: isolate; margin-bottom: 34px; overflow: visible; padding: 34px 24px 24px; position: relative; }
.ht-vps-hero::before { background: radial-gradient(circle at 6% 5%,#e7f8ff 0,transparent 25%),radial-gradient(circle at 91% 88%,#fff3e9 0,transparent 25%),#f8f7ff; bottom: 0; content: ""; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 100vw; width: 100dvw; z-index: -1; }
.ht-vps-hero-main { align-items:center; display:grid; gap:clamp(30px,4vw,64px); grid-template-columns:minmax(0,1.03fr) minmax(440px,.97fr); margin:0; max-width:none; padding-top:0; position:relative; width:100%; }
.ht-vps-hero-copy { padding:16px 0 24px; }
.ht-vps-hero-heading { max-width:100%; width:max-content; }
.ht-vps-hero-badge { align-items:center; background:rgba(255,255,255,.92); border:1px solid #dedcf5; border-radius:999px; box-shadow:0 9px 25px rgba(38,44,86,.08); color:#111f40; display:flex; font-size:17px; font-weight:850; gap:10px; margin:0 auto 22px; padding:9px 17px 9px 11px; width:max-content; }
.ht-vps-hero-badge > span { align-items: center; background: #eff9ff; border-radius: 50%; display: inline-flex; height: 28px; justify-content: center; width: 28px; }
.ht-vps-hero-badge > span img { border-radius: 3px; display: block; height: 18px; object-fit: cover; width: 25px; }
.ht-vps-hero-copy h1 { color: #172541; font-size: clamp(38px,4.2vw,59px); font-weight: 900; letter-spacing: -.045em; line-height: 1.06; margin: 0; }
.ht-vps-hero-copy h1 span { background: linear-gradient(90deg,#6448ee,#df52bc); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ht-vps-hero-copy > p { color: #526585; font-size: 16px; line-height: 1.85; margin: 25px 0 27px; max-width: 620px; }
.ht-vps-hero-actions { align-items:center; display:flex; flex-wrap:wrap; gap:24px; justify-content:center; max-width:620px; width:100%; }
.ht-vps-hero-actions a { align-items: center; border-radius: 10px; display: inline-flex; font-size: 14px; font-weight: 850; justify-content: center; min-height: 50px; padding: 0 23px; text-decoration: none !important; transition: transform .18s ease,box-shadow .18s ease; }
.ht-vps-hero-actions a:hover { transform: translateY(-2px); }
.ht-vps-hero-primary { background: linear-gradient(135deg,#5b61ec,#8f43e4); box-shadow: 0 12px 25px rgba(100,70,231,.25); color: #fff !important; gap: 24px; }
.ht-vps-hero-secondary { background: #fff; border: 1px solid #d8ddef; color: #14203b !important; }
.ht-vps-hero-visual { background:transparent; border:0; border-radius:0; box-shadow:none; padding:24px; }
.ht-vps-use-grid { aspect-ratio: 700 / 600; margin:0 auto; max-width:700px; min-height:500px; position:relative; width:100%; }
.ht-vps-mindmap-links { height:100%; inset:0; overflow:visible; position:absolute; width:100%; z-index:0; }
.ht-vps-mindmap-links path { fill:none;stroke:#6958ec;stroke-linecap:round;stroke-width:4 }.ht-vps-mindmap-links .link-1 { stroke:#e5b900 }.ht-vps-mindmap-links .link-2 { stroke:#ff8a3d }.ht-vps-mindmap-links .link-3 { stroke:#12b8c7 }.ht-vps-mindmap-links .link-4 { stroke:#ed65a6 }.ht-vps-mindmap-links .link-5 { stroke:#9148c7 }.ht-vps-mindmap-links .link-6 { stroke:#2974bd }.ht-vps-mindmap-links .link-7 { stroke:#19af99 }.ht-vps-mindmap-links .link-8 { stroke:#ff7d3b }.ht-vps-mindmap-links .link-9 { stroke:#6dbd45 }
.ht-vps-mindmap-center { align-items:center; background:#8971d4; border:0; border-radius:27px 32px 25px 30px; box-shadow:none; color:#fff; display:flex; flex-direction:column; height:132px; justify-content:center; left:50%; padding:8px; position:absolute; text-align:center; top:50%; transform:translate(-50%,-50%) rotate(-1deg); width:188px; z-index:3; }
.ht-vps-mindmap-center::before { display:none; }
.ht-vps-mindmap-center > span { align-items:center; background:rgba(255,255,255,.16); border:0; border-radius:20px 24px 19px 22px; box-shadow:none; display:flex; height:64px; justify-content:center; margin:0 auto 6px; position:relative; width:64px; z-index:1; }
.ht-vps-mindmap-center svg { fill:none; height:52px; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; width:52px; }
.ht-vps-mindmap-center svg .ht-vps-mindmap-cloud { fill:rgba(255,255,255,.13); }
.ht-vps-mindmap-center strong,.ht-vps-mindmap-center small { display:block; }.ht-vps-mindmap-center strong { color:#fff;font-size:19px;line-height:1.15 }.ht-vps-mindmap-center small { color:rgba(255,255,255,.9);font-size:11px;line-height:1.35;margin-top:5px;white-space:nowrap }
.ht-vps-use-card { align-items:center; background:transparent; border:0; border-radius:18px; box-shadow:none; display:flex; flex-direction:row; gap:9px; height:74px; justify-content:flex-start; padding:10px 8px; position:absolute; text-align:left; transform:translate(-50%,-50%); transition:opacity .18s ease,transform .18s ease; width:148px; z-index:2; }
.ht-vps-use-card::before { display:none; }
.ht-vps-use-card:hover { filter:none;opacity:.82;box-shadow:none;transform:translate(-50%,-50%);z-index:4 }
.ht-vps-use-card.use-1 { left:50%;top:10% }.ht-vps-use-card.use-2 { left:76%;top:20% }.ht-vps-use-card.use-3 { left:89%;top:43% }.ht-vps-use-card.use-4 { left:82%;top:70% }.ht-vps-use-card.use-5 { left:66%;top:89% }.ht-vps-use-card.use-6 { left:34%;top:89% }.ht-vps-use-card.use-7 { left:18%;top:70% }.ht-vps-use-card.use-8 { left:11%;top:43% }.ht-vps-use-card.use-9 { left:24%;top:20% }
.ht-vps-use-card > span { align-items:center; background:rgba(255,255,255,.76); border:0; border-radius:12px; box-shadow:none; color:#f4781f; display:inline-flex; flex:0 0 42px; height:42px; justify-content:center; position:relative; width:42px; z-index:1; }
.ht-vps-use-card > span svg { fill: none; height: 27px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; width: 27px; }
.ht-vps-use-card > span svg .ht-vps-use-icon-soft { fill: currentColor; opacity: .14; stroke: none; }
.ht-vps-use-card strong,.ht-vps-use-card small { display: block; }
.ht-vps-use-card strong { color:#172541;font-size:12px;line-height:1.2;position:relative;text-shadow:none;z-index:1 }.ht-vps-use-card small { color:#657590;font-size:9px;line-height:1.3;margin-top:3px;position:relative;z-index:1 }
.ht-vps-use-card.use-1 { background:#ffd7c9 }.ht-vps-use-card.use-2 { background:#ffdfbd }.ht-vps-use-card.use-3 { background:#ccefeb }.ht-vps-use-card.use-4 { background:#f1d1eb }.ht-vps-use-card.use-5 { background:#e3d5f7 }.ht-vps-use-card.use-6 { background:#cee2f5 }.ht-vps-use-card.use-7 { background:#ccece2 }.ht-vps-use-card.use-8 { background:#ffe0c8 }.ht-vps-use-card.use-9 { background:#d9edc8 }
.ht-vps-use-card.use-2 > span,.ht-vps-use-card.use-9 > span { background:#efedff;color:#6752e8 }.ht-vps-use-card.use-3 > span { background:#e6fafc;color:#0ca7b9 }.ht-vps-use-card.use-4 > span { background:#fff0f8;color:#df3d94 }.ht-vps-use-card.use-5 > span { background:#f2ecff;color:#7a45df }.ht-vps-use-card.use-6 > span,.ht-vps-use-card.use-7 > span { background:#e8f9f5;color:#129a7e }
/* Optimized generated WebP artwork for the VPS mind map. */
.ht-vps-mindmap-center>span {background:rgba(255,255,255,.1);height:70px;width:70px}.ht-vps-mindmap-center>span img {display:block;height:68px;object-fit:contain;width:68px}.ht-vps-use-card>span {background:transparent!important;box-shadow:none;flex-basis:52px;height:52px;width:52px}.ht-vps-use-card>span img {display:block;height:50px;object-fit:contain;width:50px}
.ht-vps-benefits { border-top: 1px solid #e5e7f3; display: grid; gap: 26px; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 38px 0 0; max-width: none; padding-top: 24px; width: 100%; }
.ht-vps-benefit { align-items: flex-start; display: flex; gap: 13px; }
.ht-vps-benefit > span { align-items: center; background: #eafaff; border: 1px solid #bcebf5; border-radius: 9px; color: #00a5ca; display: inline-flex; flex: 0 0 34px; font-size: 17px; height: 34px; justify-content: center; }
.ht-vps-benefit > span svg { fill: none; height: 19px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 19px; }
.ht-vps-benefit:first-child > span svg path { fill: currentColor; stroke-width: 1.2; }
.ht-vps-benefit:nth-child(2) > span { background:#fff0f8;border-color:#ffd0e7;color:#e7469a }.ht-vps-benefit:nth-child(3) > span { background:#edfbf4;border-color:#c4efd8;color:#13a566 }.ht-vps-benefit:nth-child(4) > span { background:#fff6e9;border-color:#ffddb2;color:#ef8e24 }
.ht-vps-benefit strong,.ht-vps-benefit small { display: block; }.ht-vps-benefit strong { color:#16233e;font-size:14px;line-height:1.3 }.ht-vps-benefit small { color:#596b88;font-size:11px;line-height:1.5;margin-top:5px }
@media (max-width: 980px) { .ht-vps-hero { padding: 28px; }.ht-vps-hero-main { grid-template-columns: 1fr; }.ht-vps-hero-copy { text-align: center; }.ht-vps-hero-heading { margin-left:auto;margin-right:auto }.ht-vps-hero-copy > p { margin-left:auto;margin-right:auto }.ht-vps-hero-actions { justify-content:center }.ht-vps-benefits { grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media (max-width: 700px) { .ht-vps-use-grid { aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0 }.ht-vps-mindmap-links { display:none }.ht-vps-mindmap-center { border-radius:20px;grid-column:1 / -1;height:auto;left:auto;position:relative;top:auto;transform:none;width:100% }.ht-vps-use-card,.ht-vps-use-card:hover { border-radius:16px;height:auto;left:auto;min-height:100px;position:relative;top:auto;transform:none;width:auto } }
@media (max-width: 600px) { .ht-vps-hero { padding:22px 15px 18px }.ht-vps-hero-copy h1 { font-size:36px }.ht-vps-hero-copy > p { font-size:14px;line-height:1.65 }.ht-vps-hero-actions a { width:100% }.ht-vps-hero-visual { border-radius:17px;padding:13px }.ht-vps-use-card { min-height:68px }.ht-vps-benefits { grid-template-columns:1fr } }
@media (max-width:600px) {.ht-vps-use-card>span {flex-basis:46px;height:46px;width:46px}.ht-vps-use-card>span img {height:44px;width:44px}}
.ht-marketplace .ht-whmcs-load-more:hover { background: linear-gradient(135deg,#12b95d,#43d984); transform: translateY(-1px); }
.ht-marketplace .ht-whmcs-auto-load { height: 1px; pointer-events: none; visibility: hidden; width: 100%; }
.ht-vps-after-plans { background:#fff; border-radius:28px; box-shadow:0 22px 60px rgba(8,28,59,.08); grid-column:1 / -1 !important; margin-top:54px; min-width:0; overflow:hidden; padding:64px clamp(22px,5vw,72px); width:100%; }
.ht-vps-plan-results { min-width:0; width:100%; }
@media (min-width:1200px) { .ht-marketplace.ht-vps-marketplace > .ht-vps-plan-browser { align-items:start; column-gap:26px; display:grid; grid-column:1 / -1 !important; grid-template-columns:minmax(250px,300px) minmax(0,1180px); justify-content:center; min-height:min(920px,calc(100vh - 40px)); min-width:0; width:100%; }.ht-vps-plan-browser > .ht-whmcs-toolbar-section { border-radius:24px; grid-column:1; margin:0; max-height:calc(100vh - 40px); overflow-y:auto; overscroll-behavior:contain; padding-right:5px; position:sticky; scrollbar-color:rgba(32,202,112,.28) transparent; scrollbar-width:thin; top:20px; }.ht-vps-plan-browser > .ht-vps-plan-results { grid-column:2; }.ht-vps-plan-results > .ht-whmcs-marketplace-head { margin-top:0; } }
.ht-vps-sales-heading { margin:0 auto 34px; max-width:760px; text-align:center; }.ht-vps-sales-heading > span,.ht-vps-section-kicker { color:#7147e8; display:block; font-size:12px; font-weight:850; letter-spacing:.11em; text-transform:uppercase }.ht-vps-sales-heading h2,.ht-vps-compare-guide h2,.ht-vps-confidence h2,.ht-vps-faq h2,.ht-vps-final-cta h2 { color:#14233f; font-size:clamp(25px,3vw,40px); line-height:1.15; margin:9px 0 12px }.ht-vps-sales-heading p { color:#61708b;font-size:15px;line-height:1.75;margin:0 }
.ht-vps-sales-benefits { display:grid; gap:14px; grid-template-columns:repeat(3,minmax(0,1fr)); }.ht-vps-sales-benefits article { align-items:flex-start; background:#f7f8ff; border:1px solid #e8e9f4; border-radius:17px; display:flex; gap:15px; min-height:126px; padding:20px }.ht-vps-sales-benefits article > .ht-vps-sales-icon { align-items:center; background:linear-gradient(145deg,#fff,#eef2ff); border:1px solid rgba(108,75,229,.12); border-radius:14px; box-shadow:0 8px 15px rgba(65,45,150,.17),inset 0 1px 0 #fff; color:#6c4be5; display:flex; flex:0 0 48px; height:48px; justify-content:center; transform:perspective(100px) rotateX(4deg) rotateY(-5deg) }.ht-vps-sales-icon svg { fill:none;height:34px;overflow:visible;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1;width:34px }.ht-vps-sales-icon .icon-back { fill:currentColor;opacity:.2;stroke:none }.ht-vps-sales-icon .icon-front { fill:#fff;stroke:currentColor }.ht-vps-sales-benefits article:nth-child(1) .ht-vps-sales-icon { background:linear-gradient(145deg,#fff9e8,#ffe1a8);color:#f59e0b }.ht-vps-sales-benefits article:nth-child(2) .ht-vps-sales-icon { background:linear-gradient(145deg,#f5f1ff,#d9ccff);color:#7650e8 }.ht-vps-sales-benefits article:nth-child(3) .ht-vps-sales-icon { background:linear-gradient(145deg,#eaffff,#b9eef3);color:#08a9bc }.ht-vps-sales-benefits article:nth-child(4) .ht-vps-sales-icon { background:linear-gradient(145deg,#effff9,#bcefdc);color:#0aaf7e }.ht-vps-sales-benefits article:nth-child(5) .ht-vps-sales-icon { background:linear-gradient(145deg,#fff1fa,#ffcce7);color:#e83d91 }.ht-vps-sales-benefits article:nth-child(6) .ht-vps-sales-icon { background:linear-gradient(145deg,#eef5ff,#bfdcff);color:#2774d7 }.ht-vps-sales-benefits h3 { color:#172541;font-size:15px;margin:1px 0 7px }.ht-vps-sales-benefits p { color:#657590;font-size:12px;line-height:1.55;margin:0 }
.ht-vps-sales-grid { display:grid; gap:22px; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); margin-top:46px }.ht-vps-compare-guide,.ht-vps-confidence { background:#f8f9fd;border-radius:22px;padding:28px }.ht-vps-type-table { background:#fff;border:1px solid #e3e7f0;border-radius:15px;overflow:hidden }.ht-vps-type-table > div { display:grid; grid-template-columns:minmax(130px,.4fr) minmax(0,1fr) }.ht-vps-type-table > div + div { border-top:1px solid #e8ebf2 }.ht-vps-type-table span,.ht-vps-type-table strong { color:#596b87;font-size:12px;line-height:1.5;padding:14px 16px }.ht-vps-type-table strong { background:#eef1fb;color:#172541;font-size:11px;text-transform:uppercase }.ht-vps-type-table span:first-child { color:#172541;font-weight:800 }
.ht-vps-confidence { background:linear-gradient(145deg,#172d59,#264da2);color:#fff }.ht-vps-confidence .ht-vps-section-kicker { color:#a9c7ff }.ht-vps-confidence h2 { color:#fff;font-size:28px }.ht-vps-confidence ul { list-style:none;margin:22px 0;padding:0 }.ht-vps-confidence li { border-bottom:1px solid rgba(255,255,255,.13);font-size:13px;line-height:1.45;padding:11px 0 11px 28px;position:relative }.ht-vps-confidence li::before { color:#4ee08d;content:"✓";font-weight:900;left:2px;position:absolute }.ht-vps-confidence a,.ht-vps-final-cta > a { align-items:center;background:#42d981;border-radius:12px;color:#082b1b!important;display:inline-flex;font-size:13px;font-weight:900;gap:18px;justify-content:center;min-height:48px;padding:0 19px;text-decoration:none!important }
.ht-vps-faq { margin-top:52px }.ht-vps-faq > .ht-vps-section-kicker,.ht-vps-faq > h2 { text-align:center }.ht-vps-faq-grid { display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:25px }.ht-vps-faq details { background:#f8f9fd;border:1px solid #e4e8f1;border-radius:15px;padding:0 18px }.ht-vps-faq summary { color:#172541;cursor:pointer;font-size:14px;font-weight:800;list-style:none;padding:18px 28px 18px 0;position:relative }.ht-vps-faq summary::-webkit-details-marker { display:none }.ht-vps-faq summary::after { color:#6d4de5;content:"+";font-size:23px;position:absolute;right:0;top:12px }.ht-vps-faq details[open] summary::after { content:"−" }.ht-vps-faq details p { color:#657590;font-size:12px;line-height:1.65;margin:0;padding:0 0 18px }
.ht-vps-final-cta { align-items:center;background:linear-gradient(120deg,#6251e9,#9844df);border-radius:22px;color:#fff;display:flex;gap:30px;justify-content:space-between;margin-top:48px;padding:32px 36px }.ht-vps-final-cta > div > span { color:#ddd7ff;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase }.ht-vps-final-cta h2 { color:#fff;font-size:29px;margin:6px 0 7px }.ht-vps-final-cta p { color:#e9e6ff;font-size:13px;line-height:1.55;margin:0;max-width:650px }.ht-vps-final-cta > a { background:#fff;color:#5533c7!important;flex:0 0 auto;min-width:175px }
@media (max-width:900px) { .ht-vps-sales-benefits { grid-template-columns:repeat(2,minmax(0,1fr)) }.ht-vps-sales-grid { grid-template-columns:1fr }.ht-vps-after-plans { padding:46px 24px } }
@media (max-width:600px) { .ht-vps-after-plans { border-radius:18px;margin-top:34px;padding:36px 14px }.ht-vps-sales-benefits,.ht-vps-faq-grid { grid-template-columns:1fr }.ht-vps-sales-benefits article { min-height:0 }.ht-vps-compare-guide,.ht-vps-confidence { border-radius:17px;padding:21px 15px }.ht-vps-type-table > div { grid-template-columns:1fr }.ht-vps-type-table span:first-child { padding-bottom:3px }.ht-vps-type-table span:last-child { padding-top:3px }.ht-vps-final-cta { align-items:stretch;flex-direction:column;padding:25px 20px;text-align:center }.ht-vps-final-cta > a { width:100% } }
.ht-marketplace .ht-whmcs-marketplace-head { align-items: end; margin: 70px auto 28px; max-width: 1180px; }
.ht-marketplace .ht-whmcs-marketplace-count { color: #0a9f4b; display: block; font-size: .9rem; font-weight: 850; margin-top: 10px; }
.ht-marketplace .ht-whmcs-marketplace-head .ht-whmcs-results-count { color: #657086; font-size: .82rem; font-weight: 750; margin-top: 4px; }
.ht-marketplace .ht-whmcs-location-with-flag { display: block; max-width: 100%; min-width: 0; width: 100%; }
.ht-marketplace .ht-whmcs-location-country { align-items: center; display: flex; gap: 5px; line-height: 1.2; max-width: 100%; min-width: 0; white-space: normal; word-break: normal; }
.ht-marketplace .ht-whmcs-location-country > span { min-width: 0; overflow-wrap: normal; word-break: normal; }
.ht-marketplace .ht-whmcs-location-city { display: block; font-size: .92em; font-weight: 750; max-width: 100%; overflow-wrap: anywhere; word-break: normal; }
.ht-marketplace .ht-whmcs-country-flag { border: 0; border-radius: 2px; box-shadow: none; flex: 0 0 22px; height: 16px; margin-top: 1px; object-fit: cover; width: 22px; }
.ht-marketplace .ht-whmcs-marketplace-head h2 { color: #081c3b; font-size: clamp(2rem,4vw,3rem); line-height: 1.05; margin: 8px 0 0; }
.ht-marketplace .ht-whmcs-marketplace-head p { max-width: 500px; }
.ht-marketplace .ht-whmcs-cards { gap: 16px; grid-template-columns: 1fr; margin: 0 auto; max-width: 1180px; }
.ht-marketplace .ht-whmcs-card { border-color: rgba(8,28,59,.09); border-radius: 18px; box-shadow: 0 8px 26px rgba(8,28,59,.06); display: grid; gap: 20px; grid-template-columns: minmax(210px,.8fr) minmax(420px,2fr) minmax(240px,.85fr); overflow: hidden; padding: 20px; }
.ht-marketplace .ht-whmcs-card::before { background: linear-gradient(90deg,#18c964,#55aeff); content: ""; height: 4px; left: 0; position: absolute; right: 0; top: 0; }
.ht-marketplace .ht-whmcs-card-header { border-right: 1px solid rgba(8,28,59,.08); display: flex; flex-direction: column; justify-content: center; padding-right: 20px; }
.ht-marketplace .ht-whmcs-title { color: #081c3b; font-size: 1.22rem; }
.ht-marketplace .ht-whmcs-location { color: #657086; font-weight: 700; }
.ht-marketplace .ht-whmcs-specs { align-content: center; gap: 10px; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0; }
.ht-marketplace .ht-whmcs-spec { background: #f5f8fc; border: 1px solid rgba(8,28,59,.06); border-radius: 14px; display: block; padding: 13px; }
.ht-marketplace .ht-whmcs-spec-icon { float: right; margin: 0; }
.ht-marketplace .ht-whmcs-spec-label { font-size: .7rem; }
.ht-marketplace .ht-whmcs-spec-value { color: #081c3b; font-size: .9rem; }
.ht-marketplace .ht-whmcs-card-footer { border-left: 1px solid rgba(8,28,59,.08); border-top: 0; justify-content: center; margin: 0; padding: 0 0 0 20px; }
.ht-marketplace .ht-whmcs-availability { background: rgba(24,201,100,.13); border-radius: 999px; padding: 7px 10px; }
.ht-marketplace .ht-whmcs-price { color: #081c3b; font-size: 2rem; }
.ht-marketplace .ht-whmcs-configure-button { background: linear-gradient(135deg,#18c964,#58e895); border: 0; border-radius: 14px; color: #062716; font-weight: 800; }
.ht-marketplace .ht-whmcs-details-button { border-radius: 14px; }
@media (min-width: 1200px) {
	.ht-marketplace { align-items: start; column-gap: 26px; display: grid; grid-template-columns: minmax(250px, 300px) minmax(0, 1180px); justify-content: center; }
	.ht-marketplace > .ht-whmcs-toolbar-section { grid-column: 1; grid-row: 1 / span 20; margin: 0; max-height: calc(100vh - 40px); max-width: none; overflow-y: auto; overscroll-behavior: contain; padding-right: 5px; position: sticky; scrollbar-color: rgba(32,202,112,.28) transparent; scrollbar-width: thin; top: 20px; }
	.ht-marketplace > .ht-whmcs-toolbar-section::-webkit-scrollbar { width: 5px; }
	.ht-marketplace > .ht-whmcs-toolbar-section::-webkit-scrollbar-track { background: transparent; }
	.ht-marketplace > .ht-whmcs-toolbar-section::-webkit-scrollbar-thumb { background: rgba(32,202,112,.28); border-radius: 999px; }
	.ht-marketplace > .ht-whmcs-toolbar-section:hover { scrollbar-color: rgba(32,202,112,.55) transparent; }
	.ht-marketplace > .ht-whmcs-toolbar-section:hover::-webkit-scrollbar-thumb { background: rgba(32,202,112,.55); }
	.ht-marketplace > :not(.ht-whmcs-toolbar-section) { grid-column: 2; min-width: 0; width: 100%; }
	.ht-marketplace.ht-vps-marketplace > .ht-vps-hero { grid-column: 1 / -1; grid-row: 1; }
	.ht-marketplace.ht-vps-marketplace > .ht-whmcs-toolbar-section { grid-row: 2 / span 20; }
	.ht-marketplace .ht-whmcs-toolbar { border-radius: 20px; padding: 20px; }
	.ht-marketplace .ht-whmcs-filter-head { align-items: stretch; flex-direction: column; gap: 14px; }
	.ht-marketplace .ht-whmcs-filter-head.is-compact { gap: 0; }
	.ht-marketplace .ht-whmcs-filter-head h2 { font-size: 1.2rem; letter-spacing: -.02em; line-height: 1.15; white-space: nowrap; }
	.ht-marketplace .ht-whmcs-filter-head p { font-size: .82rem; line-height: 1.5; }
	.ht-marketplace .ht-whmcs-reset { width: 100%; }
	.ht-marketplace .ht-whmcs-filters { grid-template-columns: 1fr; }
	.ht-marketplace .ht-whmcs-search-field { grid-column: auto; }
	.ht-marketplace .ht-whmcs-toolbar-foot { align-items: flex-start; flex-direction: column; gap: 5px; }
	.ht-marketplace .ht-whmcs-results-count { margin: 0; }
	.ht-marketplace .ht-whmcs-filter-state { line-height: 1.4; }
	.ht-marketplace .ht-whmcs-marketplace-head { column-gap: 38px; display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,480px); margin: 0 0 28px; max-width: none; }
	.ht-marketplace .ht-whmcs-marketplace-head h2 { font-size: 2rem; letter-spacing: -.025em; white-space: nowrap; }
	.ht-marketplace .ht-whmcs-marketplace-head p { min-width: 0; }
	.ht-marketplace .ht-whmcs-cards { max-width: none; }
}
@media (min-width: 1200px) and (max-width: 1450px) {
	.ht-marketplace .ht-whmcs-marketplace-head { grid-template-columns: 1fr; }
	.ht-marketplace .ht-whmcs-marketplace-head p { margin-top: 12px; max-width: 720px; }
}
@media (max-width: 980px) { .ht-marketplace .ht-whmcs-card { grid-template-columns: minmax(210px,.8fr) 2fr; } .ht-marketplace .ht-whmcs-card-footer { border-left: 0; border-top: 1px solid rgba(8,28,59,.08); grid-column: 1 / -1; padding: 16px 0 0; } }
@media (max-width: 700px) { .ht-marketplace { padding: 18px 12px 54px; } .ht-marketplace .ht-whmcs-toolbar { padding: 16px; } .ht-marketplace .ht-whmcs-filter-head, .ht-marketplace .ht-whmcs-marketplace-head { align-items: flex-start; flex-direction: column; } .ht-marketplace .ht-whmcs-search-field { grid-column: 1 / -1; } .ht-marketplace .ht-whmcs-card { grid-template-columns: 1fr; padding: 16px; } .ht-marketplace .ht-whmcs-card-header, .ht-marketplace .ht-whmcs-card-footer { border: 0; border-bottom: 1px solid rgba(8,28,59,.08); padding: 0 0 16px; } .ht-marketplace .ht-whmcs-card-footer { border-bottom: 0; border-top: 1px solid rgba(8,28,59,.08); padding: 16px 0 0; } .ht-marketplace .ht-whmcs-specs { grid-template-columns: repeat(2,minmax(0,1fr)); } .ht-marketplace .ht-whmcs-marketplace-head { margin-top: 48px; } }

@media (max-width: 767px) {
	.ht-marketplace .ht-whmcs-filter-toggle { display: flex; }
	.ht-marketplace .ht-whmcs-toolbar-section .ht-whmcs-toolbar { display: none; }
	.ht-marketplace .ht-whmcs-toolbar-section .ht-whmcs-toolbar.is-mobile-open { display: block; }
	.ht-marketplace .ht-whmcs-marketplace-head { margin-top: 26px; }
}

@media (max-width: 767px) {
	.ht-whmcs-filters { grid-template-columns: 1fr; padding: 14px; }
	.ht-whmcs-search-field { grid-column: auto; }
	.ht-whmcs-status-row { align-items: stretch; flex-direction: column; }
	.ht-whmcs-sort-label { align-items: stretch; flex-direction: column; }
	.ht-whmcs-sort-label .ht-whmcs-control { min-width: 0; }
	.ht-whmcs-cards { --ht-whmcs-columns: 1; --ht-whmcs-gap: 18px; }
	.ht-whmcs-card { padding: 21px; }
	.ht-whmcs-specs { gap: 0 12px; }
	.ht-whmcs-dialog-inner { padding: 24px 20px; }
}

@media (max-width: 420px) {
	.ht-whmcs-specs { grid-template-columns: 1fr; }
	.ht-whmcs-price-wrap { align-items: flex-start; flex-direction: column; }
	.ht-whmcs-availability { align-self: flex-start; margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.ht-whmcs-card,
	.ht-whmcs-configure-button,
	.ht-whmcs-details-button { transition: none; }
	.ht-whmcs-card:hover { transform: none; }
	.ht-whmcs-skeleton-line,
	.ht-whmcs-skeleton-block,
	.ht-whmcs-skeleton-button { animation: none; }
}

/* VPS catalog intentionally uses its own visual treatment. */
.ht-marketplace.ht-vps-marketplace { background: linear-gradient(180deg,#f5f3ff 0,#f8fbff 460px); }
.ht-vps-marketplace .ht-whmcs-marketplace-head h2 { color: #312e81; }
.ht-vps-marketplace .ht-whmcs-marketplace-count { color: #7c3aed; }
.ht-vps-marketplace .ht-whmcs-card::before { background: linear-gradient(90deg,#7c3aed,#38bdf8); }
.ht-vps-marketplace .ht-whmcs-premium-card { background: linear-gradient(115deg,#fff 0%,#fff 86%,#f4f0ff 100%); border-color: #ddd6fe; }
.ht-vps-marketplace .ht-whmcs-configure-button { background: linear-gradient(135deg,#7c3aed,#38bdf8); color: #fff; }

/* Premium inventory card: matches the supplied marketplace reference. */
.ht-marketplace .ht-whmcs-premium-card {
	background: linear-gradient(115deg, #fff 0%, #fff 86%, #f0fff7 100%);
	border: 1px solid #e3e8ef;
	border-radius: 18px;
	box-shadow: 0 9px 28px rgba(8, 28, 59, .07);
	display: grid;
	gap: 14px;
	grid-template-columns: 220px minmax(650px, 1fr) 240px;
	min-height: 220px;
	overflow: hidden;
	padding: 14px 16px;
}
.ht-marketplace .ht-whmcs-premium-card::before { background: linear-gradient(90deg, #20ca70, #55aaff); height: 4px; }
.ht-marketplace .ht-whmcs-zero-setup-ribbon { background: linear-gradient(135deg,#ef4444,#b91c1c); box-shadow: 0 5px 14px rgba(185,28,28,.3); color: #fff; font-size: 10px; font-weight: 900; letter-spacing: .055em; line-height: 1; padding: 8px 0; pointer-events: none; position: absolute; right: -43px; text-align: center; top: 24px; transform: rotate(45deg); width: 164px; z-index: 4; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-card-header { align-items: flex-start; border-right: 1px solid #e5e9ef; display: flex; justify-content: flex-start; padding: 0 20px 0 0; }
.ht-marketplace .ht-whmcs-card-badges { align-items: center; display: flex; gap: 7px; min-height: 34px; width: 100%; }
.ht-marketplace .ht-whmcs-card-badges > span { background: #f2f4f7; border-radius: 999px; color: #081c3b; font-size: 11px; font-weight: 850; padding: 6px 9px; white-space: nowrap; }
.ht-marketplace .ht-whmcs-card-badges > span.is-green { background: #dff8e9; color: #067338; }
.ht-marketplace .ht-whmcs-favorite { align-items: center; appearance: none; background: transparent; border: 0; border-radius: 0; box-shadow: none; color: #17365f; cursor: pointer; display: inline-flex; flex: 0 0 30px; font-size: 27px; height: 34px; justify-content: center; line-height: 1; margin: 0; padding: 0; transition: color .18s ease, transform .18s ease; width: 30px; }
.ht-marketplace .ht-whmcs-favorite:hover { background: transparent; color: #e11d48; transform: scale(1.14); }
.ht-marketplace .ht-whmcs-favorite.is-favorite { background: transparent; color: #e11d48; }
.ht-marketplace .ht-whmcs-favorite:focus-visible { outline: 3px solid rgba(32,202,112,.35); outline-offset: 3px; }
.ht-marketplace .ht-whmcs-vendor-logo { align-items: center; align-self: center; background: transparent; border: 0; border-radius: 0; display: inline-flex; height: 46px; justify-content: center; margin: 18px auto 12px; overflow: hidden; padding: 0; position: relative; width: 86px; }
.ht-marketplace .ht-whmcs-vendor-logo img { display: block; object-fit: contain; }
.ht-marketplace .ht-whmcs-vendor-logo.is-intel img { height: 50px; width: 50px; }
.ht-marketplace .ht-whmcs-vendor-logo.is-amd img { height: 88px; left: 2px; max-width: none; position: absolute; top: 50%; transform: translateY(-50%); width: 88px; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-title { align-items: center; color: #031631; display: flex; flex-direction: column; font-size: 16px; font-weight: 900; line-height: 1.2; margin: 0; max-width: 100%; text-align: center; width: 100%; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-title-name { max-width: 100%; overflow-wrap: anywhere; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-title-sku { display: block; font-size: 13px; letter-spacing: -.035em; line-height: 1.2; max-width: 100%; overflow-wrap: anywhere; white-space: normal; word-break: break-word; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-specs { align-content: stretch; display: grid; gap: 7px; grid-template-columns: repeat(10, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(56px, auto)); margin: 0; }
.ht-marketplace.ht-vps-marketplace .ht-whmcs-premium-card .ht-whmcs-specs { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(56px, auto)); }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec { align-items: flex-start; background: #f3f6fa; border: 1px solid #dde4ec; border-radius: 11px; display: flex; gap: 6px; justify-content: space-between; min-width: 0; padding: 8px 9px; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec { grid-column: span 2; }
.ht-marketplace.ht-vps-marketplace .ht-whmcs-premium-card .ht-whmcs-spec { grid-column: auto; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec.is-wide { grid-column: span 2; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-storage { grid-column: 1 / 7; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-gpu { grid-column: 7 / 11; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-network { grid-column: 5 / 8; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-datacenter { grid-column: 8 / 11; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-network .ht-whmcs-spec-value,.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-datacenter .ht-whmcs-spec-value { font-size: 13px; overflow-wrap: normal; word-break: normal; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-copy { min-width: 0; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-label { color: #59708f; display: block; font-size: 11px; font-weight: 850; letter-spacing: .025em; line-height: 1.15; margin-bottom: 5px; text-transform: uppercase; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-value { color: #031631; display: block; font-size: 14px; font-weight: 850; line-height: 1.3; overflow-wrap: anywhere; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-icon { border-radius: 7px; color: #078fe8; flex: 0 0 auto; float: none; margin: 0; padding: 4px; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-icon .ht-whmcs-icon { height: 15px; width: 15px; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-datacenter { display: block; overflow: hidden; position: relative; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-datacenter .ht-whmcs-spec-copy { box-sizing: border-box; display: block; padding-right: 30px; width: 100%; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-datacenter .ht-whmcs-spec-label { padding-right: 28px; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-datacenter > .ht-whmcs-spec-icon { position: absolute; right: 9px; top: 8px; }
.ht-marketplace .ht-whmcs-spec-sku .ht-whmcs-spec-icon { background: #e0f2fe; color: #0284c7; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-sku { display: block; overflow: hidden; position: relative; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-sku .ht-whmcs-spec-copy { display: block; width: 100%; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-sku .ht-whmcs-spec-label { padding-right: 28px; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-sku .ht-whmcs-spec-value { display: block; font-size: 12px; letter-spacing: -.035em; line-height: 1.3; max-width: 100%; overflow-wrap: anywhere; padding-right: 24px; white-space: normal; word-break: break-word; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-sku .ht-whmcs-spec-value { font-size: 14px; letter-spacing: -.02em; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-sku > .ht-whmcs-spec-icon { position: absolute; right: 9px; top: 8px; }
.ht-marketplace .ht-whmcs-spec-cpu .ht-whmcs-spec-icon { background: #ede9fe; color: #7c3aed; }
.ht-marketplace .ht-whmcs-spec-threads .ht-whmcs-spec-icon { background: #fce7f3; color: #db2777; }
.ht-marketplace .ht-whmcs-spec-clock .ht-whmcs-spec-icon { background: #ffedd5; color: #ea580c; }
.ht-marketplace .ht-whmcs-spec-passmark .ht-whmcs-spec-icon { background: #dcfce7; color: #16a34a; }
.ht-marketplace .ht-whmcs-spec-gpu .ht-whmcs-spec-icon { background: #fee2e2; color: #dc2626; }
.ht-marketplace .ht-whmcs-spec-ip_support .ht-whmcs-spec-icon { background: #dbeafe; color: #2563eb; }
.ht-marketplace .ht-whmcs-spec-distribution .ht-whmcs-spec-icon { background: #ede9fe; color: #7c3aed; }
.ht-marketplace .ht-whmcs-vendor-logo.is-vps { align-items: center; background: transparent; border-radius: 0; display: flex; height: 58px; justify-content: center; width: 58px; }
.ht-marketplace .ht-whmcs-vps-logo { display: block; height: 48px; object-fit: contain; width: 48px; }
.ht-marketplace .ht-whmcs-vps-type-ribbon { box-sizing: border-box; box-shadow: 0 8px 18px rgba(15,23,42,.18); color: #fff; font-size: 10px; font-weight: 900; letter-spacing: .04em; padding: 7px 38px; position: absolute; right: -37px; text-align: center; text-transform: uppercase; top: 18px; transform: rotate(45deg); width: 150px; z-index: 3; }
.ht-marketplace .ht-whmcs-vps-type-ribbon.is-general-purpose { background: linear-gradient(135deg,#2563eb,#06b6d4); }
.ht-marketplace .ht-whmcs-vps-type-ribbon.is-high-performance { background: linear-gradient(135deg,#dc2626,#f97316); line-height:1.15; }
.ht-marketplace .ht-whmcs-vps-type-ribbon.is-high-performance > span { display:block; white-space:nowrap; }
.ht-marketplace .ht-whmcs-vps-type-ribbon.is-storage-optimized { background: linear-gradient(135deg,#7c3aed,#db2777); }
.ht-marketplace .ht-whmcs-vps-type-ribbon.is-high-performance-storage-optimized { background: linear-gradient(135deg,#ea580c,#9333ea); font-size: 8.5px; line-height: 1.15; padding: 7px 30px; right: -48px; top: 28px; white-space: normal; width: 190px; }
.ht-marketplace .ht-whmcs-vps-type-ribbon.is-high-performance-storage-optimized > span { display: block; white-space: nowrap; }
.ht-marketplace .ht-whmcs-spec-ipv4 .ht-whmcs-spec-icon { background: #cffafe; color: #0891b2; }
.ht-marketplace .ht-whmcs-spec-ram .ht-whmcs-spec-icon { background: #fef3c7; color: #d97706; }
.ht-marketplace .ht-whmcs-spec-storage .ht-whmcs-spec-icon { background: #dbeafe; color: #2563eb; }
.ht-marketplace .ht-whmcs-spec-network .ht-whmcs-spec-icon { background: #d1fae5; color: #059669; }
.ht-marketplace .ht-whmcs-spec-datacenter .ht-whmcs-spec-icon { background: #fae8ff; color: #c026d3; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-card-footer { border-left: 1px solid #e5e9ef; border-top: 0; display: flex; flex-direction: column; gap: 8px; justify-content: flex-start; margin: 0; padding: 0 0 0 14px; }
.ht-marketplace .ht-whmcs-service-tags { display: flex; flex-wrap: wrap; gap: 7px; min-height: 38px; }
.ht-marketplace .ht-whmcs-service-tags span { background: #f2f4f7; border-radius: 999px; color: #32445e; font-size: 12px; font-weight: 800; padding: 7px 10px; }
.ht-marketplace .ht-whmcs-service-tags span::before { background: #20ca70; border-radius: 50%; content: ""; display: inline-block; height: 7px; margin-right: 7px; width: 7px; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-price-wrap { align-items: center; border-top: 0; display: block; padding-top: 10px; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-price { color: #0aa85a; font-size: 30px; font-weight: 900; letter-spacing: -.035em; line-height: 1; }
.ht-marketplace .ht-whmcs-price-choice { background: transparent; border: 0; border-radius: 0; box-shadow: none; flex: 1 1 auto; min-width: 0; padding: 6px 4px; text-align: center; }
.ht-marketplace .ht-whmcs-price-choice .ht-whmcs-price { display: block; white-space: nowrap; }
.ht-marketplace .ht-whmcs-price-choice .ht-whmcs-price-inr { color: #1478d4; font-size: 27px; margin-top: 2px; }
.ht-marketplace .ht-whmcs-price-or { align-items: center; color: #66758b; display: flex; gap: 7px; justify-content: center; margin: 8px 0 6px; width: 100%; }
.ht-marketplace .ht-whmcs-price-or i { background: linear-gradient(90deg,transparent,#aeb9c8); display: block; height: 1px; width: 42px; }
.ht-marketplace .ht-whmcs-price-or i:last-child { background: linear-gradient(90deg,#aeb9c8,transparent); }
.ht-marketplace .ht-whmcs-price-or b { background: #fff; border: 1px solid #dce4ed; border-radius: 999px; font-size: 11px; font-weight: 800; line-height: 1; padding: 4px 6px; text-transform: uppercase; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-cycle { color: #60708a; display: block; font-size: 11px; font-weight: 800; margin-top: 8px; text-transform: none; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-card-header .ht-whmcs-availability { align-self: center; background: #def7e8; border-radius: 999px; color: #067338; font-size: 12px; font-weight: 850; margin: auto 0 0; padding: 8px 12px; white-space: nowrap; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-availability.is-unavailable { background: #fee7e7; color: #ad2424; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-actions { align-items: center; display: grid; gap: 12px; grid-template-columns: 1fr auto; margin-top: auto; }
.ht-marketplace .ht-whmcs-compare { align-items: center; color: #44536b; cursor: pointer; display: flex; font-size: 13px; font-weight: 800; gap: 7px; }
.ht-marketplace .ht-whmcs-compare input { accent-color: #20ca70; height: 18px; margin: 0; width: 18px; }
.ht-marketplace .ht-whmcs-compare.is-disabled { cursor: not-allowed; opacity: .45; }
.ht-whmcs-compare-bar { align-items: center; background: #07234b; border-radius: 14px; bottom: 20px; box-shadow: 0 12px 30px rgba(3,22,49,.25); color: #fff; display: flex; gap: 12px; justify-content: center; margin: 20px auto; max-width: 520px; padding: 12px 16px; position: sticky; z-index: 20; }
.ht-whmcs-compare-bar[hidden] { display: none; }
.ht-whmcs-compare-count { font-size: 13px; font-weight: 750; }
.ht-whmcs-compare-button,.ht-whmcs-compare-clear { border: 0; border-radius: 9px; cursor: pointer; font-weight: 800; padding: 10px 14px; }
.ht-whmcs-compare-button { background: #2bd477; color: #031631; }
.ht-whmcs-compare-clear { background: rgba(255,255,255,.14); color: #fff; }
.ht-whmcs-dialog:has(.ht-whmcs-comparison-table) { max-width: min(1600px, 97vw); width: 97vw; }
.ht-whmcs-dialog:has(.ht-whmcs-comparison-table) .ht-whmcs-dialog-inner { padding: 28px 30px; }
.ht-whmcs-comparison-table { border-collapse: collapse; min-width: 700px; width: 100%; }
.ht-whmcs-dialog-content:has(.ht-whmcs-comparison-table) { overflow-x: auto; }
.ht-whmcs-comparison-table th,.ht-whmcs-comparison-table td { border: 1px solid #dfe5ec; padding: 12px; text-align: left; vertical-align: top; }
.ht-whmcs-comparison-table thead th { background: #07234b; color: #fff; }
.ht-whmcs-comparison-table tbody th { background: #f3f6fa; color: #40516b; min-width: 120px; }
.ht-whmcs-comparison-configure { align-items: center; background: linear-gradient(135deg,#18c964,#58e895); border-radius: 9px; color: #062716 !important; display: inline-flex; font-size: 13px; font-weight: 800; justify-content: center; min-height: 40px; padding: 8px 18px; text-decoration: none !important; white-space: nowrap; }
.ht-whmcs-comparison-configure:hover { background: linear-gradient(135deg,#12b95d,#43d984); color: #041d10 !important; }
.ht-whmcs-comparison-configure.is-disabled { background: #e9eef5; color: #778397 !important; cursor: not-allowed; }
@media (max-width: 767px) { .ht-whmcs-dialog:has(.ht-whmcs-comparison-table) { max-width: 96vw; width: 96vw; } .ht-whmcs-dialog:has(.ht-whmcs-comparison-table) .ht-whmcs-dialog-inner { padding: 22px 16px; } }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-configure-button { align-items: center; background: linear-gradient(135deg, #18ca68, #56e493); border-radius: 14px; color: #041e12; display: inline-flex; font-size: 16px; font-weight: 900; justify-content: center; min-height: 54px; min-width: 142px; padding: 16px 24px; text-align: center; }
.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-configure-button.is-out-of-stock { background: linear-gradient(135deg, #ef4444, #f87171); color: #fff; opacity: 1; }
.ht-marketplace.ht-vps-marketplace .ht-whmcs-marketplace-count { font-weight:700; }
.ht-marketplace.ht-vps-marketplace .ht-whmcs-premium-card .ht-whmcs-title { font-weight:700; }
.ht-marketplace.ht-vps-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-label { font-weight:700; }
.ht-marketplace.ht-vps-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-value { font-weight:650; }
.ht-marketplace.ht-vps-marketplace .ht-whmcs-premium-card .ht-whmcs-price { font-weight:750; }
.ht-marketplace.ht-vps-marketplace .ht-whmcs-premium-card .ht-whmcs-cycle { font-weight:600; }
.ht-marketplace.ht-vps-marketplace .ht-whmcs-premium-card .ht-whmcs-card-header .ht-whmcs-availability { font-weight:700; }
.ht-marketplace.ht-vps-marketplace .ht-whmcs-compare { font-weight:650; }
.ht-marketplace.ht-vps-marketplace .ht-whmcs-premium-card .ht-whmcs-configure-button { font-weight:700; }
.ht-marketplace.ht-vps-marketplace .ht-whmcs-vps-type-ribbon { font-weight:750; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-marketplace-count { font-weight:700; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-title { font-weight:700; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-label { font-weight:700; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-value { font-weight:650; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-price { font-weight:750; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-cycle { font-weight:600; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-card-header .ht-whmcs-availability { font-weight:700; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-compare { font-weight:650; }
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-configure-button { font-weight:700; }
@media (max-width: 1180px) { .ht-marketplace .ht-whmcs-premium-card { grid-template-columns: 220px 1fr; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-card-footer { border-left: 0; border-top: 1px solid #e5e9ef; grid-column: 1 / -1; padding: 18px 0 0; } }
@media (max-width: 1080px) { .ht-marketplace .ht-whmcs-filters { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 760px) { .ht-marketplace .ht-whmcs-premium-card { gap: 10px; grid-template-columns: 1fr; padding: 11px; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-card-header { border-bottom: 1px solid #e5e9ef; border-right: 0; padding: 0 0 10px; } .ht-marketplace .ht-whmcs-vendor-logo { margin: 10px auto; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-specs,.ht-marketplace.ht-vps-marketplace .ht-whmcs-premium-card .ht-whmcs-specs { gap: 5px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; } .ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-storage,.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-network,.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-datacenter { grid-column: span 2; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-sku { grid-column: span 2; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec { border-radius: 9px; min-height: 50px; padding: 6px 7px; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-label { font-size: 9px; margin-bottom: 3px; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-value { font-size: 12px; line-height: 1.2; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-icon { padding: 3px; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-icon .ht-whmcs-icon { height: 13px; width: 13px; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-card-footer { align-items: center; grid-column: auto; padding-top: 12px; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-price-wrap { display: flex; justify-content: center; width: 100%; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-price-choice { flex: 0 1 auto; margin-left: auto; margin-right: auto; min-width: 150px; width: auto; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-actions { width: 100%; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-configure-button { min-height: 46px; padding: 12px 18px; } }
@media (max-width: 700px) { .ht-marketplace .ht-whmcs-filters { grid-template-columns: 1fr; } .ht-marketplace .ht-whmcs-search-field { grid-column: auto; } }
@media (max-width: 440px) { .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec.is-wide { grid-column: span 2; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-actions { grid-template-columns: 1fr; } }
@media (max-width: 280px) { .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-specs { grid-template-columns: 1fr; } .ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec.is-wide,.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-sku { grid-column: auto; } }
@media (max-width: 760px) { .ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-gpu { grid-column: span 2; } }
@media (max-width: 280px) { .ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-storage,.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-gpu,.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-network,.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-datacenter { grid-column: auto; } }
.ht-vps-sales-icon img { display:block; height:42px; object-fit:contain; width:42px; }

/* Dedicated-server landing and conversion sections. */
.ht-dedicated-hero { background:radial-gradient(circle at 8% 12%,#e7f8ff 0,transparent 26%),radial-gradient(circle at 92% 88%,#ecfff4 0,transparent 27%),linear-gradient(135deg,#f8fbff,#f7f8ff); border-radius:28px; display:grid; gap:42px; grid-column:1 / -1!important; grid-template-columns:minmax(0,1fr) minmax(500px,.9fr); margin-bottom:42px; overflow:hidden; padding:58px clamp(28px,5vw,76px) 34px; width:100%; }
.ht-dedicated-hero-copy { align-self:center; }.ht-dedicated-badge { background:#e8f2ff;border:1px solid #c8dcf6;border-radius:999px;color:#17457d;display:inline-flex;font-size:13px;font-weight:750;padding:9px 15px }.ht-dedicated-hero h1 { color:#10233f;font-size:clamp(40px,4.5vw,66px);font-weight:800;letter-spacing:-.045em;line-height:1.04;margin:22px 0 }.ht-dedicated-hero h1 .ht-dedicated-heading-line:last-child { background:linear-gradient(90deg,#087bc1,#18a85e);background-clip:text;color:transparent }.ht-dedicated-hero-copy>p { color:#566b88;font-size:17px;line-height:1.75;max-width:660px }.ht-dedicated-hero-actions { display:flex;flex-wrap:wrap;gap:20px;margin-top:28px }.ht-dedicated-hero-actions a { align-items:center;border:1px solid #cbd8e8;border-radius:12px;color:#15345d!important;display:inline-flex;font-size:14px;font-weight:750;justify-content:center;min-height:52px;padding:0 22px;text-decoration:none!important }.ht-dedicated-hero-actions a:first-child { background:linear-gradient(135deg,#087bc1,#18b16b);border:0;color:#fff!important;gap:20px;box-shadow:0 12px 26px rgba(8,123,193,.22) }
.ht-dedicated-visual { min-height:390px;position:relative }.ht-dedicated-core { align-items:center;background:linear-gradient(145deg,#123b71,#087bc1);border-radius:24px;box-shadow:0 20px 42px rgba(15,62,115,.25);color:#fff;display:flex;flex-direction:column;height:150px;justify-content:center;left:50%;padding:18px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:190px;z-index:2 }.ht-dedicated-core>span { font-size:39px;line-height:1 }.ht-dedicated-core strong { font-size:18px;margin-top:8px }.ht-dedicated-core small { color:#d7edff;font-size:10px;margin-top:4px }.ht-dedicated-visual article { align-items:center;background:#fff;border:1px solid #e0e8f2;border-radius:16px;box-shadow:0 12px 28px rgba(18,50,88,.1);display:flex;gap:10px;min-height:78px;padding:12px;position:absolute;width:180px }.ht-dedicated-visual article>span { align-items:center;background:#e9f6ff;border-radius:11px;color:#087bc1;display:flex;flex:0 0 40px;font-size:21px;height:40px;justify-content:center }.ht-dedicated-visual article strong,.ht-dedicated-visual article small { display:block }.ht-dedicated-visual article strong { color:#132946;font-size:12px }.ht-dedicated-visual article small { color:#6a7c94;font-size:9px;line-height:1.35;margin-top:3px }.ht-dedicated-visual .use-1 { left:0;top:8% }.ht-dedicated-visual .use-2 { right:0;top:8% }.ht-dedicated-visual .use-3 { left:0;top:40% }.ht-dedicated-visual .use-4 { right:0;top:40% }.ht-dedicated-visual .use-5 { bottom:6%;left:8% }.ht-dedicated-visual .use-6 { bottom:6%;right:8% }
.ht-dedicated-highlights { border-top:1px solid #dce5f0;display:grid;gap:24px;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:26px }.ht-dedicated-highlights strong,.ht-dedicated-highlights span { display:block }.ht-dedicated-highlights strong { color:#15304f;font-size:14px }.ht-dedicated-highlights span { color:#637791;font-size:11px;line-height:1.5;margin-top:5px }
.ht-dedicated-after-plans { background:#fff;border-radius:28px;box-shadow:0 22px 60px rgba(8,28,59,.08);grid-column:1 / -1!important;margin-top:54px;overflow:hidden;padding:64px clamp(22px,5vw,72px);width:100% }.ht-dedicated-after-plans>header { margin:0 auto 34px;max-width:820px;text-align:center }.ht-dedicated-after-plans>header>span,.ht-dedicated-kicker { color:#087bc1;display:block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase }.ht-dedicated-after-plans h2 { color:#14233f;font-size:clamp(25px,3vw,40px);line-height:1.15;margin:9px 0 12px }.ht-dedicated-after-plans>header p { color:#61708b;font-size:15px;line-height:1.75 }
.ht-dedicated-sales-benefits { display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr)) }.ht-dedicated-sales-benefits article { align-items:flex-start;background:#f5f8fc;border:1px solid #e2e8f0;border-radius:17px;display:flex;gap:14px;min-height:126px;padding:20px }.ht-dedicated-sales-benefits article>span { align-items:center;background:linear-gradient(145deg,#e6f5ff,#d7f9e7);border-radius:12px;color:#087bc1;display:flex;flex:0 0 44px;font-size:21px;height:44px;justify-content:center }.ht-dedicated-sales-benefits h3 { color:#172541;font-size:15px;margin:1px 0 7px }.ht-dedicated-sales-benefits p { color:#657590;font-size:12px;line-height:1.55;margin:0 }
.ht-dedicated-sales-grid { display:grid;gap:22px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);margin-top:46px }.ht-dedicated-sales-grid>section,.ht-dedicated-sales-grid>aside { background:#f7f9fc;border-radius:22px;padding:28px }.ht-dedicated-profile-table { background:#fff;border:1px solid #e0e7ef;border-radius:15px;overflow:hidden }.ht-dedicated-profile-table>div { display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,1fr) }.ht-dedicated-profile-table>div+div { border-top:1px solid #e5eaf0 }.ht-dedicated-profile-table span,.ht-dedicated-profile-table strong { color:#596b87;font-size:12px;line-height:1.5;padding:14px 16px }.ht-dedicated-profile-table strong { background:#eaf2fa;color:#172541;font-size:11px;text-transform:uppercase }.ht-dedicated-profile-table span:first-child { color:#172541;font-weight:750 }.ht-dedicated-sales-grid>aside { background:linear-gradient(145deg,#12335f,#087bc1);color:#fff }.ht-dedicated-sales-grid>aside .ht-dedicated-kicker { color:#a9ddff }.ht-dedicated-sales-grid>aside h2 { color:#fff;font-size:28px }.ht-dedicated-sales-grid ul { list-style:none;margin:22px 0;padding:0 }.ht-dedicated-sales-grid li { border-bottom:1px solid rgba(255,255,255,.14);font-size:13px;padding:11px 0 11px 27px;position:relative }.ht-dedicated-sales-grid li:before { color:#54e698;content:"✓";font-weight:900;left:2px;position:absolute }.ht-dedicated-sales-grid a,.ht-dedicated-final-cta>a { background:#47dd8b;border-radius:12px;color:#082b1b!important;display:inline-flex;font-size:13px;font-weight:800;padding:15px 19px;text-decoration:none!important }
.ht-dedicated-faq { margin-top:52px;text-align:center }.ht-dedicated-faq>div { display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:25px;text-align:left }.ht-dedicated-faq details { background:#f7f9fc;border:1px solid #e2e8f0;border-radius:15px;padding:0 18px }.ht-dedicated-faq summary { color:#172541;cursor:pointer;font-size:14px;font-weight:750;padding:18px 0 }.ht-dedicated-faq details p { color:#657590;font-size:12px;line-height:1.65;margin:0;padding:0 0 18px }.ht-dedicated-final-cta { align-items:center;background:linear-gradient(120deg,#0b4786,#079a8b);border-radius:22px;color:#fff;display:flex;gap:30px;justify-content:space-between;margin-top:48px;padding:32px 36px }.ht-dedicated-final-cta>div>span { color:#bcecff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase }.ht-dedicated-final-cta h2 { color:#fff;font-size:29px;margin:6px 0 7px }.ht-dedicated-final-cta p { color:#e3f5ff;font-size:13px;margin:0 }.ht-dedicated-final-cta>a { background:#fff;color:#075e73!important;flex:0 0 auto }
@media (min-width:1200px) { .ht-marketplace>.ht-catalog-plan-browser { align-items:start;column-gap:26px;display:grid;grid-column:1 / -1!important;grid-template-columns:minmax(250px,300px) minmax(0,1180px);justify-content:center;min-width:0;width:100% }.ht-catalog-plan-browser>.ht-whmcs-toolbar-section { grid-column:1;margin:0;max-height:calc(100vh - 40px);overflow-y:auto;padding-right:5px;position:sticky;top:20px }.ht-catalog-plan-browser>.ht-catalog-plan-results { grid-column:2;min-width:0 }.ht-catalog-plan-results>.ht-whmcs-marketplace-head { margin-top:0 } }
@media (max-width:980px) { .ht-dedicated-hero { grid-template-columns:1fr }.ht-dedicated-highlights { grid-template-columns:repeat(2,minmax(0,1fr)) }.ht-dedicated-sales-grid { grid-template-columns:1fr } }
@media (max-width:700px) { .ht-dedicated-hero { border-radius:18px;padding:34px 18px }.ht-dedicated-visual { display:grid;gap:10px;grid-template-columns:1fr 1fr;min-height:0 }.ht-dedicated-core,.ht-dedicated-visual article { height:auto;left:auto;min-height:88px;position:relative;right:auto;top:auto;transform:none;width:auto }.ht-dedicated-core { grid-column:1 / -1 }.ht-dedicated-highlights,.ht-dedicated-sales-benefits,.ht-dedicated-faq>div { grid-template-columns:1fr }.ht-dedicated-after-plans { border-radius:18px;padding:40px 16px }.ht-dedicated-final-cta { align-items:stretch;flex-direction:column;text-align:center }.ht-dedicated-final-cta>a { justify-content:center } }

/* Premium post-plan VPS sales experience. */
.ht-vps-after-plans { background:linear-gradient(145deg,#fff 0%,#fbfaff 48%,#f7fbff 100%); border:1px solid rgba(103,78,224,.1); box-shadow:0 30px 80px rgba(32,35,78,.11); padding:clamp(58px,6vw,92px) clamp(24px,5vw,76px); position:relative; }
.ht-vps-after-plans::before,.ht-vps-after-plans::after { border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:0 }.ht-vps-after-plans::before { background:radial-gradient(circle,rgba(125,87,238,.12),transparent 68%);height:420px;right:-160px;top:-190px;width:420px }.ht-vps-after-plans::after { background:radial-gradient(circle,rgba(55,201,181,.09),transparent 68%);bottom:180px;height:360px;left:-170px;width:360px }.ht-vps-after-plans>* { position:relative;z-index:1 }
.ht-vps-sales-heading { margin-bottom:48px;max-width:850px }.ht-vps-sales-heading>span,.ht-vps-section-kicker { font-size:13px;letter-spacing:.14em }.ht-vps-sales-heading h2 { font-size:clamp(36px,4vw,56px);font-weight:750;letter-spacing:-.04em;margin:12px 0 18px }.ht-vps-sales-heading p { font-size:17px;line-height:1.75;margin:auto;max-width:720px }
.ht-vps-sales-benefits { gap:20px }.ht-vps-sales-benefits article { background:rgba(255,255,255,.88);border:1px solid #e4e4f2;border-radius:22px;box-shadow:0 12px 32px rgba(32,35,78,.07);gap:18px;min-height:146px;padding:25px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease }.ht-vps-sales-benefits article:hover { border-color:#cfc7f4;box-shadow:0 19px 42px rgba(67,51,148,.13);transform:translateY(-4px) }.ht-vps-sales-benefits article>.ht-vps-sales-icon { background:transparent!important;border:0;box-shadow:none;flex-basis:62px;height:62px;transform:none }.ht-vps-sales-icon img { height:58px;width:58px }.ht-vps-sales-benefits h3 { font-size:18px;font-weight:700;margin:3px 0 8px }.ht-vps-sales-benefits p { font-size:14px;line-height:1.65 }
.ht-vps-sales-grid { gap:26px;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);margin-top:58px }.ht-vps-compare-guide,.ht-vps-confidence { border:1px solid #e5e5f1;border-radius:26px;box-shadow:0 16px 40px rgba(32,35,78,.08);padding:36px }.ht-vps-compare-guide { background:linear-gradient(145deg,#f8f8ff,#f2f6ff) }.ht-vps-compare-guide h2,.ht-vps-confidence h2 { font-size:clamp(28px,2.5vw,38px);font-weight:700;letter-spacing:-.035em }.ht-vps-type-table { border-color:#dce1ee;border-radius:18px;box-shadow:0 7px 20px rgba(28,38,75,.05) }.ht-vps-type-table span,.ht-vps-type-table strong { font-size:14px;padding:17px 19px }.ht-vps-type-table strong { font-size:12px }.ht-vps-type-table span:first-child { font-weight:700 }
.ht-vps-confidence { background:linear-gradient(155deg,#172e60 0%,#2656ad 100%);border:0;box-shadow:0 22px 45px rgba(28,63,133,.25);overflow:hidden;position:relative }.ht-vps-confidence::after { background:rgba(255,255,255,.08);border-radius:50%;content:"";height:190px;position:absolute;right:-80px;top:-90px;width:190px }.ht-vps-confidence>* { position:relative;z-index:1 }.ht-vps-confidence li { font-size:14px;padding:14px 0 14px 30px }.ht-vps-confidence a,.ht-vps-final-cta>a { border-radius:14px;font-size:14px;font-weight:750;min-height:52px;padding:0 22px;transition:box-shadow .2s ease,transform .2s ease }.ht-vps-confidence a:hover,.ht-vps-final-cta>a:hover { box-shadow:0 10px 24px rgba(3,25,17,.2);transform:translateY(-2px) }
.ht-vps-faq { margin-top:70px }.ht-vps-faq>h2 { font-size:clamp(32px,3.4vw,48px);font-weight:700;letter-spacing:-.04em;margin-top:12px }.ht-vps-faq-grid { gap:16px;margin-top:34px }.ht-vps-faq details { background:rgba(255,255,255,.9);border-color:#e0e3ef;border-radius:18px;box-shadow:0 8px 23px rgba(31,38,77,.05);padding:0 22px;transition:border-color .2s ease,box-shadow .2s ease }.ht-vps-faq details:hover,.ht-vps-faq details[open] { border-color:#cfc8f3;box-shadow:0 13px 28px rgba(60,48,125,.1) }.ht-vps-faq summary { font-size:15px;font-weight:700;padding:21px 34px 21px 0 }.ht-vps-faq summary::after { background:#eeeaff;border-radius:50%;font-size:20px;height:28px;line-height:26px;right:0;text-align:center;top:17px;width:28px }.ht-vps-faq details p { font-size:14px;line-height:1.7;padding-bottom:22px }
.ht-vps-final-cta { background:linear-gradient(120deg,#574de8 0%,#8a43e5 55%,#c43fc0 100%);border-radius:28px;box-shadow:0 24px 50px rgba(104,63,205,.28);margin-top:64px;overflow:hidden;padding:42px 46px;position:relative }.ht-vps-final-cta::before { background:rgba(255,255,255,.11);border-radius:50%;content:"";height:270px;position:absolute;right:120px;top:-170px;width:270px }.ht-vps-final-cta>* { position:relative;z-index:1 }.ht-vps-final-cta h2 { font-size:clamp(28px,3vw,42px);font-weight:700;letter-spacing:-.035em }.ht-vps-final-cta p { font-size:15px;max-width:720px }.ht-vps-final-cta>a { min-width:205px }
@media (max-width:900px) { .ht-vps-sales-grid { grid-template-columns:1fr }.ht-vps-sales-heading h2 { font-size:40px } }
@media (max-width:600px) { .ht-vps-after-plans { padding:44px 16px }.ht-vps-sales-heading h2 { font-size:32px }.ht-vps-sales-heading p { font-size:15px }.ht-vps-sales-benefits article { min-height:0;padding:20px }.ht-vps-sales-benefits article>.ht-vps-sales-icon { flex-basis:52px;height:52px }.ht-vps-sales-icon img { height:48px;width:48px }.ht-vps-compare-guide,.ht-vps-confidence { padding:25px 18px }.ht-vps-type-table span,.ht-vps-type-table strong { font-size:12px;padding:14px 12px }.ht-vps-final-cta { padding:32px 20px } }

/* Premium dedicated-server sales redesign with modern SVG iconography. */
.ht-dedicated-hero { background:radial-gradient(circle at 7% 12%,rgba(39,181,255,.18),transparent 29%),radial-gradient(circle at 91% 86%,rgba(50,220,145,.16),transparent 27%),linear-gradient(135deg,#f5faff 0%,#f7f8ff 52%,#f3fff9 100%);border:1px solid rgba(16,93,150,.1);box-shadow:0 28px 75px rgba(18,54,92,.1);gap:clamp(38px,5vw,78px);padding:clamp(54px,6vw,92px) clamp(28px,6vw,92px) 38px;position:relative}.ht-dedicated-badge { align-items:center;background:rgba(255,255,255,.86);box-shadow:0 8px 24px rgba(13,84,139,.1);font-size:14px;gap:9px;padding:11px 18px}.ht-dedicated-badge::before { background:linear-gradient(135deg,#1595dd,#20c77d);border-radius:50%;box-shadow:0 0 0 5px rgba(26,170,162,.1);content:"";height:10px;width:10px}.ht-dedicated-hero h1 {font-size:clamp(44px,5vw,72px);font-weight:780;margin:26px 0 22px}.ht-dedicated-hero-copy>p {font-size:18px;max-width:700px}.ht-dedicated-hero-actions {gap:22px;margin-top:34px}.ht-dedicated-hero-actions a {border-radius:14px;font-size:15px;min-height:56px;padding:0 26px;transition:box-shadow .2s ease,transform .2s ease}.ht-dedicated-hero-actions a:hover {box-shadow:0 14px 28px rgba(15,82,135,.18);transform:translateY(-3px)}
.ht-dedicated-visual {min-height:450px}.ht-dedicated-core {background:linear-gradient(145deg,#0d3e73,#087fc1 55%,#0ca67f);border:5px solid rgba(255,255,255,.75);border-radius:30px;box-shadow:0 28px 55px rgba(8,76,130,.3);height:178px;width:218px}.ht-dedicated-core>span {align-items:center;background:rgba(255,255,255,.14);border-radius:18px;display:flex;height:70px;justify-content:center;width:70px}.ht-dedicated-core>span svg {fill:none;height:51px;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:51px}.ht-dedicated-core strong {font-size:20px}.ht-dedicated-core small {font-size:11px}.ht-dedicated-visual article {border-color:rgba(19,97,154,.11);border-radius:20px;box-shadow:0 15px 35px rgba(18,50,88,.12);min-height:92px;padding:15px;width:205px;transition:box-shadow .2s ease,transform .2s ease}.ht-dedicated-visual article:hover {box-shadow:0 22px 42px rgba(18,50,88,.17);transform:translateY(-4px)}.ht-dedicated-visual article>span {background:linear-gradient(145deg,#e6f7ff,#c8efff);border:1px solid rgba(7,139,202,.12);border-radius:14px;box-shadow:inset 0 1px 0 #fff;flex-basis:50px;height:50px}.ht-dedicated-visual article>span svg {fill:none;height:30px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:30px}.ht-dedicated-visual article strong {font-size:14px}.ht-dedicated-visual article small {font-size:10px}.ht-dedicated-visual .use-2>span,.ht-dedicated-visual .use-5>span {background:linear-gradient(145deg,#efffea,#cdf5db);color:#13a767}.ht-dedicated-visual .use-3>span,.ht-dedicated-visual .use-6>span {background:linear-gradient(145deg,#fff5e8,#ffe0b5);color:#ed8b25}.ht-dedicated-visual .use-4>span {background:linear-gradient(145deg,#f3efff,#dfd4ff);color:#7455df}
.ht-dedicated-highlights {gap:18px;margin-top:8px}.ht-dedicated-highlights>div {background:rgba(255,255,255,.76);border:1px solid rgba(22,82,126,.1);border-radius:17px;padding:19px 20px}.ht-dedicated-highlights strong {font-size:15px}.ht-dedicated-highlights span {font-size:12px}
.ht-dedicated-after-plans {background:linear-gradient(145deg,#fff,#f8fbff 55%,#f5fff9);border:1px solid rgba(13,96,155,.1);box-shadow:0 30px 80px rgba(20,51,89,.11);padding:clamp(60px,6vw,92px) clamp(24px,5vw,76px);position:relative}.ht-dedicated-after-plans>header {margin-bottom:48px}.ht-dedicated-after-plans>header>span,.ht-dedicated-kicker {font-size:13px;letter-spacing:.13em}.ht-dedicated-after-plans>header h2 {font-size:clamp(36px,4vw,56px);font-weight:740;letter-spacing:-.04em;margin:12px 0 18px}.ht-dedicated-after-plans>header p {font-size:17px;margin:auto;max-width:760px}
.ht-dedicated-sales-benefits {gap:20px}.ht-dedicated-sales-benefits article {background:rgba(255,255,255,.9);border-radius:22px;box-shadow:0 12px 32px rgba(25,54,89,.07);gap:18px;min-height:148px;padding:25px;transition:box-shadow .2s ease,transform .2s ease}.ht-dedicated-sales-benefits article:hover {box-shadow:0 20px 42px rgba(25,70,112,.14);transform:translateY(-4px)}.ht-dedicated-sales-benefits article>span {border-radius:15px;box-shadow:0 8px 18px rgba(7,122,175,.14),inset 0 1px 0 #fff;flex-basis:56px;height:56px}.ht-dedicated-sales-benefits article>span svg {fill:none;height:33px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:33px}.ht-dedicated-sales-benefits article:nth-child(2)>span,.ht-dedicated-sales-benefits article:nth-child(5)>span {background:linear-gradient(145deg,#f0edff,#ded4ff);color:#6f51dc}.ht-dedicated-sales-benefits article:nth-child(3)>span,.ht-dedicated-sales-benefits article:nth-child(6)>span {background:linear-gradient(145deg,#ecfff6,#c7f3dc);color:#13a767}.ht-dedicated-sales-benefits h3 {font-size:18px;font-weight:700}.ht-dedicated-sales-benefits p {font-size:14px;line-height:1.65}
.ht-dedicated-sales-grid {gap:26px;margin-top:58px}.ht-dedicated-sales-grid>section,.ht-dedicated-sales-grid>aside {border:1px solid #e0e8f0;border-radius:27px;box-shadow:0 16px 40px rgba(25,54,89,.08);padding:36px}.ht-dedicated-sales-grid>section {background:linear-gradient(145deg,#f7fbff,#f1f7fc)}.ht-dedicated-sales-grid h2 {font-size:clamp(28px,2.5vw,39px);font-weight:700;letter-spacing:-.035em}.ht-dedicated-profile-table {border-radius:18px;box-shadow:0 8px 22px rgba(25,54,89,.05)}.ht-dedicated-profile-table span,.ht-dedicated-profile-table strong {font-size:14px;padding:17px 19px}.ht-dedicated-sales-grid>aside {background:linear-gradient(150deg,#102e59,#087bc1 68%,#0a9b87);border:0;box-shadow:0 23px 48px rgba(13,78,130,.26)}.ht-dedicated-sales-grid li {font-size:14px;padding:14px 0 14px 30px}.ht-dedicated-sales-grid a,.ht-dedicated-final-cta>a {border-radius:14px;font-size:14px;min-height:52px;padding:0 22px;align-items:center;transition:box-shadow .2s ease,transform .2s ease}.ht-dedicated-sales-grid a:hover,.ht-dedicated-final-cta>a:hover {box-shadow:0 10px 24px rgba(3,44,30,.2);transform:translateY(-2px)}
.ht-dedicated-faq {margin-top:70px}.ht-dedicated-faq>h2 {font-size:clamp(32px,3.4vw,48px);font-weight:700;letter-spacing:-.04em}.ht-dedicated-faq>div {gap:16px;margin-top:34px}.ht-dedicated-faq details {background:rgba(255,255,255,.9);border-radius:18px;box-shadow:0 8px 23px rgba(25,54,89,.05);padding:0 22px}.ht-dedicated-faq summary {font-size:15px;padding:21px 0}.ht-dedicated-faq details p {font-size:14px;line-height:1.7;padding-bottom:22px}.ht-dedicated-final-cta {background:linear-gradient(120deg,#0b4079,#087fc1 55%,#0a9d83);border-radius:28px;box-shadow:0 25px 52px rgba(9,89,130,.28);margin-top:64px;padding:42px 46px}.ht-dedicated-final-cta h2 {font-size:clamp(28px,3vw,42px);font-weight:700}.ht-dedicated-final-cta p {font-size:15px}
@media (max-width:700px) {.ht-dedicated-hero {padding:42px 18px}.ht-dedicated-visual article:hover {transform:none}.ht-dedicated-after-plans {padding:44px 16px}.ht-dedicated-after-plans>header h2 {font-size:32px}.ht-dedicated-sales-benefits article {min-height:0;padding:20px}.ht-dedicated-sales-grid>section,.ht-dedicated-sales-grid>aside {padding:25px 18px}.ht-dedicated-profile-table span,.ht-dedicated-profile-table strong {font-size:12px;padding:14px 12px}.ht-dedicated-final-cta {padding:32px 20px}}
.ht-dedicated-hero-copy>h1:first-child {margin-top:0}.ht-dedicated-mindmap-lines {height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:0}.ht-dedicated-mindmap-lines path {fill:none;stroke-linecap:round;stroke-width:4}.ht-dedicated-mindmap-lines .line-1 {stroke:#1b9bd4}.ht-dedicated-mindmap-lines .line-2 {stroke:#28b978}.ht-dedicated-mindmap-lines .line-3 {stroke:#f39a35}.ht-dedicated-mindmap-lines .line-4 {stroke:#8661e8}.ht-dedicated-mindmap-lines .line-5 {stroke:#22aa82}.ht-dedicated-mindmap-lines .line-6 {stroke:#ef8a32}.ht-dedicated-mindmap-lines .line-7 {stroke:#e557a1}.ht-dedicated-core {width:190px}.ht-dedicated-visual article {width:180px;z-index:2}.ht-dedicated-visual .use-3 {left:-12px;top:40%}.ht-dedicated-visual .use-4 {right:-12px;top:40%}.ht-dedicated-visual .use-7 {left:50%;margin-left:-90px;top:-4%}.ht-dedicated-visual .use-7>span {background:linear-gradient(145deg,#fff0f8,#ffd3e9);color:#d94391}
@media (max-width:700px) {.ht-dedicated-mindmap-lines {display:none}}
@media (max-width:700px) {.ht-dedicated-visual .use-7 {margin-left:0}}
.ht-dedicated-highlights>div {align-items:center;display:flex;gap:14px}.ht-dedicated-highlights .ht-dedicated-highlight-icon {align-items:center;background:linear-gradient(145deg,#e4f5ff,#c9ebff);border-radius:14px;box-shadow:0 8px 20px rgba(12,120,184,.14),inset 0 1px 0 rgba(255,255,255,.9);display:flex;flex:0 0 50px;height:50px;justify-content:center;margin:0}.ht-dedicated-highlight-icon svg {fill:none;height:30px;stroke:#0784c8;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:30px}.ht-dedicated-highlights>div:nth-child(2) .ht-dedicated-highlight-icon {background:linear-gradient(145deg,#fff2d8,#ffd79b)}.ht-dedicated-highlights>div:nth-child(2) .ht-dedicated-highlight-icon svg {stroke:#ed8b25}.ht-dedicated-highlights>div:nth-child(3) .ht-dedicated-highlight-icon {background:linear-gradient(145deg,#e9e4ff,#d4c7ff)}.ht-dedicated-highlights>div:nth-child(3) .ht-dedicated-highlight-icon svg {stroke:#7353df}.ht-dedicated-highlights>div:nth-child(4) .ht-dedicated-highlight-icon {background:linear-gradient(145deg,#e2fff2,#bff1da)}.ht-dedicated-highlights>div:nth-child(4) .ht-dedicated-highlight-icon svg {stroke:#10a66b}.ht-dedicated-highlights .ht-dedicated-highlight-copy {margin:0;min-width:0}.ht-dedicated-highlights .ht-dedicated-highlight-copy strong {display:block}.ht-dedicated-highlights .ht-dedicated-highlight-copy small {color:#637791;display:block;font-size:12px;line-height:1.5;margin-top:5px}
.ht-dedicated-hero {border-left:0;border-radius:0;border-right:0;box-sizing:border-box;justify-self:start;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:none;padding-left:max(clamp(28px,6vw,92px),calc((100vw - 1500px)/2 + 28px));padding-right:max(clamp(28px,6vw,92px),calc((100vw - 1500px)/2 + 28px));width:100vw!important}
@media (max-width:700px) {.ht-dedicated-hero {margin-left:-12px;margin-right:-12px;padding-left:18px;padding-right:18px;width:calc(100% + 24px)!important}}
.ht-dedicated-visual article>span {flex-basis:58px;height:58px}.ht-dedicated-visual article>span svg {height:36px;width:36px}.ht-dedicated-highlights .ht-dedicated-highlight-icon {flex-basis:60px;height:60px}.ht-dedicated-highlight-icon svg {height:38px;width:38px}

/* Generated 3D image icons for the dedicated hero highlights. */
.ht-dedicated-highlights .ht-dedicated-highlight-icon {background:transparent!important;box-shadow:none!important;flex-basis:70px;height:70px}.ht-dedicated-highlight-icon img {display:block;height:68px;object-fit:contain;width:68px}
.ht-dedicated-visual article {box-sizing:border-box;width:205px}.ht-dedicated-visual .use-3 {left:-60px}.ht-dedicated-visual .use-4 {right:-60px}.ht-dedicated-visual .use-7 {margin-left:-102.5px}
@media (max-width:700px) {.ht-dedicated-visual article>span {flex-basis:52px;height:52px}.ht-dedicated-visual article>span svg {height:32px;width:32px}.ht-dedicated-highlights .ht-dedicated-highlight-icon {flex-basis:60px;height:60px}.ht-dedicated-highlight-icon img {height:58px;width:58px}}
@media (max-width:700px) {.ht-dedicated-visual article {width:auto}.ht-dedicated-visual .use-7 {margin-left:0}}
@media (max-width:700px) {.ht-dedicated-core {left:auto;margin-left:auto;margin-right:auto;right:auto;top:auto;transform:none;width:190px}.ht-dedicated-visual article,.ht-dedicated-visual .use-3,.ht-dedicated-visual .use-4,.ht-dedicated-visual .use-7 {bottom:auto;left:auto;margin-left:0;right:auto;top:auto;transform:none}}
.ht-dedicated-sales-benefits article>span {background:transparent!important;box-shadow:none!important;flex-basis:78px;height:78px}.ht-dedicated-sales-benefits article>span img {display:block;height:76px;object-fit:contain;width:76px}.ht-dedicated-sales-benefits article:nth-child(2)>span,.ht-dedicated-sales-benefits article:nth-child(3)>span,.ht-dedicated-sales-benefits article:nth-child(5)>span,.ht-dedicated-sales-benefits article:nth-child(6)>span {background:transparent!important}
@media (max-width:700px) {.ht-dedicated-sales-benefits article>span {flex-basis:68px;height:68px}.ht-dedicated-sales-benefits article>span img {height:66px;width:66px}}
.ht-dedicated-core>span {background:rgba(255,255,255,.1)}.ht-dedicated-core>span img {display:block;height:68px;object-fit:contain;width:68px}.ht-dedicated-visual article>span {background:transparent!important;border:0!important;box-shadow:none!important}.ht-dedicated-visual article>span img {display:block;height:56px;object-fit:contain;width:56px}
@media (max-width:700px) {.ht-dedicated-core>span img {height:64px;width:64px}.ht-dedicated-visual article>span img {height:50px;width:50px}}

/* Improve dedicated hero copy and mind-map label readability. */
.ht-dedicated-hero-copy>p {color:#405875;font-size:20px;font-weight:450;line-height:1.7}.ht-dedicated-core strong {font-size:22px;line-height:1.2}.ht-dedicated-core small {color:#eef8ff;font-size:12px;line-height:1.4;max-width:165px}.ht-dedicated-visual article {min-height:104px;padding:16px;width:215px}.ht-dedicated-visual article strong {color:#102743;font-size:15px;font-weight:700;line-height:1.25}.ht-dedicated-visual article small {color:#526780;font-size:11px;font-weight:450;line-height:1.4;margin-top:4px}.ht-dedicated-visual .use-7 {margin-left:-107.5px}
@media (max-width:700px) {.ht-dedicated-hero-copy>p {font-size:17px;line-height:1.65}.ht-dedicated-visual article {min-height:104px;width:auto}.ht-dedicated-visual article strong {font-size:14px}.ht-dedicated-visual article small {font-size:10.5px}.ht-dedicated-visual .use-7 {margin-left:0}}

/* Dynamic country badge for dedicated-server landing pages. */
.ht-dedicated-badge {align-items:center;background:#fff;border:1px solid #d8e3ef;border-radius:999px;box-shadow:0 9px 24px rgba(19,66,108,.1);color:#102743;display:inline-flex;font-size:15px;font-weight:750;gap:10px;padding:10px 17px}.ht-dedicated-badge::before {display:none}.ht-dedicated-badge>span {align-items:center;display:inline-flex;flex:0 0 auto}.ht-dedicated-badge img {border-radius:2px;display:block;height:20px;object-fit:cover;width:28px}
.ht-dedicated-visual .use-1 strong {font-size:14px;letter-spacing:-.01em;white-space:nowrap}
.ht-dedicated-visual .use-6 strong {font-size:14px;letter-spacing:-.01em;white-space:nowrap}
.ht-dedicated-badge {display:flex;margin-left:auto;margin-right:auto;max-width:100%;width:max-content}
.ht-dedicated-hero-actions {justify-content:center}

/* High-contrast, comfortably sized copy throughout the dedicated sales sections. */
.ht-dedicated-highlights strong {color:#102743;font-size:16px;font-weight:700;line-height:1.35}.ht-dedicated-highlights .ht-dedicated-highlight-copy small {color:#405875;font-size:14px;font-weight:450;line-height:1.55}.ht-dedicated-after-plans>header p {color:#405875;font-size:17px;font-weight:450;line-height:1.7}.ht-dedicated-sales-benefits h3 {color:#102743;font-size:19px;line-height:1.35}.ht-dedicated-sales-benefits p {color:#405875;font-size:15px;font-weight:450;line-height:1.65}.ht-dedicated-profile-table span {color:#405875;font-size:15px;font-weight:450;line-height:1.6}.ht-dedicated-profile-table span:first-child {color:#102743;font-weight:750}.ht-dedicated-faq summary {color:#102743;font-size:16px;line-height:1.45}.ht-dedicated-faq details p {color:#405875;font-size:15px;font-weight:450;line-height:1.75}

/* Dedicated catalog tablet and mobile refinement. */
@media (max-width:980px) {.ht-dedicated-hero-copy,.ht-dedicated-visual,.ht-dedicated-highlights {min-width:0}.ht-dedicated-hero-copy {text-align:center}.ht-dedicated-hero-copy>p {margin-left:auto;margin-right:auto}.ht-dedicated-visual {margin-left:auto;margin-right:auto;max-width:700px;width:100%}.ht-dedicated-visual .use-3 {left:0}.ht-dedicated-visual .use-4 {right:0}}
@media (max-width:900px) {.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card {grid-template-columns:1fr}.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-card-header {border-bottom:1px solid #e5e9ef;border-right:0;padding:0 0 14px}.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-specs {grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:none}.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec {grid-column:span 2}.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-storage {grid-column:span 4}.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-gpu {grid-column:span 2}.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-network,.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-datacenter {grid-column:span 3}.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-card-footer {grid-column:1;padding-top:16px}}
@media (max-width:700px) {.ht-dedicated-hero {margin-left:-12px;margin-right:-12px;max-width:calc(100% + 24px);width:calc(100% + 24px)!important}.ht-dedicated-hero-copy,.ht-dedicated-hero-copy>p,.ht-dedicated-hero-actions,.ht-dedicated-visual,.ht-dedicated-highlights {box-sizing:border-box;max-width:100%;width:100%}.ht-dedicated-hero h1 {font-size:clamp(31px,9vw,36px);letter-spacing:-.04em;overflow-wrap:break-word}.ht-dedicated-hero-actions a {max-width:100%;width:100%}.ht-dedicated-visual article {gap:8px;min-width:0;padding:12px}.ht-dedicated-visual article>span {flex-basis:44px;height:44px}.ht-dedicated-visual article>span img {height:44px;width:44px}.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-specs {grid-template-columns:repeat(2,minmax(0,1fr))}.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec,.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-sku,.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-storage,.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-gpu,.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-network,.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-datacenter {grid-column:span 2}.ht-dedicated-after-plans>header h2 {overflow-wrap:break-word}.ht-dedicated-sales-grid>section,.ht-dedicated-sales-grid>aside,.ht-dedicated-faq details {min-width:0}.ht-dedicated-profile-table>div {grid-template-columns:minmax(120px,.45fr) minmax(0,1fr)}}
@media (max-width:360px) {.ht-dedicated-profile-table>div {grid-template-columns:1fr}.ht-dedicated-profile-table>div:first-child {display:none}.ht-dedicated-profile-table span:first-child {background:#edf4fb;padding-bottom:7px}.ht-dedicated-profile-table span:last-child {padding-top:9px}}
.ht-dedicated-highlights {border-top:0}
@media (min-width:1451px) {.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-marketplace-head {grid-template-columns:auto minmax(0,1fr)}.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-marketplace-head p {font-size:12px;justify-self:end;letter-spacing:-.01em;max-width:100%;text-align:right;white-space:nowrap}}
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-results-count-footer {margin-top:32px}
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-toolbar {box-shadow:none}
.ht-dedicated-testimonials {margin-top:70px;text-align:center}.ht-dedicated-testimonials>h2 {color:#14233f;font-size:clamp(32px,3.4vw,48px);font-weight:700;letter-spacing:-.04em;line-height:1.15;margin:12px 0 0}.ht-dedicated-testimonials>div {display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px;text-align:left}.ht-dedicated-testimonials article {background:rgba(255,255,255,.94);border:1px solid #dfe8f1;border-radius:22px;box-shadow:0 14px 34px rgba(20,51,89,.08);display:flex;flex-direction:column;min-height:230px;padding:26px}.ht-dedicated-stars {align-items:center;display:flex;gap:12px}.ht-dedicated-stars span {color:#f5a623;font-size:20px;letter-spacing:2px;line-height:1}.ht-dedicated-stars strong {background:#fff5d9;border-radius:999px;color:#8a5a00;font-size:12px;padding:5px 8px}.ht-dedicated-testimonials blockquote {color:#29435f;font-size:16px;font-style:normal;line-height:1.75;margin:22px 0 24px}.ht-dedicated-testimonials footer {align-items:center;border-top:1px solid #e5ebf1;display:flex;gap:9px;margin-top:auto;padding-top:18px}.ht-dedicated-testimonials footer span {align-items:center;background:#dff8e9;border-radius:50%;color:#079553;display:flex;font-size:12px;font-weight:900;height:24px;justify-content:center;width:24px}.ht-dedicated-testimonials footer strong {color:#102743;font-size:14px}.ht-dedicated-testimonials+.ht-dedicated-final-cta {margin-top:54px}@media (max-width:900px) {.ht-dedicated-testimonials>div {grid-template-columns:1fr}.ht-dedicated-testimonials article {min-height:0}}@media (max-width:700px) {.ht-dedicated-testimonials {margin-top:54px}.ht-dedicated-testimonials>h2 {font-size:32px}.ht-dedicated-testimonials article {padding:22px}.ht-dedicated-testimonials blockquote {font-size:15px}}

/* High-contrast VPS copy for comfortable reading on light sales backgrounds. */
.ht-vps-hero-copy>p {color:#344966;font-size:17px;font-weight:500;line-height:1.75}.ht-vps-use-card {gap:10px;padding:9px 10px;width:158px}.ht-vps-use-card strong {color:#10223f;font-size:12.5px;font-weight:750;line-height:1.25}.ht-vps-use-card small {color:#445a77;font-size:10px;font-weight:500;line-height:1.35}.ht-vps-benefit strong {color:#10223f;font-size:15px;font-weight:750}.ht-vps-benefit small {color:#405674;font-size:12.5px;font-weight:500;line-height:1.5}.ht-vps-sales-heading p {color:#435876;font-size:17px;font-weight:500;line-height:1.7}.ht-vps-sales-benefits h3 {color:#10223f;font-weight:750}.ht-vps-sales-benefits p {color:#435876;font-size:14px;font-weight:500;line-height:1.6}.ht-vps-type-table span {color:#405674;font-size:14px;font-weight:500;line-height:1.55}.ht-vps-type-table span:first-child {color:#10223f;font-weight:800}
@media (max-width:600px) {.ht-vps-hero-copy>p,.ht-vps-sales-heading p {font-size:15px}.ht-vps-use-card {width:auto}.ht-vps-use-card strong {font-size:12px}.ht-vps-use-card small {font-size:10px}.ht-vps-benefit small {font-size:12px}}

/* Generated WebP artwork for the VPS benefit strip; remove its upper divider. */
.ht-vps-benefits {border-top:0;padding-top:0}.ht-vps-benefit {align-items:center}.ht-vps-benefit>span {background:transparent!important;border:0!important;border-radius:0;flex-basis:64px;height:64px}.ht-vps-benefit>span img {display:block;height:62px;object-fit:contain;width:62px}
@media (max-width:600px) {.ht-vps-benefit>span {flex-basis:56px;height:56px}.ht-vps-benefit>span img {height:54px;width:54px}}

/* Continue the dedicated hero atmosphere through the pricing and plan area. */
.ht-marketplace.ht-dedicated-marketplace {background:radial-gradient(circle at 7% 5%,rgba(39,181,255,.17),transparent 27%),radial-gradient(circle at 92% 17%,rgba(50,220,145,.16),transparent 26%),linear-gradient(180deg,#f5faff 0%,#f6f9ff 52%,#f7f9fc 100%)}.ht-marketplace.ht-dedicated-marketplace .ht-dedicated-hero {background:transparent}

@media (min-width:1200px) {.ht-marketplace.ht-vps-marketplace .ht-whmcs-marketplace-head p {font-size:12px;letter-spacing:-.015em;max-width:none;white-space:nowrap}}

/* Keep the VPS catalog heading on the left and its summary on the right. */
@media (min-width:1200px) {
	.ht-marketplace.ht-vps-marketplace .ht-whmcs-marketplace-head {grid-template-columns:auto minmax(0,1fr)}
	.ht-marketplace.ht-vps-marketplace .ht-whmcs-marketplace-head > div {grid-column:1;grid-row:1}
	.ht-marketplace.ht-vps-marketplace .ht-whmcs-marketplace-head > p {grid-column:2;grid-row:1;justify-self:end;text-align:right}
}

/* Give the VPS result summary clear breathing room above and below. */
.ht-marketplace.ht-vps-marketplace .ht-whmcs-results-count-footer {margin:0;padding-top:24px}
.ht-marketplace.ht-vps-marketplace .ht-whmcs-results-count-footer + .ht-whmcs-load-more {margin-top:14px}
@media (max-width:700px) {
	.ht-marketplace.ht-vps-marketplace .ht-whmcs-results-count-footer {padding-top:18px}
	.ht-marketplace.ht-vps-marketplace .ht-whmcs-results-count-footer + .ht-whmcs-load-more {margin-top:12px}
}

.ht-vps-testimonials {margin-top:70px;text-align:center}.ht-vps-testimonials>h2 {color:#14233f;font-size:clamp(32px,3.4vw,48px);font-weight:700;letter-spacing:-.04em;line-height:1.15;margin:12px 0 0}.ht-vps-testimonials>div {display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px;text-align:left}.ht-vps-testimonials article {background:rgba(255,255,255,.94);border:1px solid #e1dff1;border-radius:22px;box-shadow:0 14px 34px rgba(54,40,112,.08);display:flex;flex-direction:column;min-height:230px;padding:26px}.ht-vps-stars {align-items:center;display:flex;gap:12px}.ht-vps-stars span {color:#f5a623;font-size:20px;letter-spacing:2px;line-height:1}.ht-vps-stars strong {background:#fff5d9;border-radius:999px;color:#8a5a00;font-size:12px;padding:5px 8px}.ht-vps-testimonials blockquote {color:#334867;font-size:16px;font-style:normal;line-height:1.75;margin:22px 0 24px}.ht-vps-testimonials footer {align-items:center;border-top:1px solid #e7e5f0;display:flex;gap:9px;margin-top:auto;padding-top:18px}.ht-vps-testimonials footer span {align-items:center;background:#eee9ff;border-radius:50%;color:#6945db;display:flex;font-size:12px;font-weight:900;height:24px;justify-content:center;width:24px}.ht-vps-testimonials footer strong {color:#10223f;font-size:14px}.ht-vps-testimonials+.ht-vps-final-cta {margin-top:54px}@media (max-width:900px) {.ht-vps-testimonials>div {grid-template-columns:repeat(2,minmax(0,1fr))}.ht-vps-testimonials article {min-height:0}}@media (max-width:600px) {.ht-vps-testimonials {margin-top:54px}.ht-vps-testimonials>div {grid-template-columns:1fr}.ht-vps-testimonials>h2 {font-size:32px}.ht-vps-testimonials article {padding:22px}.ht-vps-testimonials blockquote {font-size:15px}}

/* Free consultation callouts shared by the VPS and dedicated catalogs. */
.ht-consultation-cta{align-items:center;background:#fff;border:1px solid rgba(87,77,232,.17);border-radius:26px;box-shadow:0 18px 44px rgba(32,45,83,.1);display:grid;gap:22px;grid-template-columns:auto minmax(0,1fr) auto;margin-top:54px;overflow:hidden;padding:30px 32px;position:relative;text-align:left}.ht-consultation-cta:before{background:radial-gradient(circle,rgba(120,90,238,.16),transparent 68%);border-radius:50%;content:"";height:220px;pointer-events:none;position:absolute;right:-85px;top:-110px;width:220px}.ht-consultation-cta>*{position:relative;z-index:1}.ht-consultation-icon{align-items:center;background:linear-gradient(145deg,#ede8ff,#dceeff);border-radius:18px;color:#6546dc;display:flex;height:68px;justify-content:center;width:68px}.ht-consultation-icon svg{fill:none;height:34px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:34px}.ht-consultation-copy>span{color:#7049dc;display:block;font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.ht-consultation-cta h2{color:#14233f;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.025em;line-height:1.15;margin:6px 0 8px}.ht-consultation-cta p{color:#405875;font-size:14px;line-height:1.65;margin:0;max-width:720px}.ht-consultation-cta ul{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:14px 0 0;padding:0}.ht-consultation-cta li{color:#314a68;font-size:12px;font-weight:700;padding-left:18px;position:relative}.ht-consultation-cta li:before{color:#19ad6b;content:"✓";font-weight:900;left:0;position:absolute}.ht-consultation-cta>a{align-items:center;background:linear-gradient(120deg,#684ee8,#9147dc);border-radius:14px;box-shadow:0 12px 24px rgba(102,73,218,.22);color:#fff!important;display:inline-flex;font-size:14px;font-weight:850;gap:15px;justify-content:center;min-height:54px;padding:0 23px;text-decoration:none!important;white-space:nowrap}.ht-consultation-cta>a:hover{box-shadow:0 16px 30px rgba(102,73,218,.3);transform:translateY(-2px)}.ht-dedicated-consultation{border-color:rgba(8,123,193,.17)}.ht-dedicated-consultation:before{background:radial-gradient(circle,rgba(13,190,155,.15),transparent 68%)}.ht-dedicated-consultation .ht-consultation-icon{background:linear-gradient(145deg,#ddf5ff,#dff9ec);color:#087bc1}.ht-dedicated-consultation .ht-consultation-copy>span{color:#087bc1}.ht-dedicated-consultation>a{background:linear-gradient(120deg,#087bc1,#0aaa7f);box-shadow:0 12px 24px rgba(8,123,193,.2)}.ht-consultation-cta+.ht-vps-final-cta,.ht-consultation-cta+.ht-dedicated-final-cta{margin-top:28px}@media (max-width:900px){.ht-consultation-cta{grid-template-columns:auto minmax(0,1fr)}.ht-consultation-cta>a{grid-column:2;justify-self:start}}@media (max-width:600px){.ht-consultation-cta{grid-template-columns:1fr;margin-top:44px;padding:26px 20px;text-align:center}.ht-consultation-icon{justify-self:center}.ht-consultation-cta ul{justify-content:center}.ht-consultation-cta>a{grid-column:1;justify-self:stretch;width:100%}}

/* Dissolve the remaining hero-to-catalog separation band. */
.ht-marketplace.ht-dedicated-marketplace .ht-dedicated-hero {border-bottom:0;border-top:0;box-shadow:none;margin-bottom:0}

/* Keep the longer VPS mind-map titles on one clean line. */
.ht-vps-use-card.use-3 strong,.ht-vps-use-card.use-4 strong,.ht-vps-use-card.use-8 strong,.ht-vps-use-card.use-9 strong {font-size:11px;letter-spacing:-.015em;white-space:nowrap}

/* Rich, cohesive color wash across the complete VPS landing page. */
.ht-marketplace.ht-vps-marketplace {
	background-color:#f8f7ff;
	background-image:
		radial-gradient(ellipse 52% 14% at 3% 5%,rgba(56,189,248,.24),transparent 72%),
		radial-gradient(ellipse 48% 15% at 97% 13%,rgba(244,114,182,.19),transparent 72%),
		radial-gradient(ellipse 50% 16% at 2% 36%,rgba(129,140,248,.18),transparent 74%),
		radial-gradient(ellipse 48% 16% at 98% 49%,rgba(45,212,191,.19),transparent 73%),
		radial-gradient(ellipse 50% 17% at 4% 72%,rgba(192,132,252,.17),transparent 74%),
		radial-gradient(ellipse 48% 15% at 96% 88%,rgba(251,146,60,.14),transparent 73%),
		linear-gradient(180deg,#f6f4ff 0%,#f4fbff 32%,#f9f6ff 66%,#fff9f3 100%);
}
.ht-marketplace.ht-vps-marketplace .ht-whmcs-toolbar-section {background:rgba(255,255,255,.9);backdrop-filter:blur(12px)}
.ht-marketplace.ht-vps-marketplace .ht-vps-after-plans {background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(249,247,255,.93) 48%,rgba(244,252,255,.94))}
@media (max-width:700px) {
	.ht-marketplace.ht-vps-marketplace {background-image:radial-gradient(circle at 0 6%,rgba(56,189,248,.22),transparent 24%),radial-gradient(circle at 100% 31%,rgba(244,114,182,.16),transparent 26%),radial-gradient(circle at 0 62%,rgba(139,92,246,.16),transparent 25%),radial-gradient(circle at 100% 88%,rgba(45,212,191,.17),transparent 24%),linear-gradient(180deg,#f7f5ff,#f5fbff 45%,#fff9f4)}
}

/* Keep the dedicated Additional IP label and every availability value on one line. */
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-spec-ipv4 .ht-whmcs-spec-label {font-size:9px;letter-spacing:-.015em;padding-right:24px;white-space:nowrap}
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-spec-ipv4 .ht-whmcs-spec-value {font-size:12px;letter-spacing:-.02em;overflow-wrap:normal;white-space:nowrap;word-break:normal}

/* Add breathing room below the dedicated result summary. */
.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-results-count-footer + .ht-whmcs-load-more {margin-top:14px}
@media (max-width:700px) {.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-results-count-footer + .ht-whmcs-load-more {margin-top:12px}}

/* Cross-device containment and touch refinements for both storefronts. */
.ht-marketplace,
.ht-marketplace > *,
.ht-catalog-plan-browser,
.ht-catalog-plan-results,
.ht-vps-plan-browser,
.ht-vps-plan-results,
.ht-whmcs-toolbar-section,
.ht-whmcs-marketplace-head,
.ht-whmcs-premium-card,
.ht-whmcs-premium-card > *,
.ht-vps-after-plans,
.ht-dedicated-after-plans {min-width:0;max-width:100%}
.ht-marketplace {overflow-x:clip}
.ht-marketplace :where(h1,h2,h3,p,blockquote,strong,small,span,a) {overflow-wrap:break-word}
.ht-marketplace :where(button,a,input,select) {touch-action:manipulation}

@media (min-width:761px) and (max-width:1199px) {
	.ht-marketplace {padding-left:clamp(18px,3vw,34px);padding-right:clamp(18px,3vw,34px)}
	.ht-marketplace .ht-whmcs-toolbar-section {width:100%}
	.ht-marketplace .ht-whmcs-marketplace-head {align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
	.ht-marketplace .ht-whmcs-marketplace-head p {margin:0;max-width:760px}
	.ht-vps-hero,.ht-dedicated-hero {max-width:100%;overflow:hidden}
	.ht-vps-after-plans,.ht-dedicated-after-plans {padding-left:clamp(22px,4vw,42px);padding-right:clamp(22px,4vw,42px)}
}

@media (max-width:760px) {
	.ht-marketplace {padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
	.ht-marketplace .ht-whmcs-filter-toggle {align-items:center;justify-content:center;min-height:48px;text-align:center;width:100%}
	.ht-marketplace .ht-whmcs-marketplace-head {align-items:center;gap:8px;margin-bottom:20px;text-align:center;width:100%}
	.ht-marketplace .ht-whmcs-marketplace-head > div {width:100%}
	.ht-marketplace .ht-whmcs-marketplace-head h2 {font-size:clamp(25px,7.5vw,32px);line-height:1.15;margin:0;white-space:normal}
	.ht-marketplace .ht-whmcs-marketplace-head p {font-size:13px;line-height:1.55;margin:0 auto;max-width:100%;white-space:normal}
	.ht-marketplace .ht-whmcs-toolbar,.ht-marketplace .ht-whmcs-filters {width:100%}
	.ht-marketplace .ht-whmcs-control {font-size:16px;min-height:46px}
	.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-title {font-size:15px;line-height:1.3;max-width:100%;overflow-wrap:anywhere}
	.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-card-header {min-width:0;text-align:center}
	.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-card-footer {min-width:0;width:100%}
	.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-actions {gap:10px}
	.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-configure-button {width:100%}
	.ht-marketplace .ht-whmcs-results-count-footer {font-size:13px;line-height:1.45;text-align:center}
	.ht-marketplace .ht-whmcs-load-more {min-height:46px;min-width:132px}
	.ht-vps-hero,.ht-dedicated-hero {max-width:calc(100% + 24px);overflow:hidden}
	.ht-vps-hero-copy,.ht-dedicated-hero-copy {min-width:0;width:100%}
	.ht-vps-use-grid,.ht-dedicated-visual {max-width:100%;min-width:0}
	.ht-vps-after-plans,.ht-dedicated-after-plans {max-width:100%;overflow:hidden}
	.ht-vps-testimonials article,.ht-dedicated-testimonials article {max-width:100%;min-width:0}
	.ht-consultation-cta {max-width:100%}
}

@media (max-width:380px) {
	.ht-marketplace {padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
	.ht-marketplace .ht-whmcs-premium-card {padding:10px}
	.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-specs,
	.ht-marketplace.ht-vps-marketplace .ht-whmcs-premium-card .ht-whmcs-specs,
	.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-specs {grid-template-columns:1fr}
	.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec,
	.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec.is-wide,
	.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-sku,
	.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec {grid-column:auto}
	.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-label {font-size:10px}
	.ht-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-value {font-size:13px;overflow-wrap:anywhere;white-space:normal}
	.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-spec-ipv4 .ht-whmcs-spec-label,
	.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-spec-ipv4 .ht-whmcs-spec-value {white-space:normal}
	.ht-vps-use-grid,.ht-dedicated-visual {grid-template-columns:1fr}
	.ht-vps-mindmap-center,.ht-dedicated-core {grid-column:1}
	.ht-vps-hero-copy h1,.ht-dedicated-hero h1 {font-size:clamp(28px,9vw,33px)}
	.ht-vps-testimonials>h2,.ht-dedicated-testimonials>h2 {font-size:28px}
	.ht-consultation-cta {padding:24px 16px}
}

/* Mobile mind maps: fully clear every desktop coordinate and avoid clipped cards. */
@media (max-width:600px) {
	.ht-vps-hero-main {gap:18px}
	.ht-vps-hero-visual {overflow:hidden;padding:8px 0}
	.ht-vps-use-grid {display:grid;gap:10px;grid-template-columns:1fr;min-height:0;width:100%}
	.ht-dedicated-visual {display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;width:100%}
	.ht-vps-mindmap-center {grid-column:1;margin:0;max-width:100%;width:100%}
	.ht-dedicated-core {grid-column:1 / -1;margin:0;max-width:100%;width:100%}
	.ht-vps-use-grid .ht-vps-use-card,
	.ht-vps-use-grid .ht-vps-use-card:hover,
	.ht-vps-use-grid .ht-vps-use-card.use-1,
	.ht-vps-use-grid .ht-vps-use-card.use-2,
	.ht-vps-use-grid .ht-vps-use-card.use-3,
	.ht-vps-use-grid .ht-vps-use-card.use-4,
	.ht-vps-use-grid .ht-vps-use-card.use-5,
	.ht-vps-use-grid .ht-vps-use-card.use-6,
	.ht-vps-use-grid .ht-vps-use-card.use-7,
	.ht-vps-use-grid .ht-vps-use-card.use-8,
	.ht-vps-use-grid .ht-vps-use-card.use-9 {bottom:auto;grid-column:1;height:auto;left:auto;margin:0;min-height:76px;position:relative;right:auto;top:auto;transform:none;width:100%}
	.ht-vps-use-grid .ht-vps-use-card strong,
	.ht-vps-use-grid .ht-vps-use-card small {overflow-wrap:break-word;white-space:normal}
	.ht-vps-use-grid .ht-vps-use-card > div {min-width:0}
	.ht-dedicated-visual article,
	.ht-dedicated-visual .use-1,
	.ht-dedicated-visual .use-2,
	.ht-dedicated-visual .use-3,
	.ht-dedicated-visual .use-4,
	.ht-dedicated-visual .use-5,
	.ht-dedicated-visual .use-6,
	.ht-dedicated-visual .use-7 {bottom:auto;grid-column:auto;left:auto;margin:0;min-height:92px;position:relative;right:auto;top:auto;transform:none;width:100%}
	.ht-dedicated-visual article {grid-column:auto}
	.ht-dedicated-visual .use-7:last-child {grid-column:1 / -1;justify-self:center;max-width:calc(50% - 5px)}
	.ht-dedicated-visual article strong,
	.ht-dedicated-visual article small {overflow-wrap:break-word;white-space:normal}
	.ht-dedicated-visual article > div {min-width:0}
}

/* Preserve the compact VPS mind-map composition on phones. */
@media (max-width:600px) {
	.ht-vps-hero-visual {padding:8px 0;overflow:visible}
	.ht-vps-use-grid {aspect-ratio:700 / 600;display:block;margin:0 auto;min-height:0;overflow:visible;position:relative;width:100%}
	.ht-vps-mindmap-links {display:block;height:100%;inset:0;overflow:visible;position:absolute;width:100%}
	.ht-vps-mindmap-links path {stroke-width:3}
	.ht-vps-mindmap-center {border-radius:18px;display:flex;grid-column:auto;height:23%;left:50%;margin:0;padding:5px;position:absolute;top:50%;transform:translate(-50%,-50%);width:31%;z-index:3}
	.ht-vps-mindmap-center>span {height:40%;margin-bottom:2px;width:40%}
	.ht-vps-mindmap-center>span img {height:100%;width:100%}
	.ht-vps-mindmap-center strong {font-size:clamp(12px,4vw,17px);line-height:1.1}
	.ht-vps-mindmap-center small {font-size:clamp(7px,2.25vw,10px);line-height:1.2;margin-top:3px;white-space:nowrap}
	.ht-vps-use-grid .ht-vps-use-card,
	.ht-vps-use-grid .ht-vps-use-card:hover {border-radius:12px;display:flex;gap:4px;height:13%;margin:0;min-height:0;padding:4px;position:absolute;transform:translate(-50%,-50%);width:25%;z-index:2}
	.ht-vps-use-grid .ht-vps-use-card.use-1 {left:50%;top:9%}
	.ht-vps-use-grid .ht-vps-use-card.use-2 {left:77%;top:20%}
	.ht-vps-use-grid .ht-vps-use-card.use-3 {left:87%;top:44%}
	.ht-vps-use-grid .ht-vps-use-card.use-4 {left:80%;top:70%}
	.ht-vps-use-grid .ht-vps-use-card.use-5 {left:64%;top:89%}
	.ht-vps-use-grid .ht-vps-use-card.use-6 {left:36%;top:89%}
	.ht-vps-use-grid .ht-vps-use-card.use-7 {left:20%;top:70%}
	.ht-vps-use-grid .ht-vps-use-card.use-8 {left:13%;top:44%}
	.ht-vps-use-grid .ht-vps-use-card.use-9 {left:23%;top:20%}
	.ht-vps-use-grid .ht-vps-use-card>span {flex:0 0 34%;height:auto;max-width:42px;width:34%}
	.ht-vps-use-grid .ht-vps-use-card>span img {height:auto;max-height:42px;width:100%}
	.ht-vps-use-grid .ht-vps-use-card>div {min-width:0}
	.ht-vps-use-grid .ht-vps-use-card strong {font-size:clamp(7px,2.15vw,10px);letter-spacing:-.02em;line-height:1.1;white-space:nowrap}
	.ht-vps-use-grid .ht-vps-use-card small {font-size:clamp(6px,1.75vw,8px);line-height:1.15;margin-top:2px;white-space:normal}
}

@media (max-width:360px) {
	.ht-vps-use-grid .ht-vps-use-card {width:26%}
	.ht-vps-use-grid .ht-vps-use-card strong {font-size:7px}
	.ht-vps-use-grid .ht-vps-use-card small {font-size:6px}
}

/* Restore the original contained dedicated hero on desktop. */
html body .ht-whmcs-back-to-top {align-items:center!important;appearance:none!important;background:linear-gradient(135deg,#0b4786,#08a879)!important;border:0!important;border-radius:50%!important;bottom:24px!important;box-shadow:0 12px 28px rgba(8,52,93,.28)!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;display:flex!important;float:none!important;font-size:27px!important;font-weight:800!important;height:52px!important;inset-block-start:auto!important;inset-inline-end:auto!important;justify-content:center!important;left:max(18px,env(safe-area-inset-left))!important;line-height:1!important;margin:0!important;max-height:52px!important;max-width:52px!important;min-height:52px!important;min-width:52px!important;opacity:1;padding:0!important;position:fixed!important;right:auto!important;top:auto!important;transform:translateY(0);transition:opacity .2s ease,transform .2s ease;visibility:visible;width:52px!important;z-index:99999!important}
html body .ht-whmcs-back-to-top[hidden] {display:flex!important;opacity:0;pointer-events:none;transform:translateY(14px);visibility:hidden}
html body .ht-whmcs-back-to-top:hover {transform:translateY(-3px)}
html body .ht-whmcs-back-to-top:focus-visible {outline:3px solid #fbbf24!important;outline-offset:3px}
@media (max-width:600px) {html body .ht-whmcs-back-to-top {bottom:18px!important;height:46px!important;left:max(12px,env(safe-area-inset-left))!important;max-height:46px!important;max-width:46px!important;min-height:46px!important;min-width:46px!important;width:46px!important}}

/* Restore the original contained dedicated hero on desktop. */
@media (min-width:981px) {
	.ht-marketplace.ht-dedicated-marketplace .ht-dedicated-hero {background:radial-gradient(circle at 7% 12%,rgba(39,181,255,.18),transparent 29%),radial-gradient(circle at 91% 86%,rgba(50,220,145,.16),transparent 27%),linear-gradient(135deg,#f5faff 0%,#f7f8ff 52%,#f3fff9 100%);border:1px solid rgba(16,93,150,.1);border-radius:28px;box-shadow:0 22px 60px rgba(18,54,92,.09);gap:clamp(34px,4vw,62px);grid-template-columns:minmax(360px,.9fr) minmax(560px,1.1fr);justify-self:center;margin:0 auto 34px;max-width:1500px;overflow:hidden;padding:clamp(46px,4.5vw,68px) clamp(30px,4.5vw,68px) 34px;width:calc(100% - 48px)!important}
	.ht-marketplace.ht-dedicated-marketplace .ht-dedicated-hero-copy {max-width:560px}
	.ht-marketplace.ht-dedicated-marketplace .ht-dedicated-hero h1 {font-size:clamp(44px,3.6vw,58px);line-height:1.05;margin:24px 0 20px}
	.ht-marketplace.ht-dedicated-marketplace .ht-dedicated-heading-line {display:block;white-space:nowrap}
	.ht-marketplace.ht-dedicated-marketplace .ht-dedicated-hero-copy>p {font-size:17px;line-height:1.7;max-width:540px}
	.ht-marketplace.ht-dedicated-marketplace .ht-dedicated-visual {justify-self:center;max-width:700px;width:100%}
}

/* Keep the compact VPS map isolated above mobile benefits despite older grid rules. */
@media (max-width:600px) {
	.ht-vps-hero-visual {overflow:hidden}
	.ht-vps-use-grid {contain:layout paint;display:block!important;isolation:isolate;overflow:hidden}
	.ht-vps-use-grid .ht-vps-use-card,
	.ht-vps-use-grid .ht-vps-use-card:hover,
	.ht-vps-use-grid .ht-vps-use-card.use-1,
	.ht-vps-use-grid .ht-vps-use-card.use-2,
	.ht-vps-use-grid .ht-vps-use-card.use-3,
	.ht-vps-use-grid .ht-vps-use-card.use-4,
	.ht-vps-use-grid .ht-vps-use-card.use-5,
	.ht-vps-use-grid .ht-vps-use-card.use-6,
	.ht-vps-use-grid .ht-vps-use-card.use-7,
	.ht-vps-use-grid .ht-vps-use-card.use-8,
	.ht-vps-use-grid .ht-vps-use-card.use-9 {bottom:auto!important;grid-column:auto!important;margin:0!important;position:absolute!important;right:auto!important;transform:translate(-50%,-50%)!important;width:24%}
	.ht-vps-use-grid .ht-vps-use-card.use-1 {left:50%!important;top:9%!important}
	.ht-vps-use-grid .ht-vps-use-card.use-2 {left:76%!important;top:20%!important}
	.ht-vps-use-grid .ht-vps-use-card.use-3 {left:86%!important;top:44%!important}
	.ht-vps-use-grid .ht-vps-use-card.use-4 {left:79%!important;top:69%!important}
	.ht-vps-use-grid .ht-vps-use-card.use-5 {left:63%!important;top:88%!important}
	.ht-vps-use-grid .ht-vps-use-card.use-6 {left:37%!important;top:88%!important}
	.ht-vps-use-grid .ht-vps-use-card.use-7 {left:21%!important;top:69%!important}
	.ht-vps-use-grid .ht-vps-use-card.use-8 {left:14%!important;top:44%!important}
	.ht-vps-use-grid .ht-vps-use-card.use-9 {left:24%!important;top:20%!important}
	.ht-vps-mindmap-center {position:absolute!important}
	.ht-vps-benefits {clear:both;margin-top:22px;position:relative;z-index:2}
}

/* Mobile heroes use focused copy and actions without the decorative mind maps. */
@media (max-width:600px) {
	.ht-vps-hero-visual,
	.ht-dedicated-visual {display:none!important}
	.ht-vps-hero-main,
	.ht-dedicated-hero {grid-template-columns:1fr}
	.ht-vps-benefits {margin-top:24px}
}

/* Dedicated mobile plan specifications: two cards per row, with Storage full width. */
@media (max-width:700px) {
	.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-specs {grid-template-columns:repeat(2,minmax(0,1fr))}
	.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec,
	.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec.is-wide,
	.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-sku {grid-column:span 1}
	.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-storage {grid-column:1 / -1}
}

/* Dedicated iPad/tablet layout: readable two-column plan and benefit cards. */
@media (min-width:701px) and (max-width:900px) {
	.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-specs {grid-template-columns:repeat(2,minmax(0,1fr))}
	.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec,
	.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec.is-wide,
	.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-sku {grid-column:span 1}
	.ht-marketplace.ht-dedicated-marketplace .ht-whmcs-premium-card .ht-whmcs-spec-storage {grid-column:1 / -1}
	.ht-dedicated-sales-benefits {grid-template-columns:repeat(2,minmax(0,1fr))}
	.ht-dedicated-sales-benefits article {gap:12px;min-height:0;padding:18px}
	.ht-dedicated-sales-benefits article>span {flex-basis:62px;height:62px}
	.ht-dedicated-sales-benefits article>span img {height:60px;width:60px}
	.ht-dedicated-sales-benefits h3 {font-size:16px}
	.ht-dedicated-sales-benefits p {font-size:13px;line-height:1.55}
}