@font-face {
font-family: 'Plus Jakarta Sans';
font-style: normal;
font-display: swap;
font-weight: 200 800;
src: url(//growwithseo.co.uk/wp-content/themes/growwithseo/assets/fonts/plus-jakarta-sans-variable-latin.woff2) format('woff2-variations'), url(//growwithseo.co.uk/wp-content/themes/growwithseo/assets/fonts/plus-jakarta-sans-variable-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(//growwithseo.co.uk/wp-content/themes/growwithseo/assets/fonts/inter-variable-latin.woff2) format('woff2-variations'), url(//growwithseo.co.uk/wp-content/themes/growwithseo/assets/fonts/inter-variable-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
--gws-ink: #0F172A;
--gws-ink-2: #0B1220;
--gws-slate: #475569;
--gws-slate-2: #334155;
--gws-muted: #64748B;
--gws-accent: #15803D;
--gws-accent-dark: #0F5F32;
--gws-accent-soft: #E8F3EC;
--gws-mint: #4ADE80;
--gws-tint: #F4F7F5;
--gws-line: #E2E8E4;
--gws-line-2: #CBD5D0;
--gws-dark-card: #1E293B;
--gws-on-dark: #CBD5E1;
--gws-radius: 20px;
--gws-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
--gws-font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
--gws-font-body: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
--gws-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803D' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
--gws-check-mint: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234ADE80' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.gws-section,
.gws-section *,
.gws-engines-band,
.gws-engines-band *,
.gws-container,
.gws-header,
.gws-header *,
.gws-footer,
.gws-footer * {
box-sizing: border-box;
}
.gws-section p,
.gws-section h1,
.gws-section h2,
.gws-section h3,
.gws-section ul,
.gws-section ol,
.gws-section figure,
.gws-section blockquote {
margin: 0;
}
.gws-section img {
max-width: 100%;
height: auto;
} .gws-section {
padding: 96px 0;
background: #FFFFFF;
}
.gws-section.is-tint { background: var(--gws-tint); }
.gws-section.is-dark {
background: var(--gws-ink);
color: #FFFFFF;
}
.gws-section.is-compact { padding: 80px 0; }
.gws-section.is-hero { padding: 80px 0 96px; }
.gws-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
.gws-container.is-narrow { max-width: 860px; }
.gws-split {
display: flex;
flex-wrap: wrap;
gap: 56px;
align-items: center;
}
.gws-split.is-top { align-items: flex-start; }
.gws-split > .gws-split__main {
flex: 1 1 500px;
min-width: 0;
}
.gws-split > .gws-split__side {
flex: 1 1 440px;
min-width: 0;
}
.gws-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;
}
.gws-grid.is-4 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.gws-grid.is-3 { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
@media (min-width: 960px) {
.gws-grid.is-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gws-grid.is-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.gws-grid.is-plans { align-items: stretch; margin-top: 48px; }
.gws-grid.is-plans-2 {
grid-template-columns: repeat(auto-fit, minmax(300px, 460px));
justify-content: center;
align-items: stretch;
margin-top: 48px;
}
.gws-stack {
display: flex;
flex-direction: column;
gap: 14px;
}
.gws-mt-48 { margin-top: 48px !important; }
.gws-mt-40 { margin-top: 40px !important; }
.gws-mt-24 { margin-top: 24px !important; } .gws-eyebrow {
font-size: 14px;
font-weight: 700;
color: var(--gws-accent-dark);
text-transform: uppercase;
letter-spacing: 0.08em;
}
.is-dark .gws-eyebrow { color: var(--gws-mint); }
.gws-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 14px;
border-radius: 999px;
background: var(--gws-accent-soft);
color: var(--gws-accent-dark);
font-size: 14px;
font-weight: 600;
margin-bottom: 22px !important;
}
.gws-badge::before {
content: "";
width: 14px;
height: 14px;
flex: none;
background: var(--gws-accent-dark);
clip-path: polygon(50% 0%, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0% 50%, 39% 39%);
}
.gws-h1 {
font-family: var(--gws-font-display);
font-weight: 800;
font-size: clamp(2.5rem, 5.2vw, 4rem);
line-height: 1.05;
letter-spacing: -0.03em;
}
.gws-h2 {
font-family: var(--gws-font-display);
font-weight: 800;
font-size: clamp(1.875rem, 3.6vw, 2.75rem);
line-height: 1.1;
letter-spacing: -0.02em;
max-width: 820px;
}
.gws-section-head .gws-eyebrow + .gws-h2 { margin-top: 12px; }
.gws-section-head .gws-lead { margin-top: 16px; max-width: 760px; }
.gws-section-head.is-center {
text-align: center;
max-width: 760px;
margin: 0 auto;
}
.gws-section-head.is-center .gws-h2,
.gws-section-head.is-center .gws-lead { margin-left: auto; margin-right: auto; }
.gws-intro {
font-size: 20px;
line-height: 1.55;
color: var(--gws-slate);
margin-top: 24px !important;
max-width: 580px;
}
.gws-intro em { color: var(--gws-ink); }
.gws-lead {
font-size: 18px;
line-height: 1.6;
color: var(--gws-slate);
}
.is-dark .gws-lead,
.is-dark .gws-body { color: var(--gws-on-dark); }
.gws-body {
font-size: 17px;
line-height: 1.7;
color: var(--gws-slate);
}
.gws-body + .gws-body { margin-top: 16px; }
.gws-h2 + .gws-body { margin-top: 20px; }
.gws-note {
font-size: 15px;
color: var(--gws-slate);
margin-top: 28px !important;
}
.gws-center { text-align: center; } .gws-page .wp-block-buttons {
display: flex;
flex-wrap: wrap;
gap: 14px;
}
.gws-hero-ctas { margin-top: 36px; }
.wp-block-button .wp-block-button__link {
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.wp-block-button.is-style-outline .wp-block-button__link {
background: #FFFFFF;
color: var(--gws-ink);
border: 1.5px solid var(--gws-line-2);
padding: 14px 24px;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
background: var(--gws-tint);
color: var(--gws-ink);
border-color: var(--gws-accent);
}
.is-dark .wp-block-button.is-style-outline .wp-block-button__link {
background: transparent;
color: #FFFFFF;
border-color: var(--gws-slate);
}
.is-dark .wp-block-button.is-style-outline .wp-block-button__link:hover {
border-color: var(--gws-mint);
background: transparent;
}
.wp-element-button:focus-visible,
.gws-page a:focus-visible,
.gws-header a:focus-visible {
outline: 3px solid var(--gws-mint);
outline-offset: 2px;
} .gws-header {
background: #FFFFFF;
border-bottom: 1px solid var(--gws-line);
position: relative;
z-index: 50;
}
.gws-header__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px 28px;
padding-top: 16px;
padding-bottom: 16px;
}
.gws-logo {
display: inline-flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: var(--gws-ink);
font-family: var(--gws-font-display);
font-weight: 700;
font-size: 21px;
letter-spacing: -0.03em;
}
.gws-logo:hover { color: var(--gws-ink); }
.gws-logo b { font-weight: 800; color: var(--gws-accent); }
.gws-header__right {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 28px;
}
.gws-nav {
font-size: 15px;
font-weight: 500;
gap: 24px;
}
.gws-nav .wp-block-navigation-item__content {
color: var(--gws-slate-2);
text-decoration: none;
padding: 6px 0;
}
.gws-nav .wp-block-navigation-item__content:hover { color: var(--gws-accent-dark); }
.gws-nav .current-menu-item > .wp-block-navigation-item__content { color: var(--gws-ink); font-weight: 700; }
.gws-header__cta .wp-block-button__link { font-size: 15px; padding: 11px 18px; }
.gws-nav .wp-block-navigation__responsive-container-open,
.gws-nav .wp-block-navigation__responsive-container-close {
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
}
.gws-nav .wp-block-navigation__responsive-container.is-menu-open {
padding: 24px;
}
.gws-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
font-size: 20px;
padding: 10px 0;
} .gws-footer {
background: var(--gws-ink-2);
color: #94A3B8;
font-size: 14px;
padding: 56px 0 32px;
}
.gws-footer a { color: var(--gws-on-dark); text-decoration: none; }
.gws-footer a:hover { color: #FFFFFF; text-decoration: underline; }
.gws-footer__grid {
display: flex;
flex-wrap: wrap;
gap: 32px 56px;
justify-content: space-between;
}
.gws-footer__brand { flex: 1 1 280px; }
.gws-footer__brand .gws-logo { color: #FFFFFF; font-size: 19px; }
.gws-footer__brand .gws-logo b { color: var(--gws-mint); }
.gws-footer__brand p { margin-top: 12px; line-height: 1.6; max-width: 320px; }
.gws-footer__col { display: flex; flex-direction: column; gap: 8px; min-width: 160px; }
.gws-footer__col p { margin: 0; }
.gws-footer__title {
color: #FFFFFF;
font-weight: 600;
margin-bottom: 4px !important;
}
.gws-footer__links {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, auto));
gap: 8px 28px;
}
.gws-footer__col.is-wide { min-width: 280px; }
.gws-card__link {
margin-top: 14px !important;
font-size: 14px;
font-weight: 600;
}
.gws-card__link a { text-decoration: none; }
.gws-card__link a:hover { text-decoration: underline; }
.gws-footer__bottom {
margin-top: 40px;
padding-top: 24px;
border-top: 1px solid #1E293B;
}
.gws-footer p { margin: 0; } .gws-trust {
display: flex;
flex-wrap: wrap;
gap: 14px 28px;
margin-top: 36px !important;
padding: 0;
list-style: none;
font-size: 15px;
color: var(--gws-slate-2);
}
.gws-trust li {
display: inline-flex;
align-items: center;
gap: 8px;
}
.gws-trust li::before {
content: "";
width: 18px;
height: 18px;
background: var(--gws-check) center / contain no-repeat;
} .gws-illus {
display: flex;
flex-direction: column;
gap: 18px;
}
.gws-illus__card {
background: #FFFFFF;
border: 1px solid var(--gws-line);
border-radius: 18px;
padding: 24px;
box-shadow: var(--gws-shadow);
}
.gws-illus__card.is-offset { margin-left: 40px; }
.gws-illus__label {
display: block;
margin-bottom: 14px;
font-size: 13px;
font-weight: 600;
color: var(--gws-muted);
text-transform: uppercase;
letter-spacing: 0.06em;
}
.gws-illus__q {
background: #F1F5F3;
border-radius: 12px;
padding: 12px 16px;
font-size: 15px;
margin-left: 48px;
}
.gws-illus__q em { color: var(--gws-accent-dark); }
.gws-illus__a {
margin-top: 14px;
font-size: 15px;
line-height: 1.6;
color: var(--gws-slate-2);
}
.gws-illus__hit {
margin-top: 10px;
padding: 12px 14px;
border-radius: 12px;
border: 1.5px solid var(--gws-accent);
background: var(--gws-accent-soft);
color: var(--gws-ink);
}
.gws-illus__row {
display: flex;
align-items: center;
gap: 12px;
padding: 12px;
border-radius: 12px;
background: #F8FAF9;
color: var(--gws-slate);
}
.gws-illus__row + .gws-illus__row { margin-top: 10px; }
.gws-illus__row svg { width: 22px; height: 22px; color: #94A3B8; flex: none; }
.gws-illus__row.is-you {
background: var(--gws-accent-soft);
border: 1.5px solid var(--gws-accent);
color: var(--gws-ink);
}
.gws-illus__row.is-you svg { color: var(--gws-accent); }
.gws-illus__row div { flex: 1; }
.gws-illus__row strong { display: block; font-size: 15px; }
.gws-illus__row small { font-size: 13px; color: var(--gws-muted); }
.gws-illus__row.is-you small { color: var(--gws-slate); }
.gws-illus__rank { font-size: 12px; font-weight: 800; color: var(--gws-accent-dark); }
.gws-illus__caption {
font-size: 12px;
color: var(--gws-muted);
text-align: right;
} .gws-composite {
position: relative;
height: 580px;
}
.gws-composite__photo {
position: absolute;
top: 0;
left: 0;
width: calc(100% - 110px);
height: calc(100% - 50px);
object-fit: cover;
border-radius: 24px;
background: #DCE7E0;
}
.gws-composite__chip {
position: absolute;
z-index: 2;
top: 28px;
left: 20px;
max-width: min(290px, calc(100% - 310px));
background: #FFFFFF;
border-radius: 16px;
padding: 14px 16px;
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
font-size: 14px;
line-height: 1.5;
color: var(--gws-slate-2);
display: flex;
flex-direction: column;
gap: 6px;
}
.gws-composite__chip strong { color: var(--gws-ink); }
.gws-composite__chip-label {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
font-weight: 700;
color: var(--gws-accent-dark);
text-transform: uppercase;
letter-spacing: 0.06em;
}
.gws-phone {
position: absolute;
right: 0;
bottom: 0;
width: 270px;
height: 530px;
background: var(--gws-ink);
border-radius: 40px;
padding: 11px;
box-shadow: 0 30px 60px rgba(15, 23, 42, 0.28);
transform-origin: bottom right;
}
.gws-phone__screen {
width: 100%;
height: 100%;
background: #FFFFFF;
border-radius: 30px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.gws-phone__search {
margin: 20px 14px 12px;
padding: 10px 14px;
border-radius: 999px;
background: #F1F5F3;
font-size: 13px;
color: var(--gws-slate-2);
display: flex;
gap: 8px;
align-items: center;
}
.gws-phone__search svg { width: 14px; height: 14px; color: var(--gws-muted); flex: none; }
.gws-phone__map {
margin: 0 14px;
height: 130px;
border-radius: 14px;
overflow: hidden;
}
.gws-phone__map svg { width: 100%; height: 130px; display: block; }
.gws-phone__results {
padding: 12px 14px;
display: flex;
flex-direction: column;
gap: 8px;
}
.gws-phone__top {
padding: 11px 12px;
border-radius: 12px;
border: 1.5px solid var(--gws-accent);
background: var(--gws-accent-soft);
font-size: 14px;
}
.gws-phone__row { display: flex; justify-content: space-between; align-items: center; }
.gws-phone__rank { font-size: 11px; font-weight: 800; color: var(--gws-accent-dark); }
.gws-phone__stars { font-size: 12px; color: #B45309; margin-top: 2px; }
.gws-phone__meta { font-size: 12px; color: var(--gws-slate); margin-top: 2px; }
.gws-phone__actions { display: flex; gap: 6px; margin-top: 8px; }
.gws-phone__actions span {
font-size: 11px;
font-weight: 600;
padding: 5px 10px;
border-radius: 999px;
background: #FFFFFF;
color: var(--gws-accent-dark);
}
.gws-phone__actions span:first-child { background: var(--gws-accent); color: #FFFFFF; }
.gws-phone__other {
padding: 11px 12px;
border-radius: 12px;
background: #F8FAF9;
display: flex;
flex-direction: column;
gap: 2px;
}
.gws-phone__other strong { font-size: 13px; font-weight: 600; color: var(--gws-muted); }
.gws-phone__other span { font-size: 12px; color: #94A3B8; } .gws-card {
position: relative;
background: #FFFFFF;
border: 1px solid var(--gws-line);
border-radius: var(--gws-radius);
padding: 32px;
display: flex;
flex-direction: column;
}
.is-tint .gws-card { border-color: transparent; }
.gws-card.is-outlined { border: 1px solid var(--gws-line); }
.gws-card.is-highlight {
border: 1.5px solid var(--gws-accent);
background: var(--gws-accent-soft);
}
.gws-card.is-dark-card {
background: var(--gws-dark-card);
border: 0;
color: #FFFFFF;
padding: 26px;
}
.gws-card.is-small { padding: 26px; }
.gws-card__title {
font-family: var(--gws-font-display);
font-size: 22px;
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.25;
}
.gws-icon-tile + .gws-card__title,
.wp-block-html + .gws-card__title { margin-top: 22px; }
.gws-card__title.is-small { font-size: 18px; }
.gws-card__text {
margin-top: 10px !important;
font-size: 15px;
line-height: 1.6;
color: var(--gws-slate);
}
.is-highlight .gws-card__text { color: var(--gws-slate-2); }
.is-dark-card .gws-card__text,
.is-dark .gws-card__text { color: var(--gws-on-dark); }
.gws-card__number {
font-family: var(--gws-font-display);
font-weight: 800;
font-size: 28px;
color: var(--gws-mint);
margin-bottom: 10px !important;
}
.gws-card__searches-label {
margin-top: 14px !important;
font-size: 13px;
font-weight: 700;
color: var(--gws-muted);
text-transform: uppercase;
letter-spacing: 0.05em;
}
.gws-card__searches {
margin-top: 6px !important;
font-size: 14px;
line-height: 1.6;
color: var(--gws-slate-2);
}
.gws-icon-tile {
width: 52px;
height: 52px;
border-radius: 14px;
background: var(--gws-accent-soft);
color: var(--gws-accent);
display: inline-flex;
align-items: center;
justify-content: center;
}
.gws-icon-tile svg { width: 26px; height: 26px; }
.gws-icon-tile.is-white { background: #FFFFFF; }
.gws-icon-tile.is-small { width: 44px; height: 44px; border-radius: 12px; }
.gws-icon-tile.is-small svg { width: 22px; height: 22px; }
.gws-checklist {
list-style: none;
padding: 0 !important;
margin-top: 20px !important;
display: flex;
flex-direction: column;
gap: 10px;
font-size: 15px;
line-height: 1.45;
color: var(--gws-slate-2);
}
.gws-checklist li {
position: relative;
padding-left: 28px;
}
.gws-checklist li::before {
content: "";
position: absolute;
left: 0;
top: 2px;
width: 18px;
height: 18px;
background: var(--gws-check) center / contain no-repeat;
}
.is-dark .gws-checklist { color: var(--gws-on-dark); }
.is-dark .gws-checklist li::before { background-image: var(--gws-check-mint); } .gws-feature {
display: flex;
gap: 18px;
padding: 22px;
border: 1px solid var(--gws-line);
border-radius: 18px;
background: #FFFFFF;
}
.is-tint .gws-feature { border-color: transparent; }
.gws-feature.is-highlight {
border: 1.5px solid var(--gws-accent);
background: var(--gws-accent-soft);
}
.gws-feature > .wp-block-html { flex: none; }
.gws-feature__body { flex: 1; min-width: 0; }
.gws-feature__body .gws-card__text { margin-top: 6px !important; } .gws-plan { padding: 36px 32px; }
.gws-plan.is-featured {
border: 2px solid var(--gws-accent);
box-shadow: 0 22px 48px rgba(15, 23, 42, 0.10);
}
.is-tint .gws-plan.is-featured { border-color: var(--gws-accent); }
.gws-tag {
position: absolute;
top: -15px;
left: 32px;
background: var(--gws-accent);
color: #FFFFFF;
font-size: 13px;
font-weight: 700;
padding: 6px 13px;
border-radius: 999px;
}
.gws-plan .gws-card__text { margin-top: 8px !important; }
.gws-price {
margin-top: 24px !important;
display: flex;
align-items: baseline;
gap: 6px;
font-size: 16px;
color: var(--gws-slate);
}
.gws-price strong {
font-family: var(--gws-font-display);
font-size: 50px;
font-weight: 800;
letter-spacing: -0.03em;
color: var(--gws-ink);
line-height: 1;
}
.gws-list-label {
margin-top: 24px !important;
font-size: 13px;
font-weight: 700;
color: var(--gws-muted);
text-transform: uppercase;
letter-spacing: 0.06em;
}
.gws-list-label + .gws-checklist { margin-top: 12px !important; }
.gws-plan .gws-checklist { flex: 1; }
.gws-card__cta { margin-top: 28px; }
.gws-card__cta .wp-block-button { width: 100%; }
.gws-card__cta .wp-block-button__link { width: 100%; } .gws-step-num {
display: inline-flex;
width: 44px;
height: 44px;
border-radius: 999px;
background: var(--gws-accent);
color: #FFFFFF;
align-items: center;
justify-content: center;
font-family: var(--gws-font-display);
font-weight: 800;
font-size: 18px;
margin-bottom: 20px !important;
} .gws-table-wrap {
overflow-x: auto;
background: #FFFFFF;
border-radius: var(--gws-radius);
border: 1px solid var(--gws-line);
margin-top: 40px;
}
.gws-table {
width: 100%;
min-width: 720px;
border-collapse: collapse;
font-size: 15px;
}
.gws-table th,
.gws-table td {
padding: 16px 24px;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #EEF2EF;
line-height: 1.5;
}
.gws-table thead th {
font-family: var(--gws-font-display);
font-size: 17px;
font-weight: 700;
padding-top: 22px;
padding-bottom: 22px;
border-bottom-color: var(--gws-line);
}
.gws-table tbody th { font-weight: 600; color: var(--gws-ink); }
.gws-table .is-us { background: var(--gws-accent-soft); }
.gws-table .is-them { color: var(--gws-muted); }
.gws-table.is-plans td,
.gws-table.is-plans thead th:not(:first-child) { text-align: center; }
.gws-table.is-plans thead small {
display: block;
font-family: var(--gws-font-body);
font-weight: 500;
font-size: 14px;
color: var(--gws-slate);
}
.gws-table .gws-mark {
display: inline-flex;
gap: 10px;
align-items: flex-start;
}
.gws-table .gws-mark svg { width: 18px; height: 18px; flex: none; margin-top: 2px; }
.gws-table .is-us .gws-mark svg { color: var(--gws-accent); }
.gws-table .is-them .gws-mark svg { color: #94A3B8; }
.gws-table tr:last-child th,
.gws-table tr:last-child td { border-bottom: 0; }
.gws-visually-hidden {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
} .gws-faq {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 40px;
}
.gws-faq .wp-block-details {
background: #FFFFFF;
border-radius: 16px;
padding: 22px 26px;
}
.is-white .gws-faq .wp-block-details,
.gws-section:not(.is-tint) .gws-faq .wp-block-details { background: var(--gws-tint); }
.gws-section.is-tint .gws-faq .wp-block-details { background: #FFFFFF; }
.gws-faq summary {
cursor: pointer;
list-style: none;
font-family: var(--gws-font-display);
font-weight: 700;
font-size: 18px;
display: flex;
justify-content: space-between;
gap: 16px;
align-items: flex-start;
}
.gws-faq summary::-webkit-details-marker { display: none; }
.gws-faq summary::after {
content: "+";
flex: none;
font-size: 24px;
line-height: 1;
color: var(--gws-accent);
transition: transform 0.2s ease;
}
.gws-faq details[open] summary::after { transform: rotate(45deg); }
.gws-faq details p {
margin-top: 12px;
font-size: 16px;
line-height: 1.65;
color: var(--gws-slate);
} .gws-tile {
display: flex;
flex-direction: column;
background: #FFFFFF;
border: 1px solid var(--gws-line);
border-radius: 16px;
padding: 24px;
text-decoration: none;
color: var(--gws-ink);
height: 100%;
transition: border-color 0.15s ease, transform 0.15s ease;
}
.gws-tile:hover { border-color: var(--gws-accent); transform: translateY(-2px); color: var(--gws-ink); }
.gws-tile strong {
display: block;
font-family: var(--gws-font-display);
font-weight: 700;
font-size: 19px;
}
.gws-tile span { display: block; margin-top: 6px; font-size: 14px; color: var(--gws-slate); }
.gws-tile em {
display: block;
margin-top: auto;
padding-top: 14px;
font-style: normal;
font-size: 14px;
font-weight: 600;
color: var(--gws-accent-dark);
}
.gws-tile.is-plain em { color: var(--gws-muted); font-weight: 500; } .gws-quote {
background: var(--gws-tint);
border-radius: var(--gws-radius);
padding: 32px;
}
.gws-quote__text { font-size: 18px; line-height: 1.6; color: var(--gws-ink); }
.gws-quote__by { margin-top: 18px !important; font-size: 15px; color: var(--gws-slate); } .gws-cta {
display: flex;
flex-wrap: wrap;
gap: 28px;
align-items: center;
justify-content: space-between;
}
.gws-cta__text { flex: 1 1 520px; min-width: 0; }
.gws-cta__text .gws-lead { margin-top: 14px; } .gws-form-wrap { width: 100%; }
.gws-form {
background: #FFFFFF;
border: 1px solid var(--gws-line);
border-radius: var(--gws-radius);
padding: 32px;
box-shadow: var(--gws-shadow);
}
.gws-form__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 18px 20px;
}
.gws-field { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.gws-field--full { grid-column: 1 / -1; }
.gws-field label { font-size: 14px; font-weight: 600; color: var(--gws-ink); }
.gws-field input,
.gws-field select,
.gws-field textarea {
width: 100%;
font: inherit;
font-size: 16px;
color: var(--gws-ink);
padding: 12px 14px;
border: 1.5px solid var(--gws-line-2);
border-radius: 10px;
background: #FFFFFF;
min-height: 48px;
}
.gws-field input:focus,
.gws-field select:focus,
.gws-field textarea:focus {
outline: none;
border-color: var(--gws-accent);
box-shadow: 0 0 0 3px rgba(21, 128, 61, 0.18);
}
.gws-form__submit { margin: 24px 0 0; }
.gws-form__submit .wp-element-button {
border: 0;
cursor: pointer;
font-family: inherit;
min-height: 48px;
width: 100%;
}
.gws-form__note { margin: 14px 0 0; font-size: 13px; color: var(--gws-muted); }
.gws-form__hp {
position: absolute !important;
left: -9999px !important;
width: 1px;
height: 1px;
overflow: hidden;
}
.gws-form-notice {
border-radius: 14px;
padding: 16px 18px;
margin-bottom: 18px;
font-size: 15px;
line-height: 1.5;
}
.gws-form-notice.is-success { background: var(--gws-accent-soft); color: var(--gws-accent-dark); border: 1.5px solid var(--gws-accent); }
.gws-form-notice.is-error { background: #FEF2F2; color: #991B1B; border: 1.5px solid #FCA5A5; }
.gws-contact-list {
list-style: none;
padding: 0;
margin: 18px 0 0;
display: flex;
flex-direction: column;
gap: 12px;
font-size: 17px;
}
.gws-contact-list li { display: flex; align-items: center; gap: 12px; }
.gws-contact-list svg { width: 20px; height: 20px; color: var(--gws-accent); flex: none; } .gws-prose {
padding: 64px 0 96px;
}
.gws-prose .wp-block-post-title {
font-size: clamp(2rem, 4vw, 3rem);
margin: 0 0 32px;
}
.gws-prose .wp-block-post-content > * + * { margin-top: 1.1em; }
.gws-prose .wp-block-post-content h2 { margin-top: 1.8em; font-size: 1.75rem; }
.gws-prose .wp-block-post-content h3 { margin-top: 1.5em; font-size: 1.35rem; } @media (max-width: 1100px) and (min-width: 601px) {
.gws-composite__chip { max-width: min(290px, calc(100% - 300px)); }
}
@media (max-width: 900px) {
.gws-section { padding: 72px 0; }
.gws-section.is-hero { padding: 56px 0 72px; }
.gws-split { gap: 40px; }
.gws-illus__card.is-offset { margin-left: 0; }
}
@media (max-width: 600px) {
.gws-section { padding: 60px 0; }
.gws-container { padding: 0 16px; }
.gws-intro { font-size: 18px; }
.gws-card,
.gws-plan,
.gws-form { padding: 24px; }
.gws-feature { padding: 18px; gap: 14px; }
.gws-illus__q { margin-left: 0; }
.gws-composite { height: 640px; }
.gws-composite__photo { top: 70px; width: calc(100% - 40px); height: calc(100% - 160px); }
.gws-phone { scale: 0.8; }
.gws-composite__chip { top: 0; left: 0; right: 0; max-width: none; }
.gws-price strong { font-size: 42px; }
.gws-header__right { gap: 8px 16px; }
}  .gws-site-header {
position: sticky;
top: 0;
z-index: 100;
transition: box-shadow 0.25s ease;
}
body.admin-bar .gws-site-header { top: 32px; }
@media (max-width: 782px) {
body.admin-bar .gws-site-header { top: 46px; }
}
.gws-site-header .gws-header { background: rgba(255, 255, 255, 0.97); }
.gws-site-header.is-scrolled { box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08); } .gws-section.is-hero {
position: relative;
overflow: hidden;
background-color: #FFFFFF;
background-image: radial-gradient(#D7E4DB 1px, transparent 1px);
background-size: 26px 26px;
background-position: -13px -13px;
}
.gws-section.is-hero::before {
content: "";
position: absolute;
width: 760px;
height: 760px;
right: -220px;
top: -260px;
background: radial-gradient(circle, rgba(74, 222, 128, 0.16) 0%, rgba(74, 222, 128, 0) 65%);
pointer-events: none;
}
.gws-section.is-hero::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 120px;
background: linear-gradient(rgba(255, 255, 255, 0), #FFFFFF);
pointer-events: none;
}
.gws-section.is-hero > .gws-container { position: relative; z-index: 1; }
.gws-h1 { text-wrap: balance; }
.gws-h2 { text-wrap: balance; } .gws-engines-band {
background: #FFFFFF;
border-top: 1px solid var(--gws-line);
border-bottom: 1px solid var(--gws-line);
padding: 22px 0;
}
.gws-engines {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 14px 32px;
}
.gws-engines__label {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--gws-muted);
}
.gws-engines__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 10px 26px;
}
.gws-engines__list li {
font-family: var(--gws-font-display);
font-weight: 700;
font-size: 16px;
color: var(--gws-slate-2);
letter-spacing: -0.01em;
display: inline-flex;
align-items: center;
gap: 8px;
}
.gws-engines__list li::before {
content: "";
width: 7px;
height: 7px;
border-radius: 999px;
background: var(--gws-accent);
box-shadow: 0 0 0 4px rgba(21, 128, 61, 0.14);
} .gws-method {
position: relative;
overflow: hidden;
background: radial-gradient(circle at 85% 20%, rgba(74, 222, 128, 0.10), rgba(74, 222, 128, 0) 45%), var(--gws-ink);
}
.gws-layers {
position: relative;
display: flex;
flex-direction: column;
gap: 14px;
}
.gws-layers::before {
content: "";
position: absolute;
left: 31px;
top: 32px;
bottom: 32px;
width: 2px;
background: linear-gradient(var(--gws-mint), rgba(74, 222, 128, 0.15));
}
.gws-layer {
position: relative;
display: flex;
gap: 20px;
align-items: flex-start;
padding: 22px 24px 22px 0;
border-radius: 18px;
background: rgba(30, 41, 59, 0.72);
border: 1px solid rgba(148, 163, 184, 0.16);
transition: border-color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}
.gws-layer:hover {
border-color: rgba(74, 222, 128, 0.45);
background: rgba(30, 41, 59, 0.95);
}
.gws-layer__num {
position: relative;
z-index: 1;
flex: none;
width: 64px;
margin: 0 !important;
text-align: center;
font-family: var(--gws-font-display);
font-weight: 800;
font-size: 15px;
color: var(--gws-ink);
}
.gws-layer__num::before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
top: 50%;
width: 40px;
height: 40px;
transform: translate(-50%, -50%);
border-radius: 999px;
background: var(--gws-mint);
box-shadow: 0 0 0 6px rgba(74, 222, 128, 0.18);
}
.gws-layer__num { line-height: 40px; }
.gws-layer__body { flex: 1; min-width: 0; }
.gws-layer__title {
font-family: var(--gws-font-display);
font-size: 19px;
font-weight: 700;
letter-spacing: -0.01em;
color: #FFFFFF;
margin-top: 8px !important;
}
.gws-layer__text {
margin-top: 6px !important;
font-size: 15px;
line-height: 1.6;
color: var(--gws-on-dark);
}
.gws-layer__tag {
display: inline-block;
margin-top: 12px !important;
padding: 4px 10px;
border-radius: 999px;
background: rgba(74, 222, 128, 0.12);
color: var(--gws-mint);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.02em;
} @keyframes gws-rise {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: none; }
}
@keyframes gws-pop {
0% { opacity: 0; transform: scale(0.6); }
70% { opacity: 1; transform: scale(1.12); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes gws-drop {
0% { opacity: 0; transform: translateY(-26px); }
60% { opacity: 1; transform: translateY(3px); }
100% { opacity: 1; transform: none; }
}
@keyframes gws-glow {
0%, 100% { box-shadow: 0 0 0 0 rgba(21, 128, 61, 0.35); }
50% { box-shadow: 0 0 0 8px rgba(21, 128, 61, 0); }
}
.gws-illus__card,
.gws-illus__q,
.gws-illus__a,
.gws-illus__hit,
.gws-illus__row,
.gws-composite__chip,
.gws-phone {
animation: gws-rise 0.6s ease both;
}
.gws-illus__card:first-child { animation-delay: 0.1s; }
.gws-illus__q { animation-delay: 0.35s; }
.gws-illus__a { animation-delay: 0.8s; }
.gws-illus__hit { animation-delay: 1.15s; }
.gws-illus__card.is-offset { animation-delay: 0.45s; }
.gws-illus__row:nth-child(2) { animation-delay: 1.4s; }
.gws-illus__row:nth-child(3) { animation-delay: 1.55s; }
.gws-illus__row:nth-child(4) { animation-delay: 1.7s; }
.gws-illus__rank { display: inline-block; animation: gws-pop 0.5s ease 2s both; }
.gws-illus__row.is-you { animation: gws-rise 0.6s ease 1.4s both, gws-glow 1.6s ease 2.2s 2; }
.gws-phone { animation-delay: 0.2s; }
.gws-composite__chip { animation-delay: 1.1s; }
.gws-phone__top { animation: gws-glow 1.6s ease 1.8s 2; }
.gws-phone__rank { display: inline-block; animation: gws-pop 0.5s ease 1.6s both; }
.gws-pin { transform-box: fill-box; transform-origin: center bottom; animation: gws-drop 0.7s ease 0.9s both; } .gws-reveal {
opacity: 0;
transform: translateY(18px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.gws-reveal.is-visible {
opacity: 1;
transform: none;
} .gws-plan.gws-reveal,
.gws-tile.gws-reveal,
.gws-layer.gws-reveal {
transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}
.wp-block-button__link,
.gws-form__submit .wp-element-button {
transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.gws-form__submit .wp-element-button:hover {
transform: translateY(-1px);
box-shadow: 0 10px 22px rgba(21, 128, 61, 0.25);
}
.gws-plan {
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.gws-plan:hover {
transform: translateY(-4px);
box-shadow: 0 24px 50px rgba(15, 23, 42, 0.12);
}
.gws-tile:hover { box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08); } .gws-mobile-cta { display: none; }
@media (max-width: 781px) {
.gws-header__cta { display: none; }
.gws-mobile-cta {
display: block;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 90;
padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
background: rgba(255, 255, 255, 0.97);
border-top: 1px solid var(--gws-line);
box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08);
}
.gws-mobile-cta .wp-element-button {
display: flex;
width: 100%;
min-height: 48px;
align-items: center;
justify-content: center;
text-decoration: none;
}
.gws-footer { padding-bottom: 110px; }
.gws-layer { padding-right: 18px; }
.gws-layer__num { width: 56px; }
.gws-layers::before { left: 27px; }
.gws-engines { justify-content: flex-start; }
.gws-engines__list { gap: 8px 18px; }
.gws-engines__list li { font-size: 15px; }
.gws-section.is-hero::before { width: 480px; height: 480px; right: -240px; top: -200px; }
} @media (prefers-reduced-motion: reduce) {
.gws-illus__card,
.gws-illus__q,
.gws-illus__a,
.gws-illus__hit,
.gws-illus__row,
.gws-illus__rank,
.gws-composite__chip,
.gws-phone,
.gws-phone__top,
.gws-phone__rank,
.gws-pin {
animation: none !important;
}
.gws-reveal,
.gws-plan,
.gws-layer,
.wp-block-button__link {
transition: none !important;
transform: none !important;
}
} .gws-mobile-cta .wp-element-button,
.gws-mobile-cta .wp-element-button:hover {
color: #FFFFFF;
background: var(--gws-accent);
text-decoration: none;
}
.gws-footer__bottom a,
.gws-note a,
.gws-card__link a,
.gws-faq details p a {
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
}