/* assets/css/site/responsive.css */


/* BASE RESPONSIVE */
@media (min-width: 992px) {
	:root {
		--ca-space-y: 2.25rem;
	}
}


/* CONTAINER RESPONSIVE */
@media (min-width: 2000px) {

	.container,
	.container-lg,
	.container-xl,
	.container-xxl {
		max-width: 1600px;
	}
}


/* SITE RESPONSIVE */

@media (min-width: 992px) {
	.nav--main {
		display: flex;
	}

	.nav__item.dropdown:hover .nav__dropdown {
		display: block;
	}
}


@media (min-width: 992px) {
	.nav--main {
		display: flex;
	}

	.nav--toggler {
		display: none;
	}
}


@media (min-width: 992px) {
	.hero--intro {
		padding: 6rem 0 3.25rem 0;
	}

	.hero__content--inner {
		padding: 1.75rem 2rem 4rem 2rem;
	}

	.hero__visual--box {
		margin-top: 2.25rem;
	}
}


@media (max-width: 575.98px) {
	.hero-features__kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}


@media (min-width: 992px) {
	.hero--features {
		padding: 6rem 0;
	}

	.hero-features__lead {
		font-size: 1.35rem;
	}

	.hero-features__row {
		column-gap: 3rem;
	}
}


@media (min-width: 992px) {
	.feature-split--planning {
		padding: 6rem 0;
	}

	.feature-split__row {
		column-gap: 6rem;
	}
}


@media (max-width: 991.98px) {
	.feature-split__lead {
		font-size: 1.15rem;
	}
}


@media (min-width: 992px) {
	.proof--strip {
		padding: 2rem 0 7rem 0;
	}

	.proof__inner {
		padding: 1.55rem 1.55rem;
	}

	.proof__item {
		padding: .75rem .75rem;
	}
}


@media (max-width: 575.98px) {
	.impact--strip .impact__stats {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}


@media (min-width: 992px) {
	.impact--strip {
		padding: 4.5rem 0;
	}

	.impact--strip .impact__frame {
		padding: 2.5rem 2.25rem;
	}

	.impact--strip .impact__stats {
		gap: 1.25rem;
	}
}


@media (max-width: 991.98px) {
	.features--benefits {
		padding: 4rem 0;
	}

	.features__benefits--lead {
		font-size: 1.25rem;
	}

	.features__benefits--panel {
		padding: 1.35rem 1.1rem;
	}

	.features__benefits--point {
		grid-template-columns: 40px 1fr;
	}

	.features__benefits--icon {
		height: 40px;
		width: 40px;
	}
}


@media (max-width: 991.98px) {
	.features--website {
		padding: 4rem 0;
	}

	.features__website--badge span {
		white-space: normal;
	}

	.features__website--lead {
		font-size: 1.25rem;
	}

	.features__website--panel {
		padding: 1.35rem 1.1rem;
	}
}


@media (min-width: 1400px) {
	.split__row {
		column-gap: 8rem;
	}

	.split--section {
		padding: 5rem 0;
	}
}


@media (max-width: 991.98px) {
	.split--group .split--section:first-child {
		padding-top: 5rem;
	}

	.split--group .split--section:last-child {
		padding-bottom: 5rem;
	}
}


@media (max-width: 991.98px) {
	.features--studio {
		padding: 4rem 0;
	}

	.studio__header--frame {
		padding: 1.35rem 1.1rem;
	}

	.studio__lead {
		font-size: 1.25rem;
	}
}


@media (min-width: 992px) {
	.intro__title--frame {
		padding: 5rem 0;
	}
}


@media (max-width: 991.98px) {
	.features--overview {
		padding: 3.25rem 0;
	}

	.features__lead {
		font-size: 1.25rem;
	}
}


@media (max-width: 767.98px) {
	.features__actions--row {
		flex-direction: column;
		align-items: flex-start;
	}
}


@media (max-width: 991.98px) {
	.pricing--teaser {
		padding: 4.25rem 0;
	}

	.pricing__lead {
		font-size: 1.25rem;
	}

	.pricing__text {
		font-size: 1.2rem;
	}
}


@media (min-width: 1400px) {
	.pricing--teaser {
		padding: 10rem 0;
	}
}


@media (max-width: 991.98px) {
	.review--highlight {
		padding: 4rem 0;
	}

	.review__row {
		gap: 2.25rem;
	}
}


@media (max-width: 991.98px) {
	.faq--section {
		padding: 4rem 0;
	}

	.faq__answer p {
		padding-right: 0;
	}

	.faq__question h3 {
		font-size: 1.25rem;
	}
}


@media (max-width: 991.98px) {
	.cta--big {
		padding: 4.5rem 0;
	}

	.cta__frame {
		padding: 1.5rem 1.25rem;
	}

	.cta__lead {
		font-size: 1.25rem;
	}

	.cta__qr--imgbox {
		width: 165px;
	}
}


@media (max-width: 991.98px) {
	.cta--big.cta--compact .cta__frame {
		padding: 4rem 0;
	}

	.cta--big.cta--compact .cta__title,
	.cta--big.cta--compact .cta__lead {
		text-align: center;
	}

	.cta--big.cta--compact .cta__lead {
		margin-left: auto;
		margin-right: auto;
	}
}


@media (max-width: 991.98px) {
	.footer__nav--list--grid {
		grid-template-columns: 1fr;
	}

	.footer--main {
		padding: 2.5rem 0 2rem 0;
	}
}


/* ###### FEATURES RESPONSIVE ###### */
@media (max-width: 1199.98px) {
	.features-workflow__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991.98px) {
	.features--hero {
		padding: 4.75rem 0 3.5rem 0;
	}

	.features--workflow {
		padding: 4rem 0;
	}

	.features-workflow__lead {
		font-size: 1.2rem;
	}
}

@media (max-width: 767.98px) {
	.features-hero__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.features-hero__actions .btn {
		width: 100%;
	}

	.features-workflow__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575.98px) {
	.features--hero {
		padding: 3.75rem 0 3rem 0;
	}

	.features-workflow__item {
		border-radius: 1.35rem;
		min-height: auto;
		padding: 1.35rem;
	}
}


/* ###### FEATURES EXTRA RESPONSIVE ###### */
@media (max-width: 1199.98px) {
	.features-connections__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991.98px) {
	.features--connections {
		padding: 4rem 0;
	}

	.features-connections__frame,
	.cta-big__frame {
		border-radius: 1.75rem;
		padding: 1.75rem;
	}

	.features-connections__lead,
	.cta-big__lead {
		font-size: 1.1rem;
	}

	.cta--big,
	.cta--compact {
		padding: 4rem 0;
	}
}

@media (max-width: 767.98px) {
	.cta-big__actions {
		margin-top: .5rem;
	}

	.features__benefits--card-small {
		margin-left: 0;
	}

	.features__benefits--visual {
		align-items: stretch;
	}
}

@media (max-width: 575.98px) {

	.features-connections__frame,
	.cta-big__frame {
		border-radius: 1.35rem;
		padding: 1.35rem;
	}

	.features-connections__grid {
		grid-template-columns: 1fr;
	}

	.features-connection__item {
		min-height: auto;
		padding: 1.25rem;
	}

	.features__benefits--card {
		border-radius: 1.35rem;
		padding: 1.35rem;
	}
}


/* PAGE / FORM / PRICING / LEGAL RESPONSIVE */


@media (max-width: 1199.98px) {

	.formpage--hero,
	.legal--hero,
	.login--hero,
	.pricing--hero,
	.thanks--hero {
		padding: 4.75rem 0 3.5rem 0;
	}

	.legal__aside {
		position: static;
		top: auto;
	}

	.legal-aside__nav {
		max-height: none;
	}
}


@media (max-width: 991.98px) {

	.contact-support__grid,
	.pricing-extras__grid {
		grid-template-columns: 1fr;
	}

	.pricing-toggle__wrapper {
		align-items: stretch;
		flex-direction: column;
	}

	.pricing-toggle__content {
		align-items: stretch;
		flex-direction: column;
	}

	.pricing-toggle__note {
		max-width: none;
		text-align: left;
	}

	.pricing-toggle {
		width: 100%;
	}

	.pricing-toggle__btn {
		flex: 1 1 0;
	}

	.contact-support__frame,
	.thanks-contact__frame,
	.audience-cta__frame {
		border-radius: 1.75rem;
		padding: 1.5rem;
	}
}


@media (max-width: 767.98px) {

	.formpage--hero,
	.legal--hero,
	.login--hero,
	.pricing--hero,
	.thanks--hero {
		padding: 3.75rem 0 3rem 0;
	}

	.formpage--section,
	.formpage--proof,
	.formpage--review,
	.formpage--faq,
	.contact--routes,
	.contact--support,
	.contact--faq,
	.legal--content,
	.login--section,
	.login--routes,
	.pricing--comparison,
	.pricing--extras,
	.pricing--faq,
	.pricing--included,
	.pricing--plans,
	.pricing--review,
	.pricing--cta,
	.thanks--steps,
	.thanks--info,
	.thanks--contact {
		padding: 4rem 0;
	}

	.ca-checkbox__grid {
		grid-template-columns: 1fr;
	}

	.ca-form__actions,
	.login-options {
		align-items: stretch;
		flex-direction: column;
	}

	.ca-form__submit {
		width: 100%;
	}

	.formpage__panel,
	.legal__article,
	.login__panel,
	.pricing-card {
		border-radius: 1.5rem;
		padding: 1.35rem;
	}

	.legal__cta {
		align-items: stretch;
		flex-direction: column;
	}

	.pricing-toggle {
		border-radius: 1.25rem;
		flex-direction: column;
	}

	.pricing-toggle__btn {
		width: 100%;
	}

	.pricing-card__badge {
		margin: 0 0 1rem 0;
		position: static;
		width: fit-content;
	}
}


@media (max-width: 575.98px) {

	.formpage-hero__lead,
	.legal-hero__lead,
	.login-hero__lead,
	.pricing-hero__lead,
	.thanks-hero__lead {
		font-size: 1.05rem;
	}

	.formpage-hero__actions,
	.pricing-hero__actions,
	.thanks-hero__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.formpage-hero__actions .btn,
	.pricing-hero__actions .btn,
	.thanks-hero__actions .btn {
		width: 100%;
	}
}


/* ###### PRICING EXTRAS RESPONSIVE ###### */
@media (max-width: 767.98px) {
	.pricing-extras__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.pricing-extras__actions .btn {
		width: 100%;
	}
}


/* AUDIENCE RESPONSIVE */
@media (min-width: 992px) {
	.audience--intro .audience-intro__row>.col-lg-6 {
		flex: 0 0 auto;
		width: 50%;
	}
}

@media (min-width: 1200px) {

	.audience-feature__row,
	.audience-intro__row {
		--bs-gutter-x: 4rem;
	}
}

@media (min-width: 1400px) {

	.audience-feature__row,
	.audience-intro__row {
		--bs-gutter-x: 5rem;
	}
}

@media (max-width: 1199.98px) {
	.audience-modules__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 991.98px) {

	.audience--features,
	.audience--intro,
	.audience--modules {
		padding: 4rem 0;
	}

	.audience--hero {
		padding: 4.75rem 0 3.5rem 0;
	}

	.audience-feature__lead,
	.audience-intro__lead {
		font-size: 1.2rem;
	}

	.audience-feature__row {
		padding: 0 0 4rem 0;
	}
}

@media (max-width: 767.98px) {
	.audience-feature__row {
		padding: 0 0 3.5rem 0;
	}

	.audience-feature__row--reverse .order-lg-1,
	.audience-feature__row--reverse .order-lg-2 {
		order: initial;
	}

	.audience-hero__actions,
	.audience-intro__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.audience-hero__actions .btn,
	.audience-intro__actions .btn {
		width: 100%;
	}

	.audience-modules__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	.audience--hero {
		padding: 3.75rem 0 3rem 0;
	}

	.audience-modules__grid {
		grid-template-columns: 1fr;
	}

	.audience-section__lead {
		font-size: 1.1rem;
	}
}


/* AUDIENCE FEATURE CONTENT RESPONSIVE */
@media (max-width: 991.98px) {
	.audience-feature__content {
		padding: 1.75rem;
	}
}

@media (max-width: 575.98px) {
	.audience-feature__content {
		padding: 1.35rem;
	}
}


/* FINAL RESPONSIVE CORRECTIONS */
@media (max-width: 1199.98px) {
	.legal-aside__nav {
		max-height: none;
		overflow: visible;
	}
}

@media (max-width: 991.98px) {
	.pricing-extras__grid {
		grid-template-columns: 1fr;
	}
}