:root {
--gp-blue:        #000000;
--gp-blue-light:  #000000;
--gp-accent:      #155dfc;
--gp-accent-dark: #2f25b8;
--gp-gradient:    linear-gradient(135deg, #2f25b8, #155dfc);
--gp-border:      #e5e7eb;
--gp-bg-light:    #fafafa;
--gp-font:        'Montserrat', sans-serif;
--cr-font:        'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
} .gp-page-wrap {
font-family: var(--gp-font);
color: var(--gp-blue);
background: #fff;
} .page-template-page-guestpost .cr-article-header,
.page-template-page-guestpost .cr-article-layout,
.page-template-page-guestpost .cr-sidebar,
.page-template-page-guestpost .cr-container > .cr-article-layout {
display: none !important;
}
.gp-page-wrap section {
scroll-margin-top: 80px;
} .gp-container {
max-width: 1280px;
margin: 0 auto;
padding: 0 1rem;
}
@media (min-width: 640px)  { .gp-container { padding: 0 1.5rem; } }
@media (min-width: 1024px) { .gp-container { padding: 0 2rem;   } }
.gp-section-title {
font-size: 2rem;
font-weight: 700;
line-height: 1.25;
color: var(--gp-blue);
text-align: center;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) { .gp-section-title { font-size: 2.25rem; } }
.gp-section-subtitle {
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5;
color: var(--gp-blue-light);
text-align: center;
max-width: 48rem;
margin: 0 auto 3rem;
}
.gp-btn-green {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .5rem;
background: #000;
color: #fff;
font-family: var(--gp-font);
font-weight: 700;
font-size: 1rem;
padding: .75rem 1.75rem;
border-radius: .5rem;
border: 2px solid #000;
cursor: pointer;
text-decoration: none;
transition: background .2s, color .2s, transform .15s;
}
.gp-btn-green:hover { background: #222; border-color: #222; color: #fff; transform: scale(1.03); }
.gp-btn-outline {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .5rem;
background: #fff;
color: #000;
font-family: var(--gp-font);
font-weight: 700;
font-size: 1rem;
padding: .75rem 1.75rem;
border-radius: .5rem;
border: 2px solid #000;
cursor: pointer;
text-decoration: none;
transition: background .2s, color .2s, transform .15s;
}
.gp-btn-outline:hover { background: #000; color: #fff; transform: scale(1.03); } #gp-home {
background: #fff;
padding-top: 5.125rem;
padding-bottom: 1rem;
}
.gp-hero__heading {
font-size: 1.75rem;
font-weight: 700;
color: var(--gp-blue);
line-height: 1.3;
max-width: 900px;
margin: 0 auto 2rem;
text-align: center;
overflow-wrap: break-word;
}
@media (min-width: 480px) { .gp-hero__heading { font-size: 2.25rem; } }
@media (min-width: 768px) { .gp-hero__heading { font-size: 3.75rem; } } .gp-hero__heading span {
--gp-underline: max(3px, .065em);
padding-bottom: calc(var(--gp-underline) - .01em);
background: linear-gradient(var(--gp-accent), var(--gp-accent)) 0 100% / 100% var(--gp-underline) no-repeat;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.gp-hero__subheading {
font-size: 1.125rem;
font-weight: 400;
color: var(--gp-blue);
max-width: 64rem;
margin: 0 auto 3rem;
text-align: center;
line-height: 1.4;
}
@media (min-width: 480px) { .gp-hero__subheading { font-size: 1.25rem; } }
@media (min-width: 768px) { .gp-hero__subheading { font-size: 1.875rem; } } .gp-hero__subheading:has(+ .gp-hero__paid) { margin-bottom: 1.5rem; }
.gp-hero__paid {
font-size: .9375rem;
font-weight: 600;
color: var(--gp-blue-light);
max-width: 40rem;
margin: 0 auto 2.5rem;
padding: .625rem 1.125rem;
text-align: center;
background: var(--gp-bg-light);
border: 1px solid var(--gp-border);
border-radius: 999px;
}
.gp-hero__paid a { color: var(--gp-accent); text-decoration: underline; text-underline-offset: 2px; }
@media (min-width: 768px) { .gp-hero__paid { font-size: 1rem; } }
.gp-hero__ctas {
display: flex;
flex-direction: row;
gap: .75rem;
justify-content: center;
align-items: center;
margin-bottom: 4rem;
}
.gp-hero__logos {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 2rem 3rem;
margin-bottom: 4rem;
}
.gp-hero__logos img {
height: 1.5rem;
width: auto;
object-fit: contain;
filter: grayscale(100%);
opacity: .6;
transition: filter .25s, opacity .25s;
}
.gp-hero__logos img:hover {
filter: grayscale(0%);
opacity: 1;
}
@media (min-width: 768px) { .gp-hero__logos img { height: 1.75rem; } }
.gp-authority {
border-top: 1px solid var(--gp-border);
border-bottom: 1px solid var(--gp-border);
padding: 5rem 0;
max-width: 64rem;
margin: 0 auto;
}
.gp-authority__title {
font-size: 1.875rem;
font-weight: 700;
line-height: 1.25;
color: var(--gp-blue);
text-align: center;
margin-bottom: .5rem;
}
.gp-authority__sub {
font-size: 1.125rem;
color: var(--gp-blue);
text-align: center;
margin-bottom: 2rem;
}
.gp-authority__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
}
@media (min-width: 768px) { .gp-authority__grid { grid-template-columns: repeat(4, 1fr); } }
.gp-authority__stat {
text-align: center;
}
.gp-authority__number {
font-size: 2.5rem;
font-weight: 700;
color: var(--gp-accent);
display: block;
margin-bottom: .15rem;
white-space: nowrap;
}
@media (min-width: 1024px) { .gp-authority__number { font-size: 3rem; } }
.gp-authority__label {
color: var(--gp-blue-light);
font-size: .95rem;
} #gp-trust {
padding-top: 2rem;
padding-bottom: 0;
background: #fff;
}
.gp-section-divider {
border: none;
border-top: 1px solid var(--gp-border);
margin: 3.5rem auto 0;
max-width: 1240px;
padding: 0 2rem;
}
.gp-trust__title {
text-align: center;
font-size: 1.875rem;
font-weight: 700;
line-height: 1.25;
color: var(--gp-blue);
margin-bottom: 2.5rem;
}
@media (min-width: 768px) { .gp-trust__title { font-size: 2.25rem; } }
.gp-trust__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
max-width: 72rem;
margin: 0 auto;
}
@media (min-width: 1024px) { .gp-trust__grid { grid-template-columns: repeat(8, 1fr); } }
.gp-trust__item {
display: flex;
align-items: center;
justify-content: center;
padding: .75rem;
border-radius: .5rem;
background: #fff;
border: 1px solid var(--gp-border);
height: 4rem;
}
.gp-trust__item img {
height: 1.5rem;
width: auto;
object-fit: contain;
max-width: 100%;
filter: grayscale(100%);
opacity: 0.6;
transition: filter .25s, opacity .25s;
}
.gp-trust__item:hover img {
filter: grayscale(0%);
opacity: 1;
}
.gp-trust__item img[alt="Presswhizz"] {
filter: grayscale(100%) invert(1) brightness(0.4);
}
.gp-trust__item:hover img[alt="Presswhizz"] {
filter: grayscale(0%) invert(0);
}
.gp-trust__item img[alt="Paradise Media"] {
height: 2.5rem;
filter: grayscale(100%) brightness(0.5);
}
.gp-trust__item:hover img[alt="Paradise Media"] {
filter: grayscale(0%) brightness(1);
} #gp-features {
padding: 3.5rem 0 0;
background: #fff;
}
.gp-features__grid {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
}
@media (min-width: 768px) { .gp-features__grid { grid-template-columns: repeat(2, 1fr); } }
.gp-feature-card {
background: #fff;
border: 1px solid var(--gp-border);
border-radius: .75rem;
padding: 2rem;
display: flex;
align-items: flex-start;
gap: 1rem;
transition: box-shadow .2s;
}
.gp-feature-card:hover { box-shadow: 0 4px 20px rgba(0,35,88,.08); }
.gp-feature-card__icon {
background: linear-gradient(135deg, #eef3ff, #dce8ff);
border: 1px solid var(--gp-accent);
border-radius: .75rem;
padding: 1rem;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
transition: transform .3s;
}
.gp-feature-card:hover .gp-feature-card__icon { transform: scale(1.1); }
.gp-feature-card__icon img,
.gp-feature-card__icon svg {
width: 1.75rem;
height: 1.75rem;
}
.gp-feature-card__title {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.3;
color: var(--gp-blue);
margin-bottom: .75rem;
transition: color .3s;
}
.gp-feature-card:hover .gp-feature-card__title { color: var(--gp-accent); }
.gp-feature-card__desc {
color: var(--gp-blue-light);
line-height: 1.65;
font-size: 1rem;
} .gp-feature-card .gp-card__features { margin-bottom: 0; } #gp-guidelines,
#gp-pricing {
padding: 3.5rem 0 0;
background: #fff;
}
.gp-pricing__grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
align-items: start;
}
@media (min-width: 768px) { .gp-pricing__grid { grid-template-columns: repeat(2, 1fr); } }
.gp-card {
background: #fff;
border: 1px solid var(--gp-border);
border-radius: 1.1875rem;
overflow: hidden;
display: flex;
flex-direction: column;
}
.gp-card__header {
background: #fff;
padding: 1.5rem 2rem;
text-align: center;
border-bottom: 1px solid var(--gp-border);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 155px;
}
.gp-card__name {
font-size: 1.5rem;
font-weight: 700;
color: var(--gp-blue);
margin-bottom: .5rem;
}
.gp-card__desc {
color: var(--gp-blue-light);
font-size: .95rem;
line-height: 1.5;
}
.gp-card__body {
padding: 2rem;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.gp-card__price-wrap {
text-align: center;
margin-bottom: 2rem;
}
.gp-card__price {
font-size: 2.5rem;
font-weight: 700;
color: var(--gp-accent);
}
.gp-card__per {
font-size: 1.125rem;
color: var(--gp-blue-light);
margin-left: .5rem;
}
.gp-card__badge {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: .8125rem;
font-weight: 500;
color: var(--gp-accent);
background: #eef3ff;
border-radius: 9999px;
padding: .375rem 1rem;
margin-top: 0.0625rem;
}
.gp-card__features-title {
font-size: 1.0625rem;
font-weight: 700;
color: var(--gp-blue);
margin-bottom: 1rem;
}
.gp-card__features {
list-style: none;
padding: 0;
margin: 0 0 1.75rem;
}
.gp-card__feature {
display: flex;
align-items: flex-start;
margin-bottom: .5rem;
color: var(--gp-blue);
font-size: 1rem;
}
.gp-card__feature i {
color: var(--gp-accent);
margin-right: .75rem;
margin-top: .2rem;
flex-shrink: 0;
}
.gp-card__feature a {
color: inherit;
text-decoration: underline;
}
.gp-card__feature a:hover { opacity: .75; } .gp-show-more-btn {
display: flex;
align-items: center;
justify-content: center;
gap: .5rem;
width: 100%;
padding: .5rem 1rem;
border: 1px solid var(--gp-border);
border-radius: .5rem;
font-size: .875rem;
font-weight: 600;
color: var(--gp-accent);
background: #fff;
cursor: pointer;
margin-bottom: 1.75rem;
font-family: var(--gp-font);
transition: background .15s;
}
.gp-show-more-btn:hover { background: #eef3ff; }
@media (min-width: 768px) { .gp-show-more-btn { display: none; } } @media (max-width: 767px) {
.gp-card__feature.gp-hidden-mobile { display: none; }
.gp-card__feature.gp-hidden-mobile.gp-visible { display: flex; }
}
.gp-card__addon {
background: var(--gp-bg-light);
border: 1px solid var(--gp-border);
border-radius: .5rem;
padding: 1rem;
margin-bottom: 1.875rem;
}
.gp-card__addon-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: .5rem;
}
.gp-card__addon-name {
font-size: .875rem;
font-weight: 700;
color: var(--gp-blue);
}
.gp-card__addon-price {
font-size: .9375rem;
font-weight: 700;
color: var(--gp-accent);
}
.gp-card__addon-desc {
font-size: .875rem;
color: var(--gp-blue);
}
.gp-card__btn-example {
width: 100%;
padding: .75rem 1.5rem;
border-radius: .5rem;
font-weight: 700;
font-size: 1rem;
font-family: var(--gp-font);
border: 2px solid var(--gp-accent);
color: var(--gp-accent);
background: #fff;
cursor: pointer;
margin-bottom: .75rem;
transition: background .2s;
}
.gp-card__btn-example:hover { background: #eef3ff; }
.gp-card__btn-contact {
width: 100%;
padding: .75rem 1.5rem;
border-radius: .5rem;
font-weight: 700;
font-size: 1rem;
font-family: var(--gp-font);
background: #000;
color: #fff;
border: 2px solid #000;
cursor: pointer;
transition: background .2s, color .2s;
text-decoration: none;
display: block;
text-align: center;
}
.gp-card__btn-contact:hover { background: #222; border-color: #222; color: #fff; } .gp-modal-overlay {
display: none;
position: fixed;
inset: 0;
z-index: 1000;
background: rgba(0,0,0,.6);
align-items: center;
justify-content: center;
padding: 1rem;
}
.gp-modal-overlay.gp-open { display: flex; }
.gp-modal {
background: #fff;
border-radius: 1rem;
width: 100%;
max-width: 48rem;
height: min(90vh, 700px);
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 25px 60px rgba(0,0,0,.25);
}
.gp-modal__header {
flex-shrink: 0;
padding: 1rem 1.5rem;
border-bottom: 1px solid var(--gp-border);
display: flex;
align-items: center;
justify-content: space-between;
}
.gp-modal__title {
font-size: 1.25rem;
font-weight: 700;
color: var(--gp-blue);
margin: 0;
}
.gp-modal__close {
width: 2.25rem;
height: 2.25rem;
border-radius: 9999px;
border: none;
background: transparent;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--gp-blue);
font-size: 1.25rem;
transition: background .15s;
flex-shrink: 0;
}
.gp-modal__close:hover { background: #f3f4f6; }
.gp-modal__tabs {
flex-shrink: 0;
display: flex;
border-bottom: 1px solid var(--gp-border);
padding: 0 1.5rem;
}
.gp-modal__tab {
padding: .75rem 1rem;
font-size: .875rem;
font-weight: 600;
font-family: var(--gp-font);
border: none;
border-bottom: 2px solid transparent;
background: transparent;
cursor: pointer;
color: var(--gp-blue-light);
transition: color .15s, border-color .15s;
}
.gp-modal__tab.active {
border-bottom-color: var(--gp-accent);
color: var(--gp-accent);
}
.gp-modal__body {
flex: 1;
overflow-y: auto;
padding: 1rem 1.5rem;
background: #f9fafb;
position: relative;
}
.gp-modal__spinner {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: #f9fafb;
}
.gp-spinner {
width: 2rem;
height: 2rem;
border: 4px solid #e5e7eb;
border-top-color: var(--gp-accent);
border-radius: 9999px;
animation: gp-spin .7s linear infinite;
}
@keyframes gp-spin { to { transform: rotate(360deg); } }
.gp-modal__caption {
font-size: .875rem;
text-align: center;
color: var(--gp-blue-light);
margin-bottom: 1rem;
}
.gp-modal__img {
display: block;
width: 100%;
max-width: 20rem;
margin: 0 auto;
border-radius: .75rem;
border: 1px solid var(--gp-border);
box-shadow: 0 1px 4px rgba(0,0,0,.08);
object-fit: contain;
cursor: zoom-in;
}
@media (min-width: 1024px) { .gp-modal__img { max-width: 24rem; } }
.gp-modal__footer {
flex-shrink: 0;
padding: 1rem 1.5rem;
border-top: 1px solid var(--gp-border);
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.gp-modal__dots { display: flex; gap: .5rem; }
.gp-modal__dot {
width: .5rem;
height: .5rem;
border-radius: 9999px;
background: #d1d5db;
border: none;
cursor: pointer;
padding: 0;
transition: background .15s;
}
.gp-modal__dot.active { background: var(--gp-accent); }
.gp-modal__live-link {
display: inline-flex;
align-items: center;
gap: .5rem;
padding: .625rem 1.25rem;
border-radius: .5rem;
background: #000;
color: #fff;
font-weight: 700;
font-size: .875rem;
text-decoration: none;
white-space: nowrap;
transition: background .2s;
}
.gp-modal__live-link:hover { background: #222; color: #fff; } .gp-lightbox {
display: none;
position: fixed;
inset: 0;
z-index: 1100;
background: rgba(0,0,0,.92);
align-items: center;
justify-content: center;
}
.gp-lightbox.gp-open { display: flex; }
.gp-lightbox img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
touch-action: pinch-zoom;
}
.gp-lightbox__close {
position: absolute;
top: 1rem;
right: 1rem;
width: 2.5rem;
height: 2.5rem;
border-radius: 9999px;
background: var(--gp-blue);
color: #fff;
font-size: 1.25rem;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
} #gp-faq {
padding: 3.5rem 0 0;
background: #fff;
}
.gp-faq__list {
max-width: 56rem;
margin: 0 auto;
}
.gp-faq__item {
border: 1px solid var(--gp-border);
border-radius: .5rem;
margin-bottom: 1rem;
overflow: hidden;
}
.gp-faq__item:last-child { margin-bottom: 0; }
.gp-faq__question {
width: 100%;
padding: 1.5rem;
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
border: none;
cursor: pointer;
font-family: var(--gp-font);
transition: background .15s;
}
.gp-faq__question:hover { background: #f9fafb; }
.gp-faq__question h3 {
font-size: 1.125rem;
font-weight: 600;
line-height: 1.4;
color: var(--gp-blue);
margin: 0;
text-align: left;
}
.gp-faq__chevron {
color: var(--gp-accent);
transition: transform .25s;
flex-shrink: 0;
}
.gp-faq__item.open .gp-faq__chevron { transform: rotate(180deg); }
.gp-faq__answer {
display: none;
padding: 0 1.5rem 1.5rem;
border-top: 1px solid var(--gp-border);
}
.gp-faq__item.open .gp-faq__answer { display: block; }
.gp-faq__answer p {
color: var(--gp-blue);
margin: 1rem 0 0;
font-size: 1rem;
text-align: left;
}
.gp-faq__answer a {
color: var(--gp-accent);
text-decoration: underline;
font-weight: 500;
} #gp-contact {
padding: 3.5rem 0 6rem;
background: #fff;
}
.gp-contact__grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.25rem;
max-width: 60rem;
margin: 0 auto;
}
.gp-contact__card {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 2.25rem 2rem 1.75rem;
border-radius: 1rem;
border: 1px solid #e5e7eb;
background: #fafafa;
color: var(--gp-blue);
flex: 1 1 260px;
max-width: 340px;
}
.gp-contact__icon {
font-size: 2rem;
display: block;
margin-bottom: .875rem;
color: #374151;
}
.gp-contact__name { font-weight: 700; font-size: 1.0625rem; margin-bottom: .4rem; }
.gp-contact__detail {
font-size: .875rem;
font-weight: 400;
color: #6b7280;
margin-bottom: .875rem;
flex: 1;
} .gp-contact__handle {
font-size: .9375rem;
font-weight: 600;
color: var(--gp-blue);
margin-bottom: 1.125rem;
overflow-wrap: anywhere;
user-select: all;
-webkit-user-select: all;
}
.gp-contact__btn {
display: inline-block;
padding: .6rem 1.25rem;
border-radius: .5rem;
border: 1.5px solid #111;
background: #111;
color: #fff;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
transition: background .15s, border-color .15s;
white-space: nowrap;
}
.gp-contact__btn:hover {
background: #333;
border-color: #333;
color: #fff;
}
.gp-contact__note { margin-top: 2rem; font-size: .9375rem; color: var(--gp-blue-light); max-width: 48rem; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .gp-hero__ctas  { margin-bottom: 2.5rem; }
.gp-hero__logos { gap: 1.25rem 2rem; margin-bottom: 2.5rem; } .gp-section-title    { font-size: 1.625rem; margin-bottom: 1.25rem; }
.gp-section-subtitle { font-size: 1.0625rem; margin-bottom: 2rem; } .gp-authority        { padding: 3rem 0; }
.gp-authority__title { font-size: 1.5rem; }
.gp-authority__sub   { font-size: 1rem; margin-bottom: 1.5rem; }
.gp-authority__grid  { gap: 1.5rem; }
.gp-authority__number{ font-size: 2rem; }
.gp-authority__label { font-size: .875rem; } .gp-section-divider  { margin: 2.5rem auto 0; }
.gp-trust__title     { font-size: 1.5rem; margin-bottom: 1.75rem; } #gp-features, #gp-guidelines, #gp-pricing, #gp-faq { padding-top: 2.5rem; } .gp-features__grid       { gap: 1.25rem; }
.gp-feature-card         { padding: 1.5rem; gap: .875rem; }
.gp-feature-card__title  { font-size: 1.125rem; }
.gp-feature-card__desc   { font-size: .9375rem; } .gp-card__header         { padding: 1.25rem 1.5rem; min-height: 0; }
.gp-card__body           { padding: 1.5rem; }
.gp-card__name           { font-size: 1.3125rem; }
.gp-card__price          { font-size: 2.125rem; }
.gp-card__features-title { font-size: 1rem; }
.gp-card__feature        { font-size: .9375rem; } .gp-faq__question    { padding: 1.25rem; }
.gp-faq__question h3 { font-size: 1rem; }
.gp-faq__answer      { padding: 0 1.25rem 1.25rem; }
.gp-faq__answer p    { font-size: .9375rem; } #gp-contact       { padding: 2.5rem 0 4rem; }
.gp-contact__card { padding: 2rem 1.5rem 1.5rem; }
} .entry-content a,
.entry-content li a,
article ul li a,
main a[href*="facebook.com/share"] {
word-break: break-all;
overflow-wrap: break-word;
min-width: 0;
} #gp-seo,
#gp-ai,
#gp-process,
#gp-guides {
padding: 3.5rem 0 0;
background: #fff;
} .gp-feature-card__icon i {
font-size: 1.75rem;
line-height: 1;
width: 1.75rem;
height: 1.75rem;
display: flex;
align-items: center;
justify-content: center;
color: var(--gp-accent);
} .gp-card__feature i.fa-xmark { color: #d93025; } .gp-hero__lead {
max-width: 52rem;
margin: 2.5rem auto 0;
font-size: 1rem;
line-height: 1.65;
color: var(--gp-blue);
text-align: left;
padding: 1.25rem 1.5rem;
background: var(--gp-bg-light);
border: 1px solid var(--gp-border);
border-radius: .75rem;
}
@media (min-width: 768px) { .gp-hero__lead { font-size: 1.0625rem; } } .gp-pricing__alt {
max-width: 52rem;
margin: 2rem auto 0;
text-align: center;
font-size: 1rem;
line-height: 1.6;
color: var(--gp-blue);
}
.gp-pricing__alt a { color: var(--gp-accent); text-decoration: underline; text-underline-offset: 2px; } .gp-seo__list {
list-style: none;
padding: 0;
margin: 0 auto;
max-width: 52rem;
display: grid;
gap: 1rem;
}
.gp-seo__item {
display: flex;
align-items: flex-start;
gap: .875rem;
padding: 1.125rem 1.25rem;
border: 1px solid var(--gp-border);
border-radius: .75rem;
background: #fff;
}
.gp-seo__item i {
color: var(--gp-accent);
margin-top: .3rem;
flex-shrink: 0;
}
.gp-seo__item strong {
display: block;
font-weight: 700;
color: var(--gp-blue);
margin-bottom: .25rem;
}
.gp-seo__item span {
font-size: 1rem;
line-height: 1.6;
color: var(--gp-blue-light);
} .gp-pill-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: .625rem;
margin: 2.5rem auto 0;
max-width: 60rem;
}
.gp-pill-row__label {
font-size: .8125rem;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--gp-blue-light);
margin-right: .25rem;
}
.gp-pill {
display: inline-flex;
align-items: center;
gap: .5rem;
padding: .5rem .875rem;
border: 1px solid var(--gp-border);
border-radius: 999px;
background: #fff;
transition: border-color .2s, background .2s;
}
.gp-pill:hover { border-color: var(--gp-accent); background: var(--gp-bg-light); }
.gp-pill img { width: 1.125rem; height: 1.125rem; }
.gp-pill i { font-size: 1rem; color: var(--gp-blue-light); }
.gp-pill span { font-size: .9375rem; font-weight: 600; color: var(--gp-blue); } .gp-point-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin-top: 2.5rem;
}
@media (min-width: 768px) { .gp-point-grid { grid-template-columns: repeat(3, 1fr); } }
.gp-point {
padding: 1.5rem;
border: 1px solid var(--gp-border);
border-radius: .75rem;
background: #fff;
}
.gp-point__head {
display: flex;
align-items: center;
gap: .75rem;
margin-bottom: .75rem;
}
.gp-point__icon {
width: 2.25rem;
height: 2.25rem;
border-radius: .5rem;
background: linear-gradient(135deg, #eef3ff, #dce8ff);
border: 1px solid var(--gp-accent);
color: var(--gp-accent);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.gp-point__title {
font-size: 1.0625rem;
font-weight: 700;
color: var(--gp-blue);
margin: 0;
line-height: 1.3;
}
.gp-point__desc {
font-size: .9375rem;
line-height: 1.6;
color: var(--gp-blue-light);
margin: 0;
} .gp-editorial {
max-width: 52rem;
margin: 3rem auto 0;
font-size: 1rem;
line-height: 1.7;
color: var(--gp-blue);
text-align: left;
}
.gp-editorial > *:first-child { margin-top: 0; }
.gp-editorial > *:last-child  { margin-bottom: 0; }
.gp-editorial h3 {
font-size: 1.1875rem;
font-weight: 700;
line-height: 1.35;
color: var(--gp-blue);
margin: 2rem 0 .75rem;
}
.gp-editorial p { margin: 0 0 1.125rem; }
.gp-editorial ul {
margin: 0 0 1.125rem;
padding-left: 1.25rem; list-style: disc outside;
}
.gp-editorial li {
margin-bottom: .4375rem;
list-style: disc outside;
}
.gp-editorial li::marker { color: var(--gp-accent); }
.gp-editorial a {
color: var(--gp-accent);
text-decoration: underline;
text-underline-offset: 2px;
}
@media (min-width: 768px) { .gp-editorial { font-size: 1.0625rem; } }
.gp-ed-samples__title {
max-width: 52rem;
margin: 3rem auto 1.5rem;
font-size: 1.375rem;
font-weight: 700;
color: var(--gp-blue);
text-align: center;
} .gp-steps {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@media (min-width: 640px)  { .gp-steps { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .gp-steps { grid-template-columns: repeat(4, 1fr); } }
.gp-step {
display: flex;
flex-direction: column;
gap: .5rem;
padding: 1.375rem 1.5rem;
background: var(--gp-bg-light);
border: 1px solid var(--gp-border);
border-radius: .75rem;
text-align: left;
}
.gp-step__num {
width: 2rem;
height: 2rem;
border-radius: 9999px;
background: var(--gp-accent);
color: #fff;
font-weight: 700;
font-size: .875rem;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: .25rem;
}
.gp-step__title {
font-size: 1.0625rem;
font-weight: 700;
color: var(--gp-blue);
margin: 0;
line-height: 1.3;
}
.gp-step__desc {
font-size: .9375rem;
line-height: 1.55;
color: var(--gp-blue-light);
margin: 0;
} .gp-guides {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@media (min-width: 640px)  { .gp-guides { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .gp-guides { grid-template-columns: repeat(3, 1fr); } }
.gp-guide {
display: flex;
flex-direction: column;
gap: .5rem;
padding: 1.25rem 1.375rem;
border: 1px solid var(--gp-border);
border-radius: .75rem;
background: #fff;
color: var(--gp-blue);
text-decoration: none;
transition: box-shadow .2s, border-color .2s;
}
.gp-guide:hover { border-color: var(--gp-accent); box-shadow: 0 4px 20px rgba(21,93,252,.1); }
.gp-guide__kicker {
font-size: .75rem;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
color: var(--gp-accent);
}
.gp-guide__title { font-size: 1rem; font-weight: 700; line-height: 1.4; }
.gp-guide__cta { font-size: .8125rem; font-weight: 700; color: var(--gp-accent); margin-top: auto; }
.gp-guide__cta i { font-size: .6875rem; margin-left: .25rem; }
.gp-guides__all { text-align: center; margin: 1.5rem 0 0; font-size: .9375rem; }
.gp-guides__all a { color: var(--gp-accent); font-weight: 600; text-decoration: underline; }
.gp-guides__all i { font-size: .75rem; }
@media (max-width: 767px) {
#gp-seo, #gp-ai, #gp-process, #gp-guides { padding-top: 2.5rem; }
.gp-hero__lead       { font-size: .9375rem; padding: 1rem 1.125rem; }
.gp-editorial h3     { font-size: 1.0625rem; }
.gp-ed-samples__title { font-size: 1.1875rem; }
} .gp-editor-card {
display: flex;
align-items: center;
gap: 1.5rem; max-width: calc(340px + 1.25rem + 340px);
margin: 0 auto 1.25rem;
padding: 1.5rem 2rem;
text-align: left; background: var(--gp-bg-light);
border: 1px solid var(--gp-border);
border-radius: 1rem;
}
.gp-editor-card picture {
display: block;
flex-shrink: 0;
line-height: 0;
}
.gp-editor-card__photo {
width: 112px;
height: 112px;
flex-shrink: 0;
border-radius: 50%;
object-fit: cover;
border: 2px solid #fff;
box-shadow: 0 2px 10px rgba(0,0,0,.12);
}
.gp-editor-card__name {
font-size: 1.125rem;
font-weight: 700;
color: var(--gp-blue);
margin: 0 0 .125rem;
}
.gp-editor-card__role {
font-size: .8125rem;
font-weight: 600;
letter-spacing: .03em;
text-transform: uppercase; color: #6b7280;
margin: 0 0 .5rem;
}
.gp-editor-card__blurb {
font-size: .9375rem;
line-height: 1.6;
color: #4b5563;
max-width: 46rem;
margin: 0;
}
@media (max-width: 575px) {
.gp-editor-card {
flex-direction: column;
align-items: center;
text-align: center;
gap: 1rem;
padding: 1.5rem 1.25rem;
}
.gp-editor-card__photo { width: 96px; height: 96px; }
.gp-editor-card__blurb { font-size: .875rem; }
} .gp-product section { padding: 2.25rem 0; background: #fff; }
#gp-product-hero { padding-top: 2rem; }
.gp-product #gp-faq { padding-bottom: 4.5rem; }
.gp-breadcrumb {
display: flex;
align-items: center;
gap: .5rem;
font-size: .8125rem;
margin-bottom: 2rem;
}
.gp-breadcrumb a { color: var(--gp-blue); text-decoration: none; }
.gp-breadcrumb a:hover { color: var(--gp-accent); }
.gp-breadcrumb i { font-size: .625rem; }
.gp-breadcrumb span { font-weight: 600; }
.gp-product__hero {
display: grid;
grid-template-columns: 1fr;
gap: 2.5rem;
align-items: center;
}
@media (min-width: 1024px) { .gp-product__hero { grid-template-columns: 7fr 5fr; gap: 3.5rem; } }
.gp-product__hero-text .gp-hero__heading,
.gp-product__hero-text .gp-hero__subheading { text-align: left; margin-left: 0; }
.gp-product__hero-text .gp-hero__heading { font-size: 2rem; }
@media (min-width: 768px) { .gp-product__hero-text .gp-hero__heading { font-size: 2.625rem; } }
.gp-product__hero-text .gp-hero__subheading { font-size: 1.0625rem; }
@media (min-width: 768px) { .gp-product__hero-text .gp-hero__subheading { font-size: 1.1875rem; } }
.gp-product__hero-text .gp-hero__ctas { justify-content: flex-start; margin-bottom: 1.5rem; }
.gp-product__proof {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: .5rem 1.5rem;
font-size: .875rem;
font-weight: 600;
}
.gp-product__proof i { color: var(--gp-accent); margin-right: .5rem; font-size: .75rem; } .gp-articlemock {
border: 1px solid var(--gp-border);
border-radius: 1rem;
background: #fff;
padding: 1.25rem 1.5rem 1.5rem;
box-shadow: 0 12px 40px rgba(0,0,0,.08);
}
.gp-articlemock__bar { display: flex; gap: .375rem; margin-bottom: 1rem; }
.gp-articlemock__bar span {
width: .625rem;
height: .625rem;
border-radius: 9999px;
background: var(--gp-border);
}
.gp-articlemock__url { font-size: .75rem; margin-bottom: .375rem; opacity: .65; }
.gp-articlemock__title { font-size: 1.125rem; font-weight: 700; margin-bottom: .75rem; }
.gp-articlemock__text { font-size: .9375rem; line-height: 1.6; margin: 0 0 1rem; }
.gp-articlemock__text mark {
background: none;
color: var(--gp-accent);
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
.gp-articlemock__tag {
display: inline-block;
font-size: .75rem;
font-weight: 600;
background: var(--gp-bg-light);
border: 1px solid var(--gp-border);
border-radius: 9999px;
padding: .375rem .75rem;
}
.gp-product__intro { max-width: 48rem; margin: 0 auto; }
.gp-product__h2 {
font-size: 1.625rem;
font-weight: 700;
margin-bottom: 1rem;
line-height: 1.2;
}
@media (min-width: 768px) { .gp-product__h2 { font-size: 1.875rem; } }
.gp-product__intro p,
.gp-product__lead {
font-size: 1rem;
line-height: 1.65;
margin: 0 0 1rem;
}
.gp-product__intro p:last-child { margin-bottom: 0; }
.gp-product__pricing {
display: grid;
grid-template-columns: 1fr;
gap: 2.5rem;
align-items: start;
}
@media (min-width: 1024px) { .gp-product__pricing { grid-template-columns: 7fr 5fr; gap: 3.5rem; } }
.gp-product__pricing-card .gp-card { max-width: 26rem; margin: 0 auto; } .gp-product .gp-card__feature.gp-hidden-mobile { display: flex; }
.gp-product .gp-show-more-btn { display: none; }
.gp-product__notes {
list-style: none;
padding: 0;
margin: 1.5rem 0 0;
display: grid;
gap: .875rem;
}
.gp-product__notes li {
display: flex;
align-items: flex-start;
gap: .75rem;
font-size: .9375rem;
line-height: 1.55;
}
.gp-product__notes i { color: var(--gp-accent); font-size: .8125rem; margin-top: .3rem; flex-shrink: 0; }
.gp-compare-wrap {
max-width: 56rem;
margin: 0 auto;
overflow-x: auto;
border: 1px solid var(--gp-border);
border-radius: .75rem;
}
.gp-compare {
width: 100%;
border-collapse: collapse;
font-size: .9375rem;
background: #fff;
}
.gp-compare th,
.gp-compare td {
padding: .875rem 1rem;
text-align: left;
vertical-align: top;
border-bottom: 1px solid var(--gp-border);
line-height: 1.45;
}
.gp-compare tbody tr:last-child th,
.gp-compare tbody tr:last-child td { border-bottom: none; }
.gp-compare thead th { font-size: .875rem; font-weight: 700; }
.gp-compare thead th a { color: var(--gp-blue); text-decoration: underline; }
.gp-compare thead th a:hover { color: var(--gp-accent); }
.gp-compare tbody th { font-weight: 600; width: 32%; }
.gp-compare .gp-compare__this { background: var(--gp-bg-light); }
@media (max-width: 640px) {
.gp-compare { font-size: .8125rem; }
.gp-compare th, .gp-compare td { padding: .625rem .75rem; }
}
.gp-others {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin-top: 2.5rem;
}
@media (min-width: 640px)  { .gp-others { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .gp-others { grid-template-columns: repeat(3, 1fr); } }
.gp-other {
display: flex;
flex-direction: column;
gap: .375rem;
padding: 1.25rem 1.375rem;
border: 1px solid var(--gp-border);
border-radius: .75rem;
background: #fff;
text-decoration: none;
color: var(--gp-blue);
transition: box-shadow .2s, border-color .2s;
}
.gp-other:hover { border-color: var(--gp-accent); box-shadow: 0 4px 20px rgba(0,0,0,.06); }
.gp-other__name { font-size: 1rem; font-weight: 700; }
.gp-other__price { font-size: 1.25rem; font-weight: 700; color: var(--gp-accent); }
.gp-other__price small { font-size: .8125rem; font-weight: 400; color: var(--gp-blue); }
.gp-other__desc { font-size: .875rem; line-height: 1.45; flex-grow: 1; }
.gp-other__cta { font-size: .8125rem; font-weight: 700; color: var(--gp-accent); margin-top: .5rem; }
.gp-other__cta i { font-size: .6875rem; margin-left: .25rem; }
.gp-others__all { text-align: center; margin: 1.5rem 0 0; font-size: .9375rem; }
.gp-others__all a { color: var(--gp-accent); font-weight: 600; text-decoration: underline; }
.gp-others__all i { font-size: .75rem; } .gp-card__btn-secondary {
display: block;
margin-top: .75rem;
padding: .75rem 1rem;
text-align: center;
font-size: .9375rem;
font-weight: 600;
color: var(--gp-blue);
text-decoration: none;
border: 1px solid var(--gp-border);
border-radius: .5rem;
transition: border-color .2s, color .2s;
}
.gp-card__btn-secondary:hover { border-color: var(--gp-accent); color: var(--gp-accent); }
.gp-card__btn-secondary i { font-size: .8125rem; margin-left: .25rem; }