:root {
--gp-blue:        #000000;
--gp-blue-light:  #000000;
--gp-accent:      #155dfc;
--gp-accent-dark: #2f25b8;
--gp-gradient:    linear-gradient(135deg, #2f25b8, #155dfc);
--gp-border:      #D8E7FF;
--gp-bg-light:    #F7FAFF;
--gp-font:        'Open Sans', 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.1;
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 {
border-bottom: 4px solid var(--gp-accent);
}
.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__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-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__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: 1.25rem;
flex: 1;
}
.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-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; }
}