/* Website Guy — Website Support landing page V1.1
	 * Normal WordPress page, not a WooCommerce product template.
	 * WooCommerce is used only for the underlying product + checkout.
	 *
	 * Suggested page slug: /website-support/
	 * Astra: Transparent Header ON, Container UNBOXED, page title disabled.
	 */

	.wg-support-page,
	.wg-support-page * {
		box-sizing: border-box;
	}

	.wg-support-page {
		--wg-blue: #1769e0;
		--wg-blue-dark: #0b3f91;
		--wg-blue-soft: #eaf3ff;
		--wg-navy: #102743;
		--wg-navy-deep: #091a30;
		--wg-ink: #142235;
		--wg-muted: #637186;
		--wg-line: #dce5ef;
		--wg-bg: #f5f8fc;
		--wg-panel: #ffffff;
		--wg-green: #16835c;
		--wg-lavender: #f1efff;
		--wg-shadow: 0 22px 65px rgba(18, 32, 51, 0.12);

		background: #ffffff;
		color: var(--wg-ink);
		font-family:
			Inter,
			-apple-system,
			BlinkMacSystemFont,
			"Segoe UI",
			sans-serif;
		line-height: 1.6;
		overflow: visible;
		width: 100%;
	}

	.wg-support-page a {
		text-decoration: none;
	}

	.wg-support-container {
		margin: 0 auto;
		max-width: 1180px;
		padding-left: 24px;
		padding-right: 24px;
		width: 100%;
	}

	.wg-support-section {
		padding: 94px 0;
	}

	.wg-support-section--soft {
		background: var(--wg-bg);
	}

	.wg-support-kicker {
		align-items: center;
		color: var(--wg-blue);
		display: inline-flex;
		font-size: 12px;
		font-weight: 850;
		gap: 9px;
		letter-spacing: 0.11em;
		margin-bottom: 16px;
		text-transform: uppercase;
	}

	.wg-support-kicker::before {
		background: var(--wg-blue);
		border-radius: 50%;
		content: "";
		height: 8px;
		width: 8px;
	}

	.wg-support-h1,
	.wg-support-h2,
	.wg-support-h3 {
		color: inherit;
		font-weight: 820;
		letter-spacing: -0.04em;
		margin: 0;
	}

	.wg-support-h1 {
	}

	.wg-support-h2 {
		font-size: clamp(31px, 4.2vw, 47px);
		line-height: 1.07;
	}

	.wg-support-h3 {
		font-size: 21px;
		line-height: 1.2;
	}

	.wg-support-lead {
		color: var(--wg-muted);
		font-size: 18px;
		margin: 20px 0 0;
		max-width: 790px;
	}

	.wg-support-heading {
		margin-bottom: 44px;
		max-width: 830px;
	}

	.wg-support-button > .wp-block-button__link {
		align-items: center;
		background: var(--wg-blue);
		border: 1px solid transparent;
		border-radius: 11px;
		box-shadow: 0 12px 26px rgba(23, 105, 224, 0.22);
		color: #ffffff !important;
		display: inline-flex;
		font-size: 15px;
		font-weight: 760;
		justify-content: center;
		min-height: 52px;
		padding: 13px 22px;
		text-decoration: none !important;
		transition:
			background 160ms ease,
			border-color 160ms ease,
			box-shadow 160ms ease,
			transform 160ms ease;
	}

	.wg-support-button > .wp-block-button__link:hover {
		background: var(--wg-blue-dark);
		transform: translateY(-2px);
	}

	.wg-support-button--secondary > .wp-block-button__link {
		background: #ffffff;
		border-color: var(--wg-line);
		box-shadow: none;
		color: var(--wg-ink) !important;
	}

	.wg-support-button--light > .wp-block-button__link {
		background: #ffffff;
		box-shadow: none;
		color: var(--wg-blue-dark) !important;
	}

	.wg-support-button > .wp-block-button__link[aria-disabled="true"] {
		cursor: wait;
		opacity: 0.75;
		pointer-events: none;
	}

	/* =========================================================
	   FULL-BLEED PAGE SHELL
	   ========================================================= */

	.wg-support-page > .wg-support-hero,
	.wg-support-page > .wg-support-section {
		left: 50% !important;
		margin-left: -50vw !important;
		margin-right: -50vw !important;
		max-width: none !important;
		position: relative !important;
		right: 50% !important;
		width: 100vw !important;
	}

	html {
		max-width: 100%;
		overflow-x: hidden !important;
	}

	@supports selector(body:has(.wg-support-page)) {
		body:has(.wg-support-page) {
			max-width: 100%;
			overflow-x: hidden !important;
		}

		body:has(.wg-support-page) .entry-header,
		body:has(.wg-support-page) .page-header,
		body:has(.wg-support-page) .entry-title,
		body:has(.wg-support-page) .page-title,
		body:has(.wg-support-page) .ast-page-title-wrap,
		body:has(.wg-support-page) .ast-title-bar-wrap {
			display: none !important;
			height: 0 !important;
			margin: 0 !important;
			min-height: 0 !important;
			padding: 0 !important;
		}

		body:has(.wg-support-page) .site-main,
		body:has(.wg-support-page) .content-area,
		body:has(.wg-support-page) .entry-content {
			margin-top: 0 !important;
			padding-top: 0 !important;
		}

		body:has(.wg-support-page)
			.entry-content
			> .wp-block-html:has(.wg-support-page) {
			margin-bottom: 0 !important;
			margin-top: 0 !important;
			padding-top: 0 !important;
		}
	}

	.wg-support-page > .wg-support-hero > .wg-support-container,
	.wg-support-page > .wg-support-section > .wg-support-container {
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 1180px !important;
		width: 100% !important;
	}

	/* =========================================================
	   HERO
	   ========================================================= */

	.wg-support-hero {
		background:
			radial-gradient(
				circle at 84% 16%,
				rgba(66, 133, 255, 0.28),
				transparent 32%
			),
			radial-gradient(
				circle at 14% 92%,
				rgba(137, 113, 225, 0.16),
				transparent 29%
			),
			linear-gradient(
				135deg,
				#091a30 0%,
				#102743 55%,
				#0e3b72 100%
			);
		color: #ffffff;
		padding: 178px 0 110px;
		position: relative;
	}

	.wg-support-hero::after {
		background-image:
			linear-gradient(
				rgba(255, 255, 255, 0.035) 1px,
				transparent 1px
			),
			linear-gradient(
				90deg,
				rgba(255, 255, 255, 0.035) 1px,
				transparent 1px
			);
		background-size: 42px 42px;
		content: "";
		inset: 0;
		mask-image:
			linear-gradient(
				to bottom,
				rgba(0, 0, 0, 0.9),
				transparent 96%
			);
		pointer-events: none;
		position: absolute;
	}

	.wg-support-hero-grid {
		display: grid;
		position: relative;
		z-index: 1;
	}

	.wg-support-hero .wg-support-kicker {
		color: #91c4ff;
	}

	.wg-support-hero .wg-support-kicker::before {
		background: #91c4ff;
	}

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

	.wg-support-hero .wg-support-h1 strong {
		color: #79b7ff;
		display: block;
		font-weight: 850;
	}

	.wg-support-hero-text {
		color: rgba(255, 255, 255, 0.76);
		font-size: 20px;
		max-width: 690px;
	}

	.wg-support-proof {
		display: flex;
		flex-wrap: wrap;
		gap: 10px 19px;
	}

	.wg-support-proof p {
		align-items: center;
		color: rgba(255, 255, 255, 0.75);
		display: inline-flex;
		font-size: 13px;
		font-weight: 650;
		gap: 7px;
	}

	.wg-support-proof p::before {
		background: #2e9a70;
		border-radius: 50%;
		color: #ffffff;
		content: "✓";
		display: grid;
		font-size: 8px;
		font-weight: 900;
		height: 17px;
		place-items: center;
		width: 17px;
	}

	.wg-support-buy {
		background: rgba(255, 255, 255, 0.09);
		border: 1px solid rgba(255, 255, 255, 0.17);
		border-radius: 22px;
		box-shadow: 0 30px 80px rgba(0, 0, 0, 0.20);
		padding: 29px;
	}

	.wg-support-buy-label {
		color: #91c4ff;
		font-size: 10px;
		font-weight: 850;
		letter-spacing: 0.09em;
		text-transform: uppercase;
	}

	.wg-support-price {
		color: #ffffff;
		font-size: 43px;
		font-weight: 850;
		letter-spacing: -0.045em;
		line-height: 1;
		margin-top: 8px;
	}

	.wg-support-buy-copy {
		color: rgba(255, 255, 255, 0.70);
		font-size: 14px;
		margin: 14px 0 0;
	}

	.wg-support-buy-list {
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
		border-top: 1px solid rgba(255, 255, 255, 0.12);
		display: grid;
		gap: 9px;
		margin: 20px 0;
		padding: 18px 0;
	}

	.wg-support-buy-list p {
		color: rgba(255, 255, 255, 0.79);
		font-size: 13px;
		padding-left: 22px;
		position: relative;
	}

	.wg-support-buy-list p::before {
		color: #8fe5c2;
		content: "✓";
		font-weight: 900;
		left: 0;
		position: absolute;
	}

	.wg-support-buy .wg-support-button > .wp-block-button__link {
		background: #ffffff;
		box-shadow: 0 14px 32px rgba(0, 0, 0, 0.20);
		color: var(--wg-blue-dark) !important;
		width: 100%;
	}

	.wg-support-buy .wg-support-button > .wp-block-button__link:hover {
		background: #eaf3ff;
	}

	.wg-support-buy-note {
		color: rgba(255, 255, 255, 0.55);
		font-size: 11px;
		line-height: 1.5;
		margin: 12px 0 0;
		text-align: center;
	}

	.wg-support-buy-error {
		color: #ffd5d5;
		display: none;
		font-size: 11px;
		margin: 10px 0 0;
		text-align: center;
	}

	/* =========================================================
	   INCLUDED
	   ========================================================= */

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

	.wg-support-card {
		background: #ffffff;
		border: 1px solid var(--wg-line);
		border-radius: 16px;
		padding: 23px;
	}

	.wg-support-card-mark {
		align-items: center;
		background: var(--wg-blue-soft);
		border-radius: 9px;
		color: var(--wg-blue);
		display: inline-flex;
		font-size: 10px;
		font-weight: 850;
		height: 34px;
		justify-content: center;
		min-width: 34px;
		padding: 0 9px;
	}

	.wg-support-card h3 {
		font-size: 18px;
		margin: 13px 0 6px;
	}

	.wg-support-card p {
		color: var(--wg-muted);
		font-size: 14px;
		margin: 0;
	}

	/* =========================================================
	   FIT
	   ========================================================= */

	.wg-support-fit {
		align-items: start;
		display: grid;
		gap: 58px;
		grid-template-columns:
			minmax(0, 0.88fr)
			minmax(0, 1.12fr);
	}

	.wg-support-fit-copy p {
		color: var(--wg-muted);
		font-size: 16px;
		margin: 18px 0 0;
	}

	.wg-support-fit-panels {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wg-support-fit-panel {
		border-radius: 18px;
		padding: 26px;
	}

	.wg-support-fit-panel--yes {
		background: #edf8f4;
		border: 1px solid #cfeadf;
	}

	.wg-support-fit-panel--more {
		background: var(--wg-lavender);
		border: 1px solid #dfdcfb;
	}

	.wg-support-fit-panel strong {
		display: block;
		font-size: 19px;
		letter-spacing: -0.02em;
	}

	.wg-support-fit-panel ul {
		color: #4f6074;
		font-size: 14px;
		margin: 15px 0 0;
		padding-left: 18px;
	}

	.wg-support-fit-panel li {
		margin-bottom: 7px;
	}

	/* =========================================================
	   PROCESS
	   ========================================================= */

	.wg-support-process {
		counter-reset: wg-support-step;
		display: grid;
		gap: 18px;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.wg-support-step {
		border-top: 3px solid var(--wg-blue);
		counter-increment: wg-support-step;
		padding: 22px 5px 0;
	}

	.wg-support-step-number {
		color: #9aa9bb;
		font-size: 11px;
		font-weight: 850;
		letter-spacing: 0.07em;
	}

	.wg-support-step-number::before {
		content: "0" counter(wg-support-step);
	}

	.wg-support-step h3 {
		font-size: 18px;
		margin: 7px 0;
	}

	.wg-support-step p {
		color: var(--wg-muted);
		font-size: 14px;
		margin: 0;
	}

	/* =========================================================
	   CLIENT INPUT / SCOPE
	   ========================================================= */

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

	.wg-support-panel {
		background: #ffffff;
		border: 1px solid var(--wg-line);
		border-radius: 18px;
		padding: 27px;
	}

	.wg-support-panel h3 {
		font-size: 21px;
		margin: 0 0 9px;
	}

	.wg-support-panel p {
		color: var(--wg-muted);
		font-size: 14px;
		margin: 0;
	}

	.wg-support-panel ul {
		color: #46566b;
		font-size: 14px;
		margin: 17px 0 0;
		padding-left: 19px;
	}

	.wg-support-panel li {
		margin-bottom: 7px;
	}

	.wg-support-note {
		background: var(--wg-lavender);
		border: 1px solid #dfdcfb;
		border-radius: 18px;
		margin-top: 18px;
		padding: 24px 26px;
	}

	.wg-support-note strong {
		display: block;
		font-size: 17px;
		margin-bottom: 5px;
	}

	.wg-support-note p {
		color: #5f5a7b;
		font-size: 14px;
		margin: 0;
	}

	/* =========================================================
	   FINAL CTA
	   ========================================================= */

	.wg-support-cta {
		align-items: center;
		background:
			radial-gradient(
				circle at 90% 15%,
				rgba(255, 255, 255, 0.13),
				transparent 26%
			),
			linear-gradient(135deg, #102743, #0b438c);
		border-radius: 24px;
		color: #ffffff;
		display: grid;
		gap: 36px;
		grid-template-columns: 1fr auto;
		padding: 47px 49px;
	}

	.wg-support-cta h2 {
		color: #ffffff;
		font-size: clamp(29px, 4vw, 42px);
		letter-spacing: -0.04em;
		line-height: 1.08;
		margin: 0;
	}

	.wg-support-cta p {
		color: rgba(255, 255, 255, 0.72);
		margin: 11px 0 0;
		max-width: 720px;
	}

	.wg-support-cta-actions {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.wg-support-cta .wg-support-button--secondary > .wp-block-button__link {
		background: rgba(255, 255, 255, 0.08);
		border-color: rgba(255, 255, 255, 0.22);
		color: #ffffff !important;
	}

	.wg-support-footer-note {
		color: var(--wg-muted);
		font-size: 12px;
		padding: 26px 24px 4px;
		text-align: center;
	}

	/* =========================================================
	   RESPONSIVE
	   ========================================================= */

	@media (max-width: 1040px) {
		.wg-support-hero {
		}

		.wg-support-hero-grid,
		.wg-support-fit {
			grid-template-columns: 1fr;
		}

		.wg-support-hero-grid {
		}

		.wg-support-buy {
			max-width: 720px;
		}
	}

	@media (max-width: 820px) {
		.wg-support-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.wg-support-process {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.wg-support-cta {
			grid-template-columns: 1fr;
		}
	}

	@media (max-width: 650px) {
		.wg-support-container {
			padding-left: 16px;
			padding-right: 16px;
		}

		.wg-support-section {
			padding: 64px 0;
		}

		.wg-support-hero {
		}

		.wg-support-hero .wg-support-h1 {
		}

		.wg-support-hero-text {
			font-size: 18px;
			line-height: 1.62;
		}

		.wg-support-buy {
			border-radius: 18px;
			padding: 23px 21px;
		}

		.wg-support-price {
			font-size: 39px;
		}

		.wg-support-h2 {
			font-size: clamp(30px, 8.8vw, 40px);
		}

		.wg-support-lead {
			font-size: 17px;
			line-height: 1.65;
		}

		.wg-support-grid,
		.wg-support-fit-panels,
		.wg-support-process,
		.wg-support-split {
			grid-template-columns: 1fr;
		}

		.wg-support-card p,
		.wg-support-fit-copy p,
		.wg-support-fit-panel ul,
		.wg-support-step p,
		.wg-support-panel p,
		.wg-support-panel ul,
		.wg-support-note p {
			font-size: 15px;
			line-height: 1.62;
		}

		.wg-support-cta {
			border-radius: 20px;
			padding: 31px 23px;
		}

		.wg-support-cta h2 {
			font-size: clamp(29px, 8.5vw, 38px);
		}

		.wg-support-cta p {
			font-size: 16px;
			line-height: 1.62;
		}
	}

	@media (max-width: 430px) {
		.wg-support-cta-actions {
			width: 100%;
		}

		.wg-support-cta-actions .wg-support-button > .wp-block-button__link {
			width: 100%;
		}
	}

/* Hero rhythm v1: page-scoped owner; shared values, no fixed hero height. */
.wg-support-page .wg-support-hero{--hero-top:152px;--hero-bottom:48px;--hero-gap:40px;--hero-heading-gap:16px;--hero-copy-gap:20px;--hero-action-gap:24px;--hero-proof-gap:16px;padding:var(--hero-top) 0 var(--hero-bottom)}
.wg-support-page .wg-support-hero .wg-support-hero-grid,.wg-support-page .wg-support-hero.wg-support-hero-grid{grid-template-columns:1.35fr 1fr;gap:var(--hero-gap);align-items:start}
.wg-support-page .wg-support-hero .wg-support-kicker{margin-bottom:var(--hero-heading-gap)}
.wg-support-page .wg-support-hero .wg-support-actions{margin-top:var(--hero-action-gap)}
.wg-support-page .wg-support-hero .wg-support-hero-text{margin:var(--hero-copy-gap) 0 0}
.wg-support-page .wg-support-hero .wg-support-proof{margin:var(--hero-proof-gap) 0 0}
.wg-support-page .wg-support-hero .wg-support-h1{font-size:clamp(39px,4.1vw,57px);line-height:1.08}
.wg-support-page .wg-support-hero .wg-support-hero-text{font-size:18px;line-height:1.6}
.wg-support-page .wg-support-hero .wg-support-buy{padding:24px}
.wg-support-page .wg-support-hero .wg-support-buy-list{margin:16px 0;padding:14px 0;gap:8px}
@media(max-width:1040px){.wg-support-page .wg-support-hero{--hero-top:138px;--hero-bottom:40px;--hero-gap:28px}.wg-support-page .wg-support-hero .wg-support-hero-grid,.wg-support-page .wg-support-hero.wg-support-hero-grid{grid-template-columns:1fr}.wg-support-page .wg-support-hero .wg-support-buy{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.wg-support-page .wg-support-hero .wg-support-buy-label,.wg-support-page .wg-support-hero .wg-support-price,.wg-support-page .wg-support-hero .wg-support-buy-copy{grid-column:1}.wg-support-page .wg-support-hero .wg-support-buy-list{grid-column:2;grid-row:1/4;margin:0 0 16px}.wg-support-page .wg-support-hero .wg-support-buy>.wg-support-button > .wp-block-button__link,.wg-support-page .wg-support-hero .wg-support-buy-note,.wg-support-page .wg-support-hero .wg-support-buy-error{grid-column:1/-1}}
@media(max-width:600px){.wg-support-page .wg-support-hero{--hero-top:126px;--hero-bottom:36px;--hero-gap:24px;--hero-heading-gap:12px;--hero-copy-gap:16px;--hero-action-gap:20px;--hero-proof-gap:12px}.wg-support-page .wg-support-hero .wg-support-h1{font-size:39px;line-height:1.09}.wg-support-page .wg-support-hero .wg-support-hero-text{font-size:16px}.wg-support-page .wg-support-hero .wg-support-buy{display:block;padding:20px}.wg-support-page .wg-support-hero .wg-support-buy-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:16px 0}.wg-support-page .wg-support-hero .wg-support-buy-list p{padding-left:16px}}

/* Native block adapter: preserve original leaf spacing and button grid placement. */
.wg-support-page p.wga-text{margin:0}.wg-support-page p.wg-support-kicker{margin-bottom:16px}.wg-support-page p.wg-support-price{margin-top:8px}.wg-support-page .wp-block-button{margin:0}.wg-support-page .wp-block-button__link{font-family:inherit;line-height:inherit}.wg-support-buy>.wp-block-button{width:100%}@media(max-width:1040px){.wg-support-buy>.wp-block-button{grid-column:1/-1}}
.wg-support-buy>.wga-button-row{width:100%}
.wg-support-buy>.wga-button-row>.wp-block-button{width:100%}
@media(max-width:1040px){.wg-support-buy>.wga-button-row{grid-column:1/-1}}
/* Native block wrappers: suppress theme-only additions; preserve owning page rules above. */
.entry-content .wp-block-group.wg-support-page{padding:0;margin:0;max-width:none}
:where(.wg-support-page .is-layout-flow)>*{margin-block-start:0;margin-block-end:0}
.wg-support-page .wp-block-button__link{text-transform:none;letter-spacing:normal;font-size:15px;line-height:1.6;font-weight:760}
.wg-support-page .wg-support-cta-actions>.wp-block-button{margin:0}
body.page-id-3708 #primary,body.page-id-3708 .ast-article-single{padding:0;margin:0;width:100%;max-width:none}
.wg-support-page>.wp-block-group,.wg-support-hero-grid>.wp-block-group,.wg-support-page .wg-support-grid,.wg-support-grid>.wp-block-group,.wg-support-split>.wp-block-group,.wg-support-page .wg-support-cta-actions,.wg-support-page .wga-button-row{margin-top:0;margin-bottom:0}
.wg-support-page .wg-support-panel .wg-support-h2{margin-bottom:.7em}
.wg-support-page .wg-support-buy-note{margin-bottom:1.6em}
.wg-support-page .wg-support-card-mark{font-size:10px;line-height:1.6;color:var(--wg-blue)}
.wg-support-page .wg-support-note>p.wga-text{font-size:inherit;color:inherit}
.wg-support-cta-actions>.wp-block-button,.wg-support-cta-actions>.wp-block-button>a{width:100%}
body.page-id-3708 #content>.ast-container{padding:0;max-width:none}