@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap');

/* prosquat Site Style Override */

:root {
	/* Prosquat palette */
	--color-prosquat-primary: #39FF14;
	--color-prosquat-charcoal: #201F21;
	--color-prosquat-peach: #FFE3B2;
	--color-prosquat-slate: #162C2F;
	--color-prosquat-chocolate: #442924;
	--color-prosquat-olive: #40321B;
	--color-prosquat-white: #FFFFFF;

	--header-bg: #262627;
	--header-border: #2C2C2C;
	--header-menu-color: var(--color-prosquat-white);
	--header-menu-hover-color: var(--color-prosquat-primary);
	--header-brand-color: var(--color-prosquat-primary);

	--footer-bg: #262627;
	--footer-heading-color: var(--color-prosquat-primary);
	--footer-link-color: rgba(255, 255, 255, 0.8);
	--footer-link-hover-color: var(--color-prosquat-white);
	--footer-accent-color: var(--color-prosquat-primary);
	--footer-credit-color: var(--color-prosquat-primary);
	--footer-copyright-color: var(--footer-link-color);

	--section-title-color: var(--color-prosquat-white);
	--section-title-accent: var(--color-prosquat-primary);
	--section-title-border: #8EFF71;
	--section-title-font: 'Space Grotesk', var(--font-family-heading);
}

body {
	background-color: var(--color-prosquat-peach);
	color: var(--color-prosquat-charcoal);
}

body.page {
	background-color: var(--color-prosquat-white);
}

.page-title,
.entry-content,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	color: var(--color-prosquat-charcoal);
}

.entry-content a {
	color: var(--color-prosquat-primary);
}

.entry-content a:hover,
.entry-content a:focus {
	color: var(--color-prosquat-slate);
}

.entry-content blockquote {
	border-left-color: var(--color-prosquat-primary);
	background-color: #F7F7F7;
}

.entry-content hr {
	border-top-color: #E5E5E5;
}

.entry-content th {
	background-color: #F7F7F7;
}

.entry-content th,
.entry-content td {
	border-color: #E5E5E5;
}

.entry-content code,
.entry-content kbd,
.entry-content samp,
.entry-content pre {
	background-color: #F7F7F7;
}

.container {
	max-width: 1240px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}

a {
	color: var(--color-prosquat-slate);
}

a:hover {
	color: var(--color-prosquat-primary);
}

.btn-blue {
	background-color: var(--color-prosquat-primary);
	border-color: var(--color-prosquat-primary);
	color: var(--color-prosquat-charcoal);
}

.btn-blue:hover {
	background-color: var(--color-prosquat-charcoal);
	border-color: var(--color-prosquat-charcoal);
	color: var(--color-prosquat-primary);
}

.hero {
	background: linear-gradient(135deg, var(--color-prosquat-slate) 0%, var(--color-prosquat-charcoal) 100%);
}

.hero-content h1 {
	color: var(--color-prosquat-primary);
}

.hero-content h2,
.hero-content p {
	color: var(--color-prosquat-peach);
}

.rm-calc {
	background: var(--color-prosquat-white);
	padding: 24px;
	border-radius: 12px;
	box-shadow: 0 10px 25px rgba(22, 44, 47, 0.15);
	margin-top: 20px;
	border: 1px solid rgba(22, 44, 47, 0.2);
	color: var(--color-prosquat-charcoal);
}

.rm-calc h4 {
	color: var(--color-prosquat-slate);
	margin-bottom: 12px;
	font-size: 18px;
}

.rm-calc label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 4px;
}

.rm-calc input {
	width: 100%;
	padding: 8px 12px;
	margin-bottom: 12px;
	border: 1px solid rgba(32, 31, 33, 0.15);
	border-radius: 6px;
	font-family: inherit;
	background: var(--color-prosquat-peach);
	color: var(--color-prosquat-charcoal);
}

.rm-calc button {
	background: var(--color-prosquat-primary);
	color: var(--color-prosquat-charcoal);
	border: none;
	width: 100%;
	padding: 10px;
	font-weight: 600;
	border-radius: 6px;
	cursor: pointer;
	transition: background 0.2s;
}

.rm-calc button:hover {
	background: var(--color-prosquat-slate);
	color: var(--color-prosquat-white);
}

.rm-result {
	margin-top: 12px;
	font-weight: 600;
	color: var(--color-prosquat-olive);
	display: none;
}

.faqs {
	--faqs-bg: #151515;
	--faqs-accent: var(--color-prosquat-primary);
	--faqs-card-bg: var(--color-prosquat-white);
	--faqs-card-title: #1F1F1F;
	--faqs-card-text: #46483D;
	--faqs-button-bg: var(--color-prosquat-primary);
	--faqs-button-color: #000000;
	--faqs-button-font: 'Space Grotesk', var(--font-family-heading);
	--faqs-item-bg: #272727;
	--faqs-question-color: var(--color-prosquat-primary);
	--faqs-answer-color: rgba(255, 255, 255, 0.8);
	--faqs-font-heading: 'Space Grotesk', var(--font-family-heading);
	--faqs-font-body: 'Manrope', var(--font-family-base);
}

.cta {
	--cta-bg: #151515;
	--cta-title-color: var(--color-prosquat-primary);
	--cta-text-color: rgba(255, 255, 255, 0.8);
	--cta-button-bg-plain: var(--color-prosquat-primary);
	--cta-button-color-plain: var(--color-prosquat-charcoal);
	--cta-button-bg-with-bg: var(--color-prosquat-primary);
	--cta-button-color-with-bg: var(--color-prosquat-charcoal);
}

.cta__title {
	font-family: 'Space Grotesk', var(--font-family-heading);
	font-weight: 700;
}

.cta__button {
	font-family: 'Space Grotesk', var(--font-family-heading);
	text-transform: capitalize;
}

.cta--without-background,
.cta--with-background{
	background: #262627;
}

.cta--without-background .cta__title {
	color: var(--color-prosquat-primary);
}

.cta--without-background .cta__text {
	color: var(--faqs-answer-color);
}

.spotlight {
	--spotlight-bg: #262627;
	--spotlight-card-bg: #151515;
	--spotlight-title-color: var(--color-prosquat-primary);
	--spotlight-title-gradient: none;
	--spotlight-text-color: rgba(255, 255, 255, 0.8);
	--spotlight-trust-color: var(--color-prosquat-primary);
	--spotlight-trust-line: var(--color-prosquat-primary);
	--spotlight-font-heading: 'Space Grotesk', var(--font-family-heading);
	--spotlight-font-body: 'Manrope', var(--font-family-base);
}

.spotlight__title {
	-webkit-text-fill-color: var(--color-prosquat-primary);
}

.reviews {
	--reviews-bg: #262627;
	--reviews-card-light-bg: #FFFFFF;
	--reviews-card-dark-bg: #1E2022;
	--reviews-star-color: var(--color-prosquat-primary);
	--reviews-shape-color: rgba(57, 255, 20, 0.05);
	--reviews-font-heading: 'Space Grotesk', var(--font-family-heading);
	--reviews-font-body: 'Manrope', var(--font-family-base);
	--section-title-color: var(--color-prosquat-white);
	--section-title-accent: var(--color-prosquat-primary);
	--section-title-border: #8EFF71;
}

.reviews__card--light .reviews__text {
	color: #535353;
	font-family: 'Manrope', var(--font-family-base);
	font-weight: 500;
}

.reviews__card--dark .reviews__text {
	color: #FFFFFF;
	font-family: 'Manrope', var(--font-family-base);
	font-weight: 500;
}

.reviews__card--light .reviews__author-name {
	color: #1F1F1F;
	font-family: 'Space Grotesk', var(--font-family-heading);
	font-weight: 700;
}

.reviews__card--dark .reviews__author-name {
	color: #FFFFFF;
	font-family: 'Space Grotesk', var(--font-family-heading);
	font-weight: 700;
}

.reviews__card--light .reviews__author-role {
	color: #535353;
	font-family: 'Manrope', var(--font-family-base);
}

.reviews__card--dark .reviews__author-role {
	color: #D3D3D3;
	font-family: 'Manrope', var(--font-family-base);
}

.contact {
	--contact-bg: #151515;
	--contact-form-bg: #1E2022;
	--contact-form-radius: 24px;
	--contact-input-bg: #F5F3EF;
	--contact-label-color: var(--color-prosquat-primary);
	--contact-placeholder-color: rgba(119, 120, 108, 0.5);
	--contact-note-color: #989898;
	--contact-btn-bg: var(--color-prosquat-primary);
	--contact-btn-color: #000000;
	--contact-details-bg: #1E2022;
	--contact-details-radius: 24px;
	--contact-details-heading-color: var(--color-prosquat-primary);
	--contact-details-icon-bg: var(--color-prosquat-primary);
	--contact-details-icon-color: #000000;
	--contact-info-label-color: var(--color-prosquat-primary);
	--contact-info-value-color: var(--color-prosquat-white);
	--contact-social-heading-color: var(--color-prosquat-primary);
	--contact-social-link-color: var(--color-prosquat-white);
	--contact-font-heading: 'Space Grotesk', var(--font-family-heading);
	--contact-font-body: 'Manrope', var(--font-family-base);
}

.contact .cf7-label {
	font-family: 'Space Grotesk', var(--font-family-heading);
	font-weight: 700;
	letter-spacing: 1.4px;
}

.contact .cf7-input,
.contact .cf7-textarea,
.entry-content .contact .cf7-input,
.entry-content .contact .cf7-textarea {
	color: #46483D;
	font-family: 'Manrope', var(--font-family-base);
}

.contact .cf7-select,
.entry-content .contact .cf7-select {
	font-family: 'Manrope', var(--font-family-base);
}

.contact .cf7-select option:not([value=""]) {
	color: #46483D;
}

.contact .cf7-submit,
.entry-content .contact .cf7-submit,
.contact input.cf7-submit {
	font-family: 'Space Grotesk', var(--font-family-heading);
	font-weight: 700;
}

.contact .cf7-note {
	font-weight: 600;
}

.faqs {
	--faqs-title-color: var(--color-prosquat-white);
	--faqs-title-accent: var(--color-prosquat-primary);
	--faqs-title-border: #8EFF71;
}

.features {
	--features-title-color: var(--color-prosquat-white);
	--features-title-accent: var(--color-prosquat-primary);
	--features-title-border: #8EFF71;
}

.how-it-works {
	--how-it-works-title-color: var(--color-prosquat-white);
	--how-it-works-title-accent: var(--color-prosquat-primary);
	--how-it-works-title-border: #8EFF71;
}

.growth {
	--growth-title-color: var(--color-prosquat-white);
	--growth-title-accent: var(--color-prosquat-primary);
	--growth-title-border: #8EFF71;
}

.services {
	--services-title-color: var(--color-prosquat-white);
	--services-title-accent: var(--color-prosquat-primary);
	--services-title-border: #8EFF71;
}

.highlights {
	--highlights-title-color: var(--color-prosquat-white);
	--highlights-title-accent: var(--color-prosquat-primary);
	--highlights-title-border: #8EFF71;
}

.error-404 {
	--error-404-button-color: #201F21;
}