GrowPep Digital Services Pricing

Flexible Digital Service Pricing Built Around
Your Business

Compare website development packages, monthly SEO, reputation
management and social media plans, media buying management, and custom
full stack development options—then choose a scope that fits your
priorities.

Explore Pricing Options




Request a Consultation


WordPress
Full Stack
Reputation
SEO
Social Media
Media Buying

Clear service scope

Flexible engagement options

Responsible expectations

Pricing Framework

Choose the right engagement model

Flexible

Fixed-Scope Packages

One-Time

Defined deliverables for selected WordPress, audit, setup, and
focused digital service requirements.

Monthly Service Plans

Ongoing

Structured monthly support for SEO, reputation management,
social media, and paid campaign management.

Custom Project Quotes

Tailored

Project-specific scope for full stack development, advanced
integrations, and connected multi-service engagements.

Clear Pricing
Before work begins

.gp-pricing-hero,
.gp-pricing-hero * {
box-sizing: border-box;
}
.gp-pricing-hero {
–gp-ph-navy: #0f172a;
–gp-ph-heading: #1e293b;
–gp-ph-green: #16a34a;
–gp-ph-green-dark: #15803d;
–gp-ph-green-soft: #f0fdf4;
–gp-ph-amber: #f59e0b;
–gp-ph-charcoal: #475569;
–gp-ph-muted: #64748b;
–gp-ph-border: #dfe7f0;
–gp-ph-white: #ffffff;
–gp-ph-light: #f7f9fc;
position: relative;
isolation: isolate;
width: 100vw;
max-width: 100vw;
min-height: 720px;
margin-left: calc(50% – 50vw);
margin-right: calc(50% – 50vw);
overflow: hidden;
background:
linear-gradient(
118deg,
rgba(247, 249, 252, 0.98) 0%,
rgba(255, 255, 255, 1) 52%,
rgba(240, 253, 244, 0.72) 100%
);
}
.gp-pricing-hero__bg {
position: absolute;
inset: 0;
z-index: -2;
overflow: hidden;
pointer-events: none;
}
.gp-pricing-hero__grid {
position: absolute;
top: 0;
right: -8%;
width: min(58vw, 860px);
height: 100%;
color: rgba(15, 23, 42, 0.038);
-webkit-mask-image: linear-gradient(
to left,
rgba(0, 0, 0, 0.9),
transparent
);
mask-image: linear-gradient(
to left,
rgba(0, 0, 0, 0.9),
transparent
);
}
.gp-pricing-hero__shape {
position: absolute;
display: block;
border-radius: 50%;
filter: blur(2px);
}
.gp-pricing-hero__shape–one {
top: -240px;
left: -190px;
width: 520px;
height: 520px;
background: rgba(22, 163, 74, 0.07);
}
.gp-pricing-hero__shape–two {
right: -240px;
bottom: -280px;
width: 640px;
height: 640px;
background: rgba(245, 158, 11, 0.06);
}
.gp-pricing-hero__container {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 1.03fr) minmax(440px, 0.97fr);
align-items: center;
gap: clamp(56px, 7vw, 108px);
width: min(1240px, calc(100% – 48px));
min-height: 720px;
margin: 0 auto;
padding: 92px 0 88px;
}
.gp-pricing-hero__content,
.gp-pricing-hero__visual {
min-width: 0;
}
.gp-pricing-hero__content {
position: relative;
z-index: 3;
}
.gp-pricing-hero__eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
width: fit-content;
margin: 0 0 22px;
padding: 8px 13px 8px 9px;
border: 1px solid rgba(22, 163, 74, 0.18);
border-radius: 999px;
background: rgba(240, 253, 244, 0.9);
color: var(–gp-ph-green-dark);
font-family: inherit;
font-size: 12px;
font-weight: 700;
line-height: 1.35;
letter-spacing: 0.08em;
text-transform: uppercase;
box-shadow: 0 8px 24px rgba(22, 163, 74, 0.07);
}
.gp-pricing-hero__eyebrow-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 29px;
height: 29px;
flex: 0 0 29px;
border-radius: 50%;
background: var(–gp-ph-green);
color: var(–gp-ph-white);
}
.gp-pricing-hero__eyebrow-icon svg {
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pricing-hero__title {
max-width: 710px;
margin: 0 !important;
color: var(–gp-ph-navy) !important;
font-family: inherit !important;
font-size: clamp(46px, 5vw, 70px) !important;
font-weight: 700 !important;
line-height: 1.08 !important;
letter-spacing: -0.042em !important;
text-wrap: balance;
}
.gp-pricing-hero__title span {
position: relative;
display: inline;
color: var(–gp-ph-green);
}
.gp-pricing-hero__title span::after {
position: absolute;
right: 0;
bottom: 2px;
left: 0;
height: 8px;
z-index: -1;
border-radius: 999px;
background: rgba(245, 158, 11, 0.22);
content: “”;
transform: rotate(-1deg);
}
.gp-pricing-hero__description {
max-width: 680px;
margin: 25px 0 0 !important;
color: var(–gp-ph-charcoal) !important;
font-family: inherit !important;
font-size: 17px !important;
font-weight: 400 !important;
line-height: 1.78 !important;
}
.gp-pricing-hero__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px;
margin-top: 32px;
}
.gp-pricing-hero__button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 54px;
padding: 14px 22px;
overflow: hidden;
border: 1px solid transparent;
border-radius: 12px;
font-family: inherit;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none !important;
transition:
transform 240ms ease,
box-shadow 240ms ease,
border-color 240ms ease,
background-color 240ms ease,
color 240ms ease;
}
.gp-pricing-hero__button::before {
position: absolute;
top: 0;
left: -130%;
width: 80%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.2),
transparent
);
content: “”;
transform: skewX(-20deg);
transition: left 520ms ease;
}
.gp-pricing-hero__button:hover::before {
left: 145%;
}
.gp-pricing-hero__button span,
.gp-pricing-hero__button svg {
position: relative;
z-index: 2;
}
.gp-pricing-hero__button svg {
width: 19px;
height: 19px;
flex: 0 0 19px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 240ms ease;
}
.gp-pricing-hero__button–primary {
border-color: var(–gp-ph-green);
background: var(–gp-ph-green);
color: var(–gp-ph-white) !important;
box-shadow: 0 14px 30px rgba(22, 163, 74, 0.2);
}
.gp-pricing-hero__button–primary:hover {
background: var(–gp-ph-green-dark);
border-color: var(–gp-ph-green-dark);
color: var(–gp-ph-white) !important;
transform: translateY(-3px);
box-shadow: 0 19px 36px rgba(22, 163, 74, 0.27);
}
.gp-pricing-hero__button–primary:hover svg {
transform: translateX(4px);
}
.gp-pricing-hero__button–secondary {
border-color: var(–gp-ph-border);
background: rgba(255, 255, 255, 0.9);
color: var(–gp-ph-navy) !important;
box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}
.gp-pricing-hero__button–secondary:hover {
border-color: rgba(22, 163, 74, 0.35);
background: var(–gp-ph-white);
color: var(–gp-ph-green-dark) !important;
transform: translateY(-3px);
box-shadow: 0 17px 34px rgba(15, 23, 42, 0.1);
}
.gp-pricing-hero__button–secondary:hover svg {
transform: scale(1.08);
}
.gp-pricing-hero__button:focus-visible {
outline: 3px solid rgba(245, 158, 11, 0.45);
outline-offset: 4px;
}
.gp-pricing-hero__service-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 29px;
}
.gp-pricing-hero__service-list span {
display: inline-flex;
align-items: center;
min-height: 31px;
padding: 6px 10px;
border: 1px solid rgba(100, 116, 139, 0.14);
border-radius: 8px;
background: rgba(255, 255, 255, 0.72);
color: var(–gp-ph-muted);
font-family: inherit;
font-size: 11px;
font-weight: 700;
line-height: 1.25;
letter-spacing: 0.02em;
box-shadow: 0 5px 14px rgba(15, 23, 42, 0.035);
transition:
transform 200ms ease,
border-color 200ms ease,
color 200ms ease,
background-color 200ms ease;
}
.gp-pricing-hero__service-list span:hover {
border-color: rgba(22, 163, 74, 0.25);
background: var(–gp-ph-green-soft);
color: var(–gp-ph-green-dark);
transform: translateY(-2px);
}
.gp-pricing-hero__trust {
display: flex;
flex-wrap: wrap;
gap: 11px 20px;
margin-top: 21px;
}
.gp-pricing-hero__trust-item {
display: inline-flex;
align-items: center;
gap: 7px;
color: var(–gp-ph-muted);
font-family: inherit;
font-size: 12px;
font-weight: 600;
line-height: 1.45;
}
.gp-pricing-hero__trust-item svg {
width: 16px;
height: 16px;
flex: 0 0 16px;
fill: none;
stroke: var(–gp-ph-green);
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pricing-hero__visual {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 560px;
}
.gp-pricing-hero__visual-accent {
position: absolute;
top: 7%;
right: 0;
bottom: 7%;
left: 8%;
z-index: -1;
border: 1px solid rgba(22, 163, 74, 0.12);
border-radius: 32px;
background:
radial-gradient(
circle at 80% 20%,
rgba(22, 163, 74, 0.16),
transparent 37%
),
radial-gradient(
circle at 13% 88%,
rgba(245, 158, 11, 0.12),
transparent 34%
);
transform: rotate(3deg);
}
.gp-pricing-hero__pricing-card {
position: relative;
width: min(100%, 520px);
margin: 0;
padding: 25px;
overflow: hidden;
border: 1px solid rgba(223, 231, 240, 0.95);
border-radius: 24px;
background: rgba(255, 255, 255, 0.94);
box-shadow:
0 30px 70px rgba(15, 23, 42, 0.12),
0 8px 24px rgba(15, 23, 42, 0.05);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
transition:
transform 360ms cubic-bezier(0.2, 0.8, 0.2, 1),
box-shadow 360ms ease;
}
.gp-pricing-hero__pricing-card::before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 4px;
background: linear-gradient(
90deg,
var(–gp-ph-green),
var(–gp-ph-amber)
);
content: “”;
}
.gp-pricing-hero__pricing-card:hover {
transform: translateY(-7px);
box-shadow:
0 38px 82px rgba(15, 23, 42, 0.15),
0 12px 30px rgba(15, 23, 42, 0.06);
}
.gp-pricing-hero__card-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
padding-bottom: 21px;
border-bottom: 1px solid var(–gp-ph-border);
}
.gp-pricing-hero__card-label {
display: block;
margin-bottom: 8px;
color: var(–gp-ph-green-dark);
font-family: inherit;
font-size: 11px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.gp-pricing-hero__card-header h2 {
max-width: 330px;
margin: 0 !important;
color: var(–gp-ph-navy) !important;
font-family: inherit !important;
font-size: 21px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: -0.02em !important;
}
.gp-pricing-hero__card-status {
display: inline-flex;
align-items: center;
gap: 7px;
flex: 0 0 auto;
padding: 7px 10px;
border: 1px solid rgba(22, 163, 74, 0.15);
border-radius: 999px;
background: var(–gp-ph-green-soft);
color: var(–gp-ph-green-dark);
font-family: inherit;
font-size: 10px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.gp-pricing-hero__card-status > span {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(–gp-ph-green);
box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.1);
}
.gp-pricing-hero__models {
display: grid;
gap: 11px;
padding: 18px 0;
}
.gp-pricing-hero__model {
display: grid;
grid-template-columns: 45px minmax(0, 1fr);
gap: 14px;
align-items: flex-start;
margin: 0;
padding: 15px;
border: 1px solid rgba(223, 231, 240, 0.85);
border-radius: 15px;
background: var(–gp-ph-light);
transition:
transform 240ms ease,
border-color 240ms ease,
background-color 240ms ease,
box-shadow 240ms ease;
}
.gp-pricing-hero__model:hover {
border-color: rgba(22, 163, 74, 0.23);
background: var(–gp-ph-white);
transform: translateX(5px);
box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
}
.gp-pricing-hero__model-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
border: 1px solid rgba(22, 163, 74, 0.12);
border-radius: 12px;
background: var(–gp-ph-white);
color: var(–gp-ph-green);
box-shadow: 0 7px 18px rgba(15, 23, 42, 0.05);
}
.gp-pricing-hero__model-icon svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 1.75;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pricing-hero__model-content {
min-width: 0;
}
.gp-pricing-hero__model-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.gp-pricing-hero__model-heading h3 {
margin: 0 !important;
color: var(–gp-ph-heading) !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
}
.gp-pricing-hero__model-heading > span {
flex: 0 0 auto;
padding: 4px 7px;
border-radius: 6px;
background: rgba(245, 158, 11, 0.11);
color: #b45309;
font-family: inherit;
font-size: 9px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.gp-pricing-hero__model-content p {
margin: 6px 0 0 !important;
color: var(–gp-ph-muted) !important;
font-family: inherit !important;
font-size: 11px !important;
font-weight: 400 !important;
line-height: 1.62 !important;
}
.gp-pricing-hero__card-footer {
display: grid;
grid-template-columns: 36px minmax(0, 1fr);
gap: 11px;
align-items: center;
padding: 14px;
border: 1px solid rgba(22, 163, 74, 0.13);
border-radius: 13px;
background: var(–gp-ph-green-soft);
}
.gp-pricing-hero__footer-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 10px;
background: var(–gp-ph-green);
color: var(–gp-ph-white);
}
.gp-pricing-hero__footer-icon svg {
width: 19px;
height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 1.85;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pricing-hero__card-footer p {
margin: 0 !important;
color: #3f5f49 !important;
font-family: inherit !important;
font-size: 10px !important;
font-weight: 600 !important;
line-height: 1.6 !important;
}
.gp-pricing-hero__floating-note {
position: absolute;
right: -22px;
bottom: 60px;
display: flex;
align-items: center;
gap: 10px;
width: max-content;
max-width: 210px;
padding: 11px 14px 11px 11px;
border: 1px solid rgba(223, 231, 240, 0.95);
border-radius: 14px;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 18px 42px rgba(15, 23, 42, 0.13);
animation: gpPricingHeroFloat 4.8s ease-in-out infinite;
}
.gp-pricing-hero__floating-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
flex: 0 0 35px;
border-radius: 10px;
background: rgba(245, 158, 11, 0.12);
color: #b45309;
}
.gp-pricing-hero__floating-icon svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pricing-hero__floating-note > span:last-child {
display: grid;
gap: 2px;
}
.gp-pricing-hero__floating-note strong {
color: var(–gp-ph-heading);
font-family: inherit;
font-size: 11px;
font-weight: 700;
line-height: 1.3;
}
.gp-pricing-hero__floating-note small {
color: var(–gp-ph-muted);
font-family: inherit;
font-size: 9px;
font-weight: 500;
line-height: 1.3;
}
.gp-pricing-hero.gp-ph-js .gp-ph-reveal {
opacity: 0;
transform: translateY(22px);
transition:
opacity 720ms ease,
transform 720ms cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: var(–gp-ph-delay, 0ms);
}
.gp-pricing-hero.gp-ph-js.gp-ph-visible .gp-ph-reveal {
opacity: 1;
transform: translateY(0);
}
.gp-pricing-hero__eyebrow {
–gp-ph-delay: 50ms;
}
.gp-pricing-hero__title {
–gp-ph-delay: 120ms;
}
.gp-pricing-hero__description {
–gp-ph-delay: 190ms;
}
.gp-pricing-hero__actions {
–gp-ph-delay: 260ms;
}
.gp-pricing-hero__service-list {
–gp-ph-delay: 330ms;
}
.gp-pricing-hero__trust {
–gp-ph-delay: 390ms;
}
.gp-pricing-hero__visual {
–gp-ph-delay: 180ms;
}
@keyframes gpPricingHeroFloat {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-8px);
}
}
@media (max-width: 1050px) {
.gp-pricing-hero {
min-height: auto;
}
.gp-pricing-hero__container {
grid-template-columns: minmax(0, 1fr) minmax(390px, 0.92fr);
min-height: auto;
gap: 46px;
padding: 82px 0;
}
.gp-pricing-hero__title {
font-size: clamp(42px, 5vw, 58px) !important;
}
.gp-pricing-hero__description {
font-size: 16px !important;
}
.gp-pricing-hero__visual {
min-height: 520px;
}
.gp-pricing-hero__floating-note {
right: -5px;
bottom: 45px;
}
}
@media (max-width: 820px) {
.gp-pricing-hero__container {
grid-template-columns: 1fr;
gap: 58px;
width: min(100% – 40px, 720px);
padding: 78px 0 82px;
}
.gp-pricing-hero__content {
max-width: 720px;
}
.gp-pricing-hero__title {
max-width: 700px;
font-size: clamp(43px, 8vw, 62px) !important;
}
.gp-pricing-hero__description {
max-width: 690px;
}
.gp-pricing-hero__visual {
width: min(100%, 620px);
min-height: auto;
margin: 0 auto;
padding: 25px 26px;
}
.gp-pricing-hero__visual-accent {
inset: 0 15px;
}
.gp-pricing-hero__pricing-card {
width: 100%;
}
.gp-pricing-hero__floating-note {
right: 1px;
bottom: -5px;
}
.gp-pricing-hero__grid {
width: 100%;
opacity: 0.6;
}
}
@media (max-width: 620px) {
.gp-pricing-hero__container {
width: min(100% – 32px, 560px);
gap: 45px;
padding: 68px 0 72px;
}
.gp-pricing-hero__eyebrow {
margin-bottom: 18px;
font-size: 10px;
letter-spacing: 0.065em;
}
.gp-pricing-hero__title {
font-size: clamp(37px, 11vw, 50px) !important;
line-height: 1.1 !important;
letter-spacing: -0.038em !important;
}
.gp-pricing-hero__description {
margin-top: 20px !important;
font-size: 15px !important;
line-height: 1.72 !important;
}
.gp-pricing-hero__actions {
display: grid;
grid-template-columns: 1fr;
gap: 11px;
margin-top: 27px;
}
.gp-pricing-hero__button {
width: 100%;
min-height: 52px;
padding: 13px 18px;
}
.gp-pricing-hero__service-list {
gap: 7px;
margin-top: 24px;
}
.gp-pricing-hero__service-list span {
font-size: 10px;
}
.gp-pricing-hero__trust {
display: grid;
grid-template-columns: 1fr;
gap: 9px;
margin-top: 19px;
}
.gp-pricing-hero__trust-item {
font-size: 11px;
}
.gp-pricing-hero__visual {
width: 100%;
padding: 13px 0 44px;
}
.gp-pricing-hero__visual-accent {
inset: 0;
border-radius: 24px;
}
.gp-pricing-hero__pricing-card {
padding: 20px;
border-radius: 20px;
}
.gp-pricing-hero__card-header {
display: grid;
grid-template-columns: 1fr;
gap: 13px;
}
.gp-pricing-hero__card-header h2 {
max-width: none;
font-size: 19px !important;
}
.gp-pricing-hero__card-status {
width: fit-content;
}
.gp-pricing-hero__model {
grid-template-columns: 42px minmax(0, 1fr);
gap: 12px;
padding: 13px;
}
.gp-pricing-hero__model-icon {
width: 42px;
height: 42px;
}
.gp-pricing-hero__model-heading {
align-items: flex-start;
flex-direction: column;
gap: 6px;
}
.gp-pricing-hero__model-heading h3 {
font-size: 13px !important;
}
.gp-pricing-hero__model-content p {
font-size: 10px !important;
}
.gp-pricing-hero__card-footer {
align-items: flex-start;
}
.gp-pricing-hero__floating-note {
right: 10px;
bottom: 0;
}
}
@media (max-width: 390px) {
.gp-pricing-hero__container {
width: calc(100% – 26px);
padding-top: 60px;
}
.gp-pricing-hero__title {
font-size: 35px !important;
}
.gp-pricing-hero__pricing-card {
padding: 16px;
border-radius: 18px;
}
.gp-pricing-hero__model {
grid-template-columns: 1fr;
}
.gp-pricing-hero__model-icon {
width: 40px;
height: 40px;
}
.gp-pricing-hero__card-footer {
grid-template-columns: 1fr;
}
.gp-pricing-hero__floating-note {
position: relative;
right: auto;
bottom: auto;
width: fit-content;
margin: 13px auto 0;
}
}
@media (prefers-reduced-motion: reduce) {
.gp-pricing-hero *,
.gp-pricing-hero *::before,
.gp-pricing-hero *::after {
scroll-behavior: auto !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
.gp-pricing-hero.gp-ph-js .gp-ph-reveal {
opacity: 1;
transform: none;
}
}

Choose Your Service

Find the Pricing Model That Matches
Your Priorities

Explore GrowPep’s six connected digital capabilities. Select a service
to review its packages, engagement options, key inclusions, and
project-specific pricing notes.

Not sure which option fits your project?
Share your priorities, current digital setup, and required
deliverables. GrowPep can review the context and recommend a
practical engagement direction.


Request a Consultation

.gp-service-selector,
.gp-service-selector * {
box-sizing: border-box;
}
.gp-service-selector {
–gp-ss-navy: #0f172a;
–gp-ss-heading: #1e293b;
–gp-ss-green: #16a34a;
–gp-ss-green-dark: #15803d;
–gp-ss-green-soft: #f0fdf4;
–gp-ss-amber: #f59e0b;
–gp-ss-charcoal: #475569;
–gp-ss-muted: #64748b;
–gp-ss-white: #ffffff;
–gp-ss-light: #f7f9fc;
–gp-ss-card: #ffffff;
–gp-ss-border: #dfe7f0;
position: relative;
isolation: isolate;
width: 100vw;
max-width: 100vw;
margin-left: calc(50% – 50vw);
margin-right: calc(50% – 50vw);
overflow: hidden;
scroll-margin-top: 90px;
background: var(–gp-ss-light);
border-top: 1px solid rgba(223, 231, 240, 0.8);
border-bottom: 1px solid rgba(223, 231, 240, 0.8);
}
.gp-service-selector__background {
position: absolute;
inset: 0;
z-index: -1;
overflow: hidden;
pointer-events: none;
}
.gp-service-selector__background::before {
position: absolute;
top: 0;
left: 50%;
width: min(1240px, calc(100% – 48px));
height: 1px;
background: linear-gradient(
90deg,
transparent,
rgba(22, 163, 74, 0.28),
transparent
);
content: “”;
transform: translateX(-50%);
}
.gp-service-selector__glow {
position: absolute;
display: block;
border-radius: 50%;
filter: blur(1px);
}
.gp-service-selector__glow–left {
top: 12%;
left: -230px;
width: 460px;
height: 460px;
background: rgba(22, 163, 74, 0.055);
}
.gp-service-selector__glow–right {
right: -200px;
bottom: -170px;
width: 440px;
height: 440px;
background: rgba(245, 158, 11, 0.05);
}
.gp-service-selector__container {
position: relative;
width: min(1240px, calc(100% – 48px));
margin: 0 auto;
padding: 106px 0 104px;
}
.gp-service-selector__header {
width: min(100%, 780px);
margin: 0 auto 52px;
text-align: center;
}
.gp-service-selector__eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
width: fit-content;
margin: 0 auto 18px;
padding: 7px 12px 7px 8px;
border: 1px solid rgba(22, 163, 74, 0.17);
border-radius: 999px;
background: var(–gp-ss-green-soft);
color: var(–gp-ss-green-dark);
font-family: inherit;
font-size: 12px;
font-weight: 700;
line-height: 1.35;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gp-service-selector__eyebrow-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
flex: 0 0 28px;
border-radius: 50%;
background: var(–gp-ss-green);
color: var(–gp-ss-white);
}
.gp-service-selector__eyebrow-icon svg {
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-service-selector__title {
max-width: 780px;
margin: 0 auto !important;
color: var(–gp-ss-navy) !important;
font-family: inherit !important;
font-size: clamp(38px, 4.2vw, 56px) !important;
font-weight: 700 !important;
line-height: 1.14 !important;
letter-spacing: -0.035em !important;
text-wrap: balance;
}
.gp-service-selector__title span {
color: var(–gp-ss-green);
}
.gp-service-selector__description {
max-width: 720px;
margin: 20px auto 0 !important;
color: var(–gp-ss-charcoal) !important;
font-family: inherit !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.75 !important;
}
.gp-service-selector__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
width: 100%;
}
.gp-service-selector__card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
min-height: 325px;
padding: 24px;
overflow: hidden;
border: 1px solid var(–gp-ss-border);
border-radius: 20px;
background: var(–gp-ss-card);
color: inherit !important;
text-decoration: none !important;
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045);
transition:
transform 300ms cubic-bezier(0.2, 0.8, 0.2, 1),
border-color 300ms ease,
box-shadow 300ms ease,
background-color 300ms ease;
}
.gp-service-selector__card::before {
position: absolute;
top: 0;
right: 22px;
left: 22px;
height: 3px;
border-radius: 0 0 999px 999px;
background: linear-gradient(
90deg,
var(–gp-ss-green),
var(–gp-ss-amber)
);
content: “”;
opacity: 0;
transform: scaleX(0.55);
transition:
opacity 300ms ease,
transform 300ms ease;
}
.gp-service-selector__card::after {
position: absolute;
right: -75px;
bottom: -85px;
width: 170px;
height: 170px;
border-radius: 50%;
background: rgba(22, 163, 74, 0.045);
content: “”;
transition:
transform 350ms ease,
background-color 350ms ease;
}
.gp-service-selector__card:hover {
border-color: rgba(22, 163, 74, 0.3);
background: var(–gp-ss-white);
transform: translateY(-8px);
box-shadow:
0 24px 48px rgba(15, 23, 42, 0.09),
0 8px 20px rgba(15, 23, 42, 0.04);
}
.gp-service-selector__card:hover::before {
opacity: 1;
transform: scaleX(1);
}
.gp-service-selector__card:hover::after {
background: rgba(22, 163, 74, 0.075);
transform: scale(1.12);
}
.gp-service-selector__card:focus-visible {
outline: 3px solid rgba(245, 158, 11, 0.46);
outline-offset: 4px;
}
.gp-service-selector__card–featured {
border-color: rgba(22, 163, 74, 0.22);
background:
linear-gradient(
145deg,
rgba(240, 253, 244, 0.7),
var(–gp-ss-white) 52%
);
}
.gp-service-selector__card-top {
position: relative;
z-index: 2;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
}
.gp-service-selector__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
flex: 0 0 52px;
border: 1px solid rgba(22, 163, 74, 0.13);
border-radius: 15px;
background: var(–gp-ss-green-soft);
color: var(–gp-ss-green);
transition:
transform 300ms ease,
background-color 300ms ease,
color 300ms ease,
box-shadow 300ms ease;
}
.gp-service-selector__icon svg {
width: 25px;
height: 25px;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-service-selector__card:hover .gp-service-selector__icon {
background: var(–gp-ss-green);
color: var(–gp-ss-white);
transform: translateY(-3px) scale(1.04);
box-shadow: 0 12px 24px rgba(22, 163, 74, 0.2);
}
.gp-service-selector__model {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 29px;
padding: 6px 9px;
border: 1px solid rgba(245, 158, 11, 0.16);
border-radius: 999px;
background: rgba(245, 158, 11, 0.09);
color: #b45309;
font-family: inherit;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
text-align: center;
}
.gp-service-selector__card-content {
position: relative;
z-index: 2;
display: grid;
gap: 10px;
margin-top: 25px;
}
.gp-service-selector__card-content strong {
color: var(–gp-ss-heading);
font-family: inherit;
font-size: 19px;
font-weight: 700;
line-height: 1.42;
letter-spacing: -0.018em;
transition: color 250ms ease;
}
.gp-service-selector__card:hover
.gp-service-selector__card-content strong {
color: var(–gp-ss-green-dark);
}
.gp-service-selector__card-content > span {
color: var(–gp-ss-muted);
font-family: inherit;
font-size: 14px;
font-weight: 400;
line-height: 1.72;
}
.gp-service-selector__card-footer {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-top: auto;
padding-top: 21px;
border-top: 1px solid rgba(223, 231, 240, 0.88);
color: var(–gp-ss-navy);
font-family: inherit;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
}
.gp-service-selector__card-footer svg {
width: 19px;
height: 19px;
flex: 0 0 19px;
fill: none;
stroke: var(–gp-ss-green);
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 250ms ease;
}
.gp-service-selector__card:hover .gp-service-selector__card-footer svg {
transform: translateX(5px);
}
.gp-service-selector__guidance {
display: grid;
grid-template-columns: 48px minmax(0, 1fr) auto;
align-items: center;
gap: 18px;
margin-top: 28px;
padding: 22px 24px;
border: 1px solid rgba(22, 163, 74, 0.17);
border-radius: 18px;
background: var(–gp-ss-green-soft);
}
.gp-service-selector__guidance-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 14px;
background: var(–gp-ss-green);
color: var(–gp-ss-white);
box-shadow: 0 10px 22px rgba(22, 163, 74, 0.18);
}
.gp-service-selector__guidance-icon svg {
width: 23px;
height: 23px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-service-selector__guidance-content {
display: grid;
gap: 4px;
min-width: 0;
}
.gp-service-selector__guidance-content strong {
color: var(–gp-ss-heading);
font-family: inherit;
font-size: 15px;
font-weight: 700;
line-height: 1.4;
}
.gp-service-selector__guidance-content span {
color: var(–gp-ss-charcoal);
font-family: inherit;
font-size: 13px;
font-weight: 400;
line-height: 1.65;
}
.gp-service-selector__guidance-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 46px;
padding: 12px 17px;
border: 1px solid var(–gp-ss-green);
border-radius: 11px;
background: var(–gp-ss-white);
color: var(–gp-ss-green-dark) !important;
font-family: inherit;
font-size: 13px;
font-weight: 700;
line-height: 1.25;
text-align: center;
text-decoration: none !important;
white-space: nowrap;
transition:
transform 240ms ease,
background-color 240ms ease,
color 240ms ease,
box-shadow 240ms ease;
}
.gp-service-selector__guidance-link svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 240ms ease;
}
.gp-service-selector__guidance-link:hover {
background: var(–gp-ss-green);
color: var(–gp-ss-white) !important;
transform: translateY(-3px);
box-shadow: 0 12px 24px rgba(22, 163, 74, 0.2);
}
.gp-service-selector__guidance-link:hover svg {
transform: translateX(4px);
}
.gp-service-selector__guidance-link:focus-visible {
outline: 3px solid rgba(245, 158, 11, 0.45);
outline-offset: 4px;
}
.gp-service-selector.gp-ss-js .gp-ss-reveal {
opacity: 0;
transform: translateY(24px);
transition:
opacity 700ms ease,
transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: var(–gp-ss-delay, 0ms);
}
.gp-service-selector.gp-ss-js.gp-ss-visible .gp-ss-reveal {
opacity: 1;
transform: translateY(0);
}
.gp-service-selector__eyebrow {
–gp-ss-delay: 40ms;
}
.gp-service-selector__title {
–gp-ss-delay: 100ms;
}
.gp-service-selector__description {
–gp-ss-delay: 160ms;
}
.gp-service-selector__card:nth-child(1) {
–gp-ss-delay: 210ms;
}
.gp-service-selector__card:nth-child(2) {
–gp-ss-delay: 265ms;
}
.gp-service-selector__card:nth-child(3) {
–gp-ss-delay: 320ms;
}
.gp-service-selector__card:nth-child(4) {
–gp-ss-delay: 375ms;
}
.gp-service-selector__card:nth-child(5) {
–gp-ss-delay: 430ms;
}
.gp-service-selector__card:nth-child(6) {
–gp-ss-delay: 485ms;
}
.gp-service-selector__guidance {
–gp-ss-delay: 540ms;
}
@media (max-width: 1050px) {
.gp-service-selector__container {
padding: 94px 0;
}
.gp-service-selector__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gp-service-selector__card {
min-height: 310px;
}
.gp-service-selector__guidance {
grid-template-columns: 48px minmax(0, 1fr);
}
.gp-service-selector__guidance-link {
grid-column: 2;
width: fit-content;
}
}
@media (max-width: 820px) {
.gp-service-selector__container {
width: min(100% – 40px, 720px);
padding: 86px 0;
}
.gp-service-selector__header {
margin-bottom: 42px;
}
.gp-service-selector__title {
font-size: clamp(36px, 7vw, 50px) !important;
}
.gp-service-selector__grid {
gap: 17px;
}
.gp-service-selector__card {
padding: 21px;
}
}
@media (max-width: 620px) {
.gp-service-selector__container {
width: min(100% – 32px, 560px);
padding: 74px 0;
}
.gp-service-selector__header {
margin-bottom: 34px;
}
.gp-service-selector__eyebrow {
margin-bottom: 16px;
font-size: 11px;
letter-spacing: 0.065em;
}
.gp-service-selector__title {
font-size: clamp(33px, 10vw, 43px) !important;
line-height: 1.17 !important;
}
.gp-service-selector__description {
margin-top: 17px !important;
font-size: 15px !important;
line-height: 1.72 !important;
}
.gp-service-selector__grid {
grid-template-columns: 1fr;
gap: 15px;
}
.gp-service-selector__card {
min-height: 285px;
padding: 20px;
border-radius: 18px;
}
.gp-service-selector__card:hover {
transform: translateY(-5px);
}
.gp-service-selector__icon {
width: 48px;
height: 48px;
flex-basis: 48px;
}
.gp-service-selector__card-content {
margin-top: 21px;
}
.gp-service-selector__card-content strong {
font-size: 18px;
}
.gp-service-selector__card-content > span {
font-size: 14px;
}
.gp-service-selector__guidance {
grid-template-columns: 42px minmax(0, 1fr);
gap: 14px;
margin-top: 20px;
padding: 19px;
}
.gp-service-selector__guidance-icon {
width: 42px;
height: 42px;
}
.gp-service-selector__guidance-link {
grid-column: 1 / -1;
width: 100%;
margin-top: 3px;
}
}
@media (max-width: 390px) {
.gp-service-selector__container {
width: calc(100% – 26px);
padding: 66px 0;
}
.gp-service-selector__title {
font-size: 32px !important;
}
.gp-service-selector__card {
min-height: auto;
padding: 18px;
}
.gp-service-selector__card-top {
align-items: center;
}
.gp-service-selector__model {
max-width: 125px;
font-size: 10px;
}
.gp-service-selector__card-footer {
font-size: 12px;
}
.gp-service-selector__guidance {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
.gp-service-selector *,
.gp-service-selector *::before,
.gp-service-selector *::after {
scroll-behavior: auto !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
.gp-service-selector.gp-ss-js .gp-ss-reveal {
opacity: 1;
transform: none;
}
}

One-Time Website Packages

WordPress Website
Development Packages

Choose a structured starting point for your WordPress project.
Final scope and pricing are confirmed after reviewing the website
requirements, content, integrations, and technical condition.

All packages are one-time projects. Ongoing maintenance,
hosting, paid tools, and third-party fees are separate unless
included in the approved proposal.

Essential Foundation
For new or smaller business websites

WordPress Starter

A professional WordPress foundation for businesses that need a
clear, responsive, and manageable online presence.

Starting From

$XXX
One-time project

Package may include:

• Project discovery and website direction
• Essential business page structure
• Responsive Elementor website design
• Contact or inquiry form setup
• Basic technical SEO foundation
• Performance and security baseline
• Launch preparation and basic handover

Discuss Starter Package

Exact pages, revisions, content responsibilities, and integrations
are confirmed before the project begins.

Balanced Business Scope

Expanded Business Website
For growing service-based businesses

WordPress Growth

A more complete website structure with expanded content,
conversion paths, integrations, and scalable publishing tools.

Starting From

$XXX
One-time project

Package may include:

• Everything in the Starter direction
• Expanded service and landing page structure
• Custom Elementor sections and components
• Blog or content publishing setup
• Conversion-focused forms and calls to action
• Relevant third-party integrations
• Enhanced responsive and performance review
• Structured launch and handover support

Discuss Growth Package

Suitable when the project needs stronger content organization,
lead-generation paths, and room for future expansion.

Advanced Requirements
For complex WordPress projects

Custom WordPress Solution

A tailored WordPress build for projects requiring ecommerce,
memberships, booking systems, automation, or custom functionality.

Project Pricing

Custom Quote

Based on approved scope

Project may include:

• Custom discovery and technical planning
• WooCommerce or service ordering setup
• Membership, booking, or portal functionality
• Custom post types and content systems
• Advanced forms and workflow automation
• External platform or API integrations
• Staging, testing, and launch coordination
• Custom documentation or training scope

Request Custom Proposal

Custom projects are quoted after reviewing functionality,
integrations, access, content, and technical dependencies.

Not Sure Which Package Fits?

Share your current website, required pages, functionality,
content status, and business goals. We will recommend a suitable
starting scope.



Request a Consultation

.gp-wpp {
–gp-wpp-navy: #0f172a;
–gp-wpp-heading: #1e293b;
–gp-wpp-text: #475569;
–gp-wpp-muted: #64748b;
–gp-wpp-green: #16a34a;
–gp-wpp-green-dark: #12813b;
–gp-wpp-green-soft: #f0fdf4;
–gp-wpp-amber: #f59e0b;
–gp-wpp-amber-soft: #fffbeb;
–gp-wpp-light: #f7f9fc;
–gp-wpp-border: #dfe7f0;
–gp-wpp-border-soft: #e8eef5;
–gp-wpp-white: #ffffff;
position: relative;
isolation: isolate;
width: 100vw;
max-width: 100vw;
margin-left: calc(50% – 50vw);
margin-right: calc(50% – 50vw);
padding: 86px 0 76px;
overflow: hidden;
background: #f7f9fc;
color: var(–gp-wpp-navy);
font-family: inherit;
}
.gp-wpp,
.gp-wpp *,
.gp-wpp *::before,
.gp-wpp *::after {
box-sizing: border-box;
}
.gp-wpp-container {
position: relative;
z-index: 2;
width: min(1240px, calc(100% – 48px));
margin: 0 auto;
}
.gp-wpp-header {
display: grid;
grid-template-columns:
minmax(0, 1fr)
minmax(380px, 0.75fr);
align-items: end;
gap: clamp(45px, 6vw, 82px);
margin-bottom: 38px;
}
.gp-wpp-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
color: var(–gp-wpp-green-dark);
font-size: 13px;
font-weight: 800;
line-height: 1.4;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gp-wpp-eyebrow-icon {
display: grid;
place-items: center;
width: 40px;
height: 40px;
border: 1px solid rgba(22, 163, 74, 0.16);
border-radius: 11px;
background: var(–gp-wpp-green-soft);
color: var(–gp-wpp-green);
}
.gp-wpp-eyebrow-icon svg {
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1.55;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-wpp .gp-wpp-title,
.gp-wpp h2.gp-wpp-title {
margin: 0 !important;
padding: 0 !important;
color: var(–gp-wpp-navy) !important;
-webkit-text-fill-color: var(–gp-wpp-navy) !important;
font-family: inherit !important;
font-size: clamp(40px, 4vw, 56px) !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: -0.045em !important;
}
.gp-wpp .gp-wpp-title span {
display: block;
color: var(–gp-wpp-green) !important;
-webkit-text-fill-color: var(–gp-wpp-green) !important;
}
.gp-wpp-intro > p {
margin: 0;
color: var(–gp-wpp-text);
font-size: 15px;
font-weight: 500;
line-height: 1.72;
}
.gp-wpp-intro-note {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
align-items: center;
gap: 10px;
margin-top: 15px;
padding: 11px;
border: 1px solid rgba(245, 158, 11, 0.2);
border-radius: 11px;
background: var(–gp-wpp-amber-soft);
color: #73551e;
font-size: 12px;
font-weight: 650;
line-height: 1.5;
}
.gp-wpp-intro-note svg {
width: 22px;
height: 22px;
padding: 3px;
border-radius: 8px;
background: #ffffff;
fill: none;
stroke: var(–gp-wpp-amber);
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-wpp-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
gap: 17px;
}
.gp-wpp-card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
padding: 25px;
overflow: hidden;
border: 1px solid var(–gp-wpp-border);
border-radius: 20px;
background: #ffffff;
box-shadow:
0 18px 48px rgba(15, 23, 42, 0.065);
transition:
transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
border-color 0.32s ease,
box-shadow 0.32s ease;
}
.gp-wpp-card::after {
content: “”;
position: absolute;
right: 26px;
bottom: 0;
left: 26px;
height: 3px;
background:
linear-gradient(
90deg,
var(–gp-wpp-green),
var(–gp-wpp-amber)
);
transform: scaleX(0);
transform-origin: center;
transition: transform 0.32s ease;
}
.gp-wpp-card:hover {
border-color: rgba(22, 163, 74, 0.25);
box-shadow:
0 28px 65px rgba(15, 23, 42, 0.12);
transform: translateY(-8px);
}
.gp-wpp-card:hover::after {
transform: scaleX(1);
}
.gp-wpp-card-featured {
border-color: rgba(22, 163, 74, 0.38);
box-shadow:
0 25px 62px rgba(22, 163, 74, 0.12);
transform: translateY(-9px);
}
.gp-wpp-card-featured::after {
transform: scaleX(1);
}
.gp-wpp-badge {
position: absolute;
top: 18px;
right: 18px;
min-height: 31px;
padding: 7px 10px;
border-radius: 999px;
background: var(–gp-wpp-green);
color: #ffffff;
font-size: 10px;
font-weight: 800;
line-height: 1.3;
text-transform: uppercase;
}
.gp-wpp-card-top {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
align-items: center;
gap: 11px;
padding-right: 4px;
}
.gp-wpp-card-featured .gp-wpp-card-top {
padding-right: 120px;
}
.gp-wpp-package-icon {
display: grid;
place-items: center;
width: 52px;
height: 52px;
border-radius: 13px;
background: var(–gp-wpp-green-soft);
color: var(–gp-wpp-green);
transition:
transform 0.3s ease,
background-color 0.3s ease,
color 0.3s ease;
}
.gp-wpp-card:hover .gp-wpp-package-icon {
background: var(–gp-wpp-green);
color: #ffffff;
transform: rotate(-5deg) scale(1.05);
}
.gp-wpp-package-icon svg {
width: 27px;
height: 27px;
fill: none;
stroke: currentColor;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-wpp-package-label small {
display: block;
color: var(–gp-wpp-green-dark);
font-size: 11px;
font-weight: 800;
line-height: 1.35;
text-transform: uppercase;
}
.gp-wpp-package-label span {
display: block;
margin-top: 3px;
color: var(–gp-wpp-muted);
font-size: 11px;
font-weight: 600;
line-height: 1.4;
}
.gp-wpp-card h3 {
margin: 21px 0 0 !important;
padding: 0 !important;
color: var(–gp-wpp-navy) !important;
-webkit-text-fill-color: var(–gp-wpp-navy) !important;
font-family: inherit !important;
font-size: 25px !important;
font-weight: 650 !important;
line-height: 1.25 !important;
letter-spacing: -0.025em !important;
}
.gp-wpp-summary {
min-height: 70px;
margin: 10px 0 0;
color: var(–gp-wpp-text);
font-size: 13px;
font-weight: 500;
line-height: 1.62;
}
.gp-wpp-price {
margin-top: 21px;
}
.gp-wpp-price-label {
display: block;
color: var(–gp-wpp-muted);
font-size: 11px;
font-weight: 800;
line-height: 1.35;
text-transform: uppercase;
}
.gp-wpp-price strong {
display: block;
margin-top: 5px;
color: var(–gp-wpp-green);
font-family: inherit;
font-size: 43px;
font-weight: 700;
line-height: 1.05;
letter-spacing: -0.045em;
}
.gp-wpp-price .gp-wpp-custom-price {
font-size: 34px;
}
.gp-wpp-price small {
display: block;
margin-top: 5px;
color: var(–gp-wpp-muted);
font-size: 11px;
font-weight: 600;
}
.gp-wpp-divider {
height: 1px;
margin: 21px 0;
background: var(–gp-wpp-border-soft);
}
.gp-wpp-card h4 {
margin: 0 !important;
color: var(–gp-wpp-navy) !important;
-webkit-text-fill-color: var(–gp-wpp-navy) !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 650 !important;
line-height: 1.4 !important;
}
.gp-wpp-features {
display: grid;
gap: 10px;
margin: 15px 0 24px;
padding: 0;
list-style: none;
}
.gp-wpp-features li {
position: relative;
padding-left: 26px;
color: var(–gp-wpp-text);
font-size: 12px;
font-weight: 600;
line-height: 1.5;
}
.gp-wpp-features li::before {
content: “✓”;
position: absolute;
top: 0;
left: 0;
display: grid;
place-items: center;
width: 18px;
height: 18px;
border-radius: 50%;
background: var(–gp-wpp-green-soft);
color: var(–gp-wpp-green);
font-size: 11px;
font-weight: 900;
}
.gp-wpp-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
min-height: 49px;
margin-top: auto;
padding: 11px 14px;
border-radius: 9px;
font-size: 12px;
font-weight: 800;
line-height: 1.35;
text-decoration: none !important;
transition:
transform 0.3s ease,
border-color 0.3s ease,
background-color 0.3s ease,
box-shadow 0.3s ease;
}
.gp-wpp-button svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 0.3s ease;
}
.gp-wpp-button:hover svg {
transform: translateX(4px);
}
.gp-wpp-button-primary {
border: 1px solid var(–gp-wpp-green);
background: var(–gp-wpp-green);
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow:
0 14px 30px rgba(22, 163, 74, 0.2);
}
.gp-wpp-button-primary:hover {
background: var(–gp-wpp-green-dark);
transform: translateY(-3px);
}
.gp-wpp-button-outline {
border: 1px solid var(–gp-wpp-border);
background: #ffffff;
color: var(–gp-wpp-navy) !important;
-webkit-text-fill-color: var(–gp-wpp-navy) !important;
}
.gp-wpp-button-outline:hover {
border-color: rgba(22, 163, 74, 0.28);
background: var(–gp-wpp-green-soft);
transform: translateY(-3px);
}
.gp-wpp-button:focus-visible,
.gp-wpp-footer > a:focus-visible {
outline: 3px solid rgba(245, 158, 11, 0.55);
outline-offset: 4px;
}
.gp-wpp-card-note {
margin: 13px 0 0;
color: var(–gp-wpp-muted);
font-size: 10px;
font-weight: 550;
line-height: 1.5;
text-align: center;
}
.gp-wpp-footer {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 25px;
margin-top: 24px;
padding: 16px;
border: 1px solid var(–gp-wpp-border);
border-radius: 13px;
background: #ffffff;
box-shadow:
0 13px 35px rgba(15, 23, 42, 0.045);
}
.gp-wpp-footer-copy {
display: grid;
grid-template-columns: 46px minmax(0, 1fr);
align-items: center;
gap: 11px;
}
.gp-wpp-footer-icon {
display: grid;
place-items: center;
width: 46px;
height: 46px;
border-radius: 11px;
background: var(–gp-wpp-navy);
color: #ffffff;
}
.gp-wpp-footer-icon svg {
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-wpp-footer-copy small {
display: block;
color: var(–gp-wpp-green-dark);
font-size: 11px;
font-weight: 800;
line-height: 1.35;
text-transform: uppercase;
}
.gp-wpp-footer-copy strong {
display: block;
margin-top: 3px;
color: var(–gp-wpp-text);
font-size: 12px;
font-weight: 650;
line-height: 1.5;
}
.gp-wpp-footer > a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 46px;
padding: 10px 15px;
border: 1px solid var(–gp-wpp-green);
border-radius: 9px;
background: var(–gp-wpp-green);
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: 12px;
font-weight: 800;
line-height: 1.35;
text-decoration: none !important;
white-space: nowrap;
transition:
transform 0.3s ease,
background-color 0.3s ease,
box-shadow 0.3s ease;
}
.gp-wpp-footer > a:hover {
background: var(–gp-wpp-green-dark);
box-shadow:
0 17px 35px rgba(22, 163, 74, 0.24);
transform: translateY(-3px);
}
.gp-wpp-footer > a svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-wpp.gp-wpp-js .gp-wpp-reveal {
opacity: 0;
transform: translateY(26px);
transition:
opacity 0.82s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.82s cubic-bezier(0.22, 1, 0.36, 1);
}
.gp-wpp.gp-wpp-js .gp-wpp-grid {
transition-delay: 0.08s;
}
.gp-wpp.gp-wpp-js .gp-wpp-footer {
transition-delay: 0.16s;
}
.gp-wpp.gp-wpp-visible .gp-wpp-reveal {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 1050px) {
.gp-wpp-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gp-wpp-card:last-child {
grid-column: 1 / -1;
width: min(100%, 610px);
margin: 0 auto;
}
}
@media (max-width: 820px) {
.gp-wpp {
padding: 68px 0 62px;
}
.gp-wpp-container {
width: min(780px, calc(100% – 40px));
}
.gp-wpp-header {
grid-template-columns: 1fr;
gap: 22px;
}
.gp-wpp-grid {
grid-template-columns: 1fr;
}
.gp-wpp-card,
.gp-wpp-card-featured,
.gp-wpp-card:last-child {
grid-column: auto;
width: 100%;
margin: 0;
transform: none;
}
}
@media (max-width: 620px) {
.gp-wpp {
padding: 55px 0 50px;
}
.gp-wpp-container {
width: min(100% – 30px, 540px);
}
.gp-wpp .gp-wpp-title,
.gp-wpp h2.gp-wpp-title {
font-size: clamp(31px, 9.5vw, 40px) !important;
line-height: 1.14 !important;
}
.gp-wpp-intro > p {
font-size: 14px;
line-height: 1.68;
}
.gp-wpp-card {
padding: 21px 16px;
border-radius: 16px;
}
.gp-wpp-card-featured .gp-wpp-card-top {
padding-top: 35px;
padding-right: 0;
}
.gp-wpp-badge {
top: 15px;
right: 15px;
left: 15px;
text-align: center;
}
.gp-wpp-summary {
min-height: auto;
}
.gp-wpp-footer {
grid-template-columns: 1fr;
}
.gp-wpp-footer > a {
width: 100%;
}
}
@media (max-width: 390px) {
.gp-wpp-container {
width: calc(100% – 24px);
}
.gp-wpp .gp-wpp-title,
.gp-wpp h2.gp-wpp-title {
font-size: 29px !important;
}
.gp-wpp-card-top {
grid-template-columns: 46px minmax(0, 1fr);
}
.gp-wpp-package-icon {
width: 46px;
height: 46px;
}
.gp-wpp-price strong {
font-size: 38px;
}
}
@media (prefers-reduced-motion: reduce) {
.gp-wpp *,
.gp-wpp *::before,
.gp-wpp *::after {
animation: none !important;
transition: none !important;
}
.gp-wpp.gp-wpp-js .gp-wpp-reveal {
opacity: 1;
transform: none;
}
}

Full Stack Website Development Pricing

Custom Development Options for
Different Levels of Complexity

These options provide a clear starting framework. Final pricing is
confirmed after GrowPep reviews the required features, integrations,
technical dependencies, content, and delivery scope.

Focused Build

Focused MVP Build

For businesses launching a focused custom website, customer
portal, internal tool, or early-stage web platform.

Starting From

$X,XXX
one-time project
Suitable Direction

Lean custom builds with a defined user flow and focused feature
set.

Typical Scope May Include

• 
  Discovery and technical scope planning
• 
  Custom responsive interface development
• 
  Focused front-end and back-end functionality
• 
  Basic database or approved API connection
• 
  Functional testing and launch preparation
• 
  Agreed revision and handover process

Discuss This Option

Most Flexible

Business Platform

Business Web Platform

For growing businesses that need connected functionality,
structured user roles, integrations, and a scalable digital
foundation.

Starting From

$X,XXX
one-time project
Suitable Direction

Custom business platforms requiring several connected workflows.

Typical Scope May Include

• 
  Product discovery and architecture planning
• 
  Custom UI system and responsive development
• 
  User accounts, roles, and permission workflows
• 
  Database, dashboard, and API integrations
• 
  Staging, functional testing, and deployment support
• 
  Documentation and structured project handover

Request a Custom Proposal

Advanced Scope

Advanced Custom System

For complex web applications, multi-role platforms, advanced
integrations, automation, or phased product development.

Project Pricing
Custom Quote
scope-based proposal
Suitable Direction

Advanced systems requiring deeper planning and phased delivery.

Typical Scope May Include

• 
  Detailed technical discovery and system architecture
• 
  Complex user journeys and permission structures
• 
  Multiple integrations and connected data workflows
• 
  Custom dashboards, automation, or reporting systems
• 
  Phased quality assurance and deployment planning
• 
  Ongoing development options where agreed

Plan an Advanced Project

Pricing Factors

What Shapes a Full Stack Project Quote?

GrowPep reviews the complete technical and delivery context before
confirming a final project amount.

01
Feature Scope
Required pages, workflows, dashboards, and functions.

02
User Roles
Account types, permissions, and access requirements.

03
Integrations
APIs, payments, CRM, analytics, or external systems.

04
Data Structure
Database complexity, migration, and connected records.

05
Design Requirements
Custom interface depth, interactions, and responsive states.

06
Delivery Approach
Testing, milestones, deployment, and phased development.

Clear Scope Before Development

The confirmed proposal will outline agreed deliverables,
responsibilities, milestones, payment structure, and relevant
exclusions before project work begins.

Share Your Project Requirements

Third-party software, premium licenses, hosting, domains, external
platform fees, paid APIs, content production, data migration, and ongoing
maintenance may be quoted separately when relevant to the project.

.gp-fsp,
.gp-fsp * {
box-sizing: border-box;
}
.gp-fsp {
–gp-fsp-navy: #0f172a;
–gp-fsp-navy-light: #172033;
–gp-fsp-heading: #f8fafc;
–gp-fsp-body: #cbd5e1;
–gp-fsp-muted: #94a3b8;
–gp-fsp-green: #16a34a;
–gp-fsp-green-light: #22c55e;
–gp-fsp-green-soft: #f0fdf4;
–gp-fsp-amber: #f59e0b;
–gp-fsp-white: #ffffff;
–gp-fsp-card: #ffffff;
–gp-fsp-card-heading: #1e293b;
–gp-fsp-card-text: #64748b;
–gp-fsp-border: #dfe7f0;
position: relative;
isolation: isolate;
width: 100vw;
max-width: 100vw;
margin-right: calc(50% – 50vw);
margin-left: calc(50% – 50vw);
overflow: hidden;
scroll-margin-top: 90px;
background:
linear-gradient(
145deg,
#0b1220 0%,
var(–gp-fsp-navy) 48%,
#101d25 100%
);
}
.gp-fsp__background {
position: absolute;
inset: 0;
z-index: -1;
overflow: hidden;
pointer-events: none;
}
.gp-fsp__pattern {
position: absolute;
top: 0;
right: -7%;
width: min(62vw, 940px);
height: 100%;
color: rgba(255, 255, 255, 0.033);
-webkit-mask-image: linear-gradient(
to left,
rgba(0, 0, 0, 0.9),
transparent
);
mask-image: linear-gradient(
to left,
rgba(0, 0, 0, 0.9),
transparent
);
}
.gp-fsp__glow {
position: absolute;
display: block;
border-radius: 50%;
}
.gp-fsp__glow–one {
top: -310px;
left: -260px;
width: 620px;
height: 620px;
background: rgba(22, 163, 74, 0.13);
filter: blur(4px);
}
.gp-fsp__glow–two {
right: -260px;
bottom: -300px;
width: 620px;
height: 620px;
background: rgba(245, 158, 11, 0.09);
filter: blur(5px);
}
.gp-fsp__container {
position: relative;
width: min(1240px, calc(100% – 48px));
margin: 0 auto;
padding: 108px 0 102px;
}
.gp-fsp__header {
display: grid;
grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.62fr);
align-items: end;
gap: clamp(48px, 8vw, 110px);
margin-bottom: 54px;
}
.gp-fsp__header-content {
min-width: 0;
}
.gp-fsp__eyebrow {
display: inline-flex;
align-items: center;
gap: 9px;
width: fit-content;
margin-bottom: 19px;
padding: 7px 12px 7px 8px;
border: 1px solid rgba(34, 197, 94, 0.24);
border-radius: 999px;
background: rgba(22, 163, 74, 0.12);
color: #86efac;
font-family: inherit;
font-size: 12px;
font-weight: 700;
line-height: 1.35;
letter-spacing: 0.075em;
text-transform: uppercase;
}
.gp-fsp__eyebrow-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 29px;
height: 29px;
flex: 0 0 29px;
border-radius: 50%;
background: var(–gp-fsp-green);
color: var(–gp-fsp-white);
}
.gp-fsp__eyebrow-icon svg {
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-fsp__title {
max-width: 780px;
margin: 0 !important;
color: var(–gp-fsp-heading) !important;
font-family: inherit !important;
font-size: clamp(39px, 4.5vw, 60px) !important;
font-weight: 700 !important;
line-height: 1.13 !important;
letter-spacing: -0.039em !important;
text-wrap: balance;
}
.gp-fsp__title span {
color: #4ade80;
}
.gp-fsp__header-note {
display: grid;
grid-template-columns: 46px minmax(0, 1fr);
align-items: flex-start;
gap: 14px;
padding: 21px;
border: 1px solid rgba(148, 163, 184, 0.17);
border-radius: 17px;
background: rgba(255, 255, 255, 0.055);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.gp-fsp__header-note-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 14px;
background: rgba(245, 158, 11, 0.14);
color: #fbbf24;
}
.gp-fsp__header-note-icon svg {
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-fsp__header-note p {
margin: 0 !important;
color: var(–gp-fsp-body) !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.72 !important;
}
.gp-fsp__pricing-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
gap: 20px;
}
.gp-fsp__card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
padding: 27px;
overflow: hidden;
border: 1px solid rgba(223, 231, 240, 0.92);
border-radius: 22px;
background: var(–gp-fsp-card);
box-shadow: 0 22px 54px rgba(0, 0, 0, 0.18);
transition:
transform 320ms cubic-bezier(0.2, 0.8, 0.2, 1),
border-color 320ms ease,
box-shadow 320ms ease;
}
.gp-fsp__card::after {
position: absolute;
right: -90px;
bottom: -110px;
width: 210px;
height: 210px;
border-radius: 50%;
background: rgba(22, 163, 74, 0.045);
content: “”;
pointer-events: none;
transition:
transform 360ms ease,
background-color 360ms ease;
}
.gp-fsp__card:hover {
border-color: rgba(34, 197, 94, 0.5);
transform: translateY(-9px);
box-shadow:
0 32px 68px rgba(0, 0, 0, 0.24),
0 10px 26px rgba(22, 163, 74, 0.09);
}
.gp-fsp__card:hover::after {
background: rgba(22, 163, 74, 0.075);
transform: scale(1.13);
}
.gp-fsp__card–featured {
border: 2px solid var(–gp-fsp-green);
background:
linear-gradient(
180deg,
rgba(240, 253, 244, 1) 0%,
#ffffff 24%
);
transform: translateY(-10px);
box-shadow:
0 34px 76px rgba(0, 0, 0, 0.25),
0 13px 32px rgba(22, 163, 74, 0.13);
}
.gp-fsp__card–featured:hover {
transform: translateY(-17px);
}
.gp-fsp__featured-label {
position: absolute;
top: 0;
right: 26px;
left: 26px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 31px;
border-radius: 0 0 10px 10px;
background: var(–gp-fsp-green);
color: var(–gp-fsp-white);
font-family: inherit;
font-size: 11px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.gp-fsp__featured-label > span {
display: inline-flex;
}
.gp-fsp__featured-label svg {
width: 14px;
height: 14px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-fsp__card–featured .gp-fsp__card-top {
margin-top: 24px;
}
.gp-fsp__card-top {
position: relative;
z-index: 2;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
}
.gp-fsp__card-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
flex: 0 0 52px;
border: 1px solid rgba(22, 163, 74, 0.13);
border-radius: 15px;
background: var(–gp-fsp-green-soft);
color: var(–gp-fsp-green);
transition:
transform 260ms ease,
background-color 260ms ease,
color 260ms ease,
box-shadow 260ms ease;
}
.gp-fsp__card-icon svg {
width: 25px;
height: 25px;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-fsp__card:hover .gp-fsp__card-icon {
background: var(–gp-fsp-green);
color: var(–gp-fsp-white);
transform: translateY(-3px) scale(1.04);
box-shadow: 0 12px 25px rgba(22, 163, 74, 0.2);
}
.gp-fsp__badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 29px;
padding: 6px 10px;
border: 1px solid rgba(245, 158, 11, 0.18);
border-radius: 999px;
background: rgba(245, 158, 11, 0.09);
color: #b45309;
font-family: inherit;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
text-align: center;
}
.gp-fsp__card-heading {
position: relative;
z-index: 2;
min-height: 135px;
margin-top: 23px;
}
.gp-fsp__card-heading h3 {
margin: 0 !important;
color: var(–gp-fsp-card-heading) !important;
font-family: inherit !important;
font-size: 23px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: -0.025em !important;
}
.gp-fsp__card-heading p {
margin: 10px 0 0 !important;
color: var(–gp-fsp-card-text) !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.7 !important;
}
.gp-fsp__price {
position: relative;
z-index: 2;
display: grid;
gap: 8px;
min-height: 102px;
margin-top: 21px;
padding: 19px;
border: 1px solid rgba(22, 163, 74, 0.15);
border-radius: 16px;
background: var(–gp-fsp-green-soft);
}
.gp-fsp__price-label {
color: var(–gp-fsp-green-dark);
font-family: inherit;
font-size: 10px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gp-fsp__price-value {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 7px 10px;
}
.gp-fsp__price-value strong {
color: var(–gp-fsp-card-heading);
font-family: inherit;
font-size: clamp(31px, 3vw, 40px);
font-weight: 700;
line-height: 1;
letter-spacing: -0.04em;
}
.gp-fsp__price-value span {
padding-bottom: 3px;
color: var(–gp-fsp-card-text);
font-family: inherit;
font-size: 11px;
font-weight: 600;
line-height: 1.3;
}
.gp-fsp__price-value–quote {
display: grid;
gap: 5px;
}
.gp-fsp__price-value–quote strong {
font-size: clamp(28px, 2.5vw, 35px);
}
.gp-fsp__price-value–quote span {
padding: 0;
}
.gp-fsp__best-for {
position: relative;
z-index: 2;
display: grid;
gap: 5px;
min-height: 88px;
margin-top: 16px;
padding: 16px 17px;
border: 1px solid var(–gp-fsp-border);
border-radius: 14px;
background: #f8fafc;
}
.gp-fsp__best-for span {
color: var(–gp-fsp-green-dark);
font-family: inherit;
font-size: 10px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.gp-fsp__best-for strong {
color: var(–gp-fsp-card-heading);
font-family: inherit;
font-size: 12px;
font-weight: 600;
line-height: 1.55;
}
.gp-fsp__features {
position: relative;
z-index: 2;
margin-top: 23px;
}
.gp-fsp__features-title {
display: block;
margin-bottom: 15px;
color: var(–gp-fsp-card-heading);
font-family: inherit;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
}
.gp-fsp__features ul {
display: grid;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.gp-fsp__features li {
display: grid;
grid-template-columns: 23px minmax(0, 1fr);
align-items: flex-start;
gap: 10px;
color: var(–gp-fsp-card-text);
font-family: inherit;
font-size: 13px;
font-weight: 500;
line-height: 1.53;
}
.gp-fsp__check {
display: inline-flex;
align-items: center;
justify-content: center;
width: 23px;
height: 23px;
margin-top: 1px;
border-radius: 50%;
background: var(–gp-fsp-green-soft);
color: var(–gp-fsp-green);
}
.gp-fsp__check svg {
width: 13px;
height: 13px;
fill: none;
stroke: currentColor;
stroke-width: 2.4;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-fsp__button {
position: relative;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
width: 100%;
min-height: 52px;
margin-top: 27px;
padding: 13px 17px;
overflow: hidden;
border: 1px solid transparent;
border-radius: 12px;
font-family: inherit;
font-size: 14px;
font-weight: 700;
line-height: 1.25;
text-align: center;
text-decoration: none !important;
transition:
transform 240ms ease,
background-color 240ms ease,
border-color 240ms ease,
color 240ms ease,
box-shadow 240ms ease;
}
.gp-fsp__button::before {
position: absolute;
top: 0;
left: -140%;
width: 82%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.2),
transparent
);
content: “”;
transform: skewX(-20deg);
transition: left 520ms ease;
}
.gp-fsp__button:hover::before {
left: 145%;
}
.gp-fsp__button span,
.gp-fsp__button svg {
position: relative;
z-index: 2;
}
.gp-fsp__button svg {
width: 18px;
height: 18px;
flex: 0 0 18px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 240ms ease;
}
.gp-fsp__button:hover svg {
transform: translateX(4px);
}
.gp-fsp__button–primary {
border-color: var(–gp-fsp-green);
background: var(–gp-fsp-green);
color: var(–gp-fsp-white) !important;
box-shadow: 0 13px 28px rgba(22, 163, 74, 0.22);
}
.gp-fsp__button–primary:hover {
border-color: #15803d;
background: #15803d;
color: var(–gp-fsp-white) !important;
transform: translateY(-3px);
box-shadow: 0 18px 34px rgba(22, 163, 74, 0.27);
}
.gp-fsp__button–secondary {
border-color: var(–gp-fsp-border);
background: var(–gp-fsp-white);
color: var(–gp-fsp-card-heading) !important;
box-shadow: 0 9px 21px rgba(15, 23, 42, 0.06);
}
.gp-fsp__button–secondary:hover {
border-color: rgba(22, 163, 74, 0.4);
background: var(–gp-fsp-green-soft);
color: var(–gp-fsp-green-dark) !important;
transform: translateY(-3px);
box-shadow: 0 15px 29px rgba(15, 23, 42, 0.09);
}
.gp-fsp__button:focus-visible,
.gp-fsp__notice-link:focus-visible {
outline: 3px solid rgba(245, 158, 11, 0.48);
outline-offset: 4px;
}
.gp-fsp__factors {
display: grid;
grid-template-columns: minmax(270px, 0.72fr) minmax(0, 1.28fr);
gap: clamp(35px, 6vw, 78px);
align-items: center;
margin-top: 38px;
padding: 31px;
border: 1px solid rgba(148, 163, 184, 0.17);
border-radius: 23px;
background: rgba(255, 255, 255, 0.055);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.gp-fsp__factors-intro {
display: grid;
grid-template-columns: 53px minmax(0, 1fr);
align-items: flex-start;
gap: 16px;
}
.gp-fsp__factors-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 53px;
height: 53px;
border: 1px solid rgba(34, 197, 94, 0.22);
border-radius: 16px;
background: rgba(22, 163, 74, 0.13);
color: #4ade80;
}
.gp-fsp__factors-icon svg {
width: 25px;
height: 25px;
fill: none;
stroke: currentColor;
stroke-width: 1.75;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-fsp__factors-intro > div {
min-width: 0;
}
.gp-fsp__factors-intro > div > span {
display: block;
margin-bottom: 6px;
color: #86efac;
font-family: inherit;
font-size: 10px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gp-fsp__factors-intro h3 {
margin: 0 !important;
color: var(–gp-fsp-heading) !important;
font-family: inherit !important;
font-size: 22px !important;
font-weight: 700 !important;
line-height: 1.37 !important;
letter-spacing: -0.023em !important;
}
.gp-fsp__factors-intro p {
margin: 10px 0 0 !important;
color: var(–gp-fsp-muted) !important;
font-family: inherit !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.65 !important;
}
.gp-fsp__factors-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 11px;
}
.gp-fsp__factor {
display: grid;
grid-template-columns: 35px minmax(0, 1fr);
align-items: flex-start;
gap: 11px;
min-width: 0;
padding: 14px;
border: 1px solid rgba(148, 163, 184, 0.13);
border-radius: 13px;
background: rgba(255, 255, 255, 0.055);
transition:
transform 230ms ease,
border-color 230ms ease,
background-color 230ms ease;
}
.gp-fsp__factor:hover {
border-color: rgba(34, 197, 94, 0.27);
background: rgba(22, 163, 74, 0.09);
transform: translateY(-3px);
}
.gp-fsp__factor-number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border-radius: 10px;
background: rgba(22, 163, 74, 0.14);
color: #86efac;
font-family: inherit;
font-size: 11px;
font-weight: 700;
line-height: 1;
}
.gp-fsp__factor > div {
display: grid;
gap: 3px;
min-width: 0;
}
.gp-fsp__factor strong {
color: var(–gp-fsp-heading);
font-family: inherit;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.gp-fsp__factor > div > span {
color: var(–gp-fsp-muted);
font-family: inherit;
font-size: 11px;
font-weight: 400;
line-height: 1.5;
}
.gp-fsp__notice {
display: grid;
grid-template-columns: 48px minmax(0, 1fr) auto;
align-items: center;
gap: 17px;
margin-top: 24px;
padding: 21px 23px;
border: 1px solid rgba(34, 197, 94, 0.23);
border-radius: 18px;
background: rgba(22, 163, 74, 0.11);
}
.gp-fsp__notice-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 14px;
background: var(–gp-fsp-green);
color: var(–gp-fsp-white);
box-shadow: 0 11px 24px rgba(22, 163, 74, 0.22);
}
.gp-fsp__notice-icon svg {
width: 23px;
height: 23px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-fsp__notice-content {
display: grid;
gap: 4px;
min-width: 0;
}
.gp-fsp__notice-content > span {
color: #86efac;
font-family: inherit;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
}
.gp-fsp__notice-content p {
margin: 0 !important;
color: var(–gp-fsp-body) !important;
font-family: inherit !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
}
.gp-fsp__notice-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 45px;
padding: 11px 16px;
border: 1px solid var(–gp-fsp-green-light);
border-radius: 11px;
background: var(–gp-fsp-white);
color: var(–gp-fsp-green-dark) !important;
font-family: inherit;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
text-align: center;
text-decoration: none !important;
white-space: nowrap;
transition:
transform 230ms ease,
background-color 230ms ease,
color 230ms ease,
box-shadow 230ms ease;
}
.gp-fsp__notice-link svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 230ms ease;
}
.gp-fsp__notice-link:hover {
background: var(–gp-fsp-green);
color: var(–gp-fsp-white) !important;
transform: translateY(-3px);
box-shadow: 0 12px 25px rgba(22, 163, 74, 0.21);
}
.gp-fsp__notice-link:hover svg {
transform: translateX(4px);
}
.gp-fsp__footnote {
max-width: 960px;
margin: 20px auto 0 !important;
color: var(–gp-fsp-muted) !important;
font-family: inherit !important;
font-size: 11px !important;
font-weight: 400 !important;
line-height: 1.65 !important;
text-align: center;
}
.gp-fsp.gp-fsp-js .gp-fsp-reveal {
opacity: 0;
transform: translateY(25px);
transition:
opacity 720ms ease,
transform 720ms cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: var(–gp-fsp-delay, 0ms);
}
.gp-fsp.gp-fsp-js.gp-fsp-visible .gp-fsp-reveal {
opacity: 1;
transform: translateY(0);
}
.gp-fsp__eyebrow {
–gp-fsp-delay: 40ms;
}
.gp-fsp__title {
–gp-fsp-delay: 100ms;
}
.gp-fsp__header-note {
–gp-fsp-delay: 150ms;
}
.gp-fsp__card:nth-child(1) {
–gp-fsp-delay: 210ms;
}
.gp-fsp__card:nth-child(2) {
–gp-fsp-delay: 280ms;
}
.gp-fsp__card:nth-child(3) {
–gp-fsp-delay: 350ms;
}
.gp-fsp__factors {
–gp-fsp-delay: 420ms;
}
.gp-fsp__notice {
–gp-fsp-delay: 490ms;
}
.gp-fsp__footnote {
–gp-fsp-delay: 540ms;
}
@media (max-width: 1050px) {
.gp-fsp__container {
padding: 96px 0 92px;
}
.gp-fsp__header {
grid-template-columns: 1fr;
gap: 27px;
}
.gp-fsp__header-note {
max-width: 720px;
}
.gp-fsp__pricing-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
}
.gp-fsp__card–featured {
transform: none;
}
.gp-fsp__card–featured:hover {
transform: translateY(-9px);
}
.gp-fsp__card:nth-child(3) {
grid-column: 1 / -1;
width: min(100%, 610px);
justify-self: center;
}
.gp-fsp__factors {
grid-template-columns: 1fr;
gap: 26px;
}
.gp-fsp__notice {
grid-template-columns: 48px minmax(0, 1fr);
}
.gp-fsp__notice-link {
grid-column: 2;
width: fit-content;
}
}
@media (max-width: 820px) {
.gp-fsp__container {
width: min(100% – 40px, 720px);
padding: 86px 0 84px;
}
.gp-fsp__title {
font-size: clamp(36px, 7vw, 50px) !important;
}
.gp-fsp__pricing-grid {
grid-template-columns: 1fr;
gap: 18px;
}
.gp-fsp__card,
.gp-fsp__card:nth-child(3) {
grid-column: auto;
width: 100%;
max-width: 630px;
justify-self: center;
}
.gp-fsp__card-heading {
min-height: auto;
}
.gp-fsp__price,
.gp-fsp__best-for {
min-height: auto;
}
}
@media (max-width: 620px) {
.gp-fsp__container {
width: min(100% – 32px, 560px);
padding: 74px 0 72px;
}
.gp-fsp__header {
margin-bottom: 38px;
}
.gp-fsp__eyebrow {
margin-bottom: 16px;
font-size: 10px;
letter-spacing: 0.06em;
}
.gp-fsp__title {
font-size: clamp(33px, 10vw, 43px) !important;
line-height: 1.17 !important;
}
.gp-fsp__header-note {
grid-template-columns: 42px minmax(0, 1fr);
padding: 18px;
}
.gp-fsp__header-note-icon {
width: 42px;
height: 42px;
}
.gp-fsp__header-note p {
font-size: 13px !important;
}
.gp-fsp__card {
padding: 21px;
border-radius: 19px;
}
.gp-fsp__featured-label {
right: 21px;
left: 21px;
}
.gp-fsp__card-heading h3 {
font-size: 21px !important;
}
.gp-fsp__price-value strong {
font-size: 34px;
}
.gp-fsp__factors {
padding: 21px;
border-radius: 19px;
}
.gp-fsp__factors-intro {
grid-template-columns: 47px minmax(0, 1fr);
gap: 13px;
}
.gp-fsp__factors-icon {
width: 47px;
height: 47px;
}
.gp-fsp__factors-intro h3 {
font-size: 19px !important;
}
.gp-fsp__factors-grid {
grid-template-columns: 1fr;
}
.gp-fsp__notice {
grid-template-columns: 42px minmax(0, 1fr);
gap: 13px;
padding: 18px;
}
.gp-fsp__notice-icon {
width: 42px;
height: 42px;
}
.gp-fsp__notice-link {
grid-column: 1 / -1;
width: 100%;
}
}
@media (max-width: 390px) {
.gp-fsp__container {
width: calc(100% – 26px);
padding: 66px 0;
}
.gp-fsp__title {
font-size: 32px !important;
}
.gp-fsp__header-note {
grid-template-columns: 1fr;
}
.gp-fsp__card {
padding: 18px;
}
.gp-fsp__card-top {
align-items: center;
}
.gp-fsp__card-icon {
width: 47px;
height: 47px;
flex-basis: 47px;
}
.gp-fsp__badge {
max-width: 130px;
font-size: 10px;
}
.gp-fsp__price-value {
align-items: flex-start;
flex-direction: column;
}
.gp-fsp__factors-intro {
grid-template-columns: 1fr;
}
.gp-fsp__notice {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
.gp-fsp *,
.gp-fsp *::before,
.gp-fsp *::after {
scroll-behavior: auto !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
.gp-fsp.gp-fsp-js .gp-fsp-reveal {
opacity: 1;
transform: none;
}
}

Monthly Reputation Support

Reputation Management
Plans

Choose a structured monthly plan for review monitoring, response
support, profile consistency, ethical feedback workflows, and
reputation reporting.

GrowPep does not guarantee review removal, rating increases,
review volume, or platform decisions.

Essential Monitoring
For smaller businesses

Reputation Foundation

A practical starting point for businesses that need clearer
visibility into public feedback and a more organized response
process.

Starting From

$XXX
Per month

Plan may include:

• Initial reputation profile review
• Monitoring of selected priority platforms
• New review and feedback visibility
• Professional response recommendations
• Basic profile consistency review
• Issue and escalation identification
• Monthly reputation activity summary

Discuss Foundation Plan

Platform availability and monitoring scope are confirmed before
service begins.

Expanded Support

Ongoing Management
For growing businesses

Reputation Growth

Expanded monitoring, response support, feedback-process guidance,
profile management, and ongoing reputation improvement planning.

Starting From

$XXX
Per month

Plan may include:

• Everything in the Foundation direction
• Expanded review-platform monitoring
• Review response drafting support
• Google Business Profile reputation support
• Ethical customer feedback workflow guidance
• Negative feedback case review and escalation
• Profile information consistency support
• Monthly reporting and improvement priorities

Discuss Growth Plan

Suitable for businesses requiring a more consistent reputation
workflow across multiple customer touchpoints.

Advanced Coordination
For complex requirements

Reputation Partner

A tailored reputation-management direction for multi-location,
multi-brand, agency, or operationally complex businesses.

Project Pricing

Custom Quote

Based on approved scope

Plan may include:

• Custom reputation audit and planning
• Multi-platform or multi-location monitoring
• Structured response and approval workflows
• Advanced issue-escalation coordination
• Brand-specific response guidance
• Feedback-system documentation
• Custom reporting and stakeholder summaries
• Connected SEO and social coordination

Request Custom Proposal

Custom scopes are prepared after reviewing locations, platforms,
workflows, access, and reporting requirements.

Ethical Reputation Standard

Reputation services are designed around genuine customer
experiences, responsible communication, and platform-compliant
processes.

No fake reviews
No paid review schemes
No guaranteed removals
No guaranteed ratings

.gp-rmp {
–gp-rmp-navy: #0f172a;
–gp-rmp-heading: #1e293b;
–gp-rmp-text: #475569;
–gp-rmp-muted: #64748b;
–gp-rmp-green: #16a34a;
–gp-rmp-green-dark: #12813b;
–gp-rmp-green-soft: #f0fdf4;
–gp-rmp-amber: #f59e0b;
–gp-rmp-amber-soft: #fffbeb;
–gp-rmp-light: #f7f9fc;
–gp-rmp-border: #dfe7f0;
–gp-rmp-border-soft: #e8eef5;
position: relative;
isolation: isolate;
width: 100vw;
max-width: 100vw;
margin-left: calc(50% – 50vw);
margin-right: calc(50% – 50vw);
padding: 86px 0 76px;
overflow: hidden;
background: #ffffff;
color: var(–gp-rmp-navy);
font-family: inherit;
}
.gp-rmp,
.gp-rmp *,
.gp-rmp *::before,
.gp-rmp *::after {
box-sizing: border-box;
}
.gp-rmp-container {
width: min(1240px, calc(100% – 48px));
margin: 0 auto;
}
.gp-rmp-header {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(380px, 0.75fr);
align-items: end;
gap: clamp(45px, 6vw, 82px);
margin-bottom: 38px;
}
.gp-rmp-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
color: var(–gp-rmp-green-dark);
font-size: 13px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gp-rmp-eyebrow-icon {
display: grid;
place-items: center;
width: 40px;
height: 40px;
border: 1px solid rgba(22, 163, 74, 0.16);
border-radius: 11px;
background: var(–gp-rmp-green-soft);
color: var(–gp-rmp-green);
}
.gp-rmp-eyebrow-icon svg {
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1.55;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-rmp .gp-rmp-title,
.gp-rmp h2.gp-rmp-title {
margin: 0 !important;
color: var(–gp-rmp-navy) !important;
-webkit-text-fill-color: var(–gp-rmp-navy) !important;
font-family: inherit !important;
font-size: clamp(40px, 4vw, 56px) !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: -0.045em !important;
}
.gp-rmp .gp-rmp-title span {
display: block;
color: var(–gp-rmp-green) !important;
-webkit-text-fill-color: var(–gp-rmp-green) !important;
}
.gp-rmp-intro > p {
margin: 0;
color: var(–gp-rmp-text);
font-size: 15px;
font-weight: 500;
line-height: 1.72;
}
.gp-rmp-intro-note {
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
align-items: center;
gap: 10px;
margin-top: 15px;
padding: 11px;
border: 1px solid rgba(245, 158, 11, 0.2);
border-radius: 11px;
background: var(–gp-rmp-amber-soft);
}
.gp-rmp-intro-note > span {
display: grid;
place-items: center;
width: 40px;
height: 40px;
border-radius: 9px;
background: #ffffff;
color: var(–gp-rmp-amber);
}
.gp-rmp-intro-note svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-rmp-intro-note strong {
color: #73551e;
font-size: 12px;
font-weight: 650;
line-height: 1.5;
}
.gp-rmp-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
gap: 17px;
}
.gp-rmp-card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
padding: 25px;
overflow: hidden;
border: 1px solid var(–gp-rmp-border);
border-radius: 20px;
background: var(–gp-rmp-light);
box-shadow: 0 18px 48px rgba(15, 23, 42, 0.06);
transition:
transform 0.35s ease,
border-color 0.32s ease,
box-shadow 0.32s ease;
}
.gp-rmp-card::after {
content: “”;
position: absolute;
right: 26px;
bottom: 0;
left: 26px;
height: 3px;
background: linear-gradient(
90deg,
var(–gp-rmp-green),
var(–gp-rmp-amber)
);
transform: scaleX(0);
transition: transform 0.32s ease;
}
.gp-rmp-card:hover {
border-color: rgba(22, 163, 74, 0.26);
box-shadow: 0 28px 65px rgba(15, 23, 42, 0.12);
transform: translateY(-8px);
}
.gp-rmp-card:hover::after,
.gp-rmp-card-featured::after {
transform: scaleX(1);
}
.gp-rmp-card-featured {
border-color: rgba(22, 163, 74, 0.38);
background: #ffffff;
box-shadow: 0 25px 62px rgba(22, 163, 74, 0.12);
transform: translateY(-9px);
}
.gp-rmp-badge {
position: absolute;
top: 18px;
right: 18px;
padding: 7px 10px;
border-radius: 999px;
background: var(–gp-rmp-green);
color: #ffffff;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
}
.gp-rmp-card-top {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
align-items: center;
gap: 11px;
}
.gp-rmp-card-featured .gp-rmp-card-top {
padding-right: 112px;
}
.gp-rmp-icon {
display: grid;
place-items: center;
width: 52px;
height: 52px;
border-radius: 13px;
background: var(–gp-rmp-green-soft);
color: var(–gp-rmp-green);
transition:
transform 0.3s ease,
background-color 0.3s ease,
color 0.3s ease;
}
.gp-rmp-card:hover .gp-rmp-icon {
background: var(–gp-rmp-green);
color: #ffffff;
transform: rotate(-5deg) scale(1.05);
}
.gp-rmp-icon svg {
width: 27px;
height: 27px;
fill: none;
stroke: currentColor;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-rmp-card-top small {
display: block;
color: var(–gp-rmp-green-dark);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
}
.gp-rmp-card-top strong {
display: block;
margin-top: 3px;
color: var(–gp-rmp-muted);
font-size: 11px;
font-weight: 600;
}
.gp-rmp-card h3 {
margin: 21px 0 0 !important;
color: var(–gp-rmp-navy) !important;
-webkit-text-fill-color: var(–gp-rmp-navy) !important;
font-family: inherit !important;
font-size: 25px !important;
font-weight: 650 !important;
line-height: 1.25 !important;
}
.gp-rmp-summary {
min-height: 84px;
margin: 10px 0 0;
color: var(–gp-rmp-text);
font-size: 13px;
font-weight: 500;
line-height: 1.62;
}
.gp-rmp-price {
margin-top: 20px;
}
.gp-rmp-price > span {
display: block;
color: var(–gp-rmp-muted);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
}
.gp-rmp-price strong {
display: block;
margin-top: 5px;
color: var(–gp-rmp-green);
font-family: inherit;
font-size: 43px;
font-weight: 700;
line-height: 1.05;
letter-spacing: -0.045em;
}
.gp-rmp-price .gp-rmp-custom-price {
font-size: 34px;
}
.gp-rmp-price small {
display: block;
margin-top: 5px;
color: var(–gp-rmp-muted);
font-size: 11px;
font-weight: 600;
}
.gp-rmp-divider {
height: 1px;
margin: 21px 0;
background: var(–gp-rmp-border-soft);
}
.gp-rmp-card h4 {
margin: 0 !important;
color: var(–gp-rmp-navy) !important;
-webkit-text-fill-color: var(–gp-rmp-navy) !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 650 !important;
}
.gp-rmp-features {
display: grid;
gap: 10px;
margin: 15px 0 24px;
padding: 0;
list-style: none;
}
.gp-rmp-features li {
position: relative;
padding-left: 26px;
color: var(–gp-rmp-text);
font-size: 12px;
font-weight: 600;
line-height: 1.5;
}
.gp-rmp-features li::before {
content: “✓”;
position: absolute;
top: 0;
left: 0;
display: grid;
place-items: center;
width: 18px;
height: 18px;
border-radius: 50%;
background: var(–gp-rmp-green-soft);
color: var(–gp-rmp-green);
font-size: 11px;
font-weight: 900;
}
.gp-rmp-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
min-height: 49px;
margin-top: auto;
padding: 11px 14px;
border-radius: 9px;
font-size: 12px;
font-weight: 800;
text-decoration: none !important;
transition:
transform 0.3s ease,
border-color 0.3s ease,
background-color 0.3s ease;
}
.gp-rmp-button svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-rmp-button-primary {
border: 1px solid var(–gp-rmp-green);
background: var(–gp-rmp-green);
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
.gp-rmp-button-primary:hover {
background: var(–gp-rmp-green-dark);
transform: translateY(-3px);
}
.gp-rmp-button-outline {
border: 1px solid var(–gp-rmp-border);
background: #ffffff;
color: var(–gp-rmp-navy) !important;
-webkit-text-fill-color: var(–gp-rmp-navy) !important;
}
.gp-rmp-button-outline:hover {
border-color: rgba(22, 163, 74, 0.28);
background: var(–gp-rmp-green-soft);
transform: translateY(-3px);
}
.gp-rmp-button:focus-visible {
outline: 3px solid rgba(245, 158, 11, 0.55);
outline-offset: 4px;
}
.gp-rmp-card-note {
margin: 13px 0 0;
color: var(–gp-rmp-muted);
font-size: 10px;
font-weight: 550;
line-height: 1.5;
text-align: center;
}
.gp-rmp-ethics {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 22px;
margin-top: 24px;
padding: 16px;
border: 1px solid rgba(22, 163, 74, 0.18);
border-radius: 13px;
background: var(–gp-rmp-green-soft);
}
.gp-rmp-ethics-heading {
display: grid;
grid-template-columns: 46px minmax(0, 1fr);
align-items: center;
gap: 11px;
}
.gp-rmp-ethics-heading > span {
display: grid;
place-items: center;
width: 46px;
height: 46px;
border-radius: 11px;
background: var(–gp-rmp-navy);
color: #ffffff;
}
.gp-rmp-ethics-heading svg {
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-rmp-ethics-heading small {
display: block;
color: var(–gp-rmp-green-dark);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
}
.gp-rmp-ethics-heading strong {
display: block;
margin-top: 3px;
color: var(–gp-rmp-text);
font-size: 12px;
font-weight: 650;
line-height: 1.5;
}
.gp-rmp-ethics-points {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
}
.gp-rmp-ethics-points span {
padding: 8px 10px;
border: 1px solid rgba(22, 163, 74, 0.16);
border-radius: 999px;
background: #ffffff;
color: var(–gp-rmp-green-dark);
font-size: 10px;
font-weight: 800;
}
.gp-rmp.gp-rmp-js .gp-rmp-reveal {
opacity: 0;
transform: translateY(26px);
transition:
opacity 0.82s ease,
transform 0.82s ease;
}
.gp-rmp.gp-rmp-js .gp-rmp-grid {
transition-delay: 0.08s;
}
.gp-rmp.gp-rmp-js .gp-rmp-ethics {
transition-delay: 0.16s;
}
.gp-rmp.gp-rmp-visible .gp-rmp-reveal {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 1050px) {
.gp-rmp-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gp-rmp-card:last-child {
grid-column: 1 / -1;
width: min(100%, 610px);
margin: 0 auto;
}
.gp-rmp-ethics {
grid-template-columns: 1fr;
}
}
@media (max-width: 820px) {
.gp-rmp {
padding: 68px 0 62px;
}
.gp-rmp-container {
width: min(780px, calc(100% – 40px));
}
.gp-rmp-header,
.gp-rmp-grid {
grid-template-columns: 1fr;
}
.gp-rmp-header {
gap: 22px;
}
.gp-rmp-card,
.gp-rmp-card-featured,
.gp-rmp-card:last-child {
grid-column: auto;
width: 100%;
margin: 0;
transform: none;
}
}
@media (max-width: 620px) {
.gp-rmp {
padding: 55px 0 50px;
}
.gp-rmp-container {
width: min(100% – 30px, 540px);
}
.gp-rmp .gp-rmp-title,
.gp-rmp h2.gp-rmp-title {
font-size: clamp(31px, 9.5vw, 40px) !important;
}
.gp-rmp-card {
padding: 21px 16px;
border-radius: 16px;
}
.gp-rmp-card-featured .gp-rmp-card-top {
padding-top: 35px;
padding-right: 0;
}
.gp-rmp-badge {
top: 15px;
right: 15px;
left: 15px;
text-align: center;
}
.gp-rmp-summary {
min-height: auto;
}
.gp-rmp-ethics {
padding: 13px;
}
.gp-rmp-ethics-points {
display: grid;
grid-template-columns: 1fr 1fr;
}
.gp-rmp-ethics-points span {
border-radius: 8px;
text-align: center;
}
}
@media (max-width: 390px) {
.gp-rmp-container {
width: calc(100% – 24px);
}
.gp-rmp .gp-rmp-title,
.gp-rmp h2.gp-rmp-title {
font-size: 29px !important;
}
.gp-rmp-ethics-points {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
.gp-rmp *,
.gp-rmp *::before,
.gp-rmp *::after {
animation: none !important;
transition: none !important;
}
.gp-rmp.gp-rmp-js .gp-rmp-reveal {
opacity: 1;
transform: none;
}
}

Monthly SEO Support

SEO Service
Plans

Choose a structured monthly SEO plan for technical improvements,
content direction, keyword research, on-page optimization, reporting,
and ongoing search visibility support.

Search rankings, traffic, leads, and revenue depend on competition,
website condition, content quality, authority, and search-engine factors.

SEO Foundation
For smaller or newer websites

SEO Starter

A practical SEO foundation focused on website health, keyword
direction, essential on-page improvements, and clearer reporting.

Starting From

$XXX
Per month

Plan may include:

• Initial website and SEO review
• Keyword and search-intent research
• Priority-page on-page optimization
• Title and meta-description guidance
• Internal-linking recommendations
• Basic technical SEO checks
• Search Console and analytics review
• Monthly activity summary

Discuss Starter Plan

The exact number of pages and monthly tasks is confirmed in the
approved service scope.

Expanded SEO Direction

Ongoing SEO Growth
For expanding service businesses

SEO Growth

A broader monthly SEO plan connecting technical improvements,
content optimization, keyword expansion, and ongoing performance review.

Starting From

$XXX
Per month

Plan may include:

• Everything in the Starter direction
• Expanded keyword and competitor research
• More priority-page optimization
• SEO content planning and briefs
• Technical issue prioritization
• Schema and structured-data guidance
• Local or service-area SEO support
• Content improvement recommendations
• Monthly reporting and next priorities

Discuss Growth Plan

Suitable for businesses that need a more consistent SEO and content
improvement workflow.

Advanced SEO Scope
For larger or complex websites

Custom SEO Partnership

A tailored SEO direction for larger websites, multiple locations,
ecommerce, complex content structures, or competitive markets.

Project Pricing

Custom Quote

Based on approved scope

Plan may include:

• Custom technical and content audit
• Large-scale keyword mapping
• Multi-location or ecommerce SEO
• Content architecture planning
• Advanced internal-linking direction
• Migration or redesign SEO support
• Custom reporting and stakeholder summaries
• Coordination with development and content teams
• Prioritized ongoing improvement roadmap

Request Custom Proposal

Custom scopes are prepared after reviewing the website, market,
competition, content, access, and technical requirements.

SEO Service Standard

We build and improve the technical, content, and visibility
foundation while avoiding unsupported ranking or traffic guarantees.

No guaranteed rankings
No guaranteed traffic
No hidden link schemes
Clear monthly scope

.gp-seop {
–gp-seop-navy: #0f172a;
–gp-seop-text: #475569;
–gp-seop-muted: #64748b;
–gp-seop-green: #16a34a;
–gp-seop-green-dark: #12813b;
–gp-seop-green-soft: #f0fdf4;
–gp-seop-amber: #f59e0b;
–gp-seop-amber-soft: #fffbeb;
–gp-seop-light: #f7f9fc;
–gp-seop-border: #dfe7f0;
–gp-seop-border-soft: #e8eef5;
width: 100vw;
max-width: 100vw;
margin-left: calc(50% – 50vw);
margin-right: calc(50% – 50vw);
padding: 86px 0 76px;
overflow: hidden;
background: var(–gp-seop-light);
color: var(–gp-seop-navy);
font-family: inherit;
}
.gp-seop,
.gp-seop *,
.gp-seop *::before,
.gp-seop *::after {
box-sizing: border-box;
}
.gp-seop-container {
width: min(1240px, calc(100% – 48px));
margin: 0 auto;
}
.gp-seop-header {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(380px, 0.75fr);
align-items: end;
gap: clamp(45px, 6vw, 82px);
margin-bottom: 38px;
}
.gp-seop-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
color: var(–gp-seop-green-dark);
font-size: 13px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gp-seop-eyebrow-icon {
display: grid;
place-items: center;
width: 40px;
height: 40px;
border: 1px solid rgba(22, 163, 74, 0.16);
border-radius: 11px;
background: var(–gp-seop-green-soft);
color: var(–gp-seop-green);
}
.gp-seop-eyebrow-icon svg,
.gp-seop-note svg,
.gp-seop-icon svg,
.gp-seop-footer-icon svg {
fill: none;
stroke: currentColor;
stroke-width: 1.55;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-seop-eyebrow-icon svg {
width: 22px;
height: 22px;
}
.gp-seop .gp-seop-title {
margin: 0 !important;
color: var(–gp-seop-navy) !important;
-webkit-text-fill-color: var(–gp-seop-navy) !important;
font-family: inherit !important;
font-size: clamp(40px, 4vw, 56px) !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: -0.045em !important;
}
.gp-seop .gp-seop-title span {
display: block;
color: var(–gp-seop-green) !important;
-webkit-text-fill-color: var(–gp-seop-green) !important;
}
.gp-seop-intro > p {
margin: 0;
color: var(–gp-seop-text);
font-size: 15px;
font-weight: 500;
line-height: 1.72;
}
.gp-seop-note {
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
align-items: center;
gap: 10px;
margin-top: 15px;
padding: 11px;
border: 1px solid rgba(245, 158, 11, 0.2);
border-radius: 11px;
background: var(–gp-seop-amber-soft);
}
.gp-seop-note > span {
display: grid;
place-items: center;
width: 40px;
height: 40px;
border-radius: 9px;
background: #ffffff;
color: var(–gp-seop-amber);
}
.gp-seop-note svg {
width: 21px;
height: 21px;
}
.gp-seop-note strong {
color: #73551e;
font-size: 12px;
font-weight: 650;
line-height: 1.5;
}
.gp-seop-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 17px;
}
.gp-seop-card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
padding: 25px;
overflow: hidden;
border: 1px solid var(–gp-seop-border);
border-radius: 20px;
background: #ffffff;
box-shadow: 0 18px 48px rgba(15, 23, 42, 0.06);
transition:
transform 0.35s ease,
border-color 0.32s ease,
box-shadow 0.32s ease;
}
.gp-seop-card::after {
content: “”;
position: absolute;
right: 26px;
bottom: 0;
left: 26px;
height: 3px;
background: linear-gradient(
90deg,
var(–gp-seop-green),
var(–gp-seop-amber)
);
transform: scaleX(0);
transition: transform 0.32s ease;
}
.gp-seop-card:hover {
border-color: rgba(22, 163, 74, 0.26);
box-shadow: 0 28px 65px rgba(15, 23, 42, 0.12);
transform: translateY(-8px);
}
.gp-seop-card:hover::after,
.gp-seop-card-featured::after {
transform: scaleX(1);
}
.gp-seop-card-featured {
border-color: rgba(22, 163, 74, 0.38);
box-shadow: 0 25px 62px rgba(22, 163, 74, 0.12);
transform: translateY(-9px);
}
.gp-seop-badge {
position: absolute;
top: 18px;
right: 18px;
padding: 7px 10px;
border-radius: 999px;
background: var(–gp-seop-green);
color: #ffffff;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
}
.gp-seop-card-top {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
align-items: center;
gap: 11px;
}
.gp-seop-card-featured .gp-seop-card-top {
padding-right: 120px;
}
.gp-seop-icon {
display: grid;
place-items: center;
width: 52px;
height: 52px;
border-radius: 13px;
background: var(–gp-seop-green-soft);
color: var(–gp-seop-green);
transition:
transform 0.3s ease,
background-color 0.3s ease,
color 0.3s ease;
}
.gp-seop-card:hover .gp-seop-icon {
background: var(–gp-seop-green);
color: #ffffff;
transform: rotate(-5deg) scale(1.05);
}
.gp-seop-icon svg {
width: 27px;
height: 27px;
}
.gp-seop-card-top small {
display: block;
color: var(–gp-seop-green-dark);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
}
.gp-seop-card-top strong {
display: block;
margin-top: 3px;
color: var(–gp-seop-muted);
font-size: 11px;
font-weight: 600;
}
.gp-seop-card h3 {
margin: 21px 0 0 !important;
color: var(–gp-seop-navy) !important;
-webkit-text-fill-color: var(–gp-seop-navy) !important;
font-family: inherit !important;
font-size: 25px !important;
font-weight: 650 !important;
line-height: 1.25 !important;
}
.gp-seop-summary {
min-height: 84px;
margin: 10px 0 0;
color: var(–gp-seop-text);
font-size: 13px;
font-weight: 500;
line-height: 1.62;
}
.gp-seop-price {
margin-top: 20px;
}
.gp-seop-price > span {
display: block;
color: var(–gp-seop-muted);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
}
.gp-seop-price strong {
display: block;
margin-top: 5px;
color: var(–gp-seop-green);
font-family: inherit;
font-size: 43px;
font-weight: 700;
line-height: 1.05;
letter-spacing: -0.045em;
}
.gp-seop-price .gp-seop-custom-price {
font-size: 34px;
}
.gp-seop-price small {
display: block;
margin-top: 5px;
color: var(–gp-seop-muted);
font-size: 11px;
font-weight: 600;
}
.gp-seop-divider {
height: 1px;
margin: 21px 0;
background: var(–gp-seop-border-soft);
}
.gp-seop-card h4 {
margin: 0 !important;
color: var(–gp-seop-navy) !important;
-webkit-text-fill-color: var(–gp-seop-navy) !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 650 !important;
}
.gp-seop-features {
display: grid;
gap: 10px;
margin: 15px 0 24px;
padding: 0;
list-style: none;
}
.gp-seop-features li {
position: relative;
padding-left: 26px;
color: var(–gp-seop-text);
font-size: 12px;
font-weight: 600;
line-height: 1.5;
}
.gp-seop-features li::before {
content: “✓”;
position: absolute;
top: 0;
left: 0;
display: grid;
place-items: center;
width: 18px;
height: 18px;
border-radius: 50%;
background: var(–gp-seop-green-soft);
color: var(–gp-seop-green);
font-size: 11px;
font-weight: 900;
}
.gp-seop-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
min-height: 49px;
margin-top: auto;
padding: 11px 14px;
border-radius: 9px;
font-size: 12px;
font-weight: 800;
text-decoration: none !important;
transition:
transform 0.3s ease,
border-color 0.3s ease,
background-color 0.3s ease;
}
.gp-seop-button svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-seop-button-primary {
border: 1px solid var(–gp-seop-green);
background: var(–gp-seop-green);
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
.gp-seop-button-primary:hover {
background: var(–gp-seop-green-dark);
transform: translateY(-3px);
}
.gp-seop-button-outline {
border: 1px solid var(–gp-seop-border);
background: #ffffff;
color: var(–gp-seop-navy) !important;
-webkit-text-fill-color: var(–gp-seop-navy) !important;
}
.gp-seop-button-outline:hover {
border-color: rgba(22, 163, 74, 0.28);
background: var(–gp-seop-green-soft);
transform: translateY(-3px);
}
.gp-seop-button:focus-visible {
outline: 3px solid rgba(245, 158, 11, 0.55);
outline-offset: 4px;
}
.gp-seop-card-note {
margin: 13px 0 0;
color: var(–gp-seop-muted);
font-size: 10px;
font-weight: 550;
line-height: 1.5;
text-align: center;
}
.gp-seop-footer {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 22px;
margin-top: 24px;
padding: 16px;
border: 1px solid rgba(22, 163, 74, 0.18);
border-radius: 13px;
background: var(–gp-seop-green-soft);
}
.gp-seop-footer-copy {
display: grid;
grid-template-columns: 46px minmax(0, 1fr);
align-items: center;
gap: 11px;
}
.gp-seop-footer-icon {
display: grid;
place-items: center;
width: 46px;
height: 46px;
border-radius: 11px;
background: var(–gp-seop-navy);
color: #ffffff;
}
.gp-seop-footer-icon svg {
width: 24px;
height: 24px;
}
.gp-seop-footer-copy small {
display: block;
color: var(–gp-seop-green-dark);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
}
.gp-seop-footer-copy strong {
display: block;
margin-top: 3px;
color: var(–gp-seop-text);
font-size: 12px;
font-weight: 650;
line-height: 1.5;
}
.gp-seop-footer-points {
display: flex;
flex-wrap: wrap;
gap: 7px;
}
.gp-seop-footer-points span {
padding: 8px 10px;
border: 1px solid rgba(22, 163, 74, 0.16);
border-radius: 999px;
background: #ffffff;
color: var(–gp-seop-green-dark);
font-size: 10px;
font-weight: 800;
}
.gp-seop.gp-seop-js .gp-seop-reveal {
opacity: 0;
transform: translateY(26px);
transition:
opacity 0.82s ease,
transform 0.82s ease;
}
.gp-seop.gp-seop-js .gp-seop-grid {
transition-delay: 0.08s;
}
.gp-seop.gp-seop-js .gp-seop-footer {
transition-delay: 0.16s;
}
.gp-seop.gp-seop-visible .gp-seop-reveal {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 1050px) {
.gp-seop-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gp-seop-card:last-child {
grid-column: 1 / -1;
width: min(100%, 610px);
margin: 0 auto;
}
.gp-seop-footer {
grid-template-columns: 1fr;
}
}
@media (max-width: 820px) {
.gp-seop {
padding: 68px 0 62px;
}
.gp-seop-container {
width: min(780px, calc(100% – 40px));
}
.gp-seop-header,
.gp-seop-grid {
grid-template-columns: 1fr;
}
.gp-seop-header {
gap: 22px;
}
.gp-seop-card,
.gp-seop-card-featured,
.gp-seop-card:last-child {
grid-column: auto;
width: 100%;
margin: 0;
transform: none;
}
}
@media (max-width: 620px) {
.gp-seop {
padding: 55px 0 50px;
}
.gp-seop-container {
width: min(100% – 30px, 540px);
}
.gp-seop .gp-seop-title {
font-size: clamp(31px, 9.5vw, 40px) !important;
}
.gp-seop-card {
padding: 21px 16px;
border-radius: 16px;
}
.gp-seop-card-featured .gp-seop-card-top {
padding-top: 35px;
padding-right: 0;
}
.gp-seop-badge {
top: 15px;
right: 15px;
left: 15px;
text-align: center;
}
.gp-seop-summary {
min-height: auto;
}
.gp-seop-footer {
padding: 13px;
}
.gp-seop-footer-points {
display: grid;
grid-template-columns: 1fr 1fr;
}
.gp-seop-footer-points span {
border-radius: 8px;
text-align: center;
}
}
@media (max-width: 390px) {
.gp-seop-container {
width: calc(100% – 24px);
}
.gp-seop .gp-seop-title {
font-size: 29px !important;
}
.gp-seop-footer-points {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
.gp-seop *,
.gp-seop *::before,
.gp-seop *::after {
animation: none !important;
transition: none !important;
}
.gp-seop.gp-seop-js .gp-seop-reveal {
opacity: 1;
transform: none;
}
}

Social Media Management Plans

Monthly Social Media Plans Built for
Consistent Brand Management

Choose a structured monthly plan based on your required platforms,
content volume, publishing workflow, creative formats, and ongoing
management needs.

Supported Platform Direction
Facebook
Instagram
LinkedIn
TikTok
Pinterest
Threads
X
Google Business Profile

Final platform coverage is confirmed within the selected service scope.

Focused Presence

Essential Presence

For businesses that need a dependable publishing foundation across
a focused selection of social platforms.

Monthly Management

$XXX
/ month

Monthly service engagement
Platform Coverage

Up to X Platforms
Content Volume

X Posts Per Month
Plan May Include

• 
  Initial account and content-direction review
• 
  Monthly content planning and calendar
• 
  Branded static and text-based content
• 
  Platform-appropriate caption writing
• 
  Scheduling and publishing support
• 
  Monthly activity summary

Discuss Essential Plan

Recommended

Connected Management

Growth Management

For growing businesses that need broader platform coverage,
multiple content formats, and a structured approval workflow.

Monthly Management

$X,XXX
/ month

Monthly service engagement
Platform Coverage

Up to X Platforms
Content Volume

X Posts Per Month
Plan May Include

• 
  Social media audit and monthly direction
• 
  Structured content calendar and approval system
• 
  Static, carousel, and selected short-form support
• 
  Platform-specific copy and content optimization
• 
  Scheduling, publishing, and account coordination
• 
  Monthly analytics and improvement notes

Choose Growth Management

Advanced Scope

Multi-Platform Management

For businesses that need broader content operations, more
platforms, varied formats, and deeper ongoing coordination.

Monthly Management
Custom Quote
scope-based plan
Configured around the required workload
Platform Coverage
Custom Coverage
Content Volume
Custom Volume
Plan May Include

• 
  Multi-platform strategy and content planning
• 
  Custom content volume and publishing schedule
• 
  Broader static, carousel, and video-content support
• 
  Platform-specific optimization and coordination
• 
  Defined community-management support
• 
  Detailed monthly reporting and recommendations

Request a Custom Plan

Core Management Foundation

Every Confirmed Plan Starts With a Clear Workflow

Initial Review
Relevant accounts, brand direction, and requirements.

Content Planning
A structured monthly publishing direction.

Approval Process
Clear review points before scheduled publishing.

Monthly Learning
Available activity information and practical next steps.

Paid Advertising Is Not Included in These Plans

Social media advertising, campaign management, advertising spend,
influencer fees, professional production, travel, and third-party
tools may require a separate scope or Media Buying engagement.

Discuss Your Requirements

Content quantities, formats, revision limits, community-management
coverage, reporting depth, turnaround times, and client responsibilities
will be confirmed in the final service scope.

.gp-smp,
.gp-smp * {
box-sizing: border-box;
}
.gp-smp {
–gp-smp-navy: #0f172a;
–gp-smp-heading: #1e293b;
–gp-smp-green: #16a34a;
–gp-smp-green-dark: #15803d;
–gp-smp-green-soft: #f0fdf4;
–gp-smp-amber: #f59e0b;
–gp-smp-charcoal: #475569;
–gp-smp-muted: #64748b;
–gp-smp-white: #ffffff;
–gp-smp-light: #f7f9fc;
–gp-smp-card: #ffffff;
–gp-smp-border: #dfe7f0;
position: relative;
isolation: isolate;
width: 100vw;
max-width: 100vw;
margin-right: calc(50% – 50vw);
margin-left: calc(50% – 50vw);
overflow: hidden;
scroll-margin-top: 90px;
background:
linear-gradient(
180deg,
#ffffff 0%,
#f7f9fc 52%,
#ffffff 100%
);
}
.gp-smp__background {
position: absolute;
inset: 0;
z-index: -1;
overflow: hidden;
pointer-events: none;
}
.gp-smp__glow {
position: absolute;
display: block;
border-radius: 50%;
}
.gp-smp__glow–one {
top: -270px;
right: -220px;
width: 560px;
height: 560px;
background: rgba(22, 163, 74, 0.07);
}
.gp-smp__glow–two {
bottom: -270px;
left: -220px;
width: 530px;
height: 530px;
background: rgba(245, 158, 11, 0.055);
}
.gp-smp__dot-pattern {
position: absolute;
top: 70px;
left: 3%;
width: 250px;
height: 250px;
opacity: 0.25;
background-image: radial-gradient(
rgba(22, 163, 74, 0.25) 1px,
transparent 1px
);
background-size: 18px 18px;
-webkit-mask-image: linear-gradient(
135deg,
rgba(0, 0, 0, 0.8),
transparent 75%
);
mask-image: linear-gradient(
135deg,
rgba(0, 0, 0, 0.8),
transparent 75%
);
}
.gp-smp__container {
position: relative;
width: min(1240px, calc(100% – 48px));
margin: 0 auto;
padding: 108px 0 102px;
}
.gp-smp__header {
display: grid;
grid-template-columns: minmax(0, 1.04fr) minmax(340px, 0.58fr);
align-items: end;
gap: clamp(48px, 8vw, 108px);
margin-bottom: 35px;
}
.gp-smp__header-content {
min-width: 0;
}
.gp-smp__eyebrow {
display: inline-flex;
align-items: center;
gap: 9px;
width: fit-content;
margin-bottom: 19px;
padding: 7px 12px 7px 8px;
border: 1px solid rgba(22, 163, 74, 0.17);
border-radius: 999px;
background: var(–gp-smp-green-soft);
color: var(–gp-smp-green-dark);
font-family: inherit;
font-size: 12px;
font-weight: 700;
line-height: 1.35;
letter-spacing: 0.075em;
text-transform: uppercase;
}
.gp-smp__eyebrow-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 29px;
height: 29px;
flex: 0 0 29px;
border-radius: 50%;
background: var(–gp-smp-green);
color: var(–gp-smp-white);
}
.gp-smp__eyebrow-icon svg {
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-smp__title {
max-width: 800px;
margin: 0 !important;
color: var(–gp-smp-navy) !important;
font-family: inherit !important;
font-size: clamp(39px, 4.5vw, 60px) !important;
font-weight: 700 !important;
line-height: 1.13 !important;
letter-spacing: -0.039em !important;
text-wrap: balance;
}
.gp-smp__title span {
color: var(–gp-smp-green);
}
.gp-smp__description {
max-width: 735px;
margin: 20px 0 0 !important;
color: var(–gp-smp-charcoal) !important;
font-family: inherit !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.75 !important;
}
.gp-smp__scope-note {
display: grid;
grid-template-columns: 47px minmax(0, 1fr);
align-items: flex-start;
gap: 14px;
padding: 21px;
border: 1px solid rgba(22, 163, 74, 0.16);
border-radius: 17px;
background: rgba(240, 253, 244, 0.82);
box-shadow: 0 13px 30px rgba(15, 23, 42, 0.05);
}
.gp-smp__scope-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 47px;
height: 47px;
border-radius: 14px;
background: var(–gp-smp-green);
color: var(–gp-smp-white);
box-shadow: 0 10px 22px rgba(22, 163, 74, 0.18);
}
.gp-smp__scope-icon svg {
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-smp__scope-note > div {
min-width: 0;
}
.gp-smp__scope-note strong {
display: block;
color: var(–gp-smp-heading);
font-family: inherit;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
}
.gp-smp__scope-note p {
margin: 6px 0 0 !important;
color: var(–gp-smp-charcoal) !important;
font-family: inherit !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.65 !important;
}
.gp-smp__platforms {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: 12px 22px;
margin-bottom: 43px;
padding: 18px 20px;
border: 1px solid var(–gp-smp-border);
border-radius: 17px;
background: rgba(255, 255, 255, 0.88);
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045);
}
.gp-smp__platforms-label {
color: var(–gp-smp-heading);
font-family: inherit;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
white-space: nowrap;
}
.gp-smp__platform-list {
display: flex;
flex-wrap: wrap;
gap: 7px;
}
.gp-smp__platform-list span {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 28px;
padding: 5px 9px;
border: 1px solid rgba(22, 163, 74, 0.13);
border-radius: 999px;
background: var(–gp-smp-green-soft);
color: var(–gp-smp-green-dark);
font-family: inherit;
font-size: 10px;
font-weight: 700;
line-height: 1.2;
transition:
transform 210ms ease,
background-color 210ms ease,
color 210ms ease;
}
.gp-smp__platform-list span:hover {
background: var(–gp-smp-green);
color: var(–gp-smp-white);
transform: translateY(-2px);
}
.gp-smp__platforms small {
grid-column: 2;
color: var(–gp-smp-muted);
font-family: inherit;
font-size: 10px;
font-weight: 500;
line-height: 1.45;
}
.gp-smp__pricing-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
gap: 20px;
}
.gp-smp__card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
padding: 27px;
overflow: hidden;
border: 1px solid var(–gp-smp-border);
border-radius: 22px;
background: var(–gp-smp-card);
box-shadow:
0 18px 45px rgba(15, 23, 42, 0.075),
0 5px 15px rgba(15, 23, 42, 0.03);
transition:
transform 320ms cubic-bezier(0.2, 0.8, 0.2, 1),
border-color 320ms ease,
box-shadow 320ms ease;
}
.gp-smp__card::after {
position: absolute;
right: -95px;
bottom: -115px;
width: 220px;
height: 220px;
border-radius: 50%;
background: rgba(22, 163, 74, 0.045);
content: “”;
pointer-events: none;
transition:
transform 360ms ease,
background-color 360ms ease;
}
.gp-smp__card:hover {
border-color: rgba(22, 163, 74, 0.36);
transform: translateY(-9px);
box-shadow:
0 29px 62px rgba(15, 23, 42, 0.12),
0 9px 23px rgba(22, 163, 74, 0.07);
}
.gp-smp__card:hover::after {
background: rgba(22, 163, 74, 0.075);
transform: scale(1.12);
}
.gp-smp__card–featured {
border: 2px solid var(–gp-smp-green);
background:
linear-gradient(
180deg,
rgba(240, 253, 244, 0.95) 0%,
#ffffff 22%
);
transform: translateY(-10px);
box-shadow:
0 30px 70px rgba(15, 23, 42, 0.14),
0 12px 30px rgba(22, 163, 74, 0.12);
}
.gp-smp__card–featured:hover {
transform: translateY(-17px);
}
.gp-smp__popular-label {
position: absolute;
top: 0;
right: 26px;
left: 26px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 31px;
border-radius: 0 0 10px 10px;
background: var(–gp-smp-green);
color: var(–gp-smp-white);
font-family: inherit;
font-size: 11px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.gp-smp__popular-label > span {
display: inline-flex;
}
.gp-smp__popular-label svg {
width: 14px;
height: 14px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-smp__card–featured .gp-smp__card-top {
margin-top: 24px;
}
.gp-smp__card-top {
position: relative;
z-index: 2;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
}
.gp-smp__card-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
flex: 0 0 52px;
border: 1px solid rgba(22, 163, 74, 0.14);
border-radius: 15px;
background: var(–gp-smp-green-soft);
color: var(–gp-smp-green);
transition:
transform 260ms ease,
background-color 260ms ease,
color 260ms ease,
box-shadow 260ms ease;
}
.gp-smp__card-icon svg {
width: 25px;
height: 25px;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-smp__card:hover .gp-smp__card-icon {
background: var(–gp-smp-green);
color: var(–gp-smp-white);
transform: translateY(-3px) scale(1.04);
box-shadow: 0 12px 25px rgba(22, 163, 74, 0.2);
}
.gp-smp__badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 29px;
padding: 6px 10px;
border: 1px solid rgba(245, 158, 11, 0.18);
border-radius: 999px;
background: rgba(245, 158, 11, 0.09);
color: #b45309;
font-family: inherit;
font-size: 10px;
font-weight: 700;
line-height: 1.2;
text-align: center;
}
.gp-smp__card-heading {
position: relative;
z-index: 2;
min-height: 145px;
margin-top: 23px;
}
.gp-smp__card-heading h3 {
margin: 0 !important;
color: var(–gp-smp-heading) !important;
font-family: inherit !important;
font-size: 23px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: -0.025em !important;
}
.gp-smp__card-heading p {
margin: 10px 0 0 !important;
color: var(–gp-smp-muted) !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.7 !important;
}
.gp-smp__price {
position: relative;
z-index: 2;
display: grid;
gap: 7px;
min-height: 115px;
margin-top: 20px;
padding: 18px;
border: 1px solid rgba(22, 163, 74, 0.15);
border-radius: 16px;
background: var(–gp-smp-green-soft);
}
.gp-smp__price-label {
color: var(–gp-smp-green-dark);
font-family: inherit;
font-size: 10px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gp-smp__price-value {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 6px;
}
.gp-smp__price-value strong {
color: var(–gp-smp-heading);
font-family: inherit;
font-size: clamp(32px, 3vw, 40px);
font-weight: 700;
line-height: 1;
letter-spacing: -0.04em;
}
.gp-smp__price-value span {
padding-bottom: 3px;
color: var(–gp-smp-muted);
font-family: inherit;
font-size: 11px;
font-weight: 600;
line-height: 1.3;
}
.gp-smp__price-value–quote {
display: grid;
gap: 5px;
}
.gp-smp__price-value–quote strong {
font-size: clamp(28px, 2.6vw, 35px);
}
.gp-smp__price-value–quote span {
padding: 0;
}
.gp-smp__price small {
color: var(–gp-smp-muted);
font-family: inherit;
font-size: 10px;
font-weight: 500;
line-height: 1.4;
}
.gp-smp__coverage {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
margin-top: 14px;
}
.gp-smp__coverage > div {
display: grid;
align-content: start;
gap: 5px;
min-height: 77px;
padding: 13px;
border: 1px solid var(–gp-smp-border);
border-radius: 13px;
background: #f8fafc;
}
.gp-smp__coverage span {
color: var(–gp-smp-muted);
font-family: inherit;
font-size: 9px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.gp-smp__coverage strong {
color: var(–gp-smp-heading);
font-family: inherit;
font-size: 11px;
font-weight: 700;
line-height: 1.45;
}
.gp-smp__features {
position: relative;
z-index: 2;
margin-top: 23px;
}
.gp-smp__features-title {
display: block;
margin-bottom: 15px;
color: var(–gp-smp-heading);
font-family: inherit;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
}
.gp-smp__features ul {
display: grid;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.gp-smp__features li {
display: grid;
grid-template-columns: 23px minmax(0, 1fr);
align-items: flex-start;
gap: 10px;
color: var(–gp-smp-muted);
font-family: inherit;
font-size: 13px;
font-weight: 500;
line-height: 1.53;
}
.gp-smp__check {
display: inline-flex;
align-items: center;
justify-content: center;
width: 23px;
height: 23px;
margin-top: 1px;
border-radius: 50%;
background: var(–gp-smp-green-soft);
color: var(–gp-smp-green);
}
.gp-smp__check svg {
width: 13px;
height: 13px;
fill: none;
stroke: currentColor;
stroke-width: 2.4;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-smp__button {
position: relative;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
width: 100%;
min-height: 52px;
margin-top: 27px;
padding: 13px 17px;
overflow: hidden;
border: 1px solid transparent;
border-radius: 12px;
font-family: inherit;
font-size: 14px;
font-weight: 700;
line-height: 1.25;
text-align: center;
text-decoration: none !important;
transition:
transform 240ms ease,
background-color 240ms ease,
border-color 240ms ease,
color 240ms ease,
box-shadow 240ms ease;
}
.gp-smp__button::before {
position: absolute;
top: 0;
left: -140%;
width: 82%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.2),
transparent
);
content: “”;
transform: skewX(-20deg);
transition: left 520ms ease;
}
.gp-smp__button:hover::before {
left: 145%;
}
.gp-smp__button span,
.gp-smp__button svg {
position: relative;
z-index: 2;
}
.gp-smp__button svg {
width: 18px;
height: 18px;
flex: 0 0 18px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 240ms ease;
}
.gp-smp__button:hover svg {
transform: translateX(4px);
}
.gp-smp__button–primary {
border-color: var(–gp-smp-green);
background: var(–gp-smp-green);
color: var(–gp-smp-white) !important;
box-shadow: 0 13px 28px rgba(22, 163, 74, 0.22);
}
.gp-smp__button–primary:hover {
border-color: var(–gp-smp-green-dark);
background: var(–gp-smp-green-dark);
color: var(–gp-smp-white) !important;
transform: translateY(-3px);
box-shadow: 0 18px 34px rgba(22, 163, 74, 0.27);
}
.gp-smp__button–secondary {
border-color: var(–gp-smp-border);
background: var(–gp-smp-white);
color: var(–gp-smp-heading) !important;
box-shadow: 0 9px 21px rgba(15, 23, 42, 0.06);
}
.gp-smp__button–secondary:hover {
border-color: rgba(22, 163, 74, 0.4);
background: var(–gp-smp-green-soft);
color: var(–gp-smp-green-dark) !important;
transform: translateY(-3px);
box-shadow: 0 15px 29px rgba(15, 23, 42, 0.09);
}
.gp-smp__button:focus-visible,
.gp-smp__notice-link:focus-visible {
outline: 3px solid rgba(245, 158, 11, 0.48);
outline-offset: 4px;
}
.gp-smp__included {
display: grid;
grid-template-columns: minmax(280px, 0.67fr) minmax(0, 1.33fr);
align-items: center;
gap: clamp(34px, 6vw, 75px);
margin-top: 38px;
padding: 29px;
border: 1px solid var(–gp-smp-border);
border-radius: 22px;
background: var(–gp-smp-white);
box-shadow: 0 16px 40px rgba(15, 23, 42, 0.055);
}
.gp-smp__included-intro {
display: grid;
grid-template-columns: 51px minmax(0, 1fr);
align-items: flex-start;
gap: 15px;
}
.gp-smp__included-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 51px;
height: 51px;
border-radius: 15px;
background: var(–gp-smp-green);
color: var(–gp-smp-white);
box-shadow: 0 11px 24px rgba(22, 163, 74, 0.2);
}
.gp-smp__included-icon svg {
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-width: 1.75;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-smp__included-intro > div {
min-width: 0;
}
.gp-smp__included-intro > div > span {
display: block;
margin-bottom: 6px;
color: var(–gp-smp-green-dark);
font-family: inherit;
font-size: 10px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gp-smp__included-intro h3 {
margin: 0 !important;
color: var(–gp-smp-heading) !important;
font-family: inherit !important;
font-size: 21px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
letter-spacing: -0.022em !important;
}
.gp-smp__included-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.gp-smp__included-grid article {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
align-items: flex-start;
gap: 11px;
min-width: 0;
padding: 14px;
border: 1px solid var(–gp-smp-border);
border-radius: 13px;
background: var(–gp-smp-light);
transition:
transform 230ms ease,
border-color 230ms ease,
background-color 230ms ease;
}
.gp-smp__included-grid article:hover {
border-color: rgba(22, 163, 74, 0.25);
background: var(–gp-smp-green-soft);
transform: translateY(-3px);
}
.gp-smp__included-grid article > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 11px;
background: var(–gp-smp-white);
color: var(–gp-smp-green);
box-shadow: 0 7px 17px rgba(15, 23, 42, 0.045);
}
.gp-smp__included-grid article svg {
width: 19px;
height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-smp__included-grid article > div {
display: grid;
gap: 3px;
min-width: 0;
}
.gp-smp__included-grid strong {
color: var(–gp-smp-heading);
font-family: inherit;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.gp-smp__included-grid small {
color: var(–gp-smp-muted);
font-family: inherit;
font-size: 10px;
font-weight: 400;
line-height: 1.5;
}
.gp-smp__notice {
display: grid;
grid-template-columns: 48px minmax(0, 1fr) auto;
align-items: center;
gap: 17px;
margin-top: 23px;
padding: 21px 23px;
border: 1px solid rgba(245, 158, 11, 0.21);
border-radius: 18px;
background: rgba(245, 158, 11, 0.075);
}
.gp-smp__notice-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 14px;
background: var(–gp-smp-amber);
color: var(–gp-smp-white);
box-shadow: 0 11px 23px rgba(245, 158, 11, 0.2);
}
.gp-smp__notice-icon svg {
width: 23px;
height: 23px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-smp__notice-content {
min-width: 0;
}
.gp-smp__notice-content strong {
display: block;
color: var(–gp-smp-heading);
font-family: inherit;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
}
.gp-smp__notice-content p {
margin: 4px 0 0 !important;
color: var(–gp-smp-charcoal) !important;
font-family: inherit !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.62 !important;
}
.gp-smp__notice-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 45px;
padding: 11px 16px;
border: 1px solid var(–gp-smp-green);
border-radius: 11px;
background: var(–gp-smp-white);
color: var(–gp-smp-green-dark) !important;
font-family: inherit;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
text-align: center;
text-decoration: none !important;
white-space: nowrap;
transition:
transform 230ms ease,
background-color 230ms ease,
color 230ms ease,
box-shadow 230ms ease;
}
.gp-smp__notice-link svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 230ms ease;
}
.gp-smp__notice-link:hover {
background: var(–gp-smp-green);
color: var(–gp-smp-white) !important;
transform: translateY(-3px);
box-shadow: 0 12px 25px rgba(22, 163, 74, 0.2);
}
.gp-smp__notice-link:hover svg {
transform: translateX(4px);
}
.gp-smp__footnote {
max-width: 970px;
margin: 20px auto 0 !important;
color: var(–gp-smp-muted) !important;
font-family: inherit !important;
font-size: 11px !important;
font-weight: 400 !important;
line-height: 1.65 !important;
text-align: center;
}
.gp-smp.gp-smp-js .gp-smp-reveal {
opacity: 0;
transform: translateY(25px);
transition:
opacity 720ms ease,
transform 720ms cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: var(–gp-smp-delay, 0ms);
}
.gp-smp.gp-smp-js.gp-smp-visible .gp-smp-reveal {
opacity: 1;
transform: translateY(0);
}
.gp-smp__eyebrow {
–gp-smp-delay: 40ms;
}
.gp-smp__title {
–gp-smp-delay: 100ms;
}
.gp-smp__description {
–gp-smp-delay: 150ms;
}
.gp-smp__scope-note {
–gp-smp-delay: 190ms;
}
.gp-smp__platforms {
–gp-smp-delay: 230ms;
}
.gp-smp__card:nth-child(1) {
–gp-smp-delay: 280ms;
}
.gp-smp__card:nth-child(2) {
–gp-smp-delay: 350ms;
}
.gp-smp__card:nth-child(3) {
–gp-smp-delay: 420ms;
}
.gp-smp__included {
–gp-smp-delay: 490ms;
}
.gp-smp__notice {
–gp-smp-delay: 550ms;
}
.gp-smp__footnote {
–gp-smp-delay: 600ms;
}
@media (max-width: 1050px) {
.gp-smp__container {
padding: 96px 0 92px;
}
.gp-smp__header {
grid-template-columns: 1fr;
gap: 27px;
}
.gp-smp__scope-note {
max-width: 720px;
}
.gp-smp__pricing-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gp-smp__card–featured {
transform: none;
}
.gp-smp__card–featured:hover {
transform: translateY(-9px);
}
.gp-smp__card:nth-child(3) {
grid-column: 1 / -1;
width: min(100%, 610px);
justify-self: center;
}
.gp-smp__included {
grid-template-columns: 1fr;
gap: 25px;
}
.gp-smp__notice {
grid-template-columns: 48px minmax(0, 1fr);
}
.gp-smp__notice-link {
grid-column: 2;
width: fit-content;
}
}
@media (max-width: 820px) {
.gp-smp__container {
width: min(100% – 40px, 720px);
padding: 86px 0 84px;
}
.gp-smp__title {
font-size: clamp(36px, 7vw, 50px) !important;
}
.gp-smp__platforms {
grid-template-columns: 1fr;
}
.gp-smp__platforms small {
grid-column: 1;
}
.gp-smp__pricing-grid {
grid-template-columns: 1fr;
gap: 18px;
}
.gp-smp__card,
.gp-smp__card:nth-child(3) {
grid-column: auto;
width: 100%;
max-width: 630px;
justify-self: center;
}
.gp-smp__card-heading {
min-height: auto;
}
.gp-smp__price {
min-height: auto;
}
}
@media (max-width: 620px) {
.gp-smp__container {
width: min(100% – 32px, 560px);
padding: 74px 0 72px;
}
.gp-smp__header {
margin-bottom: 27px;
}
.gp-smp__eyebrow {
margin-bottom: 16px;
font-size: 10px;
letter-spacing: 0.06em;
}
.gp-smp__title {
font-size: clamp(33px, 10vw, 43px) !important;
line-height: 1.17 !important;
}
.gp-smp__description {
margin-top: 17px !important;
font-size: 15px !important;
line-height: 1.72 !important;
}
.gp-smp__scope-note {
grid-template-columns: 42px minmax(0, 1fr);
padding: 18px;
}
.gp-smp__scope-icon {
width: 42px;
height: 42px;
}
.gp-smp__platforms {
margin-bottom: 34px;
padding: 17px;
}
.gp-smp__card {
padding: 21px;
border-radius: 19px;
}
.gp-smp__popular-label {
right: 21px;
left: 21px;
}
.gp-smp__card-heading h3 {
font-size: 21px !important;
}
.gp-smp__price-value strong {
font-size: 34px;
}
.gp-smp__coverage {
grid-template-columns: 1fr;
}
.gp-smp__coverage > div {
min-height: 0;
}
.gp-smp__included {
padding: 21px;
border-radius: 19px;
}
.gp-smp__included-intro {
grid-template-columns: 46px minmax(0, 1fr);
gap: 13px;
}
.gp-smp__included-icon {
width: 46px;
height: 46px;
}
.gp-smp__included-intro h3 {
font-size: 19px !important;
}
.gp-smp__included-grid {
grid-template-columns: 1fr;
}
.gp-smp__notice {
grid-template-columns: 42px minmax(0, 1fr);
gap: 13px;
padding: 18px;
}
.gp-smp__notice-icon {
width: 42px;
height: 42px;
}
.gp-smp__notice-link {
grid-column: 1 / -1;
width: 100%;
}
}
@media (max-width: 390px) {
.gp-smp__container {
width: calc(100% – 26px);
padding: 66px 0;
}
.gp-smp__title {
font-size: 32px !important;
}
.gp-smp__scope-note {
grid-template-columns: 1fr;
}
.gp-smp__platform-list span {
font-size: 9px;
}
.gp-smp__card {
padding: 18px;
}
.gp-smp__card-top {
align-items: center;
}
.gp-smp__card-icon {
width: 47px;
height: 47px;
flex-basis: 47px;
}
.gp-smp__badge {
max-width: 132px;
}
.gp-smp__included-intro {
grid-template-columns: 1fr;
}
.gp-smp__notice {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
.gp-smp *,
.gp-smp *::before,
.gp-smp *::after {
scroll-behavior: auto !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
.gp-smp.gp-smp-js .gp-smp-reveal {
opacity: 1;
transform: none;
}
}

Monthly Campaign Management

Media Buying
Management Pricing

Choose a management plan based on campaign complexity, advertising
channels, creative requirements, reporting needs, and the level of
ongoing optimization required.

Advertising spend is paid separately to the advertising platform
and is not included in GrowPep’s management fee.

Focused Campaign Scope
For smaller advertising requirements

Paid Media Starter

A focused campaign-management plan for businesses starting with a
defined offer, audience, and selected advertising channel.

Management Fee From

$XXX
Per month · Ad spend separate

Plan may include:

• Initial campaign discovery and direction
• Selected advertising-platform setup
• Basic audience and targeting research
• Campaign and ad-set structure
• Tracking-readiness review
• Available creative-asset implementation
• Routine campaign monitoring
• Monthly activity and performance summary

Management
GrowPep Fee
Media Budget
Paid to Platform


Discuss Starter Plan

Campaign volume, channels, creative production, and tracking work are
confirmed in the approved scope.

Expanded Management

Ongoing Campaign Growth
For active advertising programs

Growth Campaign Management

Expanded management for businesses that need multiple campaigns,
structured testing, deeper optimization, and clearer reporting.

Management Fee From

$XXX
Per month · Ad spend separate

Plan may include:

• Everything in the Starter direction
• Expanded campaign and audience structure
• Multiple campaign-objective coordination
• Creative testing and variation planning
• Remarketing-audience setup support
• Budget-distribution recommendations
• Ongoing campaign optimization
• Landing-page and conversion-path review
• Monthly reporting and next priorities

Management
GrowPep Fee
Media Budget
Paid to Platform


Discuss Growth Plan

Suitable for businesses requiring more consistent testing,
optimization, and campaign coordination.

Advanced Advertising Scope
For complex multi-channel campaigns

Custom Media Partnership

A tailored management structure for multiple platforms, markets,
brands, locations, funnels, or complex advertising operations.

Management Pricing

Custom Quote

Based on approved scope · Ad spend separate

Plan may include:

• Custom media audit and strategic planning
• Multi-platform campaign coordination
• Advanced audience and funnel mapping
• Market, location, or product segmentation
• Creative-production workflow coordination
• Tracking and attribution review
• Custom testing and optimization roadmap
• Stakeholder and campaign reporting
• Coordination with website and content teams

Management
Custom Scope
Media Budget
Paid to Platform


Request Custom Proposal

Custom pricing is prepared after reviewing platforms, markets,
campaign volume, tracking, assets, and reporting requirements.

Responsible Media Buying

GrowPep manages campaign structure, monitoring, testing, and
optimization within the approved scope, but does not guarantee
leads, sales, ROAS, platform approval, or specific performance.

Ad spend separate
No guaranteed ROAS
No guaranteed sales
Clear campaign scope

.gp-mbp {
–gp-mbp-navy: #0f172a;
–gp-mbp-text: #475569;
–gp-mbp-muted: #64748b;
–gp-mbp-green: #16a34a;
–gp-mbp-green-dark: #12813b;
–gp-mbp-green-soft: #f0fdf4;
–gp-mbp-amber: #f59e0b;
–gp-mbp-amber-soft: #fffbeb;
–gp-mbp-light: #f7f9fc;
–gp-mbp-border: #dfe7f0;
–gp-mbp-border-soft: #e8eef5;
position: relative;
isolation: isolate;
width: 100vw;
max-width: 100vw;
margin-left: calc(50% – 50vw);
margin-right: calc(50% – 50vw);
padding: 86px 0 76px;
overflow: hidden;
background: #ffffff;
color: var(–gp-mbp-navy);
font-family: inherit;
}
.gp-mbp,
.gp-mbp *,
.gp-mbp *::before,
.gp-mbp *::after {
box-sizing: border-box;
}
.gp-mbp-container {
width: min(1240px, calc(100% – 48px));
margin: 0 auto;
}
.gp-mbp-header {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(380px, 0.75fr);
align-items: end;
gap: clamp(45px, 6vw, 82px);
margin-bottom: 38px;
}
.gp-mbp-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
color: var(–gp-mbp-green-dark);
font-size: 13px;
font-weight: 800;
line-height: 1.4;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gp-mbp-eyebrow-icon {
display: grid;
place-items: center;
width: 40px;
height: 40px;
border: 1px solid rgba(22, 163, 74, 0.16);
border-radius: 11px;
background: var(–gp-mbp-green-soft);
color: var(–gp-mbp-green);
}
.gp-mbp-eyebrow-icon svg,
.gp-mbp-budget-icon svg,
.gp-mbp-icon svg,
.gp-mbp-disclaimer-icon svg {
fill: none;
stroke: currentColor;
stroke-width: 1.55;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-mbp-eyebrow-icon svg {
width: 22px;
height: 22px;
}
.gp-mbp .gp-mbp-title {
margin: 0 !important;
padding: 0 !important;
color: var(–gp-mbp-navy) !important;
-webkit-text-fill-color: var(–gp-mbp-navy) !important;
font-family: inherit !important;
font-size: clamp(40px, 4vw, 56px) !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: -0.045em !important;
}
.gp-mbp .gp-mbp-title span {
display: block;
color: var(–gp-mbp-green) !important;
-webkit-text-fill-color: var(–gp-mbp-green) !important;
}
.gp-mbp-intro > p {
margin: 0;
color: var(–gp-mbp-text);
font-size: 15px;
font-weight: 500;
line-height: 1.72;
}
.gp-mbp-budget-note {
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
align-items: center;
gap: 10px;
margin-top: 15px;
padding: 11px;
border: 1px solid rgba(245, 158, 11, 0.22);
border-radius: 11px;
background: var(–gp-mbp-amber-soft);
}
.gp-mbp-budget-icon {
display: grid;
place-items: center;
width: 40px;
height: 40px;
border-radius: 9px;
background: #ffffff;
color: var(–gp-mbp-amber);
}
.gp-mbp-budget-icon svg {
width: 21px;
height: 21px;
}
.gp-mbp-budget-note strong {
color: #73551e;
font-size: 12px;
font-weight: 650;
line-height: 1.5;
}
.gp-mbp-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
gap: 17px;
}
.gp-mbp-card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
padding: 25px;
overflow: hidden;
border: 1px solid var(–gp-mbp-border);
border-radius: 20px;
background: var(–gp-mbp-light);
box-shadow: 0 18px 48px rgba(15, 23, 42, 0.06);
transition:
transform 0.35s ease,
border-color 0.32s ease,
box-shadow 0.32s ease;
}
.gp-mbp-card::after {
content: “”;
position: absolute;
right: 26px;
bottom: 0;
left: 26px;
height: 3px;
background: linear-gradient(
90deg,
var(–gp-mbp-green),
var(–gp-mbp-amber)
);
transform: scaleX(0);
transition: transform 0.32s ease;
}
.gp-mbp-card:hover {
border-color: rgba(22, 163, 74, 0.26);
box-shadow: 0 28px 65px rgba(15, 23, 42, 0.12);
transform: translateY(-8px);
}
.gp-mbp-card:hover::after,
.gp-mbp-card-featured::after {
transform: scaleX(1);
}
.gp-mbp-card-featured {
border-color: rgba(22, 163, 74, 0.38);
background: #ffffff;
box-shadow: 0 25px 62px rgba(22, 163, 74, 0.12);
transform: translateY(-9px);
}
.gp-mbp-badge {
position: absolute;
top: 18px;
right: 18px;
padding: 7px 10px;
border-radius: 999px;
background: var(–gp-mbp-green);
color: #ffffff;
font-size: 10px;
font-weight: 800;
line-height: 1.3;
text-transform: uppercase;
}
.gp-mbp-card-top {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
align-items: center;
gap: 11px;
}
.gp-mbp-card-featured .gp-mbp-card-top {
padding-right: 118px;
}
.gp-mbp-icon {
display: grid;
place-items: center;
width: 52px;
height: 52px;
border-radius: 13px;
background: var(–gp-mbp-green-soft);
color: var(–gp-mbp-green);
transition:
transform 0.3s ease,
background-color 0.3s ease,
color 0.3s ease;
}
.gp-mbp-card:hover .gp-mbp-icon {
background: var(–gp-mbp-green);
color: #ffffff;
transform: rotate(-5deg) scale(1.05);
}
.gp-mbp-icon svg {
width: 27px;
height: 27px;
}
.gp-mbp-card-top small {
display: block;
color: var(–gp-mbp-green-dark);
font-size: 11px;
font-weight: 800;
line-height: 1.35;
text-transform: uppercase;
}
.gp-mbp-card-top strong {
display: block;
margin-top: 3px;
color: var(–gp-mbp-muted);
font-size: 11px;
font-weight: 600;
line-height: 1.4;
}
.gp-mbp-card h3 {
margin: 21px 0 0 !important;
color: var(–gp-mbp-navy) !important;
-webkit-text-fill-color: var(–gp-mbp-navy) !important;
font-family: inherit !important;
font-size: 25px !important;
font-weight: 650 !important;
line-height: 1.25 !important;
letter-spacing: -0.025em !important;
}
.gp-mbp-summary {
min-height: 84px;
margin: 10px 0 0;
color: var(–gp-mbp-text);
font-size: 13px;
font-weight: 500;
line-height: 1.62;
}
.gp-mbp-price {
margin-top: 20px;
}
.gp-mbp-price > span {
display: block;
color: var(–gp-mbp-muted);
font-size: 11px;
font-weight: 800;
line-height: 1.35;
text-transform: uppercase;
}
.gp-mbp-price strong {
display: block;
margin-top: 5px;
color: var(–gp-mbp-green);
font-family: inherit;
font-size: 43px;
font-weight: 700;
line-height: 1.05;
letter-spacing: -0.045em;
}
.gp-mbp-price .gp-mbp-custom-price {
font-size: 34px;
}
.gp-mbp-price small {
display: block;
margin-top: 5px;
color: var(–gp-mbp-muted);
font-size: 11px;
font-weight: 600;
line-height: 1.4;
}
.gp-mbp-divider {
height: 1px;
margin: 21px 0;
background: var(–gp-mbp-border-soft);
}
.gp-mbp-card h4 {
margin: 0 !important;
color: var(–gp-mbp-navy) !important;
-webkit-text-fill-color: var(–gp-mbp-navy) !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 650 !important;
line-height: 1.4 !important;
}
.gp-mbp-features {
display: grid;
gap: 10px;
margin: 15px 0 20px;
padding: 0;
list-style: none;
}
.gp-mbp-features li {
position: relative;
padding-left: 26px;
color: var(–gp-mbp-text);
font-size: 12px;
font-weight: 600;
line-height: 1.5;
}
.gp-mbp-features li::before {
content: “✓”;
position: absolute;
top: 0;
left: 0;
display: grid;
place-items: center;
width: 18px;
height: 18px;
border-radius: 50%;
background: var(–gp-mbp-green-soft);
color: var(–gp-mbp-green);
font-size: 11px;
font-weight: 900;
}
.gp-mbp-separation {
display: grid;
grid-template-columns: 1fr auto 1fr;
gap: 4px 12px;
margin: 0 0 20px;
padding: 12px;
border: 1px solid var(–gp-mbp-border);
border-radius: 10px;
background: #ffffff;
}
.gp-mbp-separation span {
color: var(–gp-mbp-muted);
font-size: 9px;
font-weight: 800;
text-transform: uppercase;
}
.gp-mbp-separation span:nth-of-type(2),
.gp-mbp-separation strong:nth-of-type(2) {
text-align: right;
}
.gp-mbp-separation strong {
color: var(–gp-mbp-navy);
font-size: 10px;
font-weight: 800;
}
.gp-mbp-separation i {
grid-column: 2;
grid-row: 1 / 3;
width: 1px;
height: 100%;
background: var(–gp-mbp-border);
}
.gp-mbp-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
min-height: 49px;
margin-top: auto;
padding: 11px 14px;
border-radius: 9px;
font-size: 12px;
font-weight: 800;
line-height: 1.35;
text-decoration: none !important;
transition:
transform 0.3s ease,
border-color 0.3s ease,
background-color 0.3s ease,
box-shadow 0.3s ease;
}
.gp-mbp-button svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 0.3s ease;
}
.gp-mbp-button:hover svg {
transform: translateX(4px);
}
.gp-mbp-button-primary {
border: 1px solid var(–gp-mbp-green);
background: var(–gp-mbp-green);
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 14px 30px rgba(22, 163, 74, 0.2);
}
.gp-mbp-button-primary:hover {
background: var(–gp-mbp-green-dark);
transform: translateY(-3px);
}
.gp-mbp-button-outline {
border: 1px solid var(–gp-mbp-border);
background: #ffffff;
color: var(–gp-mbp-navy) !important;
-webkit-text-fill-color: var(–gp-mbp-navy) !important;
}
.gp-mbp-button-outline:hover {
border-color: rgba(22, 163, 74, 0.28);
background: var(–gp-mbp-green-soft);
transform: translateY(-3px);
}
.gp-mbp-button:focus-visible {
outline: 3px solid rgba(245, 158, 11, 0.55);
outline-offset: 4px;
}
.gp-mbp-card-note {
margin: 13px 0 0;
color: var(–gp-mbp-muted);
font-size: 10px;
font-weight: 550;
line-height: 1.5;
text-align: center;
}
.gp-mbp-disclaimer {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 22px;
margin-top: 24px;
padding: 16px;
border: 1px solid rgba(22, 163, 74, 0.18);
border-radius: 13px;
background: var(–gp-mbp-green-soft);
}
.gp-mbp-disclaimer-copy {
display: grid;
grid-template-columns: 46px minmax(0, 1fr);
align-items: center;
gap: 11px;
}
.gp-mbp-disclaimer-icon {
display: grid;
place-items: center;
width: 46px;
height: 46px;
border-radius: 11px;
background: var(–gp-mbp-navy);
color: #ffffff;
}
.gp-mbp-disclaimer-icon svg {
width: 24px;
height: 24px;
}
.gp-mbp-disclaimer-copy small {
display: block;
color: var(–gp-mbp-green-dark);
font-size: 11px;
font-weight: 800;
line-height: 1.35;
text-transform: uppercase;
}
.gp-mbp-disclaimer-copy strong {
display: block;
margin-top: 3px;
color: var(–gp-mbp-text);
font-size: 12px;
font-weight: 650;
line-height: 1.5;
}
.gp-mbp-disclaimer-points {
display: flex;
flex-wrap: wrap;
gap: 7px;
}
.gp-mbp-disclaimer-points span {
padding: 8px 10px;
border: 1px solid rgba(22, 163, 74, 0.16);
border-radius: 999px;
background: #ffffff;
color: var(–gp-mbp-green-dark);
font-size: 10px;
font-weight: 800;
}
.gp-mbp.gp-mbp-js .gp-mbp-reveal {
opacity: 0;
transform: translateY(26px);
transition:
opacity 0.82s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.82s cubic-bezier(0.22, 1, 0.36, 1);
}
.gp-mbp.gp-mbp-js .gp-mbp-grid {
transition-delay: 0.08s;
}
.gp-mbp.gp-mbp-js .gp-mbp-disclaimer {
transition-delay: 0.16s;
}
.gp-mbp.gp-mbp-visible .gp-mbp-reveal {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 1050px) {
.gp-mbp-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gp-mbp-card:last-child {
grid-column: 1 / -1;
width: min(100%, 610px);
margin: 0 auto;
}
.gp-mbp-disclaimer {
grid-template-columns: 1fr;
}
}
@media (max-width: 820px) {
.gp-mbp {
padding: 68px 0 62px;
}
.gp-mbp-container {
width: min(780px, calc(100% – 40px));
}
.gp-mbp-header,
.gp-mbp-grid {
grid-template-columns: 1fr;
}
.gp-mbp-header {
gap: 22px;
}
.gp-mbp-card,
.gp-mbp-card-featured,
.gp-mbp-card:last-child {
grid-column: auto;
width: 100%;
margin: 0;
transform: none;
}
}
@media (max-width: 620px) {
.gp-mbp {
padding: 55px 0 50px;
}
.gp-mbp-container {
width: min(100% – 30px, 540px);
}
.gp-mbp .gp-mbp-title {
font-size: clamp(31px, 9.5vw, 40px) !important;
line-height: 1.14 !important;
}
.gp-mbp-intro > p {
font-size: 14px;
line-height: 1.68;
}
.gp-mbp-card {
padding: 21px 16px;
border-radius: 16px;
}
.gp-mbp-card-featured .gp-mbp-card-top {
padding-top: 35px;
padding-right: 0;
}
.gp-mbp-badge {
top: 15px;
right: 15px;
left: 15px;
text-align: center;
}
.gp-mbp-summary {
min-height: auto;
}
.gp-mbp-disclaimer {
padding: 13px;
}
.gp-mbp-disclaimer-points {
display: grid;
grid-template-columns: 1fr 1fr;
}
.gp-mbp-disclaimer-points span {
border-radius: 8px;
text-align: center;
}
}
@media (max-width: 390px) {
.gp-mbp-container {
width: calc(100% – 24px);
}
.gp-mbp .gp-mbp-title {
font-size: 29px !important;
}
.gp-mbp-disclaimer-points {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
.gp-mbp *,
.gp-mbp *::before,
.gp-mbp *::after {
animation: none !important;
transition: none !important;
}
.gp-mbp.gp-mbp-js .gp-mbp-reveal {
opacity: 1;
transform: none;
}
}

Connected Service Options

Multi-Service Bundles
& Add-ons

Combine related GrowPep services under one coordinated scope or add
specific deliverables to an existing package when your project needs
additional support.

Final pricing depends on service scope, platforms, content,
integrations, campaign requirements, and delivery responsibilities.

Combined Service Packages

Choose a Connected Starting Point

Bundles align related services through one project direction while
keeping each deliverable clearly defined.

Website + Visibility
For new digital foundations

Digital Launch Bundle

A connected starting package for businesses that need a professional
website and an organized foundation for search visibility.

Starting From

$XXX
One-time project

• WordPress website development scope
• Responsive page and section design
• Technical SEO foundation
• Priority-page on-page setup
• Analytics and tracking readiness
• Launch review and handover

Discuss Launch Bundle

Connected Monthly Support

Visibility + Trust
For ongoing digital improvement

Growth & Reputation Bundle

Ongoing support connecting search visibility, reputation monitoring,
response guidance, and coordinated digital improvement.

Starting From

$XXX
Per month

• Monthly SEO support
• Selected reputation-platform monitoring
• Review response drafting support
• Priority profile consistency checks
• Content and visibility recommendations
• Combined monthly activity summary

Discuss Growth Bundle

Multiple Connected Services
For broader digital requirements

Digital Growth Partnership

A tailored engagement connecting multiple GrowPep capabilities around
an approved roadmap, priorities, and communication structure.

Partnership Pricing

Custom Quote

Based on approved scope

• Custom service and priority planning
• Website and technical coordination
• SEO and content direction
• Reputation-management support
• Social media or paid-media coordination
• Combined reporting and project communication

Request Custom Proposal

Optional Scope Extensions

Available Add-ons

Add-ons are quoted alongside an active service or approved project
and may require additional access, content, tools, or delivery time.

Additional Website Page

An additional page designed within the approved website system.

$XXX

Landing Page Design

A focused campaign or service landing page with clear conversion paths.

$XXX

SEO Content Brief

Research-backed direction for one approved priority content topic.

$XXX

Additional Reputation Platform

Monitoring support for one additional approved public platform.

$XXX

Additional Advertising Channel

Campaign-management scope for one additional approved platform.

$XXX

Additional Social Platform

Content adaptation and management for one additional platform.

$XXX

Reporting Upgrade

Expanded reporting structure with additional service-level details.

$XXX

Priority Coordination

Additional project coordination for an approved accelerated scope.

Custom

Important Pricing Note

Domain, hosting, advertising spend, premium software, third-party
subscriptions, content production, and external platform fees are
separate unless clearly included in the approved proposal.



Build a Custom Package

.gp-bao {
–gp-bao-navy: #0f172a;
–gp-bao-text: #475569;
–gp-bao-muted: #64748b;
–gp-bao-green: #16a34a;
–gp-bao-green-dark: #12813b;
–gp-bao-green-soft: #f0fdf4;
–gp-bao-amber: #f59e0b;
–gp-bao-amber-soft: #fffbeb;
–gp-bao-light: #f7f9fc;
–gp-bao-border: #dfe7f0;
–gp-bao-border-soft: #e8eef5;
position: relative;
width: 100vw;
max-width: 100vw;
margin-left: calc(50% – 50vw);
margin-right: calc(50% – 50vw);
padding: 86px 0 76px;
overflow: hidden;
background: var(–gp-bao-light);
color: var(–gp-bao-navy);
font-family: inherit;
}
.gp-bao,
.gp-bao *,
.gp-bao *::before,
.gp-bao *::after {
box-sizing: border-box;
}
.gp-bao-container {
width: min(1240px, calc(100% – 48px));
margin: 0 auto;
}
.gp-bao-header {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(380px, 0.75fr);
align-items: end;
gap: clamp(45px, 6vw, 82px);
margin-bottom: 42px;
}
.gp-bao-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
color: var(–gp-bao-green-dark);
font-size: 13px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gp-bao-eyebrow-icon {
display: grid;
place-items: center;
width: 40px;
height: 40px;
border: 1px solid rgba(22, 163, 74, 0.16);
border-radius: 11px;
background: var(–gp-bao-green-soft);
color: var(–gp-bao-green);
}
.gp-bao svg {
fill: none;
stroke: currentColor;
stroke-width: 1.55;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-bao-eyebrow-icon svg {
width: 22px;
height: 22px;
}
.gp-bao .gp-bao-title {
margin: 0 !important;
color: var(–gp-bao-navy) !important;
-webkit-text-fill-color: var(–gp-bao-navy) !important;
font-family: inherit !important;
font-size: clamp(40px, 4vw, 56px) !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: -0.045em !important;
}
.gp-bao .gp-bao-title span {
display: block;
color: var(–gp-bao-green) !important;
-webkit-text-fill-color: var(–gp-bao-green) !important;
}
.gp-bao-intro > p {
margin: 0;
color: var(–gp-bao-text);
font-size: 15px;
font-weight: 500;
line-height: 1.72;
}
.gp-bao-intro-note {
display: grid;
grid-template-columns: 35px minmax(0, 1fr);
align-items: center;
gap: 9px;
margin-top: 15px;
padding: 11px;
border: 1px solid rgba(245, 158, 11, 0.22);
border-radius: 11px;
background: var(–gp-bao-amber-soft);
color: #73551e;
font-size: 12px;
font-weight: 650;
line-height: 1.5;
}
.gp-bao-intro-note svg {
width: 21px;
height: 21px;
color: var(–gp-bao-amber);
}
.gp-bao-section-label,
.gp-bao-addon-head {
display: grid;
grid-template-columns: minmax(0, 0.8fr) minmax(380px, 0.75fr);
align-items: end;
gap: 40px;
margin-bottom: 21px;
}
.gp-bao-section-label small,
.gp-bao-addon-head small {
display: block;
color: var(–gp-bao-green-dark);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.gp-bao-section-label h3,
.gp-bao-addon-head h3 {
margin: 5px 0 0 !important;
color: var(–gp-bao-navy) !important;
-webkit-text-fill-color: var(–gp-bao-navy) !important;
font-family: inherit !important;
font-size: 28px !important;
font-weight: 650 !important;
line-height: 1.25 !important;
}
.gp-bao-section-label p,
.gp-bao-addon-head p {
margin: 0;
color: var(–gp-bao-text);
font-size: 13px;
font-weight: 500;
line-height: 1.65;
}
.gp-bao-bundles {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 17px;
}
.gp-bao-bundle {
position: relative;
display: flex;
flex-direction: column;
padding: 25px;
overflow: hidden;
border: 1px solid var(–gp-bao-border);
border-radius: 20px;
background: #ffffff;
box-shadow: 0 18px 48px rgba(15, 23, 42, 0.06);
transition:
transform 0.32s ease,
border-color 0.32s ease,
box-shadow 0.32s ease;
}
.gp-bao-bundle::after {
content: “”;
position: absolute;
right: 25px;
bottom: 0;
left: 25px;
height: 3px;
background: linear-gradient(90deg, var(–gp-bao-green), var(–gp-bao-amber));
transform: scaleX(0);
transition: transform 0.32s ease;
}
.gp-bao-bundle:hover {
border-color: rgba(22, 163, 74, 0.28);
box-shadow: 0 28px 65px rgba(15, 23, 42, 0.11);
transform: translateY(-7px);
}
.gp-bao-bundle:hover::after,
.gp-bao-bundle-featured::after {
transform: scaleX(1);
}
.gp-bao-bundle-featured {
border-color: rgba(22, 163, 74, 0.4);
box-shadow: 0 25px 62px rgba(22, 163, 74, 0.12);
transform: translateY(-8px);
}
.gp-bao-badge {
position: absolute;
top: 18px;
right: 18px;
padding: 7px 10px;
border-radius: 999px;
background: var(–gp-bao-green);
color: #ffffff;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
}
.gp-bao-bundle-top {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
align-items: center;
gap: 11px;
}
.gp-bao-bundle-featured .gp-bao-bundle-top {
padding-right: 130px;
}
.gp-bao-bundle-icon,
.gp-bao-addon-icon {
display: grid;
place-items: center;
flex: 0 0 auto;
background: var(–gp-bao-green-soft);
color: var(–gp-bao-green);
}
.gp-bao-bundle-icon {
width: 52px;
height: 52px;
border-radius: 13px;
}
.gp-bao-bundle-icon svg {
width: 27px;
height: 27px;
}
.gp-bao-bundle-top small {
display: block;
color: var(–gp-bao-green-dark);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
}
.gp-bao-bundle-top strong {
display: block;
margin-top: 3px;
color: var(–gp-bao-muted);
font-size: 11px;
font-weight: 600;
}
.gp-bao-bundle > h3 {
margin: 21px 0 0 !important;
color: var(–gp-bao-navy) !important;
-webkit-text-fill-color: var(–gp-bao-navy) !important;
font-family: inherit !important;
font-size: 24px !important;
font-weight: 650 !important;
line-height: 1.25 !important;
}
.gp-bao-summary {
min-height: 83px;
margin: 10px 0 0;
color: var(–gp-bao-text);
font-size: 13px;
font-weight: 500;
line-height: 1.62;
}
.gp-bao-price {
margin-top: 19px;
padding: 16px 0;
border-top: 1px solid var(–gp-bao-border-soft);
border-bottom: 1px solid var(–gp-bao-border-soft);
}
.gp-bao-price > span {
display: block;
color: var(–gp-bao-muted);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
}
.gp-bao-price strong {
display: block;
margin-top: 5px;
color: var(–gp-bao-green);
font-family: inherit;
font-size: 42px;
font-weight: 700;
line-height: 1.05;
letter-spacing: -0.045em;
}
.gp-bao-price .gp-bao-custom-price {
font-size: 32px;
}
.gp-bao-price small {
display: block;
margin-top: 5px;
color: var(–gp-bao-muted);
font-size: 11px;
font-weight: 600;
}
.gp-bao-features {
display: grid;
gap: 10px;
margin: 20px 0 24px;
padding: 0;
list-style: none;
}
.gp-bao-features li {
position: relative;
padding-left: 26px;
color: var(–gp-bao-text);
font-size: 12px;
font-weight: 600;
line-height: 1.5;
}
.gp-bao-features li::before {
content: “✓”;
position: absolute;
top: 0;
left: 0;
display: grid;
place-items: center;
width: 18px;
height: 18px;
border-radius: 50%;
background: var(–gp-bao-green-soft);
color: var(–gp-bao-green);
font-size: 11px;
font-weight: 900;
}
.gp-bao-button,
.gp-bao-footer > a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 49px;
padding: 11px 14px;
border-radius: 9px;
font-size: 12px;
font-weight: 800;
text-decoration: none !important;
transition:
transform 0.3s ease,
border-color 0.3s ease,
background-color 0.3s ease;
}
.gp-bao-button {
width: 100%;
margin-top: auto;
}
.gp-bao-button svg,
.gp-bao-footer > a svg {
width: 17px;
height: 17px;
}
.gp-bao-button-primary,
.gp-bao-footer > a {
border: 1px solid var(–gp-bao-green);
background: var(–gp-bao-green);
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
.gp-bao-button-primary:hover,
.gp-bao-footer > a:hover {
background: var(–gp-bao-green-dark);
transform: translateY(-3px);
}
.gp-bao-button-outline {
border: 1px solid var(–gp-bao-border);
background: #ffffff;
color: var(–gp-bao-navy) !important;
-webkit-text-fill-color: var(–gp-bao-navy) !important;
}
.gp-bao-button-outline:hover {
border-color: rgba(22, 163, 74, 0.3);
background: var(–gp-bao-green-soft);
transform: translateY(-3px);
}
.gp-bao-button:focus-visible,
.gp-bao-footer > a:focus-visible {
outline: 3px solid rgba(245, 158, 11, 0.55);
outline-offset: 4px;
}
.gp-bao-addon-area {
margin-top: 70px;
}
.gp-bao-addons {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.gp-bao-addon {
display: grid;
grid-template-columns: 46px minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
min-width: 0;
padding: 15px;
border: 1px solid var(–gp-bao-border);
border-radius: 13px;
background: #ffffff;
transition:
transform 0.3s ease,
border-color 0.3s ease,
box-shadow 0.3s ease;
}
.gp-bao-addon:hover {
border-color: rgba(22, 163, 74, 0.26);
box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07);
transform: translateY(-4px);
}
.gp-bao-addon-icon {
width: 46px;
height: 46px;
border-radius: 11px;
}
.gp-bao-addon-icon svg {
width: 23px;
height: 23px;
}
.gp-bao-addon h4 {
margin: 0 !important;
color: var(–gp-bao-navy) !important;
-webkit-text-fill-color: var(–gp-bao-navy) !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 650 !important;
line-height: 1.4 !important;
}
.gp-bao-addon p {
margin: 4px 0 0;
color: var(–gp-bao-muted);
font-size: 11px;
font-weight: 550;
line-height: 1.48;
}
.gp-bao-addon > strong,
.gp-bao-addon-custom {
padding: 8px 10px;
border-radius: 999px;
background: var(–gp-bao-green-soft);
color: var(–gp-bao-green-dark);
font-family: inherit;
font-size: 13px;
font-weight: 700;
white-space: nowrap;
}
.gp-bao-footer {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 24px;
margin-top: 24px;
padding: 16px;
border: 1px solid rgba(22, 163, 74, 0.18);
border-radius: 13px;
background: var(–gp-bao-green-soft);
}
.gp-bao-footer-copy {
display: grid;
grid-template-columns: 46px minmax(0, 1fr);
align-items: center;
gap: 11px;
}
.gp-bao-footer-icon {
display: grid;
place-items: center;
width: 46px;
height: 46px;
border-radius: 11px;
background: var(–gp-bao-navy);
color: #ffffff;
}
.gp-bao-footer-icon svg {
width: 24px;
height: 24px;
}
.gp-bao-footer-copy small {
display: block;
color: var(–gp-bao-green-dark);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
}
.gp-bao-footer-copy strong {
display: block;
margin-top: 3px;
color: var(–gp-bao-text);
font-size: 12px;
font-weight: 650;
line-height: 1.5;
}
.gp-bao-footer > a {
white-space: nowrap;
}
.gp-bao.gp-bao-js .gp-bao-reveal {
opacity: 0;
transform: translateY(25px);
transition:
opacity 0.8s ease,
transform 0.8s ease;
}
.gp-bao.gp-bao-visible .gp-bao-reveal {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 1050px) {
.gp-bao-bundles {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gp-bao-bundle:last-child {
grid-column: 1 / -1;
width: min(100%, 610px);
margin: 0 auto;
}
.gp-bao-footer {
grid-template-columns: 1fr;
}
}
@media (max-width: 820px) {
.gp-bao {
padding: 68px 0 62px;
}
.gp-bao-container {
width: min(780px, calc(100% – 40px));
}
.gp-bao-header,
.gp-bao-section-label,
.gp-bao-addon-head {
grid-template-columns: 1fr;
gap: 20px;
}
.gp-bao-bundles {
grid-template-columns: 1fr;
}
.gp-bao-bundle,
.gp-bao-bundle-featured,
.gp-bao-bundle:last-child {
grid-column: auto;
width: 100%;
margin: 0;
transform: none;
}
.gp-bao-addons {
grid-template-columns: 1fr;
}
}
@media (max-width: 620px) {
.gp-bao {
padding: 55px 0 50px;
}
.gp-bao-container {
width: min(100% – 30px, 540px);
}
.gp-bao .gp-bao-title {
font-size: clamp(31px, 9.5vw, 40px) !important;
}
.gp-bao-bundle {
padding: 21px 16px;
border-radius: 16px;
}
.gp-bao-bundle-featured .gp-bao-bundle-top {
padding-top: 35px;
padding-right: 0;
}
.gp-bao-badge {
top: 15px;
right: 15px;
left: 15px;
text-align: center;
}
.gp-bao-summary {
min-height: auto;
}
.gp-bao-addon {
grid-template-columns: 42px minmax(0, 1fr);
}
.gp-bao-addon > strong,
.gp-bao-addon-custom {
grid-column: 2;
justify-self: start;
}
.gp-bao-footer {
padding: 13px;
}
.gp-bao-footer > a {
width: 100%;
}
}
@media (max-width: 390px) {
.gp-bao-container {
width: calc(100% – 24px);
}
.gp-bao .gp-bao-title {
font-size: 29px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.gp-bao *,
.gp-bao *::before,
.gp-bao *::after {
animation: none !important;
transition: none !important;
}
.gp-bao.gp-bao-js .gp-bao-reveal {
opacity: 1;
transform: none;
}
}

Project Pricing Factors

What Affects Your
Project Price?

Digital service pricing is shaped by more than the service name
alone. GrowPep reviews the required scope, workload, complexity,
platforms, responsibilities, and delivery conditions before
confirming a final proposal.

08
Core Considerations

How GrowPep Reviews Pricing Requirements

Some projects are focused and clearly defined. Others require more
pages, platforms, integrations, content, approvals, or ongoing
coordination. Each additional requirement can affect the necessary
time, expertise, management, and delivery scope.

Review
Current needs and context


Define
Scope and deliverables


Confirm
Proposal and boundaries

A larger budget is not automatically recommended. The goal is to
identify a practical scope that supports the actual business
requirement.

01

Service Scope & Deliverables

The number of services, pages, campaigns, content pieces,
platforms, features, or completed deliverables required.

Pricing Impact
Workload and delivery volume

02

Technical Complexity

Custom functionality, advanced workflows, user permissions,
automation, databases, or technical dependencies require deeper
planning and implementation.

Pricing Impact
Development and testing depth

03

Platforms & Channels

Managing several websites, social platforms, advertising channels,
business profiles, locations, or target markets increases
coordination requirements.

Pricing Impact
Coverage and coordination

04

Competition & Market Context

SEO, media buying, reputation, and social campaigns may require
different levels of research and ongoing work depending on the
market and audience.

Pricing Impact
Research and strategic depth

05

Content & Creative Requirements

Copywriting, graphics, videos, landing pages, campaign assets,
product information, or content migration may require a separate
production workload.

Pricing Impact
Production volume and formats

06

Integrations & Third-Party Systems

Payment systems, CRM platforms, APIs, analytics tools, premium
software, automation, or external services can change the
implementation scope.

Pricing Impact
Connection and configuration

07

Timeline & Delivery Priority

Standard timelines support structured delivery. Urgent work,
compressed approval periods, or fixed launch dates may require
additional resources and coordination.

Pricing Impact
Scheduling and resource allocation

08

Ongoing Support & Management

Maintenance, reporting, optimization, monitoring, publishing,
support, or continued development can be included through an
ongoing service arrangement.

Pricing Impact
Recurring service involvement

Client-Side Dependencies

Project Readiness Can Also Affect Delivery

Timely Content
Required Access
Clear Feedback
Approval Availability
Accurate Information

Delays in content, credentials, approvals, feedback, or required
information may affect the delivery schedule and, where additional
work is required, the final scope.

Need an Accurate Project Direction?

Share Your Requirements Before Choosing a Package

Tell GrowPep about your business, current digital foundation,
required services, priorities, and preferred timeline. We can
review the context and recommend a suitable next step.

Request a Consultation

Final pricing, payment terms, deliverables, revision limits, client
responsibilities, third-party costs, and relevant exclusions will be
confirmed in the approved proposal or service agreement.

.gp-pf,
.gp-pf * {
box-sizing: border-box;
}
.gp-pf {
–gp-pf-navy: #0f172a;
–gp-pf-navy-soft: #172033;
–gp-pf-heading: #f8fafc;
–gp-pf-body: #cbd5e1;
–gp-pf-muted: #94a3b8;
–gp-pf-green: #16a34a;
–gp-pf-green-light: #4ade80;
–gp-pf-amber: #f59e0b;
–gp-pf-white: #ffffff;
–gp-pf-border: rgba(148, 163, 184, 0.17);
position: relative;
isolation: isolate;
width: 100vw;
max-width: 100vw;
margin-right: calc(50% – 50vw);
margin-left: calc(50% – 50vw);
overflow: hidden;
scroll-margin-top: 90px;
background:
linear-gradient(
145deg,
#0b1220 0%,
var(–gp-pf-navy) 50%,
#102119 100%
);
}
.gp-pf__background {
position: absolute;
inset: 0;
z-index: -1;
overflow: hidden;
pointer-events: none;
}
.gp-pf__glow {
position: absolute;
display: block;
border-radius: 50%;
}
.gp-pf__glow–one {
top: -320px;
left: -250px;
width: 650px;
height: 650px;
background: rgba(22, 163, 74, 0.12);
filter: blur(5px);
}
.gp-pf__glow–two {
right: -260px;
bottom: -330px;
width: 650px;
height: 650px;
background: rgba(245, 158, 11, 0.08);
filter: blur(5px);
}
.gp-pf__grid-pattern {
position: absolute;
top: 0;
right: -8%;
width: min(62vw, 920px);
height: 100%;
color: rgba(255, 255, 255, 0.033);
-webkit-mask-image: linear-gradient(
to left,
rgba(0, 0, 0, 0.9),
transparent
);
mask-image: linear-gradient(
to left,
rgba(0, 0, 0, 0.9),
transparent
);
}
.gp-pf__container {
position: relative;
width: min(1240px, calc(100% – 48px));
margin: 0 auto;
padding: 108px 0 102px;
}
.gp-pf__header {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.58fr);
align-items: end;
gap: clamp(50px, 8vw, 112px);
margin-bottom: 52px;
}
.gp-pf__header-content {
min-width: 0;
}
.gp-pf__eyebrow {
display: inline-flex;
align-items: center;
gap: 9px;
width: fit-content;
margin-bottom: 19px;
padding: 7px 12px 7px 8px;
border: 1px solid rgba(74, 222, 128, 0.23);
border-radius: 999px;
background: rgba(22, 163, 74, 0.12);
color: #86efac;
font-family: inherit;
font-size: 12px;
font-weight: 700;
line-height: 1.35;
letter-spacing: 0.075em;
text-transform: uppercase;
}
.gp-pf__eyebrow-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 29px;
height: 29px;
flex: 0 0 29px;
border-radius: 50%;
background: var(–gp-pf-green);
color: var(–gp-pf-white);
}
.gp-pf__eyebrow-icon svg {
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pf__title {
max-width: 800px;
margin: 0 !important;
color: var(–gp-pf-heading) !important;
font-family: inherit !important;
font-size: clamp(40px, 4.7vw, 62px) !important;
font-weight: 700 !important;
line-height: 1.12 !important;
letter-spacing: -0.04em !important;
text-wrap: balance;
}
.gp-pf__title span {
color: var(–gp-pf-green-light);
}
.gp-pf__description {
max-width: 760px;
margin: 21px 0 0 !important;
color: var(–gp-pf-body) !important;
font-family: inherit !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.76 !important;
}
.gp-pf__summary {
padding: 23px;
border: 1px solid var(–gp-pf-border);
border-radius: 19px;
background: rgba(255, 255, 255, 0.06);
box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
.gp-pf__summary-top {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
align-items: center;
gap: 14px;
}
.gp-pf__summary-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 14px;
background: rgba(22, 163, 74, 0.16);
color: var(–gp-pf-green-light);
}
.gp-pf__summary-icon svg {
width: 23px;
height: 23px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pf__summary-top > div {
display: grid;
gap: 4px;
min-width: 0;
}
.gp-pf__summary-top span:not(.gp-pf__summary-icon) {
color: #86efac;
font-family: inherit;
font-size: 10px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gp-pf__summary-top strong {
color: var(–gp-pf-heading);
font-family: inherit;
font-size: 17px;
font-weight: 700;
line-height: 1.4;
}
.gp-pf__summary > p {
margin: 17px 0 0 !important;
color: var(–gp-pf-body) !important;
font-family: inherit !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.7 !important;
}
.gp-pf__summary-tags {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-top: 17px;
}
.gp-pf__summary-tags span {
display: inline-flex;
align-items: center;
min-height: 29px;
padding: 6px 9px;
border: 1px solid rgba(74, 222, 128, 0.18);
border-radius: 999px;
background: rgba(22, 163, 74, 0.11);
color: #bbf7d0;
font-family: inherit;
font-size: 10px;
font-weight: 700;
line-height: 1.25;
}
.gp-pf__content {
display: grid;
grid-template-columns: minmax(300px, 0.66fr) minmax(0, 1.34fr);
align-items: start;
gap: 22px;
}
.gp-pf__intro-card {
position: relative;
padding: 27px;
overflow: hidden;
border: 1px solid rgba(74, 222, 128, 0.22);
border-radius: 22px;
background:
linear-gradient(
150deg,
rgba(22, 163, 74, 0.15),
rgba(255, 255, 255, 0.055)
);
box-shadow: 0 22px 52px rgba(0, 0, 0, 0.16);
}
.gp-pf__intro-card::after {
position: absolute;
right: -90px;
bottom: -110px;
width: 220px;
height: 220px;
border-radius: 50%;
background: rgba(22, 163, 74, 0.09);
content: “”;
pointer-events: none;
}
.gp-pf__intro-heading {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 57px minmax(0, 1fr);
align-items: center;
gap: 16px;
}
.gp-pf__intro-number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 57px;
height: 57px;
border: 1px solid rgba(74, 222, 128, 0.25);
border-radius: 17px;
background: var(–gp-pf-green);
color: var(–gp-pf-white);
font-family: inherit;
font-size: 18px;
font-weight: 700;
line-height: 1;
box-shadow: 0 13px 27px rgba(22, 163, 74, 0.22);
}
.gp-pf__intro-heading > div {
min-width: 0;
}
.gp-pf__intro-heading > div > span {
display: block;
margin-bottom: 5px;
color: #86efac;
font-family: inherit;
font-size: 10px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gp-pf__intro-heading h3 {
margin: 0 !important;
color: var(–gp-pf-heading) !important;
font-family: inherit !important;
font-size: 21px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
letter-spacing: -0.022em !important;
}
.gp-pf__intro-card > p {
position: relative;
z-index: 2;
margin: 22px 0 0 !important;
color: var(–gp-pf-body) !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.76 !important;
}
.gp-pf__review-flow {
position: relative;
z-index: 2;
display: grid;
gap: 10px;
margin-top: 24px;
}
.gp-pf__flow-item {
display: grid;
grid-template-columns: 43px minmax(0, 1fr);
align-items: center;
gap: 12px;
padding: 13px;
border: 1px solid rgba(148, 163, 184, 0.16);
border-radius: 13px;
background: rgba(255, 255, 255, 0.06);
transition:
transform 230ms ease,
border-color 230ms ease,
background-color 230ms ease;
}
.gp-pf__flow-item:hover {
border-color: rgba(74, 222, 128, 0.27);
background: rgba(22, 163, 74, 0.11);
transform: translateX(5px);
}
.gp-pf__flow-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 43px;
height: 43px;
border-radius: 12px;
background: rgba(22, 163, 74, 0.14);
color: var(–gp-pf-green-light);
}
.gp-pf__flow-icon svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pf__flow-item > div {
display: grid;
gap: 3px;
min-width: 0;
}
.gp-pf__flow-item strong {
color: var(–gp-pf-heading);
font-family: inherit;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
}
.gp-pf__flow-item small {
color: var(–gp-pf-muted);
font-family: inherit;
font-size: 11px;
font-weight: 400;
line-height: 1.4;
}
.gp-pf__flow-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 21px;
margin: -4px auto;
color: var(–gp-pf-green-light);
transform: rotate(90deg);
}
.gp-pf__flow-arrow svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pf__intro-note {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
align-items: flex-start;
gap: 11px;
margin-top: 23px;
padding: 15px;
border: 1px solid rgba(245, 158, 11, 0.19);
border-radius: 14px;
background: rgba(245, 158, 11, 0.09);
}
.gp-pf__intro-note > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 11px;
background: rgba(245, 158, 11, 0.15);
color: #fbbf24;
}
.gp-pf__intro-note svg {
width: 19px;
height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pf__intro-note p {
margin: 0 !important;
color: var(–gp-pf-body) !important;
font-family: inherit !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.62 !important;
}
.gp-pf__factors {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.gp-pf__factor {
position: relative;
min-width: 0;
padding: 21px;
overflow: hidden;
border: 1px solid var(–gp-pf-border);
border-radius: 18px;
background: rgba(255, 255, 255, 0.06);
box-shadow: 0 13px 32px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transition:
transform 280ms cubic-bezier(0.2, 0.8, 0.2, 1),
border-color 280ms ease,
background-color 280ms ease,
box-shadow 280ms ease;
}
.gp-pf__factor::after {
position: absolute;
right: -65px;
bottom: -75px;
width: 145px;
height: 145px;
border-radius: 50%;
background: rgba(22, 163, 74, 0.055);
content: “”;
pointer-events: none;
transition:
transform 300ms ease,
background-color 300ms ease;
}
.gp-pf__factor:hover {
border-color: rgba(74, 222, 128, 0.33);
background: rgba(22, 163, 74, 0.1);
transform: translateY(-6px);
box-shadow: 0 21px 43px rgba(0, 0, 0, 0.16);
}
.gp-pf__factor:hover::after {
background: rgba(22, 163, 74, 0.09);
transform: scale(1.14);
}
.gp-pf__factor-top {
position: relative;
z-index: 2;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
}
.gp-pf__factor-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 47px;
height: 47px;
flex: 0 0 47px;
border: 1px solid rgba(74, 222, 128, 0.18);
border-radius: 14px;
background: rgba(22, 163, 74, 0.14);
color: var(–gp-pf-green-light);
transition:
transform 260ms ease,
background-color 260ms ease,
color 260ms ease;
}
.gp-pf__factor-icon svg {
width: 23px;
height: 23px;
fill: none;
stroke: currentColor;
stroke-width: 1.75;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pf__factor:hover .gp-pf__factor-icon {
background: var(–gp-pf-green);
color: var(–gp-pf-white);
transform: translateY(-3px) scale(1.04);
}
.gp-pf__factor-number {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 35px;
height: 29px;
padding: 5px 8px;
border: 1px solid rgba(148, 163, 184, 0.15);
border-radius: 8px;
background: rgba(255, 255, 255, 0.06);
color: var(–gp-pf-muted);
font-family: inherit;
font-size: 10px;
font-weight: 700;
line-height: 1;
}
.gp-pf__factor h3 {
position: relative;
z-index: 2;
margin: 18px 0 0 !important;
color: var(–gp-pf-heading) !important;
font-family: inherit !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
letter-spacing: -0.017em !important;
}
.gp-pf__factor > p {
position: relative;
z-index: 2;
min-height: 88px;
margin: 9px 0 0 !important;
color: var(–gp-pf-body) !important;
font-family: inherit !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.67 !important;
}
.gp-pf__factor-footer {
position: relative;
z-index: 2;
display: grid;
gap: 4px;
margin-top: 17px;
padding-top: 15px;
border-top: 1px solid rgba(148, 163, 184, 0.14);
}
.gp-pf__factor-footer span {
color: #86efac;
font-family: inherit;
font-size: 9px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.gp-pf__factor-footer strong {
color: var(–gp-pf-body);
font-family: inherit;
font-size: 11px;
font-weight: 600;
line-height: 1.45;
}
.gp-pf__responsibilities {
display: grid;
grid-template-columns: minmax(260px, 0.68fr) minmax(0, 1.1fr);
align-items: center;
gap: 22px 38px;
margin-top: 28px;
padding: 25px;
border: 1px solid rgba(245, 158, 11, 0.19);
border-radius: 20px;
background: rgba(245, 158, 11, 0.075);
}
.gp-pf__responsibilities-heading {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
align-items: center;
gap: 14px;
}
.gp-pf__responsibilities-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 14px;
background: var(–gp-pf-amber);
color: var(–gp-pf-white);
box-shadow: 0 11px 23px rgba(245, 158, 11, 0.19);
}
.gp-pf__responsibilities-icon svg {
width: 23px;
height: 23px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pf__responsibilities-heading > div {
min-width: 0;
}
.gp-pf__responsibilities-heading > div > span {
display: block;
margin-bottom: 5px;
color: #fbbf24;
font-family: inherit;
font-size: 10px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gp-pf__responsibilities-heading h3 {
margin: 0 !important;
color: var(–gp-pf-heading) !important;
font-family: inherit !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
}
.gp-pf__responsibility-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.gp-pf__responsibility-list span {
display: inline-flex;
align-items: center;
min-height: 32px;
padding: 6px 10px;
border: 1px solid rgba(245, 158, 11, 0.17);
border-radius: 999px;
background: rgba(255, 255, 255, 0.065);
color: #fde68a;
font-family: inherit;
font-size: 10px;
font-weight: 700;
line-height: 1.3;
}
.gp-pf__responsibilities > p {
grid-column: 2;
margin: -4px 0 0 !important;
color: var(–gp-pf-body) !important;
font-family: inherit !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.65 !important;
}
.gp-pf__cta {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 28px;
margin-top: 23px;
padding: 26px;
border: 1px solid rgba(74, 222, 128, 0.22);
border-radius: 20px;
background:
linear-gradient(
115deg,
rgba(22, 163, 74, 0.17),
rgba(255, 255, 255, 0.055)
);
}
.gp-pf__cta-content {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
align-items: flex-start;
gap: 16px;
min-width: 0;
}
.gp-pf__cta-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 15px;
background: var(–gp-pf-green);
color: var(–gp-pf-white);
box-shadow: 0 12px 25px rgba(22, 163, 74, 0.22);
}
.gp-pf__cta-icon svg {
width: 25px;
height: 25px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pf__cta-content > div {
min-width: 0;
}
.gp-pf__cta-content > div > span {
display: block;
margin-bottom: 5px;
color: #86efac;
font-family: inherit;
font-size: 10px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gp-pf__cta-content h3 {
margin: 0 !important;
color: var(–gp-pf-heading) !important;
font-family: inherit !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
}
.gp-pf__cta-content p {
max-width: 790px;
margin: 7px 0 0 !important;
color: var(–gp-pf-body) !important;
font-family: inherit !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.65 !important;
}
.gp-pf__cta-button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 50px;
padding: 13px 19px;
overflow: hidden;
border: 1px solid var(–gp-pf-green);
border-radius: 12px;
background: var(–gp-pf-white);
color: #15803d !important;
font-family: inherit;
font-size: 13px;
font-weight: 700;
line-height: 1.3;
text-align: center;
text-decoration: none !important;
white-space: nowrap;
transition:
transform 240ms ease,
background-color 240ms ease,
color 240ms ease,
box-shadow 240ms ease;
}
.gp-pf__cta-button::before {
position: absolute;
top: 0;
left: -140%;
width: 80%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.22),
transparent
);
content: “”;
transform: skewX(-20deg);
transition: left 520ms ease;
}
.gp-pf__cta-button:hover::before {
left: 145%;
}
.gp-pf__cta-button span,
.gp-pf__cta-button svg {
position: relative;
z-index: 2;
}
.gp-pf__cta-button svg {
width: 18px;
height: 18px;
flex: 0 0 18px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 240ms ease;
}
.gp-pf__cta-button:hover {
background: var(–gp-pf-green);
color: var(–gp-pf-white) !important;
transform: translateY(-3px);
box-shadow: 0 14px 29px rgba(22, 163, 74, 0.23);
}
.gp-pf__cta-button:hover svg {
transform: translateX(4px);
}
.gp-pf__cta-button:focus-visible {
outline: 3px solid rgba(245, 158, 11, 0.48);
outline-offset: 4px;
}
.gp-pf__footnote {
max-width: 980px;
margin: 20px auto 0 !important;
color: var(–gp-pf-muted) !important;
font-family: inherit !important;
font-size: 11px !important;
font-weight: 400 !important;
line-height: 1.65 !important;
text-align: center;
}
.gp-pf.gp-pf-js .gp-pf-reveal {
opacity: 0;
transform: translateY(25px);
transition:
opacity 720ms ease,
transform 720ms cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: var(–gp-pf-delay, 0ms);
}
.gp-pf.gp-pf-js.gp-pf-visible .gp-pf-reveal {
opacity: 1;
transform: translateY(0);
}
.gp-pf__eyebrow {
–gp-pf-delay: 40ms;
}
.gp-pf__title {
–gp-pf-delay: 100ms;
}
.gp-pf__description {
–gp-pf-delay: 150ms;
}
.gp-pf__summary {
–gp-pf-delay: 190ms;
}
.gp-pf__intro-card {
–gp-pf-delay: 240ms;
}
.gp-pf__factor:nth-child(1) {
–gp-pf-delay: 280ms;
}
.gp-pf__factor:nth-child(2) {
–gp-pf-delay: 320ms;
}
.gp-pf__factor:nth-child(3) {
–gp-pf-delay: 360ms;
}
.gp-pf__factor:nth-child(4) {
–gp-pf-delay: 400ms;
}
.gp-pf__factor:nth-child(5) {
–gp-pf-delay: 440ms;
}
.gp-pf__factor:nth-child(6) {
–gp-pf-delay: 480ms;
}
.gp-pf__factor:nth-child(7) {
–gp-pf-delay: 520ms;
}
.gp-pf__factor:nth-child(8) {
–gp-pf-delay: 560ms;
}
.gp-pf__responsibilities {
–gp-pf-delay: 610ms;
}
.gp-pf__cta {
–gp-pf-delay: 660ms;
}
.gp-pf__footnote {
–gp-pf-delay: 710ms;
}
@media (max-width: 1050px) {
.gp-pf__container {
padding: 96px 0 92px;
}
.gp-pf__header {
grid-template-columns: 1fr;
gap: 27px;
}
.gp-pf__summary {
max-width: 720px;
}
.gp-pf__content {
grid-template-columns: 1fr;
}
.gp-pf__intro-card {
display: grid;
grid-template-columns: minmax(280px, 0.9fr) minmax(340px, 1.1fr);
gap: 22px 34px;
align-items: start;
}
.gp-pf__intro-heading,
.gp-pf__intro-card > p {
grid-column: 1;
}
.gp-pf__review-flow {
grid-column: 2;
grid-row: 1 / span 3;
margin-top: 0;
}
.gp-pf__intro-note {
grid-column: 1;
}
}
@media (max-width: 820px) {
.gp-pf__container {
width: min(100% – 40px, 720px);
padding: 86px 0 84px;
}
.gp-pf__title {
font-size: clamp(36px, 7vw, 50px) !important;
}
.gp-pf__intro-card {
display: block;
}
.gp-pf__review-flow {
margin-top: 24px;
}
.gp-pf__factors {
grid-template-columns: 1fr;
}
.gp-pf__factor > p {
min-height: 0;
}
.gp-pf__responsibilities {
grid-template-columns: 1fr;
}
.gp-pf__responsibilities > p {
grid-column: 1;
}
.gp-pf__cta {
grid-template-columns: 1fr;
}
.gp-pf__cta-button {
width: fit-content;
}
}
@media (max-width: 620px) {
.gp-pf__container {
width: min(100% – 32px, 560px);
padding: 74px 0 72px;
}
.gp-pf__header {
margin-bottom: 39px;
}
.gp-pf__eyebrow {
margin-bottom: 16px;
font-size: 10px;
letter-spacing: 0.06em;
}
.gp-pf__title {
font-size: clamp(33px, 10vw, 43px) !important;
line-height: 1.17 !important;
}
.gp-pf__description {
margin-top: 17px !important;
font-size: 15px !important;
line-height: 1.72 !important;
}
.gp-pf__summary {
padding: 19px;
}
.gp-pf__summary-top {
grid-template-columns: 43px minmax(0, 1fr);
}
.gp-pf__summary-icon {
width: 43px;
height: 43px;
}
.gp-pf__intro-card {
padding: 21px;
border-radius: 19px;
}
.gp-pf__intro-heading {
grid-template-columns: 50px minmax(0, 1fr);
gap: 13px;
}
.gp-pf__intro-number {
width: 50px;
height: 50px;
border-radius: 15px;
}
.gp-pf__intro-heading h3 {
font-size: 19px !important;
}
.gp-pf__factor {
padding: 19px;
border-radius: 16px;
}
.gp-pf__factor h3 {
font-size: 16px !important;
}
.gp-pf__responsibilities {
padding: 20px;
}
.gp-pf__responsibilities-heading {
grid-template-columns: 43px minmax(0, 1fr);
}
.gp-pf__responsibilities-icon {
width: 43px;
height: 43px;
}
.gp-pf__responsibility-list {
gap: 7px;
}
.gp-pf__cta {
padding: 21px;
}
.gp-pf__cta-content {
grid-template-columns: 46px minmax(0, 1fr);
gap: 13px;
}
.gp-pf__cta-icon {
width: 46px;
height: 46px;
}
.gp-pf__cta-content h3 {
font-size: 18px !important;
}
.gp-pf__cta-button {
width: 100%;
}
}
@media (max-width: 390px) {
.gp-pf__container {
width: calc(100% – 26px);
padding: 66px 0;
}
.gp-pf__title {
font-size: 32px !important;
}
.gp-pf__summary-top,
.gp-pf__intro-heading,
.gp-pf__responsibilities-heading,
.gp-pf__cta-content {
grid-template-columns: 1fr;
}
.gp-pf__factor {
padding: 17px;
}
.gp-pf__responsibility-list {
display: grid;
grid-template-columns: 1fr;
}
.gp-pf__responsibility-list span {
justify-content: center;
text-align: center;
}
}
@media (prefers-reduced-motion: reduce) {
.gp-pf *,
.gp-pf *::before,
.gp-pf *::after {
scroll-behavior: auto !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
.gp-pf.gp-pf-js .gp-pf-reveal {
opacity: 1;
transform: none;
}
}

Pricing Questions

Pricing
Frequently Asked Questions

Clear answers about pricing, project scope, monthly services,
third-party costs, payments, revisions, and custom requirements.

How is the final project price confirmed?

Final pricing is confirmed after reviewing the required pages,
functionality, platforms, content, integrations, access,
timeline, and delivery responsibilities. The approved proposal
defines the final scope and price.

Are website development packages one-time payments?

Website development packages are generally one-time projects.
Hosting, domain renewal, maintenance, premium software, ongoing
content updates, and future development are separate unless they
are clearly included in the approved proposal.

Which services use monthly pricing?

SEO, Reputation Management, Social Media Management, and Media
Buying are usually structured as monthly services because they
require ongoing monitoring, implementation, reporting, and
improvement.

Is advertising spend included in Media Buying fees?

No. GrowPep’s Media Buying fee covers the approved campaign
management scope. Advertising spend is paid separately to
Google, Meta, TikTok, LinkedIn, or the relevant advertising
platform.

Are domain, hosting, and premium tools included?

These costs are separate unless specifically listed in the
proposal. This may include domains, hosting, premium plugins,
software subscriptions, stock assets, email tools, APIs, and
third-party platform fees.

Can I combine several GrowPep services?

Yes. Related services can be combined into a coordinated bundle
or custom partnership. Each service, deliverable, responsibility,
timeline, and fee will still be clearly defined.

What happens when the scope changes?

Requirements outside the approved scope are reviewed separately.
GrowPep will explain the effect on pricing, responsibilities, and
timeline before additional work begins.

How many revisions are included?

The number of revision rounds depends on the selected package and
approved proposal. Revisions apply to the agreed scope and do not
include complete redesigns or newly added requirements.

How are payments scheduled?

One-time projects may use an initial payment and milestone-based
payment schedule. Ongoing services are generally billed monthly.
The exact schedule is confirmed in the proposal or service
agreement.

Can monthly services be cancelled?

Cancellation terms, notice periods, active commitments, and
completed work depend on the approved service agreement. Clients
should review the applicable cancellation and refund terms before
starting a monthly service.

Do the plans guarantee specific business results?

No. GrowPep does not guarantee rankings, traffic, leads, sales,
advertising returns, review removal, ratings, or platform
decisions. Services focus on responsible execution within the
approved scope.

.gp-pfaq {
–gp-pfaq-navy: #0f172a;
–gp-pfaq-text: #475569;
–gp-pfaq-muted: #64748b;
–gp-pfaq-green: #16a34a;
–gp-pfaq-green-dark: #12813b;
–gp-pfaq-green-soft: #f0fdf4;
–gp-pfaq-amber: #f59e0b;
–gp-pfaq-light: #f7f9fc;
–gp-pfaq-border: #dfe7f0;
width: 100vw;
max-width: 100vw;
margin-left: calc(50% – 50vw);
margin-right: calc(50% – 50vw);
padding: 86px 0;
background: #ffffff;
color: var(–gp-pfaq-navy);
font-family: inherit;
}
.gp-pfaq,
.gp-pfaq *,
.gp-pfaq *::before,
.gp-pfaq *::after {
box-sizing: border-box;
}
.gp-pfaq-container {
width: min(1240px, calc(100% – 48px));
margin: 0 auto;
}
.gp-pfaq-header {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(360px, 0.7fr);
align-items: end;
gap: 50px;
margin-bottom: 38px;
}
.gp-pfaq-eyebrow {
display: inline-block;
margin-bottom: 12px;
color: var(–gp-pfaq-green-dark);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gp-pfaq .gp-pfaq-title {
margin: 0 !important;
color: var(–gp-pfaq-navy) !important;
-webkit-text-fill-color: var(–gp-pfaq-navy) !important;
font-family: inherit !important;
font-size: clamp(40px, 4vw, 56px) !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: -0.045em !important;
}
.gp-pfaq .gp-pfaq-title span {
display: block;
color: var(–gp-pfaq-green) !important;
-webkit-text-fill-color: var(–gp-pfaq-green) !important;
}
.gp-pfaq-header > p {
margin: 0;
color: var(–gp-pfaq-text);
font-size: 15px;
font-weight: 500;
line-height: 1.72;
}
.gp-pfaq-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 350px;
align-items: start;
gap: 28px;
}
.gp-pfaq-list {
display: grid;
gap: 10px;
}
.gp-pfaq-item {
overflow: hidden;
border: 1px solid var(–gp-pfaq-border);
border-radius: 13px;
background: var(–gp-pfaq-light);
transition:
border-color 0.3s ease,
background-color 0.3s ease,
box-shadow 0.3s ease;
}
.gp-pfaq-item.is-open {
border-color: rgba(22, 163, 74, 0.3);
background: #ffffff;
box-shadow: 0 15px 35px rgba(15, 23, 42, 0.07);
}
.gp-pfaq-item h3 {
margin: 0 !important;
}
.gp-pfaq-button {
display: grid;
grid-template-columns: minmax(0, 1fr) 34px;
align-items: center;
gap: 15px;
width: 100%;
padding: 18px 19px;
border: 0;
background: transparent;
color: var(–gp-pfaq-navy);
font-family: inherit;
font-size: 14px;
font-weight: 650;
line-height: 1.45;
text-align: left;
cursor: pointer;
}
.gp-pfaq-button i {
position: relative;
display: block;
width: 34px;
height: 34px;
border-radius: 9px;
background: var(–gp-pfaq-green-soft);
}
.gp-pfaq-button i::before,
.gp-pfaq-button i::after {
content: “”;
position: absolute;
top: 50%;
left: 50%;
width: 13px;
height: 2px;
border-radius: 2px;
background: var(–gp-pfaq-green);
transform: translate(-50%, -50%);
transition: transform 0.3s ease;
}
.gp-pfaq-button i::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.gp-pfaq-button[aria-expanded=”true”] i::after {
transform: translate(-50%, -50%) rotate(0deg);
}
.gp-pfaq-button:focus-visible {
outline: 3px solid rgba(245, 158, 11, 0.5);
outline-offset: -3px;
}
.gp-pfaq-panel > div {
padding: 0 19px 19px;
color: var(–gp-pfaq-text);
font-size: 13px;
font-weight: 500;
line-height: 1.7;
}
.gp-pfaq-help {
position: sticky;
top: 110px;
padding: 28px;
border-radius: 20px;
background:
radial-gradient(
circle at 100% 0,
rgba(22, 163, 74, 0.18),
transparent 35%
),
var(–gp-pfaq-navy);
box-shadow: 0 25px 60px rgba(15, 23, 42, 0.18);
}
.gp-pfaq-help-icon {
display: grid;
place-items: center;
width: 52px;
height: 52px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 13px;
background: rgba(255, 255, 255, 0.07);
color: #86efac;
}
.gp-pfaq-help-icon svg {
width: 27px;
height: 27px;
fill: none;
stroke: currentColor;
stroke-width: 1.6;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pfaq-help small {
display: block;
margin-top: 22px;
color: #86efac;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.gp-pfaq-help h3 {
margin: 7px 0 0 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-family: inherit !important;
font-size: 27px !important;
font-weight: 650 !important;
line-height: 1.25 !important;
letter-spacing: -0.025em !important;
}
.gp-pfaq-help p {
margin: 13px 0 0;
color: #cbd5e1;
font-size: 13px;
font-weight: 500;
line-height: 1.7;
}
.gp-pfaq-help > a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
min-height: 49px;
margin-top: 22px;
padding: 11px 14px;
border-radius: 9px;
background: var(–gp-pfaq-green);
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: 12px;
font-weight: 800;
text-decoration: none !important;
transition:
transform 0.3s ease,
background-color 0.3s ease;
}
.gp-pfaq-help > a:hover {
background: var(–gp-pfaq-green-dark);
transform: translateY(-3px);
}
.gp-pfaq-help > a:focus-visible {
outline: 3px solid rgba(245, 158, 11, 0.65);
outline-offset: 4px;
}
.gp-pfaq-help > a svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pfaq-help-points {
display: grid;
gap: 8px;
margin-top: 18px;
}
.gp-pfaq-help-points span {
position: relative;
padding-left: 21px;
color: #cbd5e1;
font-size: 11px;
font-weight: 650;
}
.gp-pfaq-help-points span::before {
content: “✓”;
position: absolute;
left: 0;
color: #86efac;
font-weight: 900;
}
@media (max-width: 900px) {
.gp-pfaq-header,
.gp-pfaq-layout {
grid-template-columns: 1fr;
}
.gp-pfaq-header {
gap: 20px;
}
.gp-pfaq-help {
position: relative;
top: auto;
}
}
@media (max-width: 620px) {
.gp-pfaq {
padding: 55px 0;
}
.gp-pfaq-container {
width: min(100% – 30px, 540px);
}
.gp-pfaq .gp-pfaq-title {
font-size: clamp(31px, 9.5vw, 40px) !important;
}
.gp-pfaq-button {
padding: 16px 14px;
font-size: 13px;
}
.gp-pfaq-panel > div {
padding: 0 14px 16px;
font-size: 12px;
}
.gp-pfaq-help {
padding: 22px 18px;
}
}
@media (max-width: 390px) {
.gp-pfaq-container {
width: calc(100% – 24px);
}
.gp-pfaq .gp-pfaq-title {
font-size: 29px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.gp-pfaq *,
.gp-pfaq *::before,
.gp-pfaq *::after {
transition: none !important;
}
}

Ready to Move Forward?

Get a Clear Pricing Direction
for Your Actual Project

Share your business goals, required services, current digital setup,
and preferred timeline. GrowPep will review the context and recommend
a practical next step based on the approved scope.

Request a Custom Quote




Book a Consultation

✓
Clear project scope
✓
Defined deliverables
✓
Responsible expectations

.gp-pricing-final,
.gp-pricing-final * {
box-sizing: border-box;
}
.gp-pricing-final {
–gpf-navy: #0f172a;
–gpf-navy-soft: #172033;
–gpf-green: #16a34a;
–gpf-green-dark: #15803d;
–gpf-green-light: #4ade80;
–gpf-amber: #f59e0b;
–gpf-white: #ffffff;
–gpf-text: #cbd5e1;
–gpf-muted: #94a3b8;
–gpf-border: rgba(255, 255, 255, 0.14);
width: 100vw;
max-width: 100vw;
margin-right: calc(50% – 50vw);
margin-left: calc(50% – 50vw);
padding: 78px 0;
overflow: hidden;
scroll-margin-top: 90px;
background: #f7f9fc;
font-family: inherit;
}
.gp-pricing-final__container {
width: min(1180px, calc(100% – 48px));
margin: 0 auto;
}
.gp-pricing-final__card {
position: relative;
isolation: isolate;
display: grid;
grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.72fr);
align-items: center;
gap: clamp(42px, 7vw, 88px);
padding: clamp(44px, 6vw, 72px);
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 28px;
background:
linear-gradient(
135deg,
#0b1220 0%,
var(–gpf-navy) 54%,
#102219 100%
);
box-shadow:
0 30px 80px rgba(15, 23, 42, 0.16),
0 10px 30px rgba(15, 23, 42, 0.08);
}
.gp-pricing-final__card::before {
position: absolute;
top: 0;
right: 10%;
left: 10%;
height: 3px;
border-radius: 0 0 999px 999px;
background: linear-gradient(
90deg,
transparent,
var(–gpf-green),
var(–gpf-amber),
transparent
);
content: “”;
}
.gp-pricing-final__orb {
position: absolute;
z-index: -1;
display: block;
border-radius: 50%;
pointer-events: none;
}
.gp-pricing-final__orb–one {
top: -180px;
left: -160px;
width: 380px;
height: 380px;
background: rgba(22, 163, 74, 0.15);
}
.gp-pricing-final__orb–two {
right: -170px;
bottom: -210px;
width: 430px;
height: 430px;
background: rgba(245, 158, 11, 0.08);
}
.gp-pricing-final__content {
min-width: 0;
}
.gp-pricing-final__eyebrow {
display: inline-flex;
align-items: center;
gap: 9px;
margin-bottom: 18px;
padding: 7px 12px 7px 8px;
border: 1px solid rgba(74, 222, 128, 0.22);
border-radius: 999px;
background: rgba(22, 163, 74, 0.12);
color: #86efac;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.gp-pricing-final__eyebrow-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 29px;
height: 29px;
border-radius: 50%;
background: var(–gpf-green);
color: var(–gpf-white);
}
.gp-pricing-final__eyebrow-icon svg {
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pricing-final h2 {
max-width: 760px;
margin: 0 !important;
color: var(–gpf-white) !important;
font-family: inherit !important;
font-size: clamp(39px, 4.8vw, 62px) !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: -0.04em !important;
text-wrap: balance;
}
.gp-pricing-final h2 span {
display: block;
color: var(–gpf-green-light);
}
.gp-pricing-final__lead {
max-width: 700px;
margin: 21px 0 0 !important;
color: var(–gpf-text) !important;
font-family: inherit !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.75 !important;
}
.gp-pricing-final__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 29px;
}
.gp-pricing-final__button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 52px;
padding: 13px 19px;
border: 1px solid transparent;
border-radius: 11px;
font-family: inherit;
font-size: 14px;
font-weight: 700;
line-height: 1.25;
text-align: center;
text-decoration: none !important;
transition:
transform 220ms ease,
background-color 220ms ease,
border-color 220ms ease,
color 220ms ease,
box-shadow 220ms ease;
}
.gp-pricing-final__button svg {
width: 18px;
height: 18px;
flex: 0 0 18px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 220ms ease;
}
.gp-pricing-final__button–primary {
border-color: var(–gpf-green);
background: var(–gpf-green);
color: var(–gpf-white) !important;
box-shadow: 0 14px 28px rgba(22, 163, 74, 0.24);
}
.gp-pricing-final__button–primary:hover {
border-color: var(–gpf-green-dark);
background: var(–gpf-green-dark);
color: var(–gpf-white) !important;
transform: translateY(-3px);
box-shadow: 0 19px 34px rgba(22, 163, 74, 0.3);
}
.gp-pricing-final__button–primary:hover svg {
transform: translateX(4px);
}
.gp-pricing-final__button–secondary {
border-color: rgba(255, 255, 255, 0.22);
background: rgba(255, 255, 255, 0.07);
color: var(–gpf-white) !important;
}
.gp-pricing-final__button–secondary:hover {
border-color: rgba(74, 222, 128, 0.35);
background: rgba(22, 163, 74, 0.13);
color: var(–gpf-white) !important;
transform: translateY(-3px);
}
.gp-pricing-final__button:focus-visible {
outline: 3px solid rgba(245, 158, 11, 0.55);
outline-offset: 4px;
}
.gp-pricing-final__trust {
display: flex;
flex-wrap: wrap;
gap: 10px 18px;
margin-top: 23px;
}
.gp-pricing-final__trust > span {
display: inline-flex;
align-items: center;
gap: 7px;
color: var(–gpf-muted);
font-size: 11px;
font-weight: 600;
line-height: 1.4;
}
.gp-pricing-final__trust i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 50%;
background: rgba(22, 163, 74, 0.15);
color: var(–gpf-green-light);
font-size: 11px;
font-style: normal;
font-weight: 800;
}
.gp-pricing-final__brief {
min-width: 0;
padding: 24px;
border: 1px solid var(–gpf-border);
border-radius: 20px;
background: rgba(255, 255, 255, 0.075);
box-shadow: 0 22px 54px rgba(0, 0, 0, 0.17);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
.gp-pricing-final__brief-head {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
align-items: center;
gap: 14px;
padding-bottom: 18px;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.gp-pricing-final__brief-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 14px;
background: var(–gpf-green);
color: var(–gpf-white);
}
.gp-pricing-final__brief-icon svg {
width: 23px;
height: 23px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pricing-final__brief-head small {
display: block;
margin-bottom: 4px;
color: #86efac;
font-size: 10px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.gp-pricing-final__brief-head h3 {
margin: 0 !important;
color: var(–gpf-white) !important;
font-family: inherit !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
}
.gp-pricing-final__brief-list {
display: grid;
gap: 9px;
margin-top: 17px;
}
.gp-pricing-final__brief-list article {
display: grid;
grid-template-columns: 36px minmax(0, 1fr);
gap: 11px;
padding: 12px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
background: rgba(255, 255, 255, 0.045);
transition:
transform 210ms ease,
border-color 210ms ease,
background-color 210ms ease;
}
.gp-pricing-final__brief-list article:hover {
border-color: rgba(74, 222, 128, 0.25);
background: rgba(22, 163, 74, 0.1);
transform: translateX(4px);
}
.gp-pricing-final__brief-list article > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 10px;
background: rgba(22, 163, 74, 0.15);
color: var(–gpf-green-light);
font-size: 10px;
font-weight: 700;
line-height: 1;
}
.gp-pricing-final__brief-list strong {
display: block;
color: var(–gpf-white);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.gp-pricing-final__brief-list p {
margin: 3px 0 0 !important;
color: var(–gpf-muted) !important;
font-family: inherit !important;
font-size: 10px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
}
.gp-pricing-final__note {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
align-items: center;
gap: 11px;
margin-top: 16px;
padding: 13px;
border: 1px solid rgba(245, 158, 11, 0.19);
border-radius: 12px;
background: rgba(245, 158, 11, 0.08);
}
.gp-pricing-final__note > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
background: rgba(245, 158, 11, 0.15);
color: #fbbf24;
}
.gp-pricing-final__note svg {
width: 19px;
height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.gp-pricing-final__note p {
margin: 0 !important;
color: var(–gpf-text) !important;
font-family: inherit !important;
font-size: 10px !important;
font-weight: 600 !important;
line-height: 1.55 !important;
}
@media (max-width: 980px) {
.gp-pricing-final__card {
grid-template-columns: 1fr;
gap: 42px;
}
.gp-pricing-final__content {
max-width: 760px;
}
.gp-pricing-final__brief {
width: min(100%, 650px);
}
}
@media (max-width: 650px) {
.gp-pricing-final {
padding: 58px 0;
}
.gp-pricing-final__container {
width: min(100% – 30px, 560px);
}
.gp-pricing-final__card {
gap: 34px;
padding: 34px 22px;
border-radius: 22px;
}
.gp-pricing-final__eyebrow {
font-size: 10px;
}
.gp-pricing-final h2 {
font-size: clamp(33px, 10vw, 43px) !important;
line-height: 1.15 !important;
}
.gp-pricing-final__lead {
margin-top: 17px !important;
font-size: 15px !important;
line-height: 1.7 !important;
}
.gp-pricing-final__actions {
display: grid;
grid-template-columns: 1fr;
margin-top: 25px;
}
.gp-pricing-final__button {
width: 100%;
}
.gp-pricing-final__trust {
display: grid;
grid-template-columns: 1fr;
}
.gp-pricing-final__brief {
padding: 19px;
border-radius: 17px;
}
.gp-pricing-final__brief-head {
grid-template-columns: 43px minmax(0, 1fr);
}
.gp-pricing-final__brief-icon {
width: 43px;
height: 43px;
}
.gp-pricing-final__brief-head h3 {
font-size: 16px !important;
}
}
@media (max-width: 390px) {
.gp-pricing-final__container {
width: calc(100% – 24px);
}
.gp-pricing-final__card {
padding: 29px 17px;
}
.gp-pricing-final h2 {
font-size: 31px !important;
}
.gp-pricing-final__brief-head,
.gp-pricing-final__note {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
.gp-pricing-final *,
.gp-pricing-final *::before,
.gp-pricing-final *::after {
animation: none !important;
transition: none !important;
}
}