:root {
	--seoshifter-midnight-navy: #050a30;
	--seoshifter-signal-blue: #2563eb;
	--seoshifter-primary-violet: #a855f7;
	--seoshifter-violet-hover: #9333ea;
	--seoshifter-focus-violet: #c084fc;
	--seoshifter-ai-cyan: #06b6d4;
	--seoshifter-main-text: #111827;
	--seoshifter-secondary-text: #64748b;
	--seoshifter-light-background: #f8fafc;
	--seoshifter-white: #fff;
	--seoshifter-border: #e2e8f0;
	--seoshifter-content-width: 1200px;
	--seoshifter-reading-width: 720px;
	--seoshifter-gutter: 32px;
	--seoshifter-section-spacing: 104px;
	--seoshifter-grid-gap: 24px;
	--seoshifter-card-padding: 30px;
	--seoshifter-card-radius: 16px;
	--seoshifter-button-radius: 8px;
}

body {
	color: var(--seoshifter-main-text);
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.65;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--seoshifter-midnight-navy);
	font-family: "Plus Jakarta Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-weight: 700;
	line-height: 1.14;
}

h1 { font-size: 54px; }
h2 { font-size: 40px; }
h3 { font-size: 28px; }
h4 { font-size: 22px; }

.wp-block-button__link,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	align-items: center;
	background: var(--seoshifter-primary-violet);
	border: 2px solid transparent;
	border-radius: var(--seoshifter-button-radius);
	color: var(--seoshifter-white);
	display: inline-flex;
	font-weight: 600;
	justify-content: center;
	min-height: 48px;
	padding: 10px 24px;
	text-decoration: none;
	box-shadow: 0 12px 24px rgba(168, 85, 247, 0.24);
	transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.wp-block-button__link:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: var(--seoshifter-violet-hover);
	color: var(--seoshifter-white);
	box-shadow: 0 18px 34px rgba(168, 85, 247, 0.34);
	transform: translateY(-2px);
}

.wp-block-button__link:focus-visible,
button:focus-visible,
input[type="button"]:focus-visible,
input[type="reset"]:focus-visible,
input[type="submit"]:focus-visible,
a:focus-visible {
	outline: 3px solid var(--seoshifter-focus-violet);
	outline-offset: 3px;
}

/* Full-width homepage shell. */
.ssh-home {
	margin-inline: calc(50% - 50vw) !important;
	max-width: none !important;
	overflow: clip;
	width: 100vw !important;
}

.ssh-home,
.ssh-home * {
	box-sizing: border-box;
}

.ssh-home h1,
.ssh-home h2,
.ssh-home h3,
.ssh-home h4 {
	hyphens: none;
	overflow-wrap: normal;
	word-break: normal;
}

.ssh-home > .alignfull,
.ssh-home .wp-block-columns,
.ssh-home .wp-block-group,
.ssh-home p,
.ssh-home h1,
.ssh-home h2,
.ssh-home h3,
.ssh-home h4 {
	margin-top: 0;
}

.ssh-section {
	margin-block: 0 !important;
	padding: var(--seoshifter-section-spacing) var(--seoshifter-gutter);
	width: 100%;
}

.ssh-inner {
	margin-inline: auto !important;
	max-width: var(--seoshifter-content-width) !important;
	width: 100%;
}

.ssh-heading {
	margin: 0 auto 52px !important;
}

.ssh-heading--left {
	margin-left: 0 !important;
	margin-right: auto !important;
	text-align: left;
}

.ssh-heading--left > * {
	margin-left: 0 !important;
	text-align: left !important;
}

.ssh-heading--center {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}

.ssh-heading--center > * {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
}

.ssh-heading h2,
.ssh-split h2 {
	font-size: clamp(32px, 3.5vw, 46px);
	letter-spacing: 0;
	margin-bottom: 20px;
}

.ssh-heading > p:last-child,
.ssh-split > .wp-block-column > p {
	color: var(--seoshifter-secondary-text);
	font-size: 18px;
}

.ssh-kicker {
	color: var(--seoshifter-primary-violet);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.12em;
	margin-bottom: 14px !important;
	text-transform: uppercase;
}

.ssh-kicker span {
	background: rgba(167, 139, 250, 0.16);
	border: 1px solid rgba(167, 139, 250, 0.35);
	border-radius: 999px;
	color: #ddd6fe;
	display: inline-block;
	letter-spacing: 0.04em;
	margin-left: 8px;
	padding: 4px 9px;
	text-transform: none;
}

.ssh-kicker--dark {
	color: #c4b5fd;
}

.ssh-actions {
	gap: 14px;
	margin-top: 32px !important;
}

.ssh-home .is-style-outline .wp-block-button__link {
	background: transparent;
	border-color: currentcolor;
	box-shadow: none;
	color: var(--seoshifter-primary-violet);
}

.ssh-home .is-style-outline .wp-block-button__link:hover {
	background: var(--seoshifter-white);
	border-color: var(--seoshifter-violet-hover);
	box-shadow: 0 14px 28px rgba(168, 85, 247, 0.18);
	color: var(--seoshifter-violet-hover);
}

.ssh-home .wp-block-buttons:not(.ssh-actions) {
	gap: 14px;
}

/* Hero. */
.ssh-hero {
	background:
		radial-gradient(circle at 18% 20%, rgba(37, 99, 235, 0.42), transparent 31rem),
		radial-gradient(circle at 82% 18%, rgba(168, 85, 247, 0.48), transparent 36rem),
		linear-gradient(135deg, #050a30 0%, #11106a 48%, #a855f7 100%);
	min-height: 720px;
	padding-block: 96px;
	position: relative;
}

.ssh-hero__grid {
	gap: 64px;
	margin-bottom: 0 !important;
	position: relative;
	z-index: 1;
}

.ssh-hero__copy h1 {
	color: var(--seoshifter-white);
	font-size: clamp(36px, 3.2vw, 48px);
	letter-spacing: 0;
	margin-bottom: 24px;
	max-width: 560px;
	text-wrap: balance;
}

.ssh-hero__lead {
	color: #cbd5e1;
	font-size: 20px;
	line-height: 1.65;
	max-width: 650px;
}

.ssh-hero__copy > p:not(.ssh-kicker):not(.ssh-hero__lead) {
	color: #d8e2f2;
	max-width: 650px;
}

.ssh-hero__logo {
	margin-bottom: 24px !important;
}

.ssh-hero__logo img {
	display: block;
	height: auto;
	max-width: 180px;
}

.ssh-hero .is-style-outline .wp-block-button__link {
	border-color: rgba(255,255,255,0.6);
	color: var(--seoshifter-white);
}

.ssh-hero .is-style-outline .wp-block-button__link:hover {
	background: rgba(255,255,255,0.12);
	border-color: var(--seoshifter-white);
	box-shadow: 0 18px 34px rgba(37,99,235,0.2);
	color: var(--seoshifter-white);
}

/* Dashboard-style hero visual. */
.ssh-dashboard {
	background: #f8fafc;
	border: 1px solid rgba(255,255,255,0.44);
	border-radius: 18px;
	box-shadow: 0 34px 90px rgba(0,0,0,0.42), 0 0 0 8px rgba(255,255,255,0.035);
	padding: 22px;
	position: relative;
}

.ssh-dashboard::before {
	background: linear-gradient(90deg, var(--seoshifter-primary-violet), var(--seoshifter-signal-blue));
	border-radius: 999px;
	content: "";
	height: 5px;
	left: 22px;
	position: absolute;
	right: 22px;
	top: 0;
}

.ssh-dashboard__header {
	margin-bottom: 8px !important;
}

.ssh-dashboard__eyebrow {
	color: var(--seoshifter-secondary-text);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .08em;
	margin: 0 !important;
	text-transform: uppercase;
}

.ssh-dashboard__badge {
	background: #eff6ff;
	border: 1px solid #93c5fd;
	border-radius: 999px;
	color: var(--seoshifter-signal-blue);
	font-size: 10px;
	font-weight: 700;
	margin: 0 !important;
	padding: 6px 10px;
	text-transform: uppercase;
}

.ssh-dashboard__title {
	font-size: 22px;
	margin-bottom: 22px;
}

.ssh-metric-grid {
	display: grid !important;
	gap: 12px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 14px !important;
}

.ssh-metric,
.ssh-chart-card {
	background: var(--seoshifter-white);
	border: 1px solid var(--seoshifter-border);
	border-radius: 12px;
	box-shadow: 0 12px 28px rgba(5,10,48,0.06);
}

.ssh-metric {
	min-height: 88px;
	padding: 14px;
}

.ssh-metric p {
	color: var(--seoshifter-secondary-text);
	font-size: 10px;
	margin-bottom: 4px !important;
}

.ssh-metric h4 {
	font-size: 25px;
	margin-bottom: 0;
}

.ssh-metric__note {
	font-size: 9px !important;
	margin-top: 3px !important;
}

.ssh-positive {
	color: #059669 !important;
}

.ssh-dashboard__main {
	gap: 12px;
	margin-bottom: 12px !important;
}

.ssh-dashboard__main--bottom {
	margin-bottom: 0 !important;
}

.ssh-chart-card {
	min-height: 154px;
	padding: 16px;
}

.ssh-chart-card__label {
	align-items: center;
	color: var(--seoshifter-secondary-text);
	display: flex;
	font-size: 10px !important;
	font-weight: 700;
	justify-content: space-between;
	letter-spacing: .08em;
	margin-bottom: 8px !important;
	text-transform: uppercase;
}

.ssh-chart-card__label span {
	font-size: 9px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}

.ssh-chart-card h4 {
	font-size: 15px;
	margin-bottom: 16px;
}

.ssh-bars {
	align-items: end;
	background: linear-gradient(var(--seoshifter-border) 1px, transparent 1px);
	background-size: 100% 25%;
	gap: 8px !important;
	height: 82px;
	margin-bottom: 8px !important;
	padding-inline: 4px;
}

.ssh-bar {
	background: linear-gradient(180deg, var(--seoshifter-signal-blue), var(--seoshifter-primary-violet));
	border-radius: 5px 5px 0 0;
	flex: 1 1 0;
	margin: 0 !important;
	min-height: 18px;
}

.ssh-bar--1 { height: 34%; }
.ssh-bar--2 { height: 46%; }
.ssh-bar--3 { height: 40%; }
.ssh-bar--4 { height: 58%; }
.ssh-bar--5 { height: 52%; }
.ssh-bar--6 { height: 70%; }
.ssh-bar--7 { height: 64%; }
.ssh-bar--8 { height: 78%; }

.ssh-chart-legend,
.ssh-donut__labels {
	color: var(--seoshifter-secondary-text);
	font-size: 9px !important;
	margin: 0 !important;
}

.ssh-chart-legend span {
	margin-right: 14px;
}

.ssh-chart-legend span::before {
	background: var(--seoshifter-primary-violet);
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 6px;
	margin-right: 4px;
	width: 6px;
}

.ssh-chart-legend span + span::before {
	background: var(--seoshifter-signal-blue);
}

.ssh-chart-card--donut {
	text-align: center;
}

.ssh-donut {
	align-items: center;
	background: conic-gradient(var(--seoshifter-signal-blue) 0 38%, var(--seoshifter-primary-violet) 38% 69%, #d8b4fe 69% 100%);
	border-radius: 50%;
	display: flex;
	height: 86px;
	justify-content: center;
	margin: 3px auto 10px !important;
	width: 86px;
}

.ssh-donut span {
	align-items: center;
	background: var(--seoshifter-white);
	border-radius: 50%;
	color: var(--seoshifter-main-text);
	display: flex;
	font-size: 13px;
	font-weight: 800;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.ssh-coverage {
	align-items: end;
	gap: 34px !important;
	height: 92px;
	justify-content: space-around;
	margin: 0 !important;
}

.ssh-coverage__bar {
	background: linear-gradient(180deg, var(--seoshifter-signal-blue), var(--seoshifter-primary-violet));
	border-radius: 6px 6px 0 0;
	margin: 0 !important;
	position: relative;
	width: 22px;
}

.ssh-coverage__bar span {
	bottom: -20px;
	color: var(--seoshifter-secondary-text);
	font-size: 9px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	white-space: nowrap;
}

.ssh-coverage__bar--compare { height: 72px; }
.ssh-coverage__bar--best { height: 60px; }
.ssh-coverage__bar--trust { height: 48px; }
.ssh-coverage__bar--price { height: 38px; }

.ssh-opportunities ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ssh-opportunities li {
	align-items: center;
	border-bottom: 1px solid var(--seoshifter-border);
	display: flex;
	font-size: 11px;
	justify-content: space-between;
	padding: 8px 0;
}

.ssh-opportunities li:last-child {
	border-bottom: 0;
}

.ssh-opportunities li span {
	background: #f3e8ff;
	border-radius: 999px;
	color: var(--seoshifter-primary-violet);
	font-size: 9px;
	font-weight: 700;
	padding: 4px 7px;
}

/* CSS-built interface concept. */
.ssh-interface {
	background: #f8fafc;
	border: 1px solid rgba(255,255,255,0.22);
	border-radius: 20px;
	box-shadow: 0 34px 80px rgba(0,0,0,0.42), 0 0 0 8px rgba(255,255,255,0.035);
	overflow: hidden;
	transform: perspective(1200px) rotateY(-2deg) rotateX(1deg);
}

.ssh-interface__topbar {
	background: var(--seoshifter-white);
	border-bottom: 1px solid var(--seoshifter-border);
	margin: 0 !important;
	padding: 15px 18px;
}

.ssh-interface__brand {
	color: var(--seoshifter-midnight-navy);
	font-size: 13px;
	font-weight: 700;
	margin: 0 !important;
}

.ssh-interface__brand::before {
	background: linear-gradient(135deg, var(--seoshifter-primary-violet), var(--seoshifter-ai-cyan));
	border-radius: 4px;
	content: "";
	display: inline-block;
	height: 12px;
	margin-right: 7px;
	vertical-align: -1px;
	width: 12px;
}

.ssh-interface__brand span {
	color: var(--seoshifter-secondary-text);
	font-weight: 400;
	margin-left: 6px;
}

.ssh-interface__status {
	background: #ecfeff;
	border: 1px solid #a5f3fc;
	border-radius: 999px;
	color: #0e7490;
	font-size: 10px;
	font-weight: 700;
	margin: 0 !important;
	padding: 4px 8px;
	text-transform: uppercase;
}

.ssh-interface__body {
	padding: 26px;
}

.ssh-interface__label {
	color: var(--seoshifter-primary-violet);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	margin-bottom: 6px !important;
	text-transform: uppercase;
}

.ssh-interface__title {
	font-size: 21px;
	margin-bottom: 20px;
}

.ssh-journey {
	align-items: center;
	gap: 0 !important;
	justify-content: space-between;
	margin-bottom: 22px !important;
	position: relative;
}

.ssh-journey::before {
	background: var(--seoshifter-border);
	content: "";
	height: 2px;
	left: 8%;
	position: absolute;
	right: 8%;
	top: 9px;
}

.ssh-journey p {
	color: var(--seoshifter-secondary-text);
	font-size: 9px;
	margin: 0 !important;
	padding-top: 23px;
	position: relative;
	text-align: center;
	z-index: 1;
}

.ssh-journey p::before {
	background: var(--seoshifter-white);
	border: 3px solid #cbd5e1;
	border-radius: 50%;
	content: "";
	height: 12px;
	left: 50%;
	position: absolute;
	top: 3px;
	transform: translateX(-50%);
	width: 12px;
}

.ssh-journey p.is-active::before {
	background: var(--seoshifter-primary-violet);
	border-color: #ddd6fe;
}

.ssh-interface__mini-grid {
	gap: 12px;
	margin-bottom: 14px !important;
}

.ssh-mini-card {
	background: var(--seoshifter-white);
	border: 1px solid var(--seoshifter-border);
	border-radius: 12px;
	min-height: 126px;
	padding: 16px;
	position: relative;
}

.ssh-mini-card::after {
	border-radius: 999px;
	bottom: 16px;
	content: "";
	height: 5px;
	left: 16px;
	position: absolute;
	width: 58%;
}

.ssh-mini-card--violet::after { background: linear-gradient(90deg, var(--seoshifter-primary-violet), #c4b5fd); }
.ssh-mini-card--cyan::after { background: linear-gradient(90deg, var(--seoshifter-signal-blue), var(--seoshifter-ai-cyan)); width: 72%; }
.ssh-mini-card p { color: var(--seoshifter-secondary-text); font-size: 10px; margin-bottom: 5px !important; }
.ssh-mini-card h4 { font-size: 15px; margin-bottom: 10px; }
.ssh-mini-card p.ssh-signal { color: var(--seoshifter-main-text); font-size: 10px; font-weight: 600; }

.ssh-interface__rows {
	background: var(--seoshifter-white);
	border: 1px solid var(--seoshifter-border);
	border-radius: 12px;
	padding: 4px 14px;
}

.ssh-row {
	border-bottom: 1px solid var(--seoshifter-border);
	display: flex;
	font-size: 10px;
	justify-content: space-between;
	margin: 0 !important;
	padding: 10px 0 10px 16px;
	position: relative;
}

.ssh-row:last-child { border-bottom: 0; }
.ssh-row::before { background: var(--seoshifter-primary-violet); border-radius: 50%; content: ""; height: 7px; left: 0; position: absolute; top: 15px; width: 7px; }
.ssh-row--two::before { background: var(--seoshifter-signal-blue); }
.ssh-row--three::before { background: var(--seoshifter-ai-cyan); }
.ssh-row span { color: var(--seoshifter-secondary-text); }

/* Cards and alternating sections. */
.ssh-discovery { background: var(--seoshifter-white); }
.ssh-recommendation { background: var(--seoshifter-light-background); }
.ssh-industries { background: var(--seoshifter-midnight-navy); }
.ssh-analysis { background: linear-gradient(145deg, #2563eb, var(--seoshifter-primary-violet)); }
.ssh-difference { background: var(--seoshifter-white); }
.ssh-resources { background: var(--seoshifter-light-background); }

.ssh-card-grid,
.ssh-industry-grid,
.ssh-analysis-grid,
.ssh-resource-grid,
.ssh-split {
	gap: var(--seoshifter-grid-gap);
}

.ssh-recommendation .ssh-split {
	align-items: center !important;
	display: flex !important;
}

.ssh-recommendation .ssh-split > .wp-block-column {
	align-self: center !important;
}

.ssh-recommendation .ssh-split > .wp-block-column:last-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ssh-card-grid--two + .ssh-card-grid--two,
.ssh-analysis-grid + .ssh-analysis-grid {
	margin-top: var(--seoshifter-grid-gap) !important;
}

.ssh-card,
.ssh-industry,
.ssh-analysis-card,
.ssh-resource {
	height: 100%;
	padding: var(--seoshifter-card-padding);
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.ssh-card {
	background: var(--seoshifter-white);
	border: 1px solid var(--seoshifter-border);
	border-radius: var(--seoshifter-card-radius);
	box-shadow: 0 14px 40px rgba(11,18,32,0.07);
}

.ssh-dashboard,
.ssh-metric,
.ssh-chart-card,
.ssh-card,
.ssh-industry,
.ssh-analysis-card,
.ssh-resource {
	will-change: transform;
}

.ssh-dashboard,
.ssh-metric,
.ssh-chart-card {
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.ssh-card:hover,
.ssh-resource:hover,
.ssh-metric:hover,
.ssh-chart-card:hover {
	border-color: rgba(168, 85, 247, 0.34);
	box-shadow: 0 22px 54px rgba(11,18,32,0.12);
	transform: translateY(-4px);
}

.ssh-dashboard:hover {
	box-shadow: 0 42px 105px rgba(0,0,0,0.46), 0 0 0 8px rgba(255,255,255,0.055);
	transform: translateY(-4px);
}

.ssh-card h3,
.ssh-industry h3,
.ssh-analysis-card h3,
.ssh-resource h3 {
	font-size: 20px;
	margin-bottom: 10px;
}

.ssh-card p,
.ssh-industry p,
.ssh-analysis-card p,
.ssh-resource p {
	font-size: 15px;
	margin-bottom: 0;
}

.ssh-card__label {
	align-items: center;
	background: rgba(168,85,247,.12);
	border-radius: 10px;
	color: var(--seoshifter-primary-violet);
	display: flex;
	font-size: 13px !important;
	font-weight: 700;
	height: 38px;
	justify-content: center;
	margin-bottom: 26px !important;
	width: 38px;
}

.ssh-step { border-top: 3px solid var(--seoshifter-primary-violet); }
.ssh-step--2 { border-top-color: var(--seoshifter-signal-blue); }
.ssh-step--3 { border-top-color: var(--seoshifter-ai-cyan); }
.ssh-step--4 { border-top-color: var(--seoshifter-midnight-navy); }

.ssh-notice {
	background: var(--seoshifter-white);
	border: 1px solid #ddd6fe;
	border-left: 4px solid var(--seoshifter-primary-violet);
	border-radius: 0 12px 12px 0;
	color: var(--seoshifter-main-text) !important;
	font-size: 15px !important;
	margin-top: 28px !important;
	padding: 18px 20px;
}

.ssh-feature__icon {
	align-items: center;
	background: linear-gradient(135deg, var(--seoshifter-primary-violet), var(--seoshifter-signal-blue));
	border-radius: 10px;
	color: var(--seoshifter-white) !important;
	display: flex;
	font-size: 11px !important;
	font-weight: 700;
	height: 40px;
	justify-content: center;
	margin-bottom: 22px !important;
	width: 40px;
}

.ssh-industries h2,
.ssh-industries h3,
.ssh-industries .ssh-heading > p:last-child {
	color: var(--seoshifter-white);
}

.ssh-industry-grid {
	flex-wrap: wrap !important;
}

.ssh-industry-grid > .wp-block-column {
	flex: 1 1 calc(20% - 24px);
	min-width: 180px;
}

.ssh-industry {
	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.14);
	border-radius: var(--seoshifter-card-radius);
	box-shadow: 0 20px 44px rgba(0,0,0,.15);
}

.ssh-industry:hover {
	background: rgba(255,255,255,.09);
	border-color: rgba(103,232,249,.38);
	box-shadow: 0 26px 58px rgba(0,0,0,.24);
	transform: translateY(-4px);
}

.ssh-industry p { color: #cbd5e1; }
.ssh-industry__code { color: #67e8f9 !important; font-size: 11px !important; font-weight: 700; letter-spacing: .12em; margin-bottom: 34px !important; text-transform: uppercase; }

.ssh-analysis h2,
.ssh-analysis h3,
.ssh-analysis .ssh-heading > p:last-child {
	color: var(--seoshifter-white);
}

.ssh-analysis-card {
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.2);
	border-radius: var(--seoshifter-card-radius);
	box-shadow: 0 18px 46px rgba(50,15,110,.2);
}

.ssh-analysis-card:hover {
	background: rgba(255,255,255,.14);
	border-color: rgba(255,255,255,.38);
	box-shadow: 0 28px 68px rgba(50,15,110,.28);
	transform: translateY(-4px);
}

.ssh-analysis-card p { color: #ede9fe; }
.ssh-analysis-card__tag { background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.22); border-radius: 999px; color: var(--seoshifter-white) !important; display: inline-block; font-size: 10px !important; font-weight: 700; letter-spacing: .08em; margin-bottom: 24px !important; padding: 4px 9px; text-transform: uppercase; }

.ssh-checks {
	background: var(--seoshifter-light-background);
	border: 1px solid var(--seoshifter-border);
	border-radius: var(--seoshifter-card-radius);
	box-shadow: 0 20px 50px rgba(11,18,32,.08);
	list-style: none;
	margin: 0;
	padding: 12px 28px;
}

.ssh-checks li {
	border-bottom: 1px solid var(--seoshifter-border);
	font-weight: 600;
	padding: 17px 8px 17px 36px;
	position: relative;
}

.ssh-checks li:last-child { border-bottom: 0; }
.ssh-checks li::before { align-items: center; background: rgba(168,85,247,.12); border-radius: 50%; color: var(--seoshifter-primary-violet); content: "✓"; display: flex; font-size: 12px; height: 22px; justify-content: center; left: 4px; position: absolute; top: 18px; width: 22px; }

.ssh-resource-grid {
	flex-wrap: wrap !important;
}

.ssh-resource-grid > .wp-block-column {
	flex: 1 1 calc(25% - 24px);
	min-width: 220px;
}

.ssh-resource {
	background: var(--seoshifter-white);
	border: 1px solid var(--seoshifter-border);
	border-radius: var(--seoshifter-card-radius);
	box-shadow: 0 14px 36px rgba(11,18,32,.06);
}

.ssh-resource--future { background: linear-gradient(155deg, #fff, #f5f3ff); border-color: #ddd6fe; }
.ssh-resource__number { color: var(--seoshifter-primary-violet); font-size: 12px !important; font-weight: 700; letter-spacing: .1em; margin-bottom: 32px !important; text-transform: uppercase; }
.ssh-link { font-weight: 700; margin-top: 24px !important; }
.ssh-link a {
	color: var(--seoshifter-primary-violet);
	text-decoration: none;
	transition: color 180ms ease;
}

.ssh-link a:hover {
	color: var(--seoshifter-violet-hover);
}

/* CTA and footer transition. */
.ssh-cta {
	background: var(--seoshifter-white);
	padding-block: 88px;
}

.ssh-cta__panel {
	background:
		radial-gradient(circle at 12% 12%, rgba(37,99,235,.32), transparent 22rem),
		linear-gradient(135deg, #050a30, #10106a 58%, var(--seoshifter-primary-violet));
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 24px;
	box-shadow: 0 30px 70px rgba(11,18,32,.22);
	margin-inline: auto !important;
	max-width: 960px !important;
	padding: 76px 64px;
	text-align: center;
}

.ssh-cta__panel h2,
.ssh-cta__panel > p { color: var(--seoshifter-white); }
.ssh-cta__panel h2 {
	font-size: clamp(30px, 3.2vw, 42px);
	letter-spacing: 0;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 760px;
}
.ssh-cta__panel > p:not(.ssh-kicker) {
	color: #dbeafe;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	max-width: 760px;
}
.ssh-cta__panel .wp-block-buttons { gap: 14px; margin-top: 32px !important; }
.ssh-cta__panel .is-style-outline .wp-block-button__link { border-color: rgba(255,255,255,.65); color: var(--seoshifter-white); }
.ssh-cta__panel .is-style-outline .wp-block-button__link:hover {
	background: rgba(255,255,255,0.12);
	border-color: var(--seoshifter-white);
	color: var(--seoshifter-white);
}

.ssh-footer-transition {
	background: #050a30;
	margin: 0 !important;
	padding: 28px var(--seoshifter-gutter);
}

.ssh-footer-transition p { color: #94a3b8; font-size: 13px; margin: 0 !important; }

@media (max-width: 1024px) {
	:root { --seoshifter-gutter: 24px; --seoshifter-section-spacing: 80px; }
	h1 { font-size: 44px; }
	h2 { font-size: 34px; }
	h3 { font-size: 25px; }
	h4 { font-size: 21px; }
	.ssh-hero { min-height: auto; padding-block: 80px; }
	.ssh-hero__grid { gap: 38px; }
	.ssh-interface { transform: none; }
	.ssh-dashboard { padding: 18px; }
	.ssh-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ssh-dashboard__main { flex-wrap: wrap !important; }
	.ssh-dashboard__main > .wp-block-column { flex-basis: 100% !important; }
	.ssh-card-grid--four { flex-wrap: wrap !important; }
	.ssh-card-grid--four > .wp-block-column { flex: 1 1 calc(50% - 24px); }
	.ssh-industry-grid > .wp-block-column { flex-basis: calc(33.333% - 24px); }
	.ssh-resource-grid > .wp-block-column { flex-basis: calc(50% - 24px); }
}

@media (max-width: 781px) {
	:root { --seoshifter-gutter: 20px; --seoshifter-section-spacing: 64px; --seoshifter-card-padding: 24px; }
	body { font-size: 16px; }
	h1 { font-size: 38px; }
	h2 { font-size: 30px; }
	h3 { font-size: 23px; }
	h4 { font-size: 20px; }
	.ssh-hero { padding-block: 64px; }
	.ssh-hero__copy h1 { font-size: clamp(31px, 7.6vw, 38px); max-width: 440px; }
	.ssh-hero__lead { font-size: 18px; }
	.ssh-hero__visual-column { margin-top: 20px; }
	.ssh-interface__body { padding: 20px; }
	.ssh-dashboard { border-radius: 16px; padding: 16px; }
	.ssh-dashboard::before { left: 16px; right: 16px; }
	.ssh-dashboard__header { align-items: flex-start; gap: 10px; }
	.ssh-dashboard__title { font-size: 19px; }
	.ssh-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ssh-chart-card { min-height: auto; }
	.ssh-bars { gap: 5px !important; }
	.ssh-coverage { gap: 20px !important; }
	.ssh-heading { margin-bottom: 38px !important; }
	.ssh-heading > p:last-child { font-size: 16px; }
	.ssh-recommendation .ssh-split {
		display: block !important;
	}
	.ssh-recommendation .ssh-split > .wp-block-column:last-child {
		display: block;
		margin-top: 32px;
	}
	.ssh-card-grid--four > .wp-block-column,
	.ssh-industry-grid > .wp-block-column,
	.ssh-resource-grid > .wp-block-column { flex-basis: 100%; min-width: 0; }
	.ssh-analysis-grid { gap: 16px; }
	.ssh-actions,
	.ssh-actions .wp-block-button,
	.ssh-actions .wp-block-button__link { width: 100%; }
	.ssh-cta { padding-block: 56px; }
	.ssh-cta__panel { padding: 54px 24px; }
	.ssh-cta__panel h2 { font-size: clamp(28px, 7vw, 34px); }
	.ssh-cta__panel .wp-block-buttons,
	.ssh-cta__panel .wp-block-button,
	.ssh-cta__panel .wp-block-button__link { width: 100%; }
}

@media (max-width: 480px) {
	.ssh-interface__brand span { display: none; }
	.ssh-dashboard__header { display: block !important; }
	.ssh-dashboard__badge { display: inline-block; margin-top: 8px !important; }
	.ssh-metric-grid { grid-template-columns: 1fr; }
	.ssh-coverage { gap: 12px !important; justify-content: space-between; }
	.ssh-coverage__bar { width: 18px; }
	.ssh-interface__mini-grid { display: block; }
	.ssh-interface__mini-grid .wp-block-column + .wp-block-column { margin-top: 12px; }
	.ssh-row { display: block; }
	.ssh-row span { display: block; margin-top: 2px; }
}

@media (prefers-reduced-motion: reduce) {
	.ssh-home *,
	.ssh-home *::before,
	.ssh-home *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}

	.ssh-interface,
	.ssh-card,
	.ssh-resource,
	.ssh-analysis-card,
	.ssh-industry,
	.wp-block-button__link { transform: none !important; }
}