/*
Theme Name: GlobalTrade
Theme URI: https://example.com/globaltrade
Author: GlobalTrade Team
Author URI: https://example.com
Description: GlobalTrade is a conversion-focused block theme built for B2B export and cross-border e-commerce websites. It ships with 20 modular block patterns (hero, services, product grid, specs, factory showcase, certifications, testimonials, FAQ, inquiry form, and more), full visual editing in the WordPress Site Editor, six one-click style variations, and a built-in AJAX inquiry form block. Every section is drag-and-drop modular: add, remove, reorder, and restyle without touching code.
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: globaltrade
Tags: block-theme, full-site-editing, block-patterns, block-styles, style-variations, business, e-commerce, blog, one-column, two-columns, wide-blocks, custom-colors, custom-logo, custom-menu, editor-style, featured-images, translation-ready, accessibility-ready, threaded-comments, right-sidebar
*/

/* ==========================================================================
   1. Design tokens (mirrors theme.json, used by hand-written components)
   ========================================================================== */
:root {
	--gt-radius-sm: 8px;
	--gt-radius-md: 16px;
	--gt-radius-lg: 28px;
	--gt-shadow-sm: 0 1px 2px rgba(10, 31, 51, .06), 0 1px 3px rgba(10, 31, 51, .08);
	--gt-shadow-md: 0 10px 30px -12px rgba(10, 31, 51, .20), 0 2px 8px rgba(10, 31, 51, .06);
	--gt-shadow-lg: 0 34px 64px -30px rgba(10, 31, 51, .38);
	--gt-transition: .28s cubic-bezier(.4, 0, .2, 1);
	--gt-header-height: 76px;
	--gt-container: 1280px;
}

/* ==========================================================================
   2. Base layer
   ========================================================================== */
html {
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--gt-header-height) + 16px);
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
	}
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}

img, svg, video {
	max-width: 100%;
	height: auto;
}

/* Accessible focus ring everywhere */
:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
	border-radius: 4px;
}

/* Screen-reader-only text */
.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: var(--wp--preset--color--base);
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip-path: none;
	color: var(--wp--preset--color--contrast);
	display: block;
	font-size: .875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Skip link */
.gt-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 9999;
}

.gt-skip-link:focus {
	left: 12px;
	top: 12px;
	padding: 12px 20px;
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	border-radius: var(--gt-radius-sm);
	text-decoration: none;
}

/* ==========================================================================
   3. Block style variations (registered in inc/block-styles.php)
   ========================================================================== */

/* Card surface */
.is-style-card {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--gt-radius-md);
	padding: var(--wp--preset--spacing--40);
	box-shadow: var(--gt-shadow-sm);
}

/* Interactive card: lifts on hover */
.is-style-card-hover {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--gt-radius-md);
	padding: var(--wp--preset--spacing--40);
	box-shadow: var(--gt-shadow-sm);
	transition: transform var(--gt-transition), box-shadow var(--gt-transition), border-color var(--gt-transition);
	height: 100%;
}

.is-style-card-hover:hover,
.is-style-card-hover:focus-within {
	transform: translateY(-6px);
	box-shadow: var(--gt-shadow-md);
	border-color: color-mix(in srgb, var(--wp--preset--color--primary) 35%, transparent);
}

/* Soft glass panel on dark sections */
.is-style-glass {
	background: rgba(255, 255, 255, .08);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: var(--gt-radius-md);
}

/* Section heading with short accent bar */
.is-style-section-title {
	position: relative;
	padding-bottom: .6em;
}

.is-style-section-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 56px;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--wp--preset--color--accent), var(--wp--preset--color--primary));
}

.is-style-section-title.has-text-align-center::after {
	left: 50%;
	transform: translateX(-50%);
}

/* Pill / badge */
.is-style-pill {
	display: inline-block;
	padding: .4em 1em;
	border-radius: 999px;
	background: var(--wp--preset--color--sand);
	color: var(--wp--preset--color--accent-alt);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	text-decoration: none;
}

/* Outline CTA button */
.is-style-btn-outline .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--contrast);
	border: 1.5px solid var(--wp--preset--color--border);
}

.is-style-btn-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--contrast);
}

/* Light CTA button (for dark backgrounds) */
.is-style-btn-light .wp-block-button__link {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

.is-style-btn-light .wp-block-button__link:hover {
	background: var(--wp--preset--color--sand);
	color: var(--wp--preset--color--accent-alt);
}

/* Arrow link */
.is-style-arrow-link .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--primary);
	padding: 0;
	text-decoration: none;
	font-weight: 600;
}

.is-style-arrow-link .wp-block-button__link::after {
	content: " →";
	transition: transform var(--gt-transition);
	display: inline-block;
}

.is-style-arrow-link .wp-block-button__link:hover::after {
	transform: translateX(5px);
}

/* Shadowed media */
.is-style-shadowed img {
	box-shadow: var(--gt-shadow-lg);
	border-radius: var(--gt-radius-lg);
}

/* Bordered / framed image */
.is-style-framed img {
	border: 8px solid var(--wp--preset--color--base);
	box-shadow: var(--gt-shadow-md);
	border-radius: var(--gt-radius-md);
}

/* Icon tile (used inside service cards) */
.is-style-icon-tile {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: var(--gt-radius-sm);
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--primary);
	font-size: 26px;
	line-height: 1;
}

/* Eyebrow label above a heading */
.is-style-eyebrow {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-alt);
}

/* Lead paragraph */
.is-style-lead {
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.7;
	color: var(--wp--preset--color--muted);
}

/* Rounded hero (cover block) */
.is-style-hero-rounded {
	border-radius: var(--gt-radius-lg);
	overflow: hidden;
}

/* Checkmark list */
.is-style-checkmark {
	list-style: none;
	padding-left: 0;
}

.is-style-checkmark li {
	position: relative;
	padding-left: 2rem;
	margin-bottom: .6rem;
}

.is-style-checkmark li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .45em;
	width: 1.05rem;
	height: .6rem;
	border-left: 2.5px solid var(--wp--preset--color--primary);
	border-bottom: 2.5px solid var(--wp--preset--color--primary);
	transform: rotate(-45deg);
}

/* Numbered list */
.is-style-numbered {
	list-style: none;
	counter-reset: gt-num;
	padding-left: 0;
}

.is-style-numbered li {
	position: relative;
	counter-increment: gt-num;
	padding-left: 2.75rem;
	margin-bottom: .9rem;
	min-height: 2rem;
}

.is-style-numbered li::before {
	content: counter(gt-num, decimal-leading-zero);
	position: absolute;
	left: 0;
	top: 0;
	width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--primary);
	font-size: .8rem;
	font-weight: 800;
}

/* Call-to-action panel: rounded, clipped corners */
.is-style-cta-panel {
	border-radius: var(--gt-radius-lg);
	overflow: hidden;
	position: relative;
}

/* ==========================================================================
   4. Header & navigation
   ========================================================================== */
.gt-header {
	position: relative;
	z-index: 100;
}

.gt-header .wp-block-group {
	transition: box-shadow var(--gt-transition), background-color var(--gt-transition);
}

/* Sticky behaviour when the user enables it on the header group */
.gt-header.is-position-sticky,
.is-style-sticky-header {
	position: sticky;
	top: 0;
}

/* Top utility bar */
.gt-topbar {
	font-size: var(--wp--preset--font-size--small);
}

.gt-topbar a {
	color: inherit;
	text-decoration: none;
}

.gt-topbar a:hover {
	text-decoration: underline;
}

/* Mobile navigation toggle */
.gt-nav-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: transparent;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--gt-radius-sm);
	cursor: pointer;
	color: var(--wp--preset--color--contrast);
}

.gt-nav-toggle svg {
	width: 22px;
	height: 22px;
}

.gt-nav-toggle .gt-icon-close { display: none; }

.gt-header.is-nav-open .gt-nav-toggle .gt-icon-close { display: block; }
.gt-header.is-nav-open .gt-nav-toggle .gt-icon-open { display: none; }

@media (max-width: 900px) {
	.gt-nav-toggle { display: inline-flex; }

	.gt-header .wp-block-navigation {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		background: var(--wp--preset--color--base);
		border-top: 1px solid var(--wp--preset--color--border);
		box-shadow: var(--gt-shadow-md);
		display: none;
		padding: var(--wp--preset--spacing--30);
	}

	.gt-header.is-nav-open .wp-block-navigation {
		display: block;
	}

	.gt-header .wp-block-navigation .wp-block-navigation__container {
		flex-direction: column;
		align-items: stretch;
		gap: .25rem;
	}

	.gt-header .wp-block-navigation-item {
		width: 100%;
		border-bottom: 1px solid var(--wp--preset--color--border);
	}

	.gt-header .wp-block-navigation-item:last-child { border-bottom: 0; }

	.gt-header .wp-block-navigation-item a {
		display: block;
		padding: .75rem 0;
	}
}

/* ==========================================================================
   5. Footer
   ========================================================================== */
.gt-footer {
	border-top: 1px solid var(--wp--preset--color--border);
}

.gt-footer a {
	text-decoration: none;
}

.gt-footer a:hover {
	text-decoration: underline;
}

.gt-footer .wp-block-navigation .wp-block-navigation-item a {
	color: inherit;
	opacity: .82;
}

.gt-footer .wp-block-navigation .wp-block-navigation-item a:hover {
	opacity: 1;
}

/* ==========================================================================
   6. Card grids & product cards
   ========================================================================== */
.gt-card-grid {
	display: grid;
	gap: var(--wp--preset--spacing--30);
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.gt-card-grid--two { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.gt-card-grid--four { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }

/* Product card */
.gt-product-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--gt-radius-md);
	overflow: hidden;
	transition: transform var(--gt-transition), box-shadow var(--gt-transition);
}

.gt-product-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--gt-shadow-md);
}

.gt-product-card__media {
	position: relative;
	aspect-ratio: 4 / 3;
	background: var(--wp--preset--color--surface);
	overflow: hidden;
}

.gt-product-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}

.gt-product-card:hover .gt-product-card__media img {
	transform: scale(1.05);
}

.gt-product-card__badge {
	position: absolute;
	top: 12px;
	left: 12px;
	background: var(--wp--preset--color--accent);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 999px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.gt-product-card__body {
	padding: var(--wp--preset--spacing--30);
	display: flex;
	flex-direction: column;
	gap: .5rem;
	flex: 1;
}

.gt-product-card__title {
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
}

.gt-product-card__meta {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
	margin: 0;
}

.gt-product-card__specs {
	list-style: none;
	margin: .25rem 0 0;
	padding: 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
	display: grid;
	gap: .25rem;
}

.gt-product-card__specs li::before {
	content: "•";
	color: var(--wp--preset--color--primary);
	margin-right: .5rem;
}

/* Certification / partner logo wall */
.gt-logo-wall {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: var(--wp--preset--spacing--30);
	align-items: center;
}

.gt-logo-wall img {
	filter: grayscale(1);
	opacity: .62;
	transition: filter var(--gt-transition), opacity var(--gt-transition);
	max-height: 56px;
	width: auto;
	margin: 0 auto;
}

.gt-logo-wall img:hover {
	filter: grayscale(0);
	opacity: 1;
}

/* ==========================================================================
   7. Stats / counters
   ========================================================================== */
.gt-counter {
	font-variant-numeric: tabular-nums;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -.03em;
}

.gt-stat-label {
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: .06em;
	text-transform: uppercase;
	opacity: .78;
}

/* ==========================================================================
   8. FAQ accordion
   ========================================================================== */
.gt-faq details,
.is-style-faq {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--gt-radius-sm);
	padding: var(--wp--preset--spacing--30);
	background: var(--wp--preset--color--base);
	transition: border-color var(--gt-transition), box-shadow var(--gt-transition);
}

.gt-faq details[open],
.is-style-faq[open] {
	border-color: color-mix(in srgb, var(--wp--preset--color--primary) 40%, transparent);
	box-shadow: var(--gt-shadow-sm);
}

.gt-faq summary,
.is-style-faq > summary {
	cursor: pointer;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--large);
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}

.gt-faq summary::-webkit-details-marker,
.is-style-faq > summary::-webkit-details-marker { display: none; }

.gt-faq summary::after,
.is-style-faq > summary::after {
	content: "+";
	font-size: 1.5rem;
	line-height: 1;
	color: var(--wp--preset--color--primary);
	transition: transform var(--gt-transition);
	flex: 0 0 auto;
}

.gt-faq details[open] summary::after,
.is-style-faq[open] > summary::after {
	transform: rotate(45deg);
}

.gt-faq details > *:not(summary),
.is-style-faq > *:not(summary) {
	margin-top: .75rem;
	color: var(--wp--preset--color--muted);
}

/* Space out sibling FAQ items */
.is-style-faq + .is-style-faq {
	margin-top: var(--wp--preset--spacing--20);
}

/* ==========================================================================
   9. Inquiry form block
   ========================================================================== */
.gt-inquiry-form {
	display: grid;
	gap: var(--wp--preset--spacing--20);
}

.gt-inquiry-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--20);
}

@media (max-width: 640px) {
	.gt-inquiry-form__grid { grid-template-columns: 1fr; }
}

.gt-inquiry-form__field {
	display: flex;
	flex-direction: column;
	gap: .4rem;
}

.gt-inquiry-form__field--full {
	grid-column: 1 / -1;
}

.gt-inquiry-form label {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.gt-inquiry-form .gt-required {
	color: var(--wp--preset--color--accent);
}

.gt-inquiry-form input[type="text"],
.gt-inquiry-form input[type="email"],
.gt-inquiry-form input[type="tel"],
.gt-inquiry-form select,
.gt-inquiry-form textarea {
	width: 100%;
	padding: .8em 1em;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--gt-radius-sm);
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--medium);
	transition: border-color var(--gt-transition), box-shadow var(--gt-transition);
}

.gt-inquiry-form input:focus,
.gt-inquiry-form select:focus,
.gt-inquiry-form textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--primary);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--primary) 18%, transparent);
}

.gt-inquiry-form textarea {
	min-height: 132px;
	resize: vertical;
}

.gt-inquiry-form__actions {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.gt-inquiry-form__submit {
	cursor: pointer;
	border: 0;
}

.gt-inquiry-form__submit:disabled {
	opacity: .6;
	cursor: progress;
}

.gt-inquiry-form__note {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
	margin: 0;
}

.gt-inquiry-form__response {
	border-radius: var(--gt-radius-sm);
	padding: .8em 1em;
	font-size: var(--wp--preset--font-size--small);
	display: none;
}

.gt-inquiry-form__response.is-visible { display: block; }

.gt-inquiry-form__response.is-success {
	background: #E9F7EF;
	color: #17603A;
	border: 1px solid #B7E4C7;
}

.gt-inquiry-form__response.is-error {
	background: #FEECEB;
	color: #9B1C1C;
	border: 1px solid #FBD5D5;
}

/* Honeypot field - hidden from humans */
.gt-hp-field {
	position: absolute !important;
	left: -9999px !important;
	opacity: 0 !important;
	height: 0 !important;
	width: 0 !important;
	overflow: hidden !important;
}

/* ==========================================================================
   10. Timeline / process
   ========================================================================== */
.gt-steps {
	display: grid;
	gap: var(--wp--preset--spacing--30);
	counter-reset: gt-step;
}

.gt-step {
	position: relative;
	padding-left: 4.25rem;
	counter-increment: gt-step;
}

.gt-step::before {
	content: counter(gt-step, decimal-leading-zero);
	position: absolute;
	left: 0;
	top: 0;
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--wp--preset--color--primary);
	color: #fff;
	font-weight: 800;
	font-size: .95rem;
}

/* Vertical connecting line */
.gt-step:not(:last-child)::after {
	content: "";
	position: absolute;
	left: 1.5rem;
	top: 3.25rem;
	bottom: -1.5rem;
	width: 2px;
	background: var(--wp--preset--color--border);
}

/* ==========================================================================
   11. Back to top
   ========================================================================== */
.gt-to-top {
	position: fixed;
	right: 24px;
	bottom: 24px;
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 0;
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	box-shadow: var(--gt-shadow-md);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: opacity var(--gt-transition), transform var(--gt-transition), visibility var(--gt-transition);
	z-index: 90;
}

.gt-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.gt-to-top:hover {
	background: var(--wp--preset--color--primary);
}

/* ==========================================================================
   12. Utilities
   ========================================================================== */
.gt-no-wrap { white-space: nowrap; }
.gt-text-center { text-align: center; }
.gt-mt-0 { margin-top: 0 !important; }
.gt-mb-0 { margin-bottom: 0 !important; }
.gt-mx-auto { margin-left: auto !important; margin-right: auto !important; }

@media (max-width: 781px) {
	.gt-hide-mobile { display: none !important; }
}

@media (min-width: 782px) {
	.gt-hide-desktop { display: none !important; }
}

/* Reveal-on-scroll (progressive enhancement, added by theme.js) */
.gt-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .6s ease, transform .6s ease;
}

.gt-reveal.is-in {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.gt-reveal { opacity: 1; transform: none; }
}

/* ==========================================================================
   13. Section & page shells (class names used by the shipped patterns)
   ========================================================================== */

/* Generic section wrapper: every modular pattern uses it */
.gt-section {
	position: relative;
}

/* Page header used by index / archive / search / single templates */
.gt-page-header {
	border-bottom: 1px solid var(--wp--preset--color--border);
}

/* Soft banner used by the page-level hero pattern */
.gt-page-hero {
	border-bottom: 1px solid var(--wp--preset--color--border);
}

/* Centered banner used by the full-page patterns */
.gt-page-banner {
	background-image: radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--wp--preset--color--primary) 14%, transparent), transparent 62%);
	border-bottom: 1px solid var(--wp--preset--color--border);
}

/* Dark home hero: two soft light pools over the contrast background */
.gt-hero {
	overflow: hidden;
	background-image:
		radial-gradient(circle at 84% 16%, color-mix(in srgb, var(--wp--preset--color--primary) 42%, transparent), transparent 56%),
		radial-gradient(circle at 6% 92%, color-mix(in srgb, var(--wp--preset--color--accent) 26%, transparent), transparent 54%);
}

/* Dark CTA band */
.gt-cta-band {
	overflow: hidden;
	background-image: radial-gradient(circle at 92% 8%, rgba(255, 255, 255, .18), transparent 58%);
}

/* Dark statistics band */
.gt-stats-band {
	border-top: 1px solid rgba(255, 255, 255, .14);
	border-bottom: 1px solid rgba(255, 255, 255, .14);
}

/* Dark inquiry section */
.gt-inquiry-section {
	overflow: hidden;
}

/* Logo / credibility strip */
.gt-trust-bar {
	background: var(--wp--preset--color--surface);
}

/* Sticky navigation bar */
.gt-navbar {
	z-index: 50;
}

/* Footer introduction paragraph */
.gt-footer-intro {
	max-width: 340px;
	line-height: 1.7;
	opacity: .84;
}

/* Print */
@media print {
	.gt-header, .gt-footer, .gt-to-top, .gt-nav-toggle { display: none !important; }
}