@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Poppins:wght@400;500;600;700;800;900&display=swap');
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */

:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */

h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
/*# sourceURL=https://www.gxkart.com/wp-includes/blocks/heading/style.min.css */

ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}
/*# sourceURL=https://www.gxkart.com/wp-includes/blocks/list/style.min.css */

.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
/*# sourceURL=https://www.gxkart.com/wp-includes/blocks/paragraph/style.min.css */

.wp-block-quote{box-sizing:border-box;overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block}
/*# sourceURL=https://www.gxkart.com/wp-includes/blocks/quote/style.min.css */

/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */

:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
	word-break: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}
/*
Theme Name: GXKart
Theme URI: http://localhost/gxkart
Author: Aprodence Technologies
Description: Custom promotional WordPress theme for GXKart
Version: 1.0
Text Domain: gxkart
*/

/* ========================================
   GXKART HEADER
======================================== */

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
}

.container {
    width: min(100% - 40px, 1400px);
    margin-inline: auto;
}


/* Header */

.site-header {
    width: 100%;
    position: relative;
    z-index: 1000;
    background: #ffffff;
    border-bottom: 1px solid #e8eee9;
}

.site-header > .container {
    min-height: 78px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* Logo */

.site-logo {
    display: inline-flex;
    align-items: center;

    text-decoration: none;
}

.logo-text {
    font-size: 28px;
    font-weight: 800;
    color: #15803d;
}


/* WordPress Custom Logo */

.site-logo img {
    max-height: 52px;
    width: auto;
}


/* Navigation */

.main-navigation {
    display: flex;
    align-items: center;
}

.primary-menu {
    display: flex;

    list-style: none;

    margin: 0;
    padding: 0;

    gap: 32px;
}

.primary-menu li {
    margin: 0;
    padding: 0;
}

.primary-menu a {
    color: #17231b;

    font-size: 15px;
    font-weight: 600;

    text-decoration: none;

    transition:
        color 0.25s ease,
        opacity 0.25s ease;
}

.primary-menu a:hover {
    color: #15803d;
}


/* Mobile button */

.mobile-menu-toggle {
    display: none;

    width: 42px;
    height: 42px;

    padding: 8px;

    border: 0;
    background: transparent;

    cursor: pointer;
}

.mobile-menu-toggle span {
    display: block;

    width: 100%;
    height: 2px;

    margin: 5px 0;

    background: #17231b;
}


/* Mobile Navigation */

.mobile-navigation {
    display: none;
}


/* Placeholder */

.gxkart-placeholder {
    min-height: 70vh;

    display: flex;
    align-items: center;

    text-align: center;
}

.gxkart-placeholder .container {
    width: min(100% - 40px, 900px);
}

.gxkart-placeholder h1 {
    margin: 0 0 15px;

    font-size: clamp(40px, 6vw, 72px);

    color: #15803d;
}

.gxkart-placeholder p {
    margin: 0;

    font-size: 18px;
    color: #526158;
}


/* Footer */

.site-footer {
    background: #102018;
    color: #ffffff;
    padding: 60px 0 25px;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.footer-brand a {
    color: #ffffff;
    font-size: 28px;
    font-weight: 800;
    text-decoration: none;
}

.footer-brand p {
    max-width: 400px;
    color: #b7c5bc;
}

.footer-bottom {
    margin-top: 40px;
    padding-top: 20px;

    border-top: 1px solid rgba(255,255,255,.12);
}

.footer-bottom p {
    margin: 0;
    color: #aab8af;
    font-size: 14px;
}


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

@media (max-width: 991px) {

    .main-navigation {
        display: none;
    }

    .mobile-menu-toggle {
        display: block;
    }

    .mobile-navigation {
        padding: 0 20px 20px;
    }

    .mobile-menu {
        list-style: none;

        margin: 0;
        padding: 0;
    }

    .mobile-menu li {
        border-bottom: 1px solid #e8eee9;
    }

    .mobile-menu a {
        display: block;

        padding: 14px 0;

        color: #17231b;

        text-decoration: none;
        font-weight: 600;
    }

    .footer-content {
        flex-direction: column;
    }
}/* ============================================================
   GXKart — PROMOTIONAL panel theme — edit here to re-theme the promotional mockups
   Change the brand here once and every mockup that links this file re-themes.
   Pair with js/tailwind-config.js (the Tailwind config that maps names -> these vars).
   ============================================================ */



:root{
  --primary:#15803d;       /* GXKart green — brand, buttons, links */
  --primary-dark:#0f5c2e;  /* deeper green — hover */
  --accent:#34a05f;        /* medium green — highlights */
  --amber:#f59e0b;         /* warm pop — sale/discount + star rating ONLY */
  --leaf-bg:#e7f6ed;       /* light green tint */
  --bg:#f6faf7;            /* page background */
  --ink:#14271a;           /* deep green ink — headings */
  --ink-soft:#233329;      /* body text */
}

/* Base typography (background is set per-page via the <body> class) */
html,body{font-family:'Nunito',ui-sans-serif,system-ui,sans-serif;color:var(--ink-soft);}
.font-display{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;}
::selection{background:var(--accent);color:#fff;}

/* Scrollbar */
::-webkit-scrollbar{width:11px;height:11px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:#c2e6cf;border-radius:9px;border:3px solid var(--bg);}
::-webkit-scrollbar-thumb:hover{background:#6cb487;}

/* Shared animations / effects */
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes popin{0%{transform:scale(.96);opacity:0}100%{transform:scale(1);opacity:1}}
.marquee{display:inline-flex;white-space:nowrap;animation:marquee 30s linear infinite;}
.promo-strip:hover .marquee{animation-play-state:paused;}
.pop-in{animation:popin .55s cubic-bezier(.2,.7,.3,1) both;}
.underline-accent{background-image:linear-gradient(var(--primary),var(--primary));background-size:0% 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease;}
.underline-accent:hover{background-size:100% 2px;}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .marquee,.pop-in{animation:none !important;}
}

/* ============ Top scrolling bar (dashboard → Header & Footer → "Top scrolling bar") ============ */
.gx-topbar {
   position: relative;
   overflow: hidden;
   color: #fff;
   font-family: Poppins, ui-sans-serif, system-ui, sans-serif;
   font-size: 13px;
   font-weight: 600;
   letter-spacing: .05em;
   line-height: 1;
   box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .12);
}
.gx-topbar--green  { background: linear-gradient(90deg, #0f5c2e 0%, #15803d 45%, #34a05f 100%); }
.gx-topbar--dark   { background: linear-gradient(90deg, #0b1d12 0%, #14271a 55%, #1e3d29 100%); }
.gx-topbar--lime   { background: linear-gradient(90deg, #15803d 0%, #4d9a1f 55%, #84b82f 100%); }
.gx-topbar--orange { background: linear-gradient(90deg, #c2410c 0%, #ea580c 50%, #fb923c 100%); }
.gx-topbar.is-upper { text-transform: uppercase; }

.gx-topbar-track {
   display: flex;
   width: max-content;
   animation: gx-topbar-scroll var(--gx-topbar-duration, 40s) linear infinite;
   will-change: transform;
}
.gx-topbar:hover .gx-topbar-track,
.gx-topbar:focus-within .gx-topbar-track { animation-play-state: paused; }

.gx-topbar-group {
   display: flex;
   flex-shrink: 0;
   margin: 0;
   padding: 0;
   list-style: none;
}
.gx-topbar-item {
   display: flex;
   align-items: center;
   padding: 12px 30px;
   white-space: nowrap;
}
.gx-topbar-inner {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   color: inherit;
   text-decoration: none;
}
a.gx-topbar-inner:hover .gx-topbar-text { text-decoration: underline; text-underline-offset: 3px; }
a.gx-topbar-inner:focus-visible { outline: 2px solid #fff; outline-offset: 4px; border-radius: 4px; }
.gx-topbar-icon { display: inline-grid; place-items: center; flex: 0 0 auto; }
.gx-topbar-svg { width: 18px; height: 18px; }

@keyframes gx-topbar-scroll {
   from { transform: translateX(0); }
   to   { transform: translateX(-50%); }
}

@media (max-width: 640px) {
   .gx-topbar { font-size: 12px; }
   .gx-topbar-item { padding: 10px 20px; }
   .gx-topbar-svg { width: 16px; height: 16px; }
}

@media (prefers-reduced-motion: reduce) {
   .gx-topbar { overflow-x: auto; scrollbar-width: none; }
   .gx-topbar-track { animation: none; }
   .gx-topbar-group[aria-hidden="true"] { display: none; }
}

/* ============ Floating WhatsApp button (dashboard → Header & Footer → "WhatsApp button") ============ */
.gx-wa {
   position: fixed;
   top: 50%;
   right: 0;
   z-index: 60;
   display: flex;
   align-items: center;
   color: #fff;
   white-space: nowrap;
   text-decoration: none;
   transform: translateY(-50%);
   -webkit-tap-highlight-color: transparent;
}
.gx-wa:hover,
.gx-wa:focus { color: #fff; }
.gx-wa:focus-visible { outline: 3px solid #0f5c2e; outline-offset: 3px; }

.gx-wa-icon {
   position: relative;
   display: grid;
   place-items: center;
   flex: 0 0 auto;
   border-radius: 50%;
}
.gx-wa-icon svg { width: 20px; height: 20px; }
.gx-wa-icon img { width: 22px; height: 22px; object-fit: contain; }
.gx-wa-icon::after {                       /* gentle "we're online" ping */
   content: "";
   position: absolute;
   inset: 0;
   border-radius: 50%;
   border: 2px solid rgba(255, 255, 255, .85);
   animation: gx-wa-ping 2.6s ease-out infinite;
}
@keyframes gx-wa-ping {
   0%        { transform: scale(1);    opacity: .9; }
   80%, 100% { transform: scale(1.32); opacity: 0; }
}

/* ---- Side tab (default): slim vertical tab on the right edge ---- */
.gx-wa--tab {
   flex-direction: column;
   width: 54px;
   padding: 9px 0 18px;
   overflow: hidden;
   border-radius: 18px 0 0 18px;
   background: linear-gradient(180deg, #3ee486 0%, #25d366 35%, #149a4b 100%);
   font-family: Poppins, ui-sans-serif, system-ui, sans-serif;
   font-size: 13.5px;
   font-weight: 600;
   letter-spacing: .05em;
   line-height: 1;
   box-shadow: -10px 16px 34px -14px rgba(6, 78, 38, .7), inset 1px 1px 0 rgba(255, 255, 255, .4), inset 0 0 0 1px rgba(255, 255, 255, .1);
   transition: width .25s ease, box-shadow .25s ease, filter .25s ease;
}
.gx-wa--tab:hover {
   width: 60px;
   filter: saturate(1.12) brightness(1.03);
   box-shadow: -14px 20px 40px -14px rgba(6, 78, 38, .8), inset 1px 1px 0 rgba(255, 255, 255, .4), inset 0 0 0 1px rgba(255, 255, 255, .1);
}
.gx-wa--tab .gx-wa-icon {
   width: 38px;
   height: 38px;
   background: #fff;
   color: #13994a;
   box-shadow: 0 6px 14px -4px rgba(6, 78, 38, .45);
   transition: transform .25s ease;
}
.gx-wa--tab:hover .gx-wa-icon { transform: scale(1.06) rotate(-8deg); }
.gx-wa--tab .gx-wa-text {
   writing-mode: vertical-rl;
   margin-top: 12px;
   padding-top: 13px;
   border-top: 1px solid rgba(255, 255, 255, .45);
   text-shadow: 0 1px 1px rgba(0, 0, 0, .15);
}
.gx-wa--tab::before {                      /* soft light sweep every few seconds */
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: -45%;
   height: 45%;
   background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .28), transparent);
   animation: gx-wa-shine 6s ease-in-out infinite;
   pointer-events: none;
}
@keyframes gx-wa-shine {
   0%, 72% { top: -45%; }
   100%    { top: 115%; }
}

/* ---- Pill: icon + text running across (optional, chosen in the dashboard) ---- */
.gx-wa--pill {
   gap: 10px;
   padding: 9px 20px 9px 9px;
   border-radius: 999px 0 0 999px;
   background: linear-gradient(135deg, #3ee486 0%, #25d366 40%, #149a4b 100%);
   font-family: Nunito, ui-sans-serif, system-ui, sans-serif;
   font-size: 15px;
   font-weight: 800;
   line-height: 1.1;
   box-shadow: -10px 16px 34px -14px rgba(6, 78, 38, .7), inset 1px 1px 0 rgba(255, 255, 255, .4);
   transition: padding .2s ease, box-shadow .2s ease;
}
.gx-wa--pill:hover { padding-right: 26px; }
.gx-wa--pill .gx-wa-icon { width: 38px; height: 38px; background: rgba(255, 255, 255, .2); }

/* Phones: always the slim side tab, so it never covers the page */
@media (max-width: 640px) {
   .gx-wa--tab,
   .gx-wa--pill,
   .gx-wa--tab:hover,
   .gx-wa--pill:hover {
      flex-direction: column;
      gap: 0;
      width: 44px;
      padding: 7px 0 14px;
      overflow: hidden;
      border-radius: 14px 0 0 14px;
      background: linear-gradient(180deg, #3ee486 0%, #25d366 35%, #149a4b 100%);
      font-family: Poppins, ui-sans-serif, system-ui, sans-serif;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .04em;
      line-height: 1;
   }
   .gx-wa .gx-wa-icon {
      width: 30px;
      height: 30px;
      background: #fff;
      color: #13994a;
   }
   .gx-wa-icon svg { width: 16px; height: 16px; }
   .gx-wa-icon img { width: 18px; height: 18px; }
   .gx-wa .gx-wa-text {
      writing-mode: vertical-rl;
      margin-top: 9px;
      padding-top: 10px;
      border-top: 1px solid rgba(255, 255, 255, .45);
   }
}

@media (prefers-reduced-motion: reduce) {
   .gx-wa,
   .gx-wa .gx-wa-icon { transition: none; }
   .gx-wa-icon::after,
   .gx-wa--tab::before { display: none; }
}

@media print {
   .gx-wa { display: none; }
}

/* ============ Footer credit: "Designed and Developed by APRODENCE" (Header & Footer → Footer — bottom bar) ============ */
.gx-credit {
   display: inline-flex;
   align-items: center;
   gap: .55rem;
   margin: 0;
   white-space: nowrap;
}
.gx-credit a {
   display: inline-flex;
   align-items: center;
   transition: transform .2s ease, filter .2s ease;
}
.gx-credit a:hover { transform: translateY(-1px); filter: brightness(1.2); }
.gx-credit a:focus-visible { outline: 2px solid #86efac; outline-offset: 4px; border-radius: 4px; }
.gx-aprodence { display: block; height: 16px; width: auto; }

/* keep the copyright and credit clear of the chat button in the bottom-right corner */
@media (max-width: 639px) {
   footer .gx-footer-bottom { padding-bottom: 5.75rem; }
}
@media (min-width: 640px) and (max-width: 1519px) {
   footer .gx-footer-bottom { padding-right: 6.5rem; }
}

/* WhatsApp tab — rotated 180° (icon bottom, text reads bottom-to-top) */
.gx-wa--tab { flex-direction: column-reverse; padding: 18px 0 9px; }
.gx-wa--tab .gx-wa-text { transform: rotate(180deg); margin-top: 0; margin-bottom: 12px; }

@media (max-width: 640px) {
  .gx-wa--tab, .gx-wa--tab:hover { padding: 14px 0 7px; }
  .gx-wa--tab .gx-wa-text { margin-top: 0; margin-bottom: 9px; }
}

/* WhatsApp tab colour: mint-lime (matches hero "grocery business" gradient) */
.gx-wa--tab { background: linear-gradient(180deg, #86efac 0%, #a6f089 50%, #bef264 100%); color: #0f3d22; box-shadow: -10px 16px 34px -14px rgba(6,78,38,.55), 0 0 0 1px rgba(20,39,26,.12), 0 0 28px -8px rgba(190,242,100,.55), inset 1px 1px 0 rgba(255,255,255,.65); }
.gx-wa--tab:hover { box-shadow: -14px 20px 40px -14px rgba(6,78,38,.65), 0 0 0 1px rgba(20,39,26,.14), 0 0 34px -8px rgba(190,242,100,.7), inset 1px 1px 0 rgba(255,255,255,.65); }
.gx-wa--tab:hover, .gx-wa--tab:focus { color: #0f3d22; }
.gx-wa--tab .gx-wa-icon { background: #14271a; color: #bef264; box-shadow: 0 6px 14px -4px rgba(6,78,38,.55); }
.gx-wa--tab .gx-wa-icon::after { border-color: rgba(20,39,26,.5); }
.gx-wa--tab .gx-wa-text { border-top-color: rgba(15,61,34,.28); text-shadow: none; }
.gx-wa--tab::before { background: linear-gradient(transparent, rgba(255,255,255,.55), transparent); }
@media (max-width: 640px) {
  .gx-wa--tab, .gx-wa--tab:hover { background: linear-gradient(180deg, #86efac 0%, #a6f089 50%, #bef264 100%); }
}

/* Footer social icons (official brand colours) — dashboard → Header & Footer → "Footer — contact" → Social icons */
.gx-footer-social { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 22px; }
.gx-social-btn { display: inline-flex; width: 38px; height: 38px; border-radius: 12px; filter: drop-shadow(0 6px 10px rgba(0,0,0,.35)); transition: transform .2s ease, filter .2s ease; }
.gx-social-btn svg, .gx-social-btn img { display: block; width: 38px; height: 38px; }
.gx-social-btn img { object-fit: contain; border-radius: 10px; }
.gx-social-btn:hover { transform: translateY(-3px); filter: drop-shadow(0 10px 14px rgba(0,0,0,.45)) brightness(1.06); }
.gx-social-btn:focus-visible { outline: 2px solid #bef264; outline-offset: 3px; }

/* Footer credit as a tag: "● POWERED BY APRODENCE" — same look as the hero pill (Header & Footer → Footer — bottom bar) */
.gx-credit { display: inline-flex; align-items: center; gap: .5rem; margin: 0; padding: 6px 14px; border-radius: 999px; background: rgba(255,255,255,.10); box-shadow: inset 0 0 0 1px rgba(255,255,255,.15); color: #bbf7d0; font-size: 12px; font-weight: 800; letter-spacing: .025em; text-transform: uppercase; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: background .2s ease, box-shadow .2s ease, transform .2s ease, color .2s ease; }
.gx-credit::before { content: ""; flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: #86efac; }
.gx-credit .gx-aprodence { height: 13px; transform: translateY(-14%); } /* the wordmark sits low inside the logo artwork — lift it so "APRODENCE" lines up with "POWERED BY" */
.gx-credit:hover { background: rgba(255,255,255,.14); box-shadow: inset 0 0 0 1px rgba(134,239,172,.45); color: #dcfce7; transform: translateY(-1px); }
.gx-credit:focus-visible { outline: 2px solid #86efac; outline-offset: 3px; }

/* Contact page → Office hours line ("Open 24/7 · 365 days a year"): bigger and bolder */
div.gx-hours { font-family: Poppins, ui-sans-serif, system-ui, sans-serif; font-size: 18px; font-weight: 800; line-height: 1.4; letter-spacing: -.01em; color: #14271a; }
@media (min-width: 640px) { div.gx-hours { font-size: 20px; } }

/* Contact page → "WhatsApp us" card: WhatsApp-green icon + clear "Chat on WhatsApp" button (shown when the card links to wa.me) */
a.gx-wa-card { position: relative; display: flex; flex-direction: column; }
a.gx-wa-card:hover { border-color: rgba(37,211,102,.55); box-shadow: 0 22px 44px -22px rgba(18,140,74,.45), 0 0 0 1px rgba(37,211,102,.25); }
.gx-wa-tile { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 16px; background: #25D366; box-shadow: 0 10px 20px -10px rgba(37,211,102,.9); }
.gx-wa-tile svg { width: 42px; height: 42px; }
.gx-wa-cta { margin-top: auto; align-self: stretch; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 11px 14px; border-radius: 999px; white-space: nowrap; background: linear-gradient(135deg, #25D366 0%, #169c4c 100%); color: #fff; font-weight: 800; font-size: 14px; line-height: 1.1; text-shadow: 0 1px 0 rgba(0,0,0,.12); box-shadow: 0 12px 22px -12px rgba(18,140,74,.9), inset 0 1px 0 rgba(255,255,255,.35); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
a.gx-wa-card > p { margin-bottom: 16px; }
.gx-wa-cta > svg:first-child { flex: 0 0 auto; width: 30px; height: 30px; margin: -6px -4px -6px -8px; }
.gx-wa-cta > svg:first-child circle { fill: transparent; }
.gx-wa-cta-arrow { flex: 0 0 auto; width: 13px; height: 13px; transition: transform .2s ease; }
a.gx-wa-card:hover .gx-wa-cta { filter: brightness(1.05); box-shadow: 0 16px 26px -12px rgba(18,140,74,1), inset 0 1px 0 rgba(255,255,255,.35); }
a.gx-wa-card:hover .gx-wa-cta-arrow { transform: translate(2px,-2px); }
a.gx-wa-card:focus-visible { outline: 3px solid #25D366; outline-offset: 3px; }
/* 4 cards in a row on small laptops: keep "Chat on WhatsApp" on one line */
@media (min-width: 1024px) and (max-width: 1149px) {
  .gx-wa-cta { font-size: 13px; padding: 10px 10px; gap: 6px; }
  .gx-wa-cta-arrow { display: none; }
}

/* Contact form: Google reCAPTCHA v2 "I'm not a robot" box (Contact → Contact Forms → [recaptcha]) */
.gx-cf7 .gx-captcha { margin: 2px 0 4px; }
.gx-cf7 .gx-captcha .g-recaptcha { display: inline-block; min-height: 78px; border-radius: 6px; box-shadow: 0 8px 20px -14px rgba(20,39,26,.35); }
.gx-cf7 .gx-captcha .wpcf7-not-valid-tip { margin-top: 6px; }
/* until the reCAPTCHA keys are added the box is empty: take no space */
.gx-cf7 .gx-captcha .g-recaptcha:empty { display: none; }
.gx-cf7 .gx-captcha:has(.g-recaptcha:empty) { display: none; }
@media (max-width: 360px) {
  .gx-cf7 .gx-captcha .g-recaptcha { transform: scale(.88); transform-origin: 0 0; margin-bottom: -9px; }
}

/* ============ Home → Client testimonials: modern cards, each in its client's own website colours ============ */
.gx-clients { position: relative; overflow: hidden; background: radial-gradient(60% 50% at 8% 0%, rgba(134,239,172,.16), transparent 70%), radial-gradient(50% 45% at 95% 100%, rgba(190,242,100,.14), transparent 70%), #fff; }
.gx-clients-badge { display: inline-flex; align-items: center; gap: .55rem; padding: 6px 14px; border-radius: 999px; background: #e7f6ed; color: #0f5c2e; font-size: 12px; font-weight: 800; letter-spacing: .02em; box-shadow: inset 0 0 0 1px #d1ecd9; }
.gx-clients-badge i { position: relative; width: 8px; height: 8px; border-radius: 50%; background: #22c55e; }
.gx-clients-badge i::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #22c55e; animation: gx-live 1.8s ease-out infinite; }
@keyframes gx-live { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(2.6); opacity: 0; } }
.gx-clients-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 768px) { .gx-clients-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .gx-clients-grid { grid-template-columns: repeat(3, 1fr); gap: 28px; } }

.cc { --b: #15803d; --b2: #86efac; position: relative; display: flex; flex-direction: column; border-radius: 28px; background: #fff; border: 1px solid #e3efe7; border-color: color-mix(in srgb, var(--b) 16%, #fff); box-shadow: 0 1px 2px rgba(20,39,26,.04), 0 18px 40px -26px color-mix(in srgb, var(--b) 45%, transparent); overflow: hidden; transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease; }
.cc::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: linear-gradient(90deg, var(--b), var(--b2)); z-index: 3; }
.cc:hover { transform: translateY(-6px); border-color: color-mix(in srgb, var(--b) 35%, #fff); box-shadow: 0 2px 4px rgba(20,39,26,.04), 0 34px 70px -30px color-mix(in srgb, var(--b) 60%, transparent); }

.cc-top { position: relative; display: grid; place-items: center; min-height: 0; padding: 22px 22px 20px; background: radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--b) 18%, transparent), transparent 60%), radial-gradient(90% 90% at 100% 100%, color-mix(in srgb, var(--b2) 26%, transparent), transparent 62%), linear-gradient(180deg, color-mix(in srgb, var(--b) 7%, #fff), #fff); }
.cc-top::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(color-mix(in srgb, var(--b) 24%, transparent) 1px, transparent 1.3px); background-size: 16px 16px; -webkit-mask-image: linear-gradient(180deg, #000, transparent 85%); mask-image: linear-gradient(180deg, #000, transparent 85%); opacity: .6; pointer-events: none; }
.cc-logo { position: relative; z-index: 1; display: grid; place-items: center; width: min(100%, 260px); height: 78px; padding: 12px 20px; border-radius: 18px; background: #fff; box-shadow: 0 14px 30px -18px color-mix(in srgb, var(--b) 70%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--b) 10%, #fff); transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.cc-logo img { max-height: 52px; max-width: 100%; width: auto; }
.cc:hover .cc-logo { transform: scale(1.04); }

.cc-country { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 9px; padding: 5px 13px 5px 6px; border-radius: 999px; background: #f6faf7; box-shadow: inset 0 0 0 1px rgba(20,39,26,.08); color: #14271a; font-size: 13.5px; font-weight: 800; line-height: 1; }
.cc-country img { width: 32px; height: 23px; border-radius: 5px; object-fit: cover; box-shadow: 0 0 0 1px rgba(20,39,26,.12); }

.cc-body { position: relative; display: flex; flex-direction: column; flex: 1; padding: 18px 24px 22px; }
.cc-rating { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.cc-score { display: inline-flex; align-items: center; gap: 8px; }
.cc-stars { color: #f5a524; font-size: 17px; letter-spacing: .08em; line-height: 1; }
.cc-stars em { font-style: normal; color: #e5e7eb; }
.cc-rating b { font-family: Poppins, ui-sans-serif, system-ui, sans-serif; font-size: 12.5px; font-weight: 800; color: #14271a; padding: 3px 8px; border-radius: 8px; background: #fff7e6; }
.cc-quote { margin: 14px 0 0; flex: 1; font-size: 15.5px; line-height: 1.7; color: #334155; }
.cc-foot { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eef2ef; border-top-color: color-mix(in srgb, var(--b) 12%, #eef2ef); display: flex; flex-direction: column; align-items: stretch; gap: 16px; }
.cc-who { display: flex; align-items: center; gap: 12px; min-width: 0; }
.cc-avatar { flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--b); background: linear-gradient(135deg, var(--b), color-mix(in srgb, var(--b) 55%, var(--b2))); color: #fff; font-family: Poppins, ui-sans-serif, system-ui, sans-serif; font-weight: 800; font-size: 17px; box-shadow: 0 10px 18px -10px color-mix(in srgb, var(--b) 80%, transparent); }
.cc-who b { display: block; font-family: Poppins, ui-sans-serif, system-ui, sans-serif; font-size: 15px; color: #14271a; line-height: 1.2; }
.cc-who small { display: block; margin-top: 2px; font-size: 13px; font-weight: 700; color: #6b7280; }
.cc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 12px 18px; border-radius: 999px; background: var(--b); background: color-mix(in srgb, var(--b) 88%, #000); color: #fff; font-size: 14px; font-weight: 800; line-height: 1.1; white-space: nowrap; text-decoration: none; box-shadow: 0 12px 22px -12px color-mix(in srgb, var(--b) 90%, transparent); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.cc-btn svg { width: 14px; height: 14px; transition: transform .2s ease; }
.cc-btn:hover, .cc-btn:focus { color: #fff; transform: translateY(-1px); filter: brightness(1.1); }
.cc-btn:hover svg { transform: translate(2px,-2px); }
.cc-btn:focus-visible, .cc-logo:focus-visible { outline: 3px solid var(--b2); outline-offset: 3px; }
@media (max-width: 380px) { .cc-body { padding: 16px 18px 20px; } }

/* ============ Home → "Your brand, your way" (white-label) — Pages → Home → "Your brand, your way" ============ */
@property --bb { syntax: '<color>'; inherits: true; initial-value: #15803d; }
@property --ba { syntax: '<color>'; inherits: true; initial-value: #bef264; }
.wl { --bb: #15803d; --ba: #bef264; --bf: 'Poppins'; --ink: #14271a; position: relative; overflow: hidden; padding: 64px 0 72px; background: #fbfdfb; transition: --bb .7s ease, --ba .7s ease; }
@media (min-width: 1024px) { .wl { padding: 96px 0 104px; } }
.wl .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.wl-aura { position: absolute; inset: 0; pointer-events: none; }
.wl-aura i { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .22; }
.wl-aura i:first-child { width: 520px; height: 520px; top: -160px; right: 8%; background: var(--bb); }
.wl-aura i:last-child { width: 460px; height: 460px; bottom: -200px; left: -120px; background: var(--ba); opacity: .3; }
.wl::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(20,39,26,.07) 1px, transparent 1.3px); background-size: 22px 22px; -webkit-mask-image: radial-gradient(70% 60% at 70% 40%, #000, transparent); mask-image: radial-gradient(70% 60% at 70% 40%, #000, transparent); pointer-events: none; }
.wl-wrap { position: relative; max-width: 1280px; margin: 0 auto; padding: 0 16px; display: grid; gap: 48px; align-items: center; }
@media (min-width: 640px) { .wl-wrap { padding: 0 24px; } }
@media (min-width: 1024px) { .wl-wrap { padding: 0 32px; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; } }

/* copy */
.wl-eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 7px 14px; border-radius: 999px; background: #fff; color: var(--ink); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; box-shadow: 0 8px 20px -14px rgba(20,39,26,.4), inset 0 0 0 1px rgba(20,39,26,.08); }
.wl-eyebrow i { width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg, var(--bb), var(--ba)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--bb) 16%, transparent); }
.wl-title { margin: 18px 0 0; font-family: Poppins, ui-sans-serif, system-ui, sans-serif; font-weight: 800; font-size: clamp(32px, 4.4vw, 52px); line-height: 1.06; letter-spacing: -.025em; color: var(--ink); }
.wl-grad { display: inline-block; padding-bottom: .06em; background: linear-gradient(90deg, var(--bb), color-mix(in srgb, var(--bb) 45%, var(--ba))); -webkit-background-clip: text; background-clip: text; color: transparent; }
.wl-text { margin: 18px 0 0; max-width: 520px; font-size: 17px; line-height: 1.7; color: #4b5563; }
.wl-prods { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 0; padding: 0; list-style: none; }
.wl-prods li { display: inline-flex; align-items: center; gap: 7px; padding: 8px 13px; border-radius: 12px; background: #fff; color: var(--ink); font-size: 13.5px; font-weight: 800; box-shadow: inset 0 0 0 1px rgba(20,39,26,.09), 0 6px 14px -12px rgba(20,39,26,.5); }
.wl-prods li svg { width: 16px; height: 16px; color: var(--bb); }
.wl-points { display: grid; gap: 10px 20px; margin: 22px 0 0; padding: 0; list-style: none; }
@media (min-width: 640px) { .wl-points { grid-template-columns: 1fr 1fr; } }
.wl-points li { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.45; color: #374151; }
.wl-points li b { color: var(--ink); }
.wl-points li .wl-ck { flex: 0 0 auto; display: grid; place-items: center; width: 22px; height: 22px; margin-top: 1px; border-radius: 7px; color: #fff; background: var(--bb); }
.wl-points li svg { width: 13px; height: 13px; }

.wl-picker { margin-top: 28px; padding: 16px 18px 18px; border-radius: 20px; background: rgba(255,255,255,.85); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: inset 0 0 0 1px rgba(20,39,26,.08), 0 18px 40px -28px rgba(20,39,26,.45); }
.wl-picker-top { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.wl-picker-label { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #6b7280; }
.wl-now { font-size: 13px; color: #6b7280; }
.wl-now b { font-family: var(--bf), Poppins, sans-serif; font-size: 15px; color: var(--bb); }
.wl-swatches { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 14px; }
.wl-sw { position: relative; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; background: linear-gradient(135deg, var(--sb) 0 52%, var(--sa) 52% 100%); box-shadow: 0 0 0 3px #fff, 0 0 0 4px rgba(20,39,26,.10), 0 8px 16px -8px var(--sb); transition: transform .2s ease, box-shadow .2s ease; }
.wl-sw:hover { transform: translateY(-2px) scale(1.06); }
.wl-sw.is-on { box-shadow: 0 0 0 3px #fff, 0 0 0 5.5px var(--sb), 0 10px 20px -8px var(--sb); transform: scale(1.08); }
.wl-sw:focus-visible { outline: 2px solid var(--ink); outline-offset: 7px; }
@media (max-width: 419px) { .wl-swatches { gap: 9px; } .wl-sw { width: 36px; height: 36px; } .wl-picker { padding: 14px 14px 16px; } }

.wl-ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 28px; }
.wl-btn-main { display: inline-flex; align-items: center; gap: 9px; padding: 15px 24px; border-radius: 999px; background: linear-gradient(135deg, #15803d, #0f5c2e); color: #fff; font-weight: 800; font-size: 16px; text-decoration: none; box-shadow: 0 16px 30px -16px rgba(21,128,61,.9), inset 0 1px 0 rgba(255,255,255,.25); transition: transform .2s ease, box-shadow .2s ease; }
.wl-btn-main svg { width: 18px; height: 18px; transition: transform .2s ease; }
.wl-btn-main:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 20px 36px -16px rgba(21,128,61,1), inset 0 1px 0 rgba(255,255,255,.25); }
.wl-btn-main:hover svg { transform: translateX(3px); }
.wl-btn-ghost { font-weight: 800; font-size: 15px; color: var(--ink); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--bb) 50%, transparent); text-decoration-thickness: 2px; text-underline-offset: 5px; }
.wl-btn-ghost:hover { color: var(--bb); }

/* stage: website + two phones (sizes in em so the whole scene scales) */
.wl-stage { position: relative; font-size: 11px; padding: 0 0 15.5em; font-family: Nunito, ui-sans-serif, system-ui, sans-serif; }
@media (min-width: 480px) { .wl-stage { font-size: 12.5px; } }
@media (min-width: 768px) { .wl-stage { font-size: 14px; } }
@media (min-width: 1280px) { .wl-stage { font-size: 15px; } }
.wl-stage b, .wl-stage h4 { font-weight: 800; }
.wl-logo { display: inline-flex; align-items: center; gap: .45em; font-family: var(--bf), Poppins, sans-serif; font-weight: 800; font-size: 1.05em; color: var(--ink); white-space: nowrap; }
.wl-logo b { display: grid; place-items: center; width: 1.7em; height: 1.7em; border-radius: .5em; background: linear-gradient(135deg, var(--bb), color-mix(in srgb, var(--bb) 55%, var(--ba))); color: #fff; font-size: .95em; }
.wl-pill { display: inline-flex; align-items: center; justify-content: center; padding: .55em 1.1em; border-radius: 999px; background: var(--bb); color: #fff; font-weight: 800; font-size: .85em; white-space: nowrap; }
.wl-tag { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: .5em; padding: .5em .95em; border-radius: 999px; background: var(--ink); color: #fff; font-size: .82em; font-weight: 800; white-space: nowrap; box-shadow: 0 .8em 1.6em -.8em rgba(0,0,0,.6); }
.wl-tag::before { content: ""; width: .6em; height: .6em; border-radius: 50%; background: var(--ba); box-shadow: 0 0 0 .2em color-mix(in srgb, var(--ba) 35%, transparent); }

.wl-web { position: relative; width: 100%; margin-left: auto; border-radius: 1.2em; background: #fff; box-shadow: 0 2.4em 5em -2.2em rgba(20,39,26,.45), 0 0 0 1px rgba(20,39,26,.07); overflow: visible; }
@media (min-width: 768px) { .wl-web { width: 88%; margin-right: auto; } }
.wl-bar { display: flex; align-items: center; gap: .45em; height: 2.4em; padding: 0 .9em; border-radius: 1.2em 1.2em 0 0; background: #f2f5f3; border-bottom: 1px solid rgba(20,39,26,.06); }
.wl-bar > i { width: .7em; height: .7em; border-radius: 50%; background: #d7ddd9; }
.wl-bar > i:first-child { background: #ff5f57; } .wl-bar > i:nth-child(2) { background: #febc2e; } .wl-bar > i:nth-child(3) { background: #28c840; }
.wl-url { display: inline-flex; align-items: center; gap: .4em; margin: 0 auto; padding: .3em 1.2em; border-radius: 999px; background: #fff; color: #4b5563; font-size: .8em; font-weight: 700; box-shadow: inset 0 0 0 1px rgba(20,39,26,.07); }
.wl-url svg { width: 1em; height: 1em; color: var(--bb); }
.wl-site { padding: .2em 0 1.1em; border-radius: 0 0 1.2em 1.2em; overflow: hidden; }
.wl-nav { display: flex; align-items: center; justify-content: space-between; gap: 1em; padding: .8em 1.1em; }
.wl-links { display: none; gap: 1.2em; color: #6b7280; font-size: .82em; font-weight: 700; }
.wl-links i { font-style: normal; }
.wl-links i:first-child { color: var(--bb); }
@media (min-width: 480px) { .wl-links { display: flex; } }
.wl-cart { display: inline-flex; align-items: center; gap: .45em; padding: .4em .8em; border-radius: 999px; background: color-mix(in srgb, var(--bb) 10%, #fff); color: var(--bb); font-size: .8em; font-weight: 800; }
.wl-cart b { display: grid; place-items: center; min-width: 1.5em; height: 1.5em; border-radius: 999px; background: var(--bb); color: #fff; font-size: .9em; }
.wl-hero { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1em; margin: 0 1.1em; padding: 1.5em 1.6em; border-radius: 1.1em; background: linear-gradient(125deg, var(--bb) 0%, color-mix(in srgb, var(--bb) 62%, var(--ba)) 100%); color: #fff; overflow: hidden; }
.wl-hero::after { content: ""; position: absolute; width: 14em; height: 14em; right: -4em; top: -6em; border-radius: 50%; background: rgba(255,255,255,.12); }
.wl-hero small { display: inline-block; padding: .3em .8em; border-radius: 999px; background: rgba(255,255,255,.2); font-size: .72em; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.wl-hero h4 { margin: .6em 0 .9em; max-width: 15em; font-family: var(--bf), Poppins, sans-serif; font-size: 1.55em; line-height: 1.15; color: #fff; }
.wl-hero .wl-pill { background: #fff; color: var(--bb); }
.wl-basket { position: relative; z-index: 1; display: flex; font-size: 2.6em; line-height: 1; filter: drop-shadow(0 .2em .3em rgba(0,0,0,.25)); }
.wl-basket span:nth-child(2) { transform: translateY(-.35em); }
.wl-products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7em; padding: 1em 1.1em 0; }
.wl-p { position: relative; display: flex; flex-direction: column; gap: .15em; padding: .75em; border-radius: .9em; background: color-mix(in srgb, var(--bb) 6%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bb) 12%, #fff); }
.wl-p span { font-size: 1.8em; line-height: 1.1; }
.wl-p b { font-size: .82em; color: var(--ink); }
.wl-p em { font-style: normal; font-size: .82em; font-weight: 800; color: var(--bb); }
.wl-p i { position: absolute; right: .55em; bottom: .55em; display: grid; place-items: center; width: 1.6em; height: 1.6em; border-radius: .5em; background: var(--bb); color: #fff; font-style: normal; font-weight: 800; font-size: .85em; }
.wl-web > .wl-tag { top: -1em; left: 1.2em; }

.wl-phone { position: absolute; z-index: 2; width: 12.2em; height: 25em; padding: .45em; border-radius: 2.2em; background: #0d1210; box-shadow: 0 2.4em 4.4em -1.6em rgba(0,0,0,.55), inset 0 0 0 .12em rgba(255,255,255,.08); }
.wl-phone::before { content: ""; position: absolute; top: .9em; left: 50%; width: 3.6em; height: .9em; margin-left: -1.8em; border-radius: 999px; background: #0d1210; z-index: 2; }
.wl-phone--shop { left: -.3em; bottom: .8em; transform: rotate(-4deg); }
.wl-phone--drive { right: -.3em; bottom: -.6em; transform: rotate(4deg); }

.wl-screen { position: relative; height: 100%; border-radius: 1.8em; background: #fff; overflow: hidden; }
.wl-status { display: flex; justify-content: space-between; align-items: center; padding: .7em 1.2em .3em; font-size: .7em; font-weight: 800; color: #fff; position: relative; z-index: 1; }
.wl-sig { display: inline-flex; gap: .2em; align-items: flex-end; }
.wl-sig i { width: .3em; background: currentColor; border-radius: .1em; }
.wl-sig i:nth-child(1) { height: .4em; } .wl-sig i:nth-child(2) { height: .6em; } .wl-sig i:nth-child(3) { height: .8em; }
.wl-phone--shop .wl-screen::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 9.4em; background: linear-gradient(150deg, var(--bb), color-mix(in srgb, var(--bb) 60%, var(--ba))); }
.wl-app-head { position: relative; padding: .5em 1em 0; }
.wl-app-head .wl-logo { color: #fff; font-size: .95em; }
.wl-app-head .wl-logo b { background: #fff; color: var(--bb); }
.wl-search { display: block; margin-top: .8em; padding: .6em .9em; border-radius: .8em; background: rgba(255,255,255,.95); color: #9ca3af; font-size: .72em; font-weight: 700; box-shadow: 0 .6em 1.2em -.8em rgba(0,0,0,.4); }
.wl-chips { position: relative; display: flex; gap: .4em; padding: 1.1em 1em .5em; }
.wl-chips i { padding: .35em .75em; border-radius: 999px; background: #f1f4f2; color: #4b5563; font-style: normal; font-size: .68em; font-weight: 800; }
.wl-chips i.on { background: var(--bb); color: #fff; }
.wl-card { position: relative; margin: .2em 1em 0; padding: .8em; border-radius: 1em; background: color-mix(in srgb, var(--bb) 7%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bb) 14%, #fff); }
.wl-card-img { display: grid; place-items: center; height: 2.4em; font-size: 2em; line-height: 1; border-radius: .45em; background: #fff; }
.wl-card b { display: block; margin-top: .45em; font-family: var(--bf), Poppins, sans-serif; font-size: .95em; color: var(--ink); }
.wl-card small { display: block; font-size: .68em; font-weight: 700; color: #9ca3af; }
.wl-row { display: flex; align-items: center; justify-content: space-between; margin-top: .5em; }
.wl-row em { font-style: normal; font-weight: 800; font-size: .9em; color: var(--bb); }
.wl-row .wl-pill { font-size: .72em; padding: .45em .9em; }
.wl-mini { display: flex; gap: .45em; padding: .7em 1em; }
.wl-mini span { flex: 1; display: grid; place-items: center; height: 2.4em; border-radius: .7em; background: #f4f7f5; font-size: 1.15em; }
.wl-tabbar { position: absolute; left: .8em; right: .8em; bottom: .8em; display: flex; justify-content: space-around; padding: .7em; border-radius: 1em; background: #fff; box-shadow: 0 .4em 1.4em -.6em rgba(20,39,26,.35), inset 0 0 0 1px rgba(20,39,26,.05); }
.wl-tabbar i { width: 1.1em; height: 1.1em; border-radius: .35em; background: #dfe5e1; }
.wl-tabbar i.on { background: var(--bb); box-shadow: 0 0 0 .3em color-mix(in srgb, var(--bb) 18%, transparent); }
.wl-phone--shop > .wl-tag { left: 50%; bottom: -1.1em; transform: translateX(-50%); }

.wl-phone--drive .wl-screen { background: #f3f6f4; }
.wl-phone--drive .wl-screen::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6.2em; background: color-mix(in srgb, var(--bb) 80%, #000); }
.wl-drv-head { position: relative; display: flex; align-items: baseline; justify-content: space-between; padding: .5em 1.1em 1em; color: #fff; }
.wl-drv-head b { font-family: var(--bf), Poppins, sans-serif; font-size: 1.1em; }
.wl-drv-head span { font-size: .68em; font-weight: 800; padding: .3em .7em; border-radius: 999px; background: color-mix(in srgb, var(--ba) 85%, #fff); color: var(--ink); }
.wl-map { position: relative; height: 10.5em; margin: .2em .8em 0; border-radius: 1em; overflow: hidden; background: #e7eee9; }
.wl-map svg { width: 100%; height: 100%; display: block; }
.wl-road { stroke: #fff; stroke-width: 9; fill: none; }
.wl-route { fill: none; stroke: var(--bb); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 7 7; animation: wl-dash 1.4s linear infinite; }
.wl-pin-a { fill: var(--ba); stroke: #fff; stroke-width: 3; }
.wl-pin-b { fill: var(--bb); stroke: #fff; stroke-width: 3; }
@keyframes wl-dash { to { stroke-dashoffset: -28; } }
.wl-order { position: relative; margin: -1.4em 1em 0; padding: .9em; border-radius: 1em; background: #fff; box-shadow: 0 .8em 1.8em -1em rgba(20,39,26,.4); }
.wl-order b { display: block; font-family: var(--bf), Poppins, sans-serif; font-size: .92em; color: var(--ink); }
.wl-order small { display: block; margin: .15em 0 .7em; font-size: .7em; font-weight: 700; color: #6b7280; }
.wl-pill--full { display: flex; width: 100%; font-size: .78em; padding: .7em 1em; }
.wl-phone--drive > .wl-tag { left: 50%; bottom: -1.1em; transform: translateX(-50%); }

.wl-kit { position: absolute; z-index: 1; left: 50%; bottom: 3.4em; width: 14em; margin-left: -7em; padding: 1em 1.1em 1.1em; border-radius: 1.2em; background: #fff; box-shadow: 0 1.6em 3.2em -1.6em rgba(20,39,26,.45), inset 0 0 0 1px rgba(20,39,26,.06); }
.wl-kit-h { display: block; font-size: .68em; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #9ca3af; }
.wl-kit-row { display: flex; align-items: center; gap: .8em; margin-top: .6em; }
.wl-kit-aa { display: grid; place-items: center; width: 2.3em; height: 2.3em; border-radius: .6em; background: color-mix(in srgb, var(--bb) 10%, #fff); color: var(--bb); font-family: var(--bf), Poppins, sans-serif; font-weight: 800; font-size: 1.35em; line-height: 1; }
.wl-kit-font b { display: block; font-family: var(--bf), Poppins, sans-serif; font-size: 1em; color: var(--ink); line-height: 1.2; }
.wl-kit-font small { display: block; font-size: .7em; font-weight: 700; color: #9ca3af; }
.wl-kit-cols { display: grid; grid-template-columns: 1fr 1fr; gap: .5em; margin-top: .8em; }
.wl-kit-cols span { display: flex; align-items: center; gap: .45em; padding: .35em; border-radius: .6em; background: #f5f7f6; }
.wl-kit-cols i { width: 1.5em; height: 1.5em; border-radius: .45em; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); }
.wl-kit-b { background: var(--bb); } .wl-kit-a { background: var(--ba); }
.wl-kit-cols em { font-style: normal; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .7em; font-weight: 700; color: #374151; }
@media (max-width: 559px) { .wl-kit { display: none; } }

/* smooth re-theme */
.wl-pill, .wl-cart, .wl-cart b, .wl-p, .wl-p i, .wl-chips i, .wl-tabbar i, .wl-points li .wl-ck, .wl-now b, .wl-prods li svg { transition: background-color .5s ease, color .5s ease, box-shadow .5s ease; }
@media (prefers-reduced-motion: reduce) { .wl, .wl * { transition: none !important; animation: none !important; } }
/* Page-specific: FAQ accordion */
.faq-item .faq-answer{max-height:0;padding-bottom:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding-bottom .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;}
.faq-item.open .faq-answer{max-height:400px;padding-bottom:1.25rem;opacity:1;}
.faq-item.open .faq-chevron{transform:rotate(180deg);}
.faq-chevron{transition:transform .35s cubic-bezier(.4,0,.2,1);}
@media (prefers-reduced-motion:reduce){.faq-item .faq-answer,.faq-chevron{transition:none;}}

/* Page-specific: hero background animation */
.hero-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.hero-blob{position:absolute;border-radius:9999px;filter:blur(64px);will-change:transform;}
.hero-blob.b1{width:26rem;height:26rem;top:-8rem;right:-6rem;background:rgba(255,255,255,.14);animation:heroDrift1 18s ease-in-out infinite alternate;}
.hero-blob.b2{width:24rem;height:24rem;bottom:-10rem;left:-8rem;background:rgba(74,222,128,.30);animation:heroDrift2 22s ease-in-out infinite alternate;}
.hero-blob.b3{width:18rem;height:18rem;top:35%;left:40%;background:rgba(190,242,100,.16);animation:heroDrift3 26s ease-in-out infinite alternate;}
@keyframes heroDrift1{to{transform:translate(-7rem,6rem) scale(1.15);}}
@keyframes heroDrift2{to{transform:translate(9rem,-5rem) scale(1.2);}}
@keyframes heroDrift3{0%{transform:translate(0,0) scale(1);}50%{transform:translate(-6rem,-4rem) scale(1.25);}100%{transform:translate(5rem,3rem) scale(.9);}}

.hero-dots{position:absolute;inset:-40px;background-image:radial-gradient(rgba(255,255,255,.22) 1.2px,transparent 1.2px);background-size:28px 28px;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 75%);
  animation:heroDots 24s linear infinite;}
@keyframes heroDots{to{transform:translate(28px,28px);}}

.hero-float{position:absolute;color:#fff;opacity:.16;animation:heroFloat var(--d,9s) ease-in-out var(--delay,0s) infinite;}
.hero-float svg{width:100%;height:100%;}
@keyframes heroFloat{0%,100%{transform:translateY(0) rotate(var(--r,0deg));}50%{transform:translateY(-22px) rotate(calc(var(--r,0deg) + 12deg));}}

.hero-bubble{position:absolute;bottom:-20px;border-radius:9999px;background:rgba(255,255,255,.35);animation:heroRise var(--d,12s) linear var(--delay,0s) infinite;}
@keyframes heroRise{0%{transform:translateY(0) scale(.6);opacity:0;}10%{opacity:.7;}90%{opacity:.5;}100%{transform:translateY(-640px) scale(1.1);opacity:0;}}

@media (prefers-reduced-motion: reduce){
  .hero-blob,.hero-dots,.hero-float,.hero-bubble{animation:none !important;}
  .hero-bubble{display:none;}
}

/* Page-specific: platform section (#platform) — zigzag rows: picture | text, then text | picture */
.plat{overflow:clip;}
.plat-glow{position:absolute;border-radius:9999px;filter:blur(90px);pointer-events:none;}
.plat-glow.g1{width:34rem;height:34rem;top:-10rem;left:-12rem;background:rgba(21,128,61,.45);}
.plat-glow.g2{width:30rem;height:30rem;bottom:10%;right:-12rem;background:rgba(52,160,95,.28);}
.plat-grad{background:linear-gradient(90deg,#86efac,#bef264);-webkit-background-clip:text;background-clip:text;color:transparent;}

.plat-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.3,1);}
.plat-reveal.in-view{opacity:1;transform:none;}
.plat-row .plat-copy.plat-reveal{transition-delay:.12s;}

.plat-num{display:inline-grid;place-items:center;min-width:2.75rem;height:2.75rem;padding:0 .6rem;border-radius:.9rem;font-family:'Poppins',sans-serif;font-weight:800;font-size:.95rem;
color:#fff;background:linear-gradient(135deg,#15803d,#34a05f);box-shadow:0 0 0 6px rgba(134,239,172,.10),0 14px 36px -8px rgba(52,160,95,.9);}
.plat-chip{padding:.35rem .8rem;border-radius:9999px;font-size:.72rem;font-weight:800;letter-spacing:.02em;color:#bbf7d0;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.plat-list{margin-top:1.4rem;display:grid;gap:.7rem;}
.plat-list li{position:relative;padding-left:1.9rem;font-weight:700;color:rgba(255,255,255,.88);font-size:.95rem;}
.plat-list li::before{content:"";position:absolute;left:0;top:.1rem;width:1.25rem;height:1.25rem;border-radius:.45rem;background:rgba(134,239,172,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386efac' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/.8rem no-repeat;}

/* rows */
.plat-copy{max-width:34rem;}
.plat-row{position:relative;}
/* soft divider between rows: a faint line that fades out at both ends, with a small glowing dot in the middle */
.plat-row + .plat-row::before{content:"";position:absolute;left:6%;right:6%;top:-2.5rem;height:1px;pointer-events:none;
background:linear-gradient(90deg,rgba(134,239,172,0),rgba(134,239,172,.26) 50%,rgba(134,239,172,0));}
.plat-row + .plat-row::after{content:"";position:absolute;left:50%;top:-2.5rem;width:7px;height:7px;border-radius:9999px;pointer-events:none;
background:#86efac;opacity:.6;transform:translate(-50%,-50%);box-shadow:0 0 0 4px rgba(134,239,172,.10),0 0 14px 2px rgba(134,239,172,.35);}
@media (min-width:1024px){ .plat-row + .plat-row::before,.plat-row + .plat-row::after{top:-3.5rem;} }
@media (min-width:1024px){
.plat-row.is-flip .plat-copy{justify-self:end;}
.plat-row:not(.is-flip) .plat-copy{padding-right:3rem;} /* keeps text clear of the WhatsApp tab on the right edge */
}

/* pictures */
.plat-visual{position:relative;aspect-ratio:16/11;opacity:0;transform:translateY(40px) scale(.95);filter:blur(8px);
transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.3,1),filter .7s ease;}
.plat-visual.is-active{opacity:1;transform:none;filter:none;}
.plat-visual.is-phones{aspect-ratio:16/12;}
.plat-visual::before{content:"";position:absolute;inset:10% 8%;z-index:-1;border-radius:3rem;background:radial-gradient(closest-side,rgba(52,160,95,.45),rgba(52,160,95,0));filter:blur(30px);pointer-events:none;}
.plat-browser{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);border-radius:1.1rem;overflow:hidden;background:#fff;
box-shadow:0 40px 80px -30px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.12);}
.plat-bar{height:2.1rem;display:flex;align-items:center;gap:.4rem;padding:0 .9rem;background:#eef7f1;border-bottom:1px solid #dcefe3;}
.plat-bar i{width:.6rem;height:.6rem;border-radius:9999px;background:#fda4af;}
.plat-bar i:nth-child(2){background:#fcd34d;} .plat-bar i:nth-child(3){background:#86efac;}
.plat-bar span{margin-left:.7rem;flex:0 1 13rem;height:1.25rem;border-radius:9999px;background:#fff;display:grid;place-items:center;font-size:.66rem;font-weight:800;color:#6b7280;}
.plat-browser img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;}

.plat-phones{position:absolute;inset:0;}
.plat-phone{position:absolute;top:50%;left:50%;height:96%;aspect-ratio:9/19;padding:.4rem;border-radius:2.2rem;background:#0b140e;
box-shadow:0 40px 70px -25px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.14);transition:transform 1s cubic-bezier(.2,.7,.3,1);}
.plat-phone.p1{transform:translate(-96%,-50%) rotate(-5deg);z-index:1;}
.plat-phone.p2{transform:translate(-4%,-46%) rotate(4deg);z-index:2;}
.plat-visual:not(.is-active) .plat-phone.p1{transform:translate(-120%,-44%) rotate(-12deg);}
.plat-visual:not(.is-active) .plat-phone.p2{transform:translate(18%,-40%) rotate(12deg);}
.plat-screen{position:relative;width:100%;height:100%;border-radius:1.85rem;overflow:hidden;background:#fff;}
.plat-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;}
.plat-notch{position:absolute;top:.45rem;left:50%;transform:translateX(-50%);width:34%;height:.95rem;border-radius:9999px;background:#0b140e;}

.plat-float{position:absolute;z-index:3;display:flex;align-items:center;gap:.7rem;padding:.65rem .95rem .65rem .65rem;border-radius:1rem;background:#fff;color:#14271a;
box-shadow:0 24px 50px -18px rgba(0,0,0,.55);opacity:0;transform:translateY(18px) scale(.96);transition:opacity .6s ease .35s,transform .7s cubic-bezier(.2,.7,.3,1) .35s;}
.plat-visual.is-active .plat-float{opacity:1;transform:none;animation:platBob 5s ease-in-out 1.2s infinite;}
.plat-float b{display:block;font-size:.82rem;font-weight:800;line-height:1.2;}
.plat-float small{display:block;font-size:.7rem;font-weight:700;color:#6b7280;}
.plat-float-ico{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.7rem;background:#e7f6ed;font-size:1.1rem;}
.f-br{right:-1rem;bottom:4%;} .f-bl{left:-1rem;bottom:4%;} .f-tl{left:-.5rem;top:6%;}
@keyframes platBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}

/* phones & tablets: picture on top, text below */
@media (max-width:1023px){
.plat-copy{max-width:none;}
.plat-visual.is-phones{aspect-ratio:1/1;}
.f-br{right:.25rem;} .f-bl{left:.25rem;} .f-tl{left:.25rem;top:0;}
.plat-phone{border-radius:1.6rem;padding:.3rem;} .plat-screen{border-radius:1.35rem;}
}

@media (prefers-reduced-motion: reduce){
.plat-reveal,.plat-visual,.plat-phone,.plat-float{transition:none !important;animation:none !important;}
.plat-visual,.plat-float,.plat-reveal{filter:none !important;}
}
/* Page-specific: "See GXKart in Action" screenshot carousel (#documents) */
.act-tabs{display:inline-flex;gap:.3rem;padding:.3rem;border-radius:1.1rem;background:#fff;border:1px solid #dcefe3;box-shadow:0 6px 24px -8px rgba(21,128,61,.10);}
.act-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;border-radius:.85rem;font-weight:800;font-size:.9rem;color:#4b5563;transition:background .25s ease,color .25s ease,box-shadow .25s ease;}
.act-tab svg{width:1.05rem;height:1.05rem;}
.act-tab:hover{color:#15803d;}
.act-tab.is-active{background:#15803d;color:#fff;box-shadow:0 10px 24px -10px rgba(21,128,61,.6);}
@media (max-width:479px){.act-tab{padding:.6rem .75rem;font-size:.78rem;gap:.35rem;white-space:nowrap;} .act-tab svg{width:.9rem;height:.9rem;}}

.act-panel[hidden]{display:none;}
.act-panel.is-active .act-card{animation:actIn .6s cubic-bezier(.2,.7,.3,1) both;}
.act-panel.is-active .act-card:nth-child(2){animation-delay:.07s;} .act-panel.is-active .act-card:nth-child(3){animation-delay:.14s;}
@keyframes actIn{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}

.act-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.5rem .25rem 1.5rem;scrollbar-width:none;}
.act-track::-webkit-scrollbar{display:none;}
.act-card{flex:0 0 88%;scroll-snap-align:start;margin:0;display:flex;flex-direction:column;border-radius:1.6rem;background:#fff;border:1px solid #dcefe3;
  box-shadow:0 6px 24px -8px rgba(21,128,61,.10);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;}
@media (min-width:640px){.act-card{flex-basis:calc(50% - .625rem);}}
@media (min-width:1024px){.act-card{flex-basis:calc(46% - .625rem);}}
.act-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px -18px rgba(21,128,61,.28);}

.act-shot{position:relative;display:block;width:100%;text-align:left;cursor:zoom-in;background:#f1f9f4;}
.act-bar{display:flex;align-items:center;gap:.35rem;height:2rem;padding:0 .85rem;background:#e7f6ed;border-bottom:1px solid #dcefe3;}
.act-bar i{width:.55rem;height:.55rem;border-radius:9999px;background:#fda4af;} .act-bar i:nth-child(2){background:#fcd34d;} .act-bar i:nth-child(3){background:#86efac;}
.act-bar span{margin-left:.6rem;max-width:70%;height:1.15rem;padding:0 .7rem;border-radius:9999px;background:#fff;display:flex;align-items:center;font-size:.64rem;font-weight:800;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.act-shot img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.2,.7,.3,1);}
.act-card:hover .act-shot img{transform:scale(1.03);}
.act-shot{overflow:hidden;}
.act-zoom{position:absolute;right:.8rem;bottom:.8rem;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:9999px;background:#fff;color:#15803d;
  box-shadow:0 10px 24px -8px rgba(0,0,0,.35);opacity:0;transform:scale(.85);transition:opacity .3s ease,transform .3s ease;}
.act-zoom svg{width:1.15rem;height:1.15rem;}
.act-card:hover .act-zoom,.act-shot:focus-visible .act-zoom{opacity:1;transform:none;}

.act-cap{display:flex;flex-direction:column;gap:.2rem;padding:1rem 1.2rem 1.2rem;border-top:1px solid #e7f3ec;}
.act-step{align-self:flex-start;padding:.15rem .6rem;border-radius:9999px;background:#e7f6ed;color:#15803d;font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;}
.act-title{margin-top:.35rem;font-family:'Poppins',sans-serif;font-weight:800;font-size:1.02rem;color:#14271a;}
.act-text{font-size:.88rem;line-height:1.5;color:#4b5563;}

.act-nav{position:absolute;top:42%;z-index:10;display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:9999px;background:#fff;color:#374151;
  border:1px solid #dcefe3;box-shadow:0 10px 30px -12px rgba(21,128,61,.3);transition:background .2s ease,color .2s ease,opacity .2s ease;}
.act-nav svg{width:1.2rem;height:1.2rem;}
.act-nav:hover{background:#15803d;color:#fff;}
.act-nav:disabled{opacity:.35;pointer-events:none;}
.act-nav.prev{left:0;transform:translate(-40%,-50%);} .act-nav.next{right:0;transform:translate(40%,-50%);}
@media (max-width:639px){.act-nav{display:none;}}

.act-dots{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;}
.act-dot{width:.6rem;height:.6rem;border-radius:9999px;background:#bbf7d0;transition:width .3s ease,background .3s ease;}
.act-dot.is-active{width:1.6rem;background:#15803d;}

.act-lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:rgba(10,20,14,.86);backdrop-filter:blur(6px);animation:actFade .25s ease;}
.act-lightbox[hidden]{display:none;}
@keyframes actFade{from{opacity:0;}to{opacity:1;}}
.act-lb-fig{margin:0;max-width:min(1200px,100%);display:flex;flex-direction:column;align-items:center;}
.act-lb-fig img{max-width:100%;max-height:78vh;border-radius:1rem;box-shadow:0 40px 90px -30px rgba(0,0,0,.8);background:#fff;}
.act-lb-fig figcaption{margin-top:1rem;text-align:center;color:#fff;}
.act-lb-fig b{display:block;font-family:'Poppins',sans-serif;font-size:1.1rem;}
.act-lb-fig span{display:block;margin-top:.2rem;font-size:.9rem;color:rgba(255,255,255,.75);}
.act-lb-close,.act-lb-nav{display:grid;place-items:center;flex-shrink:0;width:2.9rem;height:2.9rem;border-radius:9999px;background:rgba(255,255,255,.12);color:#fff;transition:background .2s ease;}
.act-lb-close:hover,.act-lb-nav:hover{background:rgba(255,255,255,.25);}
.act-lb-close svg,.act-lb-nav svg{width:1.3rem;height:1.3rem;}
.act-lb-close{position:absolute;top:1rem;right:1rem;}
@media (max-width:639px){.act-lb-nav{position:absolute;bottom:1.2rem;} .act-lb-nav.prev{left:30%;} .act-lb-nav.next{right:30%;}}

@media (prefers-reduced-motion: reduce){
  .act-card,.act-shot img,.act-lightbox{animation:none !important;transition:none !important;}
  .act-track{scroll-behavior:auto;}
}
/* Page-specific: pricing plans (#plans) */
.plan-card{transition:transform .35s ease,box-shadow .35s ease;}
.plan-card:hover{transform:translateY(-4px);}
.plan-prod{position:relative;display:flex;align-items:center;gap:.55rem;padding:.6rem .7rem;border-radius:.9rem;font-size:.85rem;font-weight:800;
  color:#9ca3af;background:#f9fafb;border:1px dashed #e5e7eb;text-decoration:line-through;text-decoration-color:rgba(156,163,175,.6);}
.plan-prod .plan-prod-ico{font-size:1rem;filter:grayscale(1);opacity:.5;}
.plan-prod.is-in{color:#14271a;background:#e7f6ed;border:1px solid #cdeada;text-decoration:none;}
.plan-prod.is-in .plan-prod-ico{filter:none;opacity:1;}
.plan-prod.is-in::after{content:"";position:absolute;top:-.35rem;right:-.35rem;width:1.1rem;height:1.1rem;border-radius:9999px;
  background:#15803d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/.65rem no-repeat;}
.plan-prod.is-in.dark{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);}
/* Product chips (Storefront / Admin / Customer app / Driver app): always one line.
   The label shrinks a little when the card is tight, and the chips stack on very narrow cards. */
.plan-card{container:plan-card / inline-size;}
.plan-prods{container-type:inline-size;}
.plan-prod{gap:.45rem;padding:.6rem .65rem;white-space:nowrap;min-width:0;}
@supports (font-size:1cqi){.plan-prod{font-size:clamp(.6875rem,calc((50cqi - 51px) / 9.4),.85rem);}}
.plan-prod .plan-prod-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;line-height:1;}
.plan-prod .plan-prod-ico svg{width:1rem;height:1rem;}
.plan-prod.is-in .plan-prod-ico{color:#15803d;}
.plan-prod.is-in.dark .plan-prod-ico{color:#86efac;}
.plan-prod-label{min-width:0;overflow:hidden;text-overflow:ellipsis;}
@container plan-card (max-width:310px){
  .plan-card .plan-prods{grid-template-columns:minmax(0,1fr);}
  .plan-prod{font-size:.85rem;}
}
@media (max-width:639px){
  @container plan-card (max-width:340px){
    .plan-card .plan-prods{grid-template-columns:minmax(0,1fr);}
    .plan-prod{font-size:.85rem;}
  }
}
.plan-feats{display:grid;gap:.7rem;align-content:start;}
.plan-feats li{position:relative;padding-left:1.75rem;font-size:.93rem;font-weight:600;color:#374151;}
.plan-feats li::before{content:"";position:absolute;left:0;top:.15rem;width:1.15rem;height:1.15rem;border-radius:.4rem;background:#e7f6ed url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803d' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/.75rem no-repeat;}
.plan-feats.dark li{color:rgba(255,255,255,.85);}
.plan-feats.dark li::before{background-color:rgba(134,239,172,.16);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386efac' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");}
.plan-feats b{font-weight:900;color:inherit;}
.plan-price{padding:1.1rem 1.2rem;border-radius:1.25rem;background:#f6faf7;border:1px solid #dcefe3;}
.plan-price.dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);}
.plan-setup{margin-top:.9rem;padding-top:.8rem;border-top:1px dashed #cdeada;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.88rem;font-weight:700;color:#4b5563;}
.plan-price.dark .plan-setup{border-top-color:rgba(255,255,255,.18);color:rgba(255,255,255,.7);}
.plan-setup-val b{font-family:'Poppins',sans-serif;font-weight:800;font-size:1rem;color:#14271a;}
.plan-price.dark .plan-setup-val b{color:#fff;}
.plan-setup-val b.plan-free{padding:.2rem .7rem;border-radius:9999px;background:#15803d;color:#fff;font-size:.8rem;letter-spacing:.04em;}
/* Page-specific: client testimonials */
.client-card{position:relative;display:flex;flex-direction:column;border-radius:2rem;background:#fff;border:1px solid #dcefe3;box-shadow:0 6px 24px -8px rgba(21,128,61,.10);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;}
.client-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px -18px rgba(21,128,61,.28);}
.client-logo{display:grid;place-items:center;height:8.5rem;padding:1.5rem 2rem;background:linear-gradient(180deg,#fff,#f6faf7);border-bottom:1px solid #e7f3ec;}
.client-logo img{max-height:4rem;max-width:100%;width:auto;transition:transform .4s ease;}
.client-card:hover .client-logo img{transform:scale(1.05);}
.client-body{display:flex;flex-direction:column;flex:1;padding:1.5rem 1.6rem 1.6rem;}
.client-stars{color:#f59e0b;letter-spacing:.12em;font-size:1rem;}
.client-tag{padding:.2rem .65rem;border-radius:9999px;background:#e7f6ed;color:#15803d;font-size:.7rem;font-weight:800;}
.client-country{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .75rem .3rem .4rem;font-size:.74rem;color:#14271a;background:#f6faf7;box-shadow:inset 0 0 0 1px #dcefe3;}
.client-country img{width:1.3rem;height:.95rem;border-radius:.2rem;object-fit:cover;box-shadow:0 0 0 1px rgba(20,39,26,.10);}
.client-quote{margin:1rem 0 0;flex:1;font-size:.95rem;line-height:1.7;color:#374151;}
.client-foot{margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid #e7f3ec;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;}
.client-who{display:flex;align-items:center;gap:.7rem;}
.client-avatar{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:9999px;background:linear-gradient(135deg,#15803d,#34a05f);color:#fff;font-family:'Poppins',sans-serif;font-weight:800;}
.client-who b{display:block;font-family:'Poppins',sans-serif;font-size:.92rem;color:#14271a;}
.client-who small{display:block;font-size:.76rem;font-weight:700;color:#6b7280;}
.client-link{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .8rem;border-radius:.8rem;background:#e7f6ed;color:#15803d;font-size:.78rem;font-weight:800;transition:background .2s ease,color .2s ease;}
.client-link svg{width:.85rem;height:.85rem;}
.client-link:hover{background:#15803d;color:#fff;}

/* Page-specific: implementation process (#process) — steps appear one after another on scroll (GSAP in home.js) */
.proc{background:#f6faf7;}
.proc-bg{position:absolute;inset:0;pointer-events:none;
background:radial-gradient(60rem 26rem at 50% -8%,rgba(52,160,95,.12),rgba(52,160,95,0) 70%),radial-gradient(rgba(21,128,61,.08) 1px,transparent 1.3px);
background-size:auto,22px 22px;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent);}
.proc-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:9999px;background:#e7f6ed;color:#15803d;font-size:.75rem;font-weight:800;letter-spacing:.03em;box-shadow:inset 0 0 0 1px #cdeada;}
.proc-eyebrow-dot{width:.4rem;height:.4rem;border-radius:9999px;background:#15803d;}

.proc-stage{margin-top:3rem;}
.proc-steps{position:relative;display:grid;gap:1.25rem;perspective:1100px;}
.proc-step{position:relative;display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:1rem;align-items:start;}
.proc-num{position:relative;z-index:2;display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:9999px;
font-family:'Poppins',sans-serif;font-weight:800;font-size:1rem;color:#fff;background:linear-gradient(135deg,#15803d,#34a05f);
box-shadow:0 0 0 6px var(--sec-bg,#f6faf7),0 0 0 7px #dcefe3,0 14px 30px -10px rgba(21,128,61,.65);}
.proc-card{position:relative;height:100%;padding:1.25rem 1.35rem 1.4rem;border-radius:1.5rem;background:#fff;border:1px solid #dcefe3;
box-shadow:0 6px 24px -8px rgba(21,128,61,.10);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.proc-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px -18px rgba(21,128,61,.28);border-color:#bfe5cc;}
.proc-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.06rem;line-height:1.3;color:#14271a;}
.proc-text{margin-top:.55rem;font-size:.92rem;line-height:1.65;color:#4b5563;}

/* the line that joins the numbers — phones & tablets: down the left */
.proc-line{position:absolute;left:1.75rem;top:1.75rem;bottom:1.75rem;width:2px;transform:translateX(-50%);border-radius:2px;background:#dcefe3;overflow:hidden;}
.proc-line-fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(#15803d,#86efac);transform-origin:top;}

/* large screens: all steps side by side, the line runs across the numbers */
@media (min-width:1024px){
.proc-stage{margin-top:3.5rem;}
.proc-steps{grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:1.25rem;}
.proc-step{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;justify-items:center;gap:1.5rem;text-align:center;}
.proc-card-wrap{width:100%;height:100%;}
.proc-card{padding:1.6rem 1.25rem 1.7rem;}
.proc-card::before{content:"";position:absolute;top:-8px;left:50%;width:15px;height:15px;background:#fff;border-left:1px solid #dcefe3;border-top:1px solid #dcefe3;border-radius:4px 0 0 0;transform:translateX(-50%) rotate(45deg);}
.proc-line{left:calc(100% / var(--n,5) / 2);right:calc(100% / var(--n,5) / 2);top:1.75rem;bottom:auto;width:auto;height:2px;transform:translateY(-50%);}
.proc-line-fill{background:linear-gradient(90deg,#15803d,#86efac);transform-origin:left;}
}
/* mid-size screens: keep the last card clear of the WhatsApp tab on the right edge */
@media (min-width:1024px) and (max-width:1400px){ .proc-stage{padding-left:3.25rem;padding-right:3.25rem;} }

/* buttons */
.proc-actions{margin-top:2.75rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.9rem;}
.proc-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.6rem;border-radius:1rem;font-weight:800;font-size:.98rem;line-height:1;color:#fff;
transition:transform .2s ease,box-shadow .25s ease,background .25s ease;}
.proc-btn svg{width:1.1rem;height:1.1rem;flex:none;}
.proc-btn:hover{transform:translateY(-2px);color:#fff;}
.proc-btn-primary{background:linear-gradient(135deg,#15803d,#34a05f);box-shadow:0 14px 34px -12px rgba(21,128,61,.6),inset 0 1px 0 rgba(255,255,255,.2);}
.proc-btn-primary:hover{box-shadow:0 20px 40px -12px rgba(21,128,61,.7),inset 0 1px 0 rgba(255,255,255,.2);}
.proc-btn-dark{background:#14271a;box-shadow:0 14px 30px -14px rgba(20,39,26,.6);}
.proc-btn-dark:hover{background:#0f5c2e;}
.proc-btn-dark svg{transition:transform .25s ease;}
.proc-btn-dark:hover svg{transform:translateX(3px);}
@media (max-width:479px){.proc-btn{width:100%;justify-content:center;}}

@media (prefers-reduced-motion: reduce){.proc-card,.proc-btn,.proc-btn svg{transition:none;}}

/* Homepage backgrounds: light sections alternate soft green / white in whatever order they are placed
   (data-tone is set in gx_render_sections). Dark sections (hero, platform) keep their own colours. */
main > section[data-tone="tint"]{background:#f6faf7 !important;--sec-bg:#f6faf7;}
main > section[data-tone="white"]{background:#fff !important;--sec-bg:#fff;}
/* the "MOST POPULAR" badge ring matches whichever background the pricing section gets */
main > section[data-tone] .plan-card > span.absolute{--tw-ring-color:var(--sec-bg,#fff);}
/* FAQ accordion: the smooth open/close animation lives in home.css; answers open to their own height (set by the page). */
.faq-item.open .faq-answer{max-height:var(--h,400px);}

/* GXKart: menu tab follows the section in view (homepage only)
   Features section -> "Features" tab, Pricing section (#plans) -> "Pricing" tab, anywhere else -> "Home" tab */
@supports (animation-timeline: view()) and (timeline-scope: --a) {
  body.home { timeline-scope: --gx-features, --gx-plans; }
  body.home #features { view-timeline: --gx-features block; view-timeline-inset: 0px; }
  body.home #plans { view-timeline: --gx-plans block; view-timeline-inset: 0px; }

  /* Features / Pricing tab turns on while its section is in view */
  body.home header a[href$="#features"],
  body.home header a[href$="#plans"] {
    animation: gx-tab-on linear none;
    animation-timeline: --gx-features;
    animation-range: cover 60vh cover calc(100% - 40vh);
  }
  body.home header a[href$="#plans"] { animation-timeline: --gx-plans; }

  /* Home tab turns off while either section is in view */
  body.home header a[href="https://www.gxkart.com/"]:not(:has(img, svg)):not(:hover) {
    animation: gx-tab-off linear none, gx-tab-off linear none;
    animation-timeline: --gx-features, --gx-plans;
    animation-range: cover 60vh cover calc(100% - 40vh), cover 60vh cover calc(100% - 40vh);
  }
  body.home header .mobile-menu a[href="https://www.gxkart.com/"]:not(:has(img, svg)):not(:hover) {
    animation-name: gx-tab-off-m, gx-tab-off-m;
  }

  @keyframes gx-tab-on { from, to { background-color: #e7f6ed; color: #15803d; } }
  @keyframes gx-tab-off { from, to { background-color: transparent; color: #4b5563; } }
  @keyframes gx-tab-off-m { from, to { background-color: transparent; color: #374151; } }
}

/* ===== GXKart speed: precompiled Tailwind CSS (replaces the Tailwind CDN on first paint). Do not edit by hand; regenerate if theme templates get new Tailwind classes. ===== */
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Nunito, ui-sans-serif, system-ui, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0px}.-inset-4{inset:-1rem}.-bottom-2{bottom:-0.5rem}.-left-2{left:-0.5rem}.bottom-0{bottom:0px}.left-1\/2{left:50%}.left-3{left:0.75rem}.right-0{right:0px}.top-0{top:0px}.top-1\.5{top:0.375rem}.top-14{top:3.5rem}.-right-20{right:-5rem}.-top-24{top:-6rem}.-top-3\.5{top:-0.875rem}.-bottom-24{bottom:-6rem}.-bottom-28{bottom:-7rem}.-left-10{left:-2.5rem}.-left-20{left:-5rem}.-left-24{left:-6rem}.-right-16{right:-4rem}.-top-20{top:-5rem}.top-3{top:0.75rem}.z-50{z-index:50}.z-10{z-index:10}.col-span-2{grid-column:span 2 / span 2}.m-0{margin:0px}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.ml-3{margin-left:0.75rem}.mt-12{margin-top:3rem}.mt-2{margin-top:0.5rem}.mt-3{margin-top:0.75rem}.mt-5{margin-top:1.25rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mt-14{margin-top:3.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-9{margin-top:2.25rem}.mb-5{margin-bottom:1.25rem}.mb-2{margin-bottom:0.5rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:0.25rem}.mt-10{margin-top:2.5rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[9\/19\]{aspect-ratio:9/19}.aspect-\[16\/9\]{aspect-ratio:16/9}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2\.5{height:0.625rem}.h-3\.5{height:0.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[72px\]{height:72px}.h-full{height:100%}.h-1\.5{height:0.375rem}.h-16{height:4rem}.h-72{height:18rem}.h-auto{height:auto}.h-44{height:11rem}.h-56{height:14rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-80{height:20rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2\.5{width:0.625rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-\[31\%\]{width:31%}.w-auto{width:auto}.w-full{width:100%}.w-1\.5{width:0.375rem}.w-72{width:18rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-3\.5{width:0.875rem}.w-56{width:14rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-80{width:20rem}.min-w-0{min-width:0px}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:87.5rem}.max-w-\[190px\]{max-width:190px}.max-w-\[210px\]{max-width:210px}.max-w-xl{max-width:36rem}.max-w-3xl{max-width:48rem}.max-w-sm{max-width:24rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[18rem\]{max-width:18rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%, 100%{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-flow-row-dense{grid-auto-flow:row dense}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.gap-1\.5{gap:0.375rem}.gap-12{gap:3rem}.gap-2{gap:0.5rem}.gap-2\.5{gap:0.625rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-10{gap:2.5rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-6{column-gap:1.5rem}.gap-y-2{row-gap:0.5rem}.gap-y-10{row-gap:2.5rem}.gap-x-5{column-gap:1.25rem}.gap-y-3{row-gap:0.75rem}.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}.space-y-20 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(5rem * var(--tw-space-y-reverse))}.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-4xl{border-radius:2rem}.rounded-\[1\.6rem\]{border-radius:1.6rem}.rounded-\[1\.9rem\]{border-radius:1.9rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:0.75rem}.rounded-5xl{border-radius:2.75rem}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-l-2{border-left-width:2px}.border-green-100{--tw-border-opacity:1;border-color:rgb(220 252 231 / var(--tw-border-opacity, 1))}.border-white\/40{border-color:rgb(255 255 255 / 0.4)}.border-white\/10{border-color:rgb(255 255 255 / 0.1)}.border-green-50{--tw-border-opacity:1;border-color:rgb(240 253 244 / var(--tw-border-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-\[\#f6faf7\]{--tw-bg-opacity:1;background-color:rgb(246 250 247 / var(--tw-bg-opacity, 1))}.bg-accent{background-color:var(--accent)}.bg-ink{background-color:var(--ink)}.bg-leaf{background-color:var(--leaf-bg)}.bg-primary{background-color:var(--primary)}.bg-rose-300{--tw-bg-opacity:1;background-color:rgb(253 164 175 / var(--tw-bg-opacity, 1))}.bg-white\/15{background-color:rgb(255 255 255 / 0.15)}.bg-white\/85{background-color:rgb(255 255 255 / 0.85)}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(134 239 172 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:rgb(255 255 255 / 0.1)}.bg-white\/95{background-color:rgb(255 255 255 / 0.95)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-primary{--tw-gradient-from:var(--primary) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-dark{--tw-gradient-from:var(--primary-dark) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-leaf{--tw-gradient-from:var(--leaf-bg) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-primary{--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--primary) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-accent{--tw-gradient-to:var(--accent) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-cover{object-fit:cover}.object-top{object-position:top}.p-6{padding:1.5rem}.p-\[5px\]{padding:5px}.p-7{padding:1.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.px-1{padding-left:0.25rem;padding-right:0.25rem}.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pb-10{padding-bottom:2.5rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pt-20{padding-top:5rem}.pb-12{padding-bottom:3rem}.pl-2{padding-left:0.5rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-5{padding-right:1.25rem}.pt-0\.5{padding-top:0.125rem}.pt-10{padding-top:2.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:Poppins, ui-sans-serif, system-ui, sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xs{font-size:0.75rem;line-height:1rem}.text-5xl{font-size:3rem;line-height:1}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-base{font-size:1rem;line-height:1.5rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[1\.08\]{line-height:1.08}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.leading-\[1\.1\]{line-height:1.1}.leading-none{line-height:1}.leading-\[1\.12\]{line-height:1.12}.leading-snug{line-height:1.375}.tracking-tight{letter-spacing:-0.025em}.tracking-wide{letter-spacing:0.025em}.tracking-wider{letter-spacing:0.05em}.text-ink{color:var(--ink)}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-primary{color:var(--primary)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/95{color:rgb(255 255 255 / 0.95)}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-green-200{--tw-text-opacity:1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.text-white\/40{color:rgb(255 255 255 / 0.4)}.text-white\/60{color:rgb(255 255 255 / 0.6)}.text-white\/70{color:rgb(255 255 255 / 0.7)}.text-white\/75{color:rgb(255 255 255 / 0.75)}.text-accent{color:var(--accent)}.text-green-50\/70{color:rgb(240 253 244 / 0.7)}.text-green-50\/80{color:rgb(240 253 244 / 0.8)}.text-primary-dark{color:var(--primary-dark)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-60{opacity:0.6}.opacity-30{opacity:0.3}.shadow-glow{--tw-shadow:0 14px 40px -12px rgba(21,128,61,0.35);--tw-shadow-colored:0 14px 40px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lift{--tw-shadow:0 22px 48px -18px rgba(21,128,61,0.24);--tw-shadow-colored:0 22px 48px -18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-soft{--tw-shadow:0 6px 24px -8px rgba(21,128,61,0.10);--tw-shadow-colored:0 6px 24px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-card{--tw-shadow:0 10px 30px -12px rgba(21,128,61,0.14);--tw-shadow-colored:0 10px 30px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.ring-green-100{--tw-ring-opacity:1;--tw-ring-color:rgb(220 252 231 / var(--tw-ring-opacity, 1))}.ring-white\/20{--tw-ring-color:rgb(255 255 255 / 0.2)}.ring-white\/25{--tw-ring-color:rgb(255 255 255 / 0.25)}.ring-white\/40{--tw-ring-color:rgb(255 255 255 / 0.4)}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity, 1))}.ring-white\/15{--tw-ring-color:rgb(255 255 255 / 0.15)}.blur-2xl{--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-500{transition-duration:500ms}.selection\:bg-accent *::selection{background-color:var(--accent)}.selection\:bg-accent::selection{background-color:var(--accent)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.03\]:hover{--tw-scale-x:1.03;--tw-scale-y:1.03;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:gap-3:hover{gap:0.75rem}.hover\:border-primary:hover{border-color:var(--primary)}.hover\:bg-leaf:hover{background-color:var(--leaf-bg)}.hover\:bg-white\/10:hover{background-color:rgb(255 255 255 / 0.1)}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-dark:hover{background-color:var(--primary-dark)}.hover\:bg-primary:hover{background-color:var(--primary)}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/20:hover{background-color:rgb(255 255 255 / 0.2)}.hover\:from-primary-dark:hover{--tw-gradient-from:var(--primary-dark) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-primary:hover{--tw-gradient-to:var(--primary) var(--tw-gradient-to-position)}.hover\:text-primary:hover{color:var(--primary)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-primary-dark:hover{color:var(--primary-dark)}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:shadow-card:hover{--tw-shadow:0 10px 30px -12px rgba(21,128,61,0.14);--tw-shadow-colored:0 10px 30px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.04\]{--tw-scale-x:1.04;--tw-scale-y:1.04;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}@media (min-width: 640px){.sm\:-left-8{left:-2rem}.sm\:-right-4{right:-1rem}.sm\:left-6{left:1.5rem}.sm\:top-20{top:5rem}.sm\:mt-20{margin-top:5rem}.sm\:mt-0{margin-top:0px}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-9{padding:2.25rem}.sm\:p-10{padding:2.5rem}.sm\:p-5{padding:1.25rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:pb-12{padding-bottom:3rem}.sm\:pt-24{padding-top:6rem}.sm\:pb-16{padding-bottom:4rem}.sm\:pt-14{padding-top:3.5rem}.sm\:text-left{text-align:left}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-4{grid-column:span 4 / span 4}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:mt-0{margin-top:0px}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:w-full{width:100%}.md\:max-w-xl{max-width:36rem}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}}@media (min-width: 1024px){.lg\:sticky{position:sticky}.lg\:top-28{top:7rem}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:mx-0{margin-left:0px;margin-right:0px}.lg\:block{display:block}.lg\:h-24{height:6rem}.lg\:max-h-\[calc\(100vh-8\.5rem\)\]{max-height:calc(100vh - 8.5rem)}.lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.lg\:justify-start{justify-content:flex-start}.lg\:gap-16{gap:4rem}.lg\:gap-8{gap:2rem}.lg\:gap-10{gap:2.5rem}.lg\:gap-12{gap:3rem}.lg\:gap-x-10{column-gap:2.5rem}.lg\:space-y-28 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(7rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(7rem * var(--tw-space-y-reverse))}.lg\:overflow-y-auto{overflow-y:auto}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:pl-4{padding-left:1rem}.lg\:text-left{text-align:left}.lg\:text-\[3\.1rem\]{font-size:3.1rem}}@media (min-width: 1280px){.xl\:col-span-1{grid-column:span 1 / span 1}.xl\:col-span-3{grid-column:span 3 / span 3}.xl\:col-span-9{grid-column:span 9 / span 9}.xl\:max-w-none{max-width:none}.xl\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.xl\:gap-6{gap:1.5rem}.xl\:p-8{padding:2rem}}

/* GXKart: mobile — "See GXKart in Action" tabs stay inside the page padding (no touching the screen edge) */
@media (max-width: 639px) {
  .act .act-tabs { display: flex; width: 100%; max-width: 100%; box-sizing: border-box; }
  .act .act-tab { flex: 1 1 0; min-width: 0; justify-content: center; padding: .6rem .5rem; }
}
@media (max-width: 400px) {
  .act .act-tab { font-size: .72rem; gap: .3rem; padding: .55rem .4rem; }
}
@media (max-width: 359px) {
  .act .act-tab { white-space: normal; text-align: center; line-height: 1.2; }
}

/* GXKart: mobile menu — "Book a Demo" button text in white */
.mobile-menu a.text-white { color: #fff; }

/* GXKart: mobile menu — side padding so the active (green) item's text doesn't touch its left edge */
.mobile-menu a.px-4 { padding-left: 1rem; padding-right: 1rem; }

/* GXKart: blog stat cards — gap between the big number and its description, on every blog post */
.gx-prose .wp-block-column > * + * { margin-top: 0.6rem; }


.gx-prose{color:#374151;font-size:1.0625rem;line-height:1.8}
.gx-prose>*+*{margin-top:1.25em}
.gx-prose h2{font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-weight:800;color:#0f1a14;font-size:1.6rem;line-height:1.25;margin-top:2em;scroll-margin-top:6rem}
.gx-prose h3{font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-weight:700;color:#0f1a14;font-size:1.25rem;line-height:1.35;margin-top:1.75em;scroll-margin-top:6rem}
.gx-prose h2+*,.gx-prose h3+*{margin-top:.75em}
.gx-prose a{color:var(--primary);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.gx-prose a:hover{color:var(--primary-dark)}
.gx-prose strong{color:#0f1a14;font-weight:800}
.gx-prose ul,.gx-prose ol{padding-left:1.4em}
.gx-prose ul{list-style:none;padding-left:0}
.gx-prose ul>li{position:relative;padding-left:1.6em}
.gx-prose ul>li::before{content:"";position:absolute;left:.25em;top:.7em;width:.5em;height:.5em;border-radius:999px;background:var(--primary)}
.gx-prose ol{list-style:decimal}
.gx-prose ol>li::marker{color:var(--primary);font-weight:800}
.gx-prose li+li{margin-top:.5em}
.gx-prose blockquote{border-left:4px solid var(--primary);background:#f6faf7;border-radius:0 1rem 1rem 0;padding:1rem 1.25rem;font-weight:600;color:#1f2937}
.gx-prose blockquote p{margin:0}
.gx-prose img{border-radius:1.25rem;height:auto}
.gx-prose figure figcaption{font-size:.875rem;color:#6b7280;text-align:center;margin-top:.5rem}
.gx-prose code{background:#f0fdf4;color:#166534;padding:.15em .4em;border-radius:.4em;font-size:.9em}
.gx-prose pre{background:#0f1a14;color:#e5e7eb;padding:1rem 1.25rem;border-radius:1rem;overflow-x:auto}
.gx-prose pre code{background:none;color:inherit;padding:0}
.gx-prose table{width:100%;border-collapse:collapse;font-size:.95rem}
.gx-prose th,.gx-prose td{border:1px solid #dcfce7;padding:.6rem .8rem;text-align:left}
.gx-prose th{background:#f6faf7;font-weight:800;color:#0f1a14}
.gx-prose hr{border:0;border-top:1px solid #dcfce7;margin:2.5em 0}
.gx-toc a.is-active{color:var(--primary);border-color:var(--primary)}
#gx-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--primary),var(--accent));z-index:9999;transition:width .1s linear}