.gx-landing {
--gx-navy: #1a2b4c;
--gx-navy-hover: #0f1c36;
--gx-light-blue: #e6f2fb;
--gx-beige: #f2e5d8;
--gx-accent: #1a6fa3;
--gx-accent-deco: #2e9bd6;
--gx-text: #3a4660;
--gx-muted: #56627a;
--gx-border: #dce6ef;
--gx-border-light: #e3ecf4;
--gx-input-border: #b9cfe2;
--gx-input-bg: #f7fbfe;
--gx-star: #f5b301;
--gx-white: #ffffff;
--gx-on-navy: #d3deec;
--gx-on-navy-soft: #bfd9ee;
--gx-on-navy-faint: #a9bbd3;
--gx-line: #5b6e92;
--gx-section-y: 96px;
--gx-radius: 16px;
--gx-shadow: 0 24px 60px rgba(26, 43, 76, 0.12);
color: var(--gx-navy);
font-family: var(--sans, "BananaGrotesk", system-ui, sans-serif);
font-size: 17px;
line-height: 1.6;
background: var(--gx-white);
padding-top: calc(var(--header-height, 90) * 1px);
}
.gx-landing *,
.gx-landing *::before,
.gx-landing *::after {
box-sizing: border-box;
}
.gx-landing h1,
.gx-landing h2,
.gx-landing h3,
.gx-landing p,
.gx-landing ul,
.gx-landing ol,
.gx-landing figure {
margin: 0;
}
.gx-landing img {
max-width: 100%;
height: auto;
}
.gx-landing a {
color: var(--gx-navy);
text-decoration: none;
}
.gx-landing a:hover {
color: var(--gx-accent);
}
.gx-landing header,
.gx-landing header.slideUp,
.gx-landing header.slideDown,
body:not(.menu--active) .gx-landing header.slideUp,
.gx-landing footer,
.gx-landing nav {
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
z-index: auto !important;
transform: none !important;
background: transparent !important;
box-shadow: none !important;
}
.gx-landing strong,
.gx-landing b {
font-weight: 600;
color: var(--gx-navy);
}
.gx-landing s {
text-decoration: line-through;
}
.gx-landing :focus-visible {
outline: 2px solid var(--gx-accent);
outline-offset: 2px;
}
.gx-wrap {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
.gx-section {
padding: var(--gx-section-y) 0;
}
.gx-eyebrow {
margin: 0 0 10px;
color: var(--gx-accent);
font-size: 14px;
font-weight: 600;
line-height: 1.4;
}
.gx-h1 {
margin: 0;
color: var(--gx-navy);
font-size: 36px;
font-weight: 600;
letter-spacing: -0.6px;
line-height: 1.08;
overflow-wrap: break-word;
}
.gx-h2 {
margin: 0;
color: var(--gx-navy);
font-size: 28px;
font-weight: 600;
letter-spacing: -0.4px;
line-height: 1.15;
overflow-wrap: break-word;
}
.gx-landing .gx-h2.gx-h2--form {
font-size: 25px;
letter-spacing: -0.3px;
line-height: 1.2;
}
.gx-h2--band {
font-size: 26px;
letter-spacing: -0.3px;
line-height: 1.2;
}
.gx-h2--inverse {
color: var(--gx-white);
font-size: 32px;
letter-spacing: -0.5px;
line-height: 1.12;
}
.gx-h3 {
margin: 0;
color: var(--gx-navy);
font-size: 22px;
font-weight: 600;
line-height: 1.3;
}
.gx-h3--step,
.gx-h3--benefit {
font-size: 17px;
}
.gx-lead {
max-width: 540px;
margin: 0;
color: var(--gx-text);
font-size: 18px;
line-height: 1.6;
}
.gx-intro {
max-width: 640px;
margin: 0;
color: var(--gx-text);
font-size: 17px;
line-height: 1.6;
}
.gx-section__head {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 32px;
}
.gx-section__head--center {
align-items: center;
text-align: center;
}
.gx-section__head--center .gx-intro {
margin-inline: auto;
}
.gx-section__head--split {
flex-direction: row;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
}
.gx-section__head--split .gx-h2 {
max-width: 720px;
}
.gx-badge {
display: inline-flex;
align-items: center;
align-self: flex-start;
padding: 4px 10px;
border-radius: 999px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.04em;
line-height: 1.3;
text-transform: uppercase;
}
.gx-badge--navy {
background: var(--gx-navy);
color: var(--gx-white);
}
.gx-badge--white {
background: var(--gx-white);
color: var(--gx-accent);
letter-spacing: 0;
text-transform: none;
font-size: 13px;
}
.gx-badge--beige {
background: var(--gx-beige);
color: var(--gx-navy);
letter-spacing: 0;
text-transform: none;
font-size: 13px;
}
.gx-price-row {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 10px;
}
.gx-price {
color: var(--gx-navy);
font-weight: 700;
line-height: 1;
}
.gx-price--hero {
font-size: 44px;
}
.gx-price--offer {
color: var(--gx-white);
font-size: 56px;
}
.gx-was {
color: var(--gx-muted);
font-size: 18px;
font-weight: 400;
}
.gx-was--light {
color: var(--gx-on-navy-faint);
font-size: 20px;
}
.gx-price-label {
color: var(--gx-text);
font-size: 14px;
}
.gx-landing .btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
white-space: nowrap;
}
.gx-landing .btn .gx-icon,
.gx-landing .wpcf7-submit .gx-icon {
width: 18px;
height: 18px;
flex: none;
}
.gx-landing .gx-btn--block,
.gx-landing .gx-booking {
width: 100%;
min-height: 56px;
}
.gx-hero {
margin-top: calc(var(--header-height, 90) * -1px);
padding: calc(var(--header-height, 90) * 1px + 28px) 0 72px;
background: var(--gx-light-blue);
}
.gx-hero__grid {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
align-items: start;
}
.gx-hero__copy {
display: flex;
flex-direction: column;
gap: 24px;
}
.gx-hero-offer {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px 28px;
max-width: 560px;
padding: 22px 24px;
border-radius: 16px;
background: var(--gx-white);
box-shadow: 0 8px 24px rgba(26, 43, 76, 0.08);
}
.gx-hero-offer__price {
display: flex;
flex-direction: column;
gap: 2px;
}
.gx-hero-offer__price .gx-price-row {
margin-top: 8px;
}
.gx-gift-note {
display: flex;
flex: 1 1 220px;
align-items: flex-start;
gap: 12px;
min-width: 0;
padding: 14px 16px;
border-radius: 12px;
background: var(--gx-beige);
color: var(--gx-navy);
font-size: 15px;
line-height: 1.5;
}
.gx-gift-note .gx-icon {
width: 24px;
height: 24px;
margin-top: 2px;
flex: none;
}
.gx-gift-note__text p {
margin: 0;
}
.gx-ticks {
display: flex;
flex-direction: column;
gap: 14px;
margin: 0;
padding: 0;
list-style: none;
}
.gx-ticks li {
display: flex;
align-items: flex-start;
gap: 12px;
color: var(--gx-navy);
font-size: 17px;
line-height: 1.5;
}
.gx-tick {
display: inline-flex;
flex: none;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 50%;
background: var(--gx-navy);
color: var(--gx-white);
}
.gx-tick .gx-icon {
width: 14px;
height: 14px;
}
.gx-social {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px 20px;
padding-top: 8px;
}
.gx-avatars {
display: flex;
align-items: center;
}
.gx-avatars__img,
.gx-avatars img {
width: 44px;
height: 44px;
margin-left: -12px;
border: 3px solid var(--gx-light-blue);
border-radius: 50%;
object-fit: cover;
object-position: top center;
}
.gx-avatars img:first-child {
margin-left: 0;
}
.gx-social__copy {
display: flex;
flex-direction: column;
gap: 4px;
}
.gx-social__copy p {
color: var(--gx-text);
font-size: 14px;
line-height: 1.45;
}
.gx-stars {
display: flex;
gap: 2px;
}
.gx-stars .is-filled {
color: var(--gx-star);
}
.gx-stars .is-empty {
color: #d5dbe3;
}
.gx-stars .gx-icon {
display: block;
width: 18px;
height: 18px;
}
.gx-form-card {
display: flex;
flex-direction: column;
gap: 20px;
padding: 24px 20px;
border-radius: 18px;
background: var(--gx-white);
box-shadow: var(--gx-shadow);
scroll-margin-top: calc(var(--header-height, 90) * 1px + 16px);
}
.gx-book-panel {
display: flex;
flex-direction: column;
gap: 12px;
padding: 24px;
border-radius: 14px;
background: var(--gx-light-blue);
}
.gx-book-panel .gx-badge--white {
color: var(--gx-accent);
}
.gx-book-panel p,
.gx-helper {
margin: 0;
color: var(--gx-text);
font-size: 15px;
line-height: 1.55;
}
.gx-helper {
margin-top: -6px;
text-align: center;
}
.gx-or {
display: flex;
align-items: center;
gap: 14px;
color: var(--gx-muted);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.05em;
line-height: 1.3;
text-align: center;
text-transform: uppercase;
}
.gx-or::before,
.gx-or::after {
content: "";
flex: 1;
height: 1px;
background: var(--gx-border);
}
.gx-trustrow {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px 14px;
margin: 0;
padding: 16px 0 0;
border-top: 1px solid var(--gx-border-light);
list-style: none;
color: var(--gx-text);
font-size: 13px;
line-height: 1.4;
}
.gx-trustrow li {
display: flex;
align-items: center;
gap: 6px;
}
.gx-trustrow--solo {
display: block;
text-align: center;
}
.gx-trustrow__icon {
display: inline-flex;
color: var(--gx-accent);
}
.gx-trustrow__icon .gx-icon {
width: 14px;
height: 14px;
}
.gx-trustrow a {
font-weight: 600;
}
.gx-cf7 form,
.gx-cf7 .wpcf7-form {
display: flex;
flex-direction: column;
gap: 16px;
}
.gx-landing .gx-form-grid {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
}
.gx-landing .gx-form-grid > p,
.gx-landing .wpcf7-form > p {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
}
.gx-landing form label,
.gx-landing .wpcf7-form label {
display: block;
color: var(--gx-navy);
font-size: 13px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.4;
text-align: left;
text-transform: none;
}
.gx-landing .wpcf7-form-control-wrap {
display: block;
margin: 0;
}
.gx-landing .wpcf7 input[type="text"],
.gx-landing .wpcf7 input[type="email"],
.gx-landing .wpcf7 input[type="tel"],
.gx-landing .wpcf7 input[type="number"],
.gx-landing .wpcf7 input[type="url"],
.gx-landing .wpcf7 select,
.gx-landing .wpcf7 textarea {
box-sizing: border-box;
width: 100%;
height: 48px;
margin: 0;
padding: 0 14px;
border: 1px solid var(--gx-input-border);
border-radius: 8px;
background-color: var(--gx-input-bg);
color: var(--gx-navy);
font-family: inherit;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
appearance: none;
}
.gx-landing .wpcf7 select {
padding-right: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231A2B4C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 16px;
}
.gx-landing .wpcf7 select:invalid {
color: var(--gx-muted);
}
.gx-landing .wpcf7 textarea {
height: auto;
min-height: 96px;
padding: 12px 14px;
}
.gx-landing .wpcf7 input:focus,
.gx-landing .wpcf7 select:focus,
.gx-landing .wpcf7 textarea:focus {
border-color: var(--gx-accent);
outline: 2px solid var(--gx-accent);
outline-offset: 1px;
}
.gx-landing .wpcf7-not-valid {
border-color: #9b2c2c;
}
.gx-landing .wpcf7-not-valid-tip {
display: block !important;
margin-top: 4px;
color: #7a1f1f;
font-size: 13px;
font-weight: 500;
}
.gx-landing .wpcf7-acceptance,
.gx-landing .wpcf7-checkbox,
.gx-landing .wpcf7-acceptance .wpcf7-list-item,
.gx-landing .wpcf7-checkbox .wpcf7-list-item {
display: block;
margin: 0 !important;
}
.gx-landing .wpcf7-form .wpcf7-acceptance label,
.gx-landing .wpcf7-form .wpcf7-checkbox label {
display: flex;
align-items: flex-start;
gap: 10px;
position: static;
overflow: visible;
width: auto;
margin: 0;
padding: 0;
color: var(--gx-text);
font-size: 13px;
font-weight: 400;
line-height: 1.5;
text-transform: none;
}
.gx-landing .wpcf7-form .wpcf7-list-item-label {
position: static;
display: block;
flex: 1 1 auto;
margin: 0;
padding: 0;
pointer-events: auto;
font-weight: 400;
}
.gx-landing .wpcf7-form .wpcf7-list-item-label::before,
.gx-landing .wpcf7-form .wpcf7-list-item-label::after {
content: none !important;
display: none !important;
}
.gx-landing .wpcf7-form input[type="checkbox"] {
position: static !important;
top: auto !important;
left: auto !important;
display: inline-block;
width: 18px !important;
height: 18px !important;
min-width: 18px;
margin: 2px 0 0;
padding: 0;
flex: 0 0 18px;
flex-shrink: 0;
opacity: 1 !important;
border: 0;
accent-color: var(--gx-navy);
-webkit-appearance: auto;
appearance: auto;
cursor: pointer;
}
.gx-landing .wpcf7 a {
text-decoration: underline;
text-underline-offset: 2px;
}
.gx-landing .wpcf7-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
min-width: 0;
min-height: 56px;
margin: 0;
border-radius: 10px;
font-size: 17px;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
}
.gx-landing .wpcf7-spinner {
display: block;
margin: 4px auto 0;
}
.gx-landing .wpcf7-response-output {
margin: 0;
padding: 12px 14px;
border: 1px solid var(--gx-border);
border-radius: 8px;
color: var(--gx-navy);
font-size: 15px;
line-height: 1.5;
}
.gx-landing .wpcf7 form.sent .wpcf7-response-output {
border-color: #1e6b3a;
background: #eef8f1;
}
.gx-landing .wpcf7 form.invalid .wpcf7-response-output,
.gx-landing .wpcf7 form.failed .wpcf7-response-output,
.gx-landing .wpcf7 form.aborted .wpcf7-response-output,
.gx-landing .wpcf7 form.spam .wpcf7-response-output {
border-color: #9b2c2c;
background: #fdf2f2;
}
.gx-landing .wpcf7-form p:has(> input[type="hidden"]),
.gx-landing .wpcf7-form p:has(> .wpcf7-form-control-wrap > input[type="hidden"]) {
display: none;
}
.gx-trust--overlap {
margin-top: -36px;
}
.gx-trust__bar {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
padding: 24px 22px;
border-radius: 16px;
background: var(--gx-beige);
}
.gx-stat {
display: flex;
flex-direction: column;
gap: 4px;
}
.gx-stat__value {
color: var(--gx-navy);
font-size: 22px;
font-weight: 600;
line-height: 1.2;
}
.gx-stat__value s {
margin-left: 6px;
color: var(--gx-muted);
font-size: 16px;
font-weight: 400;
}
.gx-stat span {
color: var(--gx-text);
font-size: 14px;
line-height: 1.4;
}
.gx-offer {
padding-bottom: 0;
}
.gx-offer__grid,
.gx-reviews__grid,
.gx-steps__grid,
.gx-benefits {
display: grid;
gap: 16px;
}
.gx-offer__grid,
.gx-reviews__grid,
.gx-steps__grid {
grid-template-columns: 1fr;
}
.gx-price-card,
.gx-gift,
.gx-review,
.gx-step,
.gx-benefit {
min-width: 0;
}
.gx-price-card,
.gx-gift {
display: flex;
flex-direction: column;
gap: 12px;
height: 100%;
padding: 28px 24px;
border-radius: 18px;
}
.gx-price-card {
background: var(--gx-navy);
color: var(--gx-white);
}
.gx-price-card__label {
color: var(--gx-on-navy-soft);
font-size: 14px;
font-weight: 600;
}
.gx-price-card__text {
flex-grow: 1;
color: var(--gx-on-navy);
font-size: 15px;
line-height: 1.6;
}
.gx-price-card .gx-badge--white {
color: var(--gx-navy);
}
.gx-price-card .btn {
width: 100%;
min-height: 52px;
border-radius: 10px;
font-size: 16px;
}
.gx-gift {
background: var(--gx-beige);
}
.gx-gift__icon {
color: var(--gx-navy);
line-height: 0;
}
.gx-gift__icon .gx-icon {
width: 40px;
height: 40px;
}
.gx-gift__img {
width: 40px;
height: 40px;
object-fit: contain;
}
.gx-gift__text {
flex-grow: 1;
color: var(--gx-text);
font-size: 15px;
line-height: 1.6;
}
.gx-gift__value {
color: var(--gx-navy);
font-size: 18px;
font-weight: 600;
}
.gx-terms,
.gx-fine {
color: var(--gx-muted);
font-size: 13px;
line-height: 1.5;
}
.gx-landing .gx-terms {
margin-top: 16px;
text-align: center;
}
.gx-transformations__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.gx-shot {
display: flex;
flex-direction: column;
gap: 10px;
min-width: 0;
margin: 0;
}
.gx-shot__img {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 14px;
object-fit: cover;
}
.gx-shot figcaption {
color: var(--gx-text);
font-size: 14px;
line-height: 1.4;
}
.gx-reviews {
padding-top: 40px;
}
.gx-review {
display: flex;
flex-direction: column;
gap: 16px;
height: 100%;
padding: 24px;
border: 1px solid var(--gx-border);
border-radius: 16px;
background: var(--gx-white);
}
.gx-review__text {
flex-grow: 1;
color: var(--gx-text);
font-size: 16px;
line-height: 1.6;
}
.gx-review__text p {
margin: 0 0 0.6em;
}
.gx-review__text p:last-child {
margin-bottom: 0;
}
.gx-review__person {
display: flex;
align-items: center;
gap: 12px;
}
.gx-review__photo,
.gx-review__initials {
width: 40px;
height: 40px;
border-radius: 50%;
flex: none;
}
.gx-review__photo {
object-fit: cover;
}
.gx-review__initials {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 600;
}
.gx-review__initials--0 {
background: #ddf0e2;
color: #1e6b3a;
}
.gx-review__initials--1 {
background: #f9dedf;
color: #8e2a30;
}
.gx-review__initials--2 {
background: #dde9f5;
color: #1a4a7a;
}
.gx-review__id {
display: flex;
flex-direction: column;
min-width: 0;
}
.gx-review__id strong {
font-size: 15px;
font-weight: 600;
}
.gx-review__id span {
color: var(--gx-muted);
font-size: 13px;
}
.gx-steps {
background: var(--gx-light-blue);
}
.gx-steps__grid {
margin: 0;
padding: 0;
list-style: none;
}
.gx-step {
display: flex;
flex-direction: column;
gap: 12px;
height: 100%;
padding: 24px;
border-radius: 16px;
background: var(--gx-white);
}
.gx-step__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 40px;
}
.gx-step__num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--gx-navy);
color: var(--gx-white);
font-weight: 600;
}
.gx-step p,
.gx-benefit p,
.gx-why__intro p,
.gx-finance__copy p,
.gx-final__copy p {
color: var(--gx-text);
font-size: 15px;
line-height: 1.6;
}
.gx-why__intro p,
.gx-final__copy p {
font-size: 17px;
}
.gx-steps__action {
display: flex;
justify-content: center;
margin-top: 28px;
}
.gx-why__grid {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
align-items: center;
}
.gx-why__img {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 20px;
object-fit: cover;
}
.gx-why__copy {
display: flex;
flex-direction: column;
gap: 28px;
}
.gx-why__intro {
display: flex;
flex-direction: column;
gap: 10px;
}
.gx-benefits {
grid-template-columns: 1fr;
}
.gx-benefit {
display: flex;
flex-direction: column;
gap: 8px;
padding: 22px;
border-radius: 14px;
background: var(--gx-light-blue);
}
.gx-benefit__icon {
color: var(--gx-navy);
line-height: 0;
}
.gx-benefit__icon .gx-icon,
.gx-benefit__img {
width: 24px;
height: 24px;
object-fit: contain;
}
.gx-finance {
padding-top: 0;
}
.gx-finance__panel,
.gx-final__panel {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.gx-finance__panel {
padding: 32px 24px;
border-radius: 18px;
background: var(--gx-beige);
}
.gx-finance__copy,
.gx-final__copy {
display: flex;
flex-direction: column;
gap: 8px;
max-width: 640px;
}
.gx-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.gx-actions--end {
justify-content: flex-end;
}
.gx-faqs {
background: var(--gx-light-blue);
}
.gx-faqs__wrap {
max-width: 908px;
}
.gx-faq-list {
display: flex;
flex-direction: column;
gap: 12px;
}
.gx-faq {
border-radius: 14px;
background: var(--gx-white);
}
.gx-faq__heading {
margin: 0;
font-size: inherit;
font-weight: inherit;
}
.gx-faq__trigger {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%;
min-height: 64px;
padding: 18px 20px;
border: 0;
background: transparent;
color: var(--gx-navy);
font-family: inherit;
font-size: 17px;
font-weight: 600;
line-height: 1.35;
text-align: left;
cursor: pointer;
}
.gx-faq__icon {
display: inline-flex;
flex: none;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--gx-light-blue);
color: var(--gx-navy);
font-size: 20px;
font-weight: 500;
line-height: 1;
}
.gx-faq__icon::before {
content: "+";
}
.gx-faq__trigger[aria-expanded="true"] .gx-faq__icon::before {
content: "\2212";
}
.gx-faq__panel[hidden] {
display: none;
}
.gx-faq__answer {
padding: 0 20px 22px;
color: var(--gx-text);
font-size: 16px;
font-weight: 400;
line-height: 1.65;
}
.gx-faq__answer p {
margin: 0 0 0.7em;
}
.gx-faq__answer p:last-child {
margin-bottom: 0;
}
.gx-faq__answer a {
text-decoration: underline;
text-underline-offset: 2px;
}
.gx-final__panel {
padding: 40px 24px;
border-radius: 22px;
background: var(--gx-navy);
}
.gx-final__copy p {
color: var(--gx-on-navy);
}
.gx-final .btn {
min-height: 56px;
padding: 0 28px;
border-radius: 10px;
font-size: 17px;
}
@media (min-width: 768px) {
.gx-landing .gx-terms {
margin-top: 24px;
}
}
@media (max-width: 767px) {
.gx-landing {
--gx-section-y: 64px;
}
.gx-actions,
.gx-actions .btn,
.gx-steps__action .btn,
.gx-section__head--split .btn {
width: 100%;
}
.gx-actions--end {
justify-content: stretch;
}
}
@media (min-width: 480px) {
.gx-landing .gx-form-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 640px) {
.gx-trust__bar,
.gx-benefits {
grid-template-columns: 1fr 1fr;
}
.gx-form-card {
padding: 32px;
}
}
@media (min-width: 768px) {
.gx-h1 {
font-size: 54px;
letter-spacing: -1px;
}
.gx-h2 {
font-size: 38px;
letter-spacing: -0.5px;
}
.gx-h2--inverse {
font-size: 40px;
}
.gx-h2--band {
font-size: 28px;
}
.gx-h3--step {
font-size: 19px;
}
.gx-lead {
font-size: 19px;
}
.gx-hero {
padding-top: calc(var(--header-height, 90) * 1px + 40px);
padding-bottom: 96px;
}
.gx-trust--overlap {
margin-top: -48px;
}
.gx-trust__bar {
padding: 28px 32px;
}
.gx-reviews {
padding-top: 56px;
}
.gx-transformations {
padding-bottom: 40px;
}
.gx-finance__panel {
padding: 40px;
}
.gx-final__panel {
padding: 56px 48px;
}
.gx-faq__trigger,
.gx-faq__answer {
padding-left: 24px;
padding-right: 24px;
}
}
@media (min-width: 800px) {
.gx-offer__grid,
.gx-reviews__grid,
.gx-steps__grid {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 960px) {
.gx-hero__grid,
.gx-why__grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 56px;
}
.gx-hero__copy {
padding-top: 16px;
}
.gx-final__panel {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
align-items: center;
}
}
@media (min-width: 1100px) {
.gx-trust__bar,
.gx-transformations__grid,
.gx-steps__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
}
.gx-offer__grid,
.gx-reviews__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
}