/* =========================================================
MANGO GETAWAY
SEO VISIBILITY AUDIT
BLOCK 01 — HERO
v0.2
========================================================= */
/* =========================================================
01 — HERO SECTION
========================================================= */
.mg-seo-hero {
background:
radial-gradient(
circle at 88% 18%,
rgba(244, 166, 65, 0.16),
transparent 34%
),
linear-gradient(
135deg,
#14110E 0%,
#211C17 62%,
#2B241D 100%
);
color: #FFF5E6;
font-family:
"DM Sans",
Arial,
sans-serif;
padding:
clamp(72px, 8vw, 118px)
24px;
overflow: hidden;
}
/* =========================================================
02 — MAIN LAYOUT
========================================================= */
.mg-seo-hero__inner {
width: 100%;
max-width: 1240px;
margin: 0 auto;
display: grid;
grid-template-columns:
minmax(0, 1.08fr)
minmax(360px, 0.92fr);
align-items: center;
gap:
clamp(
48px,
6vw,
86px
);
}
/* =========================================================
03 — LEFT CONTENT
========================================================= */
.mg-seo-hero__content {
max-width: 720px;
}
/* =========================================================
04 — EYEBROW
========================================================= */
.mg-seo-eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 24px;
color: #F4A641;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.mg-seo-eyebrow::before {
content: "";
width: 42px;
height: 2px;
background: #F4A641;
}
/* =========================================================
05 — MAIN HEADING
========================================================= */
.mg-seo-hero__title {
margin:
0
0
28px;
color: #FFF5E6;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(
58px,
6.8vw,
104px
);
font-weight: 500;
line-height: 0.92;
letter-spacing: -0.035em;
}
.mg-seo-hero__title span {
display: block;
color: #F4A641;
}
/* =========================================================
06 — BODY COPY
========================================================= */
.mg-seo-hero__lead {
max-width: 650px;
margin:
0
0
10px;
color: #FFF5E6;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size:
clamp(
19px,
2vw,
23px
);
font-weight: 600;
line-height: 1.45;
}
.mg-seo-hero__body {
max-width: 650px;
margin: 0;
color:
rgba(
255,
245,
230,
0.72
);
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.65;
}
/* =========================================================
07 — BUTTON AREA
========================================================= */
.mg-seo-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 34px;
}
/* =========================================================
08 — BUTTON BASE
========================================================= */
.mg-seo-button {
min-height: 56px;
display: inline-flex;
align-items: center;
justify-content: center;
padding:
0
28px;
border-radius: 999px;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition:
background-color 180ms ease,
color 180ms ease,
border-color 180ms ease,
transform 180ms ease;
}
/* PRIMARY */
.mg-seo-button--primary {
background: #F4A641;
color: #14110E;
border:
1px solid
#F4A641;
}
.mg-seo-button--primary:hover {
background: #D87916;
color: #14110E;
border-color: #D87916;
transform:
translateY(-2px);
}
/* SECONDARY */
.mg-seo-button--secondary {
background: transparent;
color: #FFF5E6;
border:
1px solid
rgba(
255,
245,
230,
0.32
);
}
.mg-seo-button--secondary:hover {
background:
rgba(
255,
245,
230,
0.08
);
color: #FFF5E6;
border-color:
rgba(
255,
245,
230,
0.55
);
}
/* =========================================================
09 — TRUST ROW
========================================================= */
.mg-seo-trust {
display: flex;
flex-wrap: wrap;
gap:
20px
32px;
margin-top: 38px;
padding-top: 28px;
border-top:
1px solid
rgba(
255,
245,
230,
0.12
);
}
.mg-seo-trust div {
display: flex;
flex-direction: column;
gap: 2px;
}
.mg-seo-trust strong {
color: #FFF5E6;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 14px;
font-weight: 700;
}
.mg-seo-trust span {
color:
rgba(
255,
245,
230,
0.58
);
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 12px;
}
/* =========================================================
10 — SCORE CARD
========================================================= */
.mg-seo-score {
width: 100%;
max-width: 500px;
justify-self: end;
background: #FFFDF9;
color: #14110E;
border-radius: 26px;
padding: 28px;
box-shadow:
0
32px
75px
rgba(
0,
0,
0,
0.28
);
}
/* =========================================================
11 — SCORE CARD HEADER
========================================================= */
.mg-seo-score__top {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
padding-bottom: 24px;
border-bottom:
1px solid
rgba(
20,
17,
14,
0.12
);
}
.mg-seo-score__label {
display: block;
margin-bottom: 5px;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 15px;
font-weight: 700;
}
.mg-seo-score__top p {
margin: 0;
color: #74695F;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 12px;
}
/* =========================================================
12 — SCORE CIRCLE
========================================================= */
.mg-seo-score__circle {
flex: 0 0 auto;
width: 108px;
height: 108px;
padding: 10px;
border-radius: 50%;
background:
conic-gradient(
#F4A641
0%
72%,
#E8E4DE
72%
100%
);
}
.mg-seo-score__circle > div {
width: 100%;
height: 100%;
display: flex;
align-items: baseline;
justify-content: center;
padding-top: 28px;
border-radius: 50%;
background: #FFFDF9;
}
.mg-seo-score__circle strong {
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1;
}
.mg-seo-score__circle span {
margin-left: 2px;
color: #74695F;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 11px;
}
/* =========================================================
13 — SCORE METRICS
========================================================= */
.mg-seo-score__metrics {
padding:
12px
0;
}
.mg-seo-metric {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
min-height: 47px;
border-bottom:
1px solid
rgba(
20,
17,
14,
0.09
);
}
.mg-seo-metric:last-child {
border-bottom: 0;
}
.mg-seo-metric span {
color: #4E463F;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 14px;
}
.mg-seo-metric strong {
color: #14110E;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 16px;
font-weight: 700;
}
/* =========================================================
14 — SCORE FOOTER
========================================================= */
.mg-seo-score__footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 24px;
margin-top: 8px;
padding: 20px;
background: #FFF5E6;
border-radius: 15px;
}
.mg-seo-score__footer div {
display: flex;
flex-direction: column;
}
.mg-seo-score__footer div > span {
color: #74695F;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.mg-seo-score__footer strong {
color: #D87916;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 34px;
font-weight: 700;
line-height: 1.1;
}
.mg-seo-score__once {
color: #74695F;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 12px;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 1024px) {
.mg-seo-hero {
padding:
84px
32px;
}
.mg-seo-hero__inner {
grid-template-columns:
1fr;
gap: 60px;
}
.mg-seo-hero__content {
max-width: 780px;
}
.mg-seo-score {
max-width: 650px;
justify-self: start;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.mg-seo-hero {
padding:
64px
20px;
}
.mg-seo-hero__inner {
gap: 46px;
}
.mg-seo-hero__title {
font-size:
clamp(
50px,
15vw,
68px
);
}
.mg-seo-hero__lead {
font-size: 19px;
}
.mg-seo-hero__body {
font-size: 16px;
}
.mg-seo-hero__actions {
display: grid;
grid-template-columns:
1fr;
}
.mg-seo-button {
width: 100%;
}
.mg-seo-trust {
display: grid;
grid-template-columns:
repeat(
2,
1fr
);
gap: 22px;
}
.mg-seo-score {
padding: 20px;
border-radius: 20px;
}
.mg-seo-score__circle {
width: 90px;
height: 90px;
}
.mg-seo-score__circle > div {
padding-top: 22px;
}
.mg-seo-score__circle strong {
font-size: 26px;
}
.mg-seo-score__footer {
align-items: flex-start;
flex-direction: column;
gap: 8px;
}
}
SEO Visibility Audit
Can travelers
find you?
Your business can be exceptional in person and still lose
potential guests online.
Find out how travelers discover, understand and trust your
business — and what to improve first.
$75
One-time audit
5–7
Business days
Evidence-backed
Findings
No
Ranking guarantees
Example Visibility Snapshot
Illustrative example
Google Visibility
78
Website SEO & Clarity
65
Reviews & Reputation
80
Booking Journey
60
Photography & Media
75
/* =========================================================
MANGO GETAWAY
SEO VISIBILITY AUDIT
B02 — WHAT WE REVIEW
v0.1
========================================================= */
/* =========================================================
01 — SECTION
========================================================= */
.mg-seo-review {
background: #FFFDF9;
color: #14110E;
font-family:
"DM Sans",
Arial,
sans-serif;
padding:
clamp(82px, 9vw, 130px)
24px;
}
/* =========================================================
02 — INNER WIDTH
========================================================= */
.mg-seo-review__inner {
width: 100%;
max-width: 1240px;
margin: 0 auto;
}
/* =========================================================
03 — SECTION INTRO
========================================================= */
.mg-seo-review__intro {
max-width: 830px;
margin-bottom:
clamp(
48px,
6vw,
72px
);
}
/* =========================================================
04 — EYEBROW
========================================================= */
.mg-seo-review__eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 22px;
color: #D87916;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.mg-seo-review__eyebrow::before {
content: "";
width: 42px;
height: 2px;
background: #F4A641;
}
/* =========================================================
05 — SECTION HEADING
========================================================= */
.mg-seo-review__title {
margin:
0
0
24px;
color: #14110E;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(
46px,
5.2vw,
72px
);
font-weight: 500;
line-height: 0.98;
letter-spacing: -0.03em;
}
.mg-seo-review__title span {
display: block;
color: #74695F;
}
/* =========================================================
06 — INTRO BODY
========================================================= */
.mg-seo-review__lead {
max-width: 720px;
margin: 0;
color: #62584F;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size:
clamp(
17px,
1.6vw,
20px
);
font-weight: 400;
line-height: 1.7;
}
/* =========================================================
07 — CARD GRID
THIS IS THE IMPORTANT BIT.
repeat(4, 1fr)
means:
CREATE FOUR EQUAL COLUMNS.
========================================================= */
.mg-seo-review__grid {
display: grid;
grid-template-columns:
repeat(
4,
1fr
);
gap: 18px;
}
/* =========================================================
08 — CARD
========================================================= */
.mg-seo-review-card {
position: relative;
display: flex;
flex-direction: column;
min-height: 300px;
padding: 26px;
background: #FFFFFF;
border:
1px solid
rgba(
20,
17,
14,
0.11
);
border-radius: 20px;
overflow: hidden;
transition:
transform 180ms ease,
border-color 180ms ease,
box-shadow 180ms ease;
}
/* =========================================================
09 — CARD HOVER
========================================================= */
.mg-seo-review-card:hover {
transform:
translateY(-5px);
border-color:
rgba(
244,
166,
65,
0.65
);
box-shadow:
0
20px
45px
rgba(
20,
17,
14,
0.08
);
}
/* =========================================================
10 — TOP ROW
========================================================= */
.mg-seo-review-card__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 30px;
}
/* =========================================================
11 — CARD NUMBER
========================================================= */
.mg-seo-review-card__number {
color: #D87916;
font-family:
"DM Mono",
monospace;
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.08em;
}
/* =========================================================
12 — ICON BOX
========================================================= */
.mg-seo-review-card__icon {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
background: #FFF5E6;
color: #D87916;
border-radius: 11px;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 19px;
font-weight: 700;
}
/* =========================================================
13 — CARD TITLE
========================================================= */
.mg-seo-review-card h3 {
margin:
0
0
14px;
color: #14110E;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size: 30px;
font-weight: 600;
line-height: 1;
letter-spacing: -0.02em;
}
/* =========================================================
14 — CARD DESCRIPTION
========================================================= */
.mg-seo-review-card p {
margin:
0
0
26px;
color: #675D54;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.65;
}
/* =========================================================
15 — CARD TAG
========================================================= */
.mg-seo-review-card__tag {
width: fit-content;
margin-top: auto;
padding:
7px
10px;
background:
rgba(
244,
166,
65,
0.10
);
color: #9C5A12;
border-radius: 999px;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.07em;
text-transform: uppercase;
}
/* =========================================================
16 — BOTTOM NOTE
========================================================= */
.mg-seo-review__note {
display: flex;
align-items: center;
gap: 18px;
max-width: 760px;
margin-top: 48px;
}
.mg-seo-review__note-line {
flex: 0 0 auto;
width: 48px;
height: 2px;
background: #F4A641;
}
.mg-seo-review__note p {
margin: 0;
color: #74695F;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.5;
}
/* =========================================================
TABLET
Four columns become two.
========================================================= */
@media (max-width: 1024px) {
.mg-seo-review {
padding:
90px
32px;
}
.mg-seo-review__grid {
grid-template-columns:
repeat(
2,
1fr
);
gap: 20px;
}
.mg-seo-review-card {
min-height: 280px;
}
}
/* =========================================================
MOBILE
Two columns become one.
========================================================= */
@media (max-width: 767px) {
.mg-seo-review {
padding:
72px
20px;
}
.mg-seo-review__intro {
margin-bottom: 42px;
}
.mg-seo-review__title {
font-size:
clamp(
42px,
12vw,
58px
);
}
.mg-seo-review__lead {
font-size: 16px;
}
.mg-seo-review__grid {
grid-template-columns:
1fr;
gap: 16px;
}
.mg-seo-review-card {
min-height: auto;
padding: 24px;
}
.mg-seo-review-card__top {
margin-bottom: 24px;
}
.mg-seo-review-card h3 {
font-size: 29px;
}
.mg-seo-review__note {
align-items: flex-start;
margin-top: 38px;
}
}
What We Review
A practical visibility check
built for tourism and hospitality.
We look beyond technical SEO alone.
Your audit follows the journey a traveler takes
from discovering your business to deciding
whether to book, inquire or move on.
Search Visibility
How easily travelers can discover your
business through brand, local and relevant
non-brand searches.
Google Search
Google Business Profile
Profile accuracy, categories, links,
media, consistency and how effectively
the listing supports discovery and action.
Search & Maps
Website SEO
Page clarity, headings, local relevance,
structure, mobile usability and obvious
search signals across key pages.
Owned Website
Reviews & Reputation
Review rating, volume, recency,
management responses and recurring
themes in guest sentiment.
Trust Signals
Booking Journey
How quickly a traveler can understand
your offer, build confidence and reach
the right booking or inquiry action.
Conversion Path
Photography & Media
Whether your visual presentation
communicates the experience clearly
and strengthens traveler confidence.
Visual Presentation
Competitor Visibility
A focused comparison with relevant
businesses competing for similar
traveler attention.
Market Context
Audience Positioning
Whether the right traveler — including
couples where relevant — understands
why they should choose your business.
Audience Fit
Every audit is scored only across criteria
that are relevant to the business being reviewed.
/* =========================================================
MANGO GETAWAY
SEO VISIBILITY AUDIT
B03 — WHAT YOU RECEIVE
v0.1
========================================================= */
/* =========================================================
01 — SECTION
========================================================= */
.mg-seo-results {
background:
radial-gradient(
circle at 15% 20%,
rgba(244, 166, 65, 0.08),
transparent 32%
),
#14110E;
color: #FFF5E6;
font-family:
"DM Sans",
Arial,
sans-serif;
padding:
clamp(88px, 9vw, 132px)
24px;
}
/* =========================================================
02 — MAIN TWO-COLUMN GRID
========================================================= */
.mg-seo-results__inner {
width: 100%;
max-width: 1240px;
margin: 0 auto;
display: grid;
grid-template-columns:
minmax(0, 0.88fr)
minmax(0, 1.12fr);
gap:
clamp(
52px,
7vw,
96px
);
align-items: start;
}
/* =========================================================
03 — LEFT COLUMN
========================================================= */
.mg-seo-results__intro {
max-width: 520px;
}
/* =========================================================
04 — EYEBROW
========================================================= */
.mg-seo-results__eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 24px;
color: #F4A641;
font-size: 13px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.mg-seo-results__eyebrow::before {
content: "";
width: 42px;
height: 2px;
background: #F4A641;
}
/* =========================================================
05 — MAIN TITLE
========================================================= */
.mg-seo-results__title {
margin:
0
0
26px;
color: #FFF5E6;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(
48px,
5.3vw,
74px
);
font-weight: 500;
line-height: 0.96;
letter-spacing: -0.03em;
}
.mg-seo-results__title span {
display: block;
color: #F4A641;
}
/* =========================================================
06 — INTRO TEXT
========================================================= */
.mg-seo-results__lead {
margin:
0
0
12px;
color: #FFF5E6;
font-size:
clamp(
18px,
1.7vw,
21px
);
font-weight: 600;
line-height: 1.55;
}
.mg-seo-results__body {
margin: 0;
color:
rgba(
255,
245,
230,
0.66
);
font-size: 16px;
font-weight: 400;
line-height: 1.75;
}
/* =========================================================
07 — PROMISE PANEL
========================================================= */
.mg-seo-results__promise {
margin-top: 42px;
padding: 24px;
background:
rgba(
255,
245,
230,
0.05
);
border:
1px solid
rgba(
255,
245,
230,
0.12
);
border-radius: 18px;
}
.mg-seo-results__promise-label {
display: block;
margin-bottom: 18px;
color: #F4A641;
font-size: 11px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.12em;
text-transform: uppercase;
}
/* =========================================================
08 — PROMISE QUESTIONS
========================================================= */
.mg-seo-results__questions {
display: grid;
gap: 0;
}
.mg-seo-results__questions div {
position: relative;
padding:
11px
0
11px
20px;
color:
rgba(
255,
245,
230,
0.82
);
font-size: 14px;
font-weight: 500;
line-height: 1.4;
border-bottom:
1px solid
rgba(
255,
245,
230,
0.08
);
}
.mg-seo-results__questions div:last-child {
border-bottom: 0;
}
.mg-seo-results__questions div::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 6px;
height: 6px;
margin-top: -3px;
background: #F4A641;
border-radius: 50%;
}
/* =========================================================
09 — DELIVERABLES COLUMN
========================================================= */
.mg-seo-results__deliverables {
display: grid;
gap: 0;
}
/* =========================================================
10 — INDIVIDUAL RESULT
========================================================= */
.mg-seo-result-item {
display: grid;
grid-template-columns:
46px
minmax(0, 1fr);
gap: 20px;
padding:
28px
0;
border-bottom:
1px solid
rgba(
255,
245,
230,
0.12
);
transition:
padding-left 180ms ease,
border-color 180ms ease;
}
.mg-seo-result-item:first-child {
padding-top: 0;
}
.mg-seo-result-item:last-child {
border-bottom: 0;
}
/* =========================================================
11 — SUBTLE HOVER
========================================================= */
.mg-seo-result-item:hover {
padding-left: 8px;
border-color:
rgba(
244,
166,
65,
0.35
);
}
/* =========================================================
12 — CHECK ICON
========================================================= */
.mg-seo-result-item__icon {
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 2px;
background: #F4A641;
color: #14110E;
border-radius: 50%;
font-size: 17px;
font-weight: 800;
}
/* =========================================================
13 — ITEM TOP ROW
========================================================= */
.mg-seo-result-item__top {
display: flex;
align-items: baseline;
gap: 14px;
margin-bottom: 8px;
}
.mg-seo-result-item__top span {
color: #F4A641;
font-family:
"DM Mono",
monospace;
font-size: 10px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.08em;
}
/* =========================================================
14 — ITEM TITLE
========================================================= */
.mg-seo-result-item h3 {
margin: 0;
color: #FFF5E6;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(
28px,
2.8vw,
36px
);
font-weight: 600;
line-height: 1;
letter-spacing: -0.015em;
}
/* =========================================================
15 — ITEM DESCRIPTION
========================================================= */
.mg-seo-result-item p {
max-width: 640px;
margin: 0;
color:
rgba(
255,
245,
230,
0.62
);
font-size: 14px;
font-weight: 400;
line-height: 1.7;
}
/* =========================================================
TABLET
Two columns become one.
========================================================= */
@media (max-width: 1024px) {
.mg-seo-results {
padding:
92px
32px;
}
.mg-seo-results__inner {
grid-template-columns:
1fr;
gap: 64px;
}
.mg-seo-results__intro {
max-width: 760px;
}
.mg-seo-results__promise {
max-width: 600px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.mg-seo-results {
padding:
72px
20px;
}
.mg-seo-results__inner {
gap: 52px;
}
.mg-seo-results__title {
font-size:
clamp(
42px,
12vw,
58px
);
}
.mg-seo-results__lead {
font-size: 18px;
}
.mg-seo-results__body {
font-size: 15px;
}
.mg-seo-results__promise {
margin-top: 34px;
padding: 20px;
}
.mg-seo-result-item {
grid-template-columns:
38px
minmax(0, 1fr);
gap: 16px;
padding:
24px
0;
}
.mg-seo-result-item:hover {
padding-left: 0;
}
.mg-seo-result-item__icon {
width: 34px;
height: 34px;
font-size: 15px;
}
.mg-seo-result-item__top {
display: block;
}
.mg-seo-result-item__top span {
display: block;
margin-bottom: 8px;
}
.mg-seo-result-item h3 {
font-size: 29px;
}
}
What You Receive
Not another
automated SEO report.
The goal is not to bury you in technical
language or dozens of meaningless metrics.
Your audit is designed to show what is
working, what may be weakening your
visibility, and which improvements deserve
attention first.
Your audit should answer:
How visible are we?
What is helping us?
What is holding us back?
What should we improve first?
✓
01
0–100 Visibility Score
A clear overall score calculated only
across criteria that are relevant to
your business.
✓
02
Evidence-Backed Findings
Material observations are connected
to the public pages, profiles and
digital surfaces reviewed.
✓
03
Priority Recommendations
Findings are translated into practical
recommendations based on priority,
potential impact and effort.
✓
04
Competitor Context
A focused look at relevant competitors
to help show where your digital
presentation is stronger or weaker.
✓
05
30-Day Action Plan
A practical sequence of actions so
you know what to address first instead
of trying to fix everything at once.
/* =========================================================
MANGO GETAWAY
SEO VISIBILITY AUDIT
B04 — HOW IT WORKS
v0.1
========================================================= */
/* =========================================================
01 — SECTION
========================================================= */
.mg-seo-process {
background: #F7F1E7;
color: #14110E;
font-family:
"DM Sans",
Arial,
sans-serif;
padding:
clamp(88px, 9vw, 132px)
24px;
}
/* =========================================================
02 — INNER WIDTH
========================================================= */
.mg-seo-process__inner {
width: 100%;
max-width: 1240px;
margin: 0 auto;
}
/* =========================================================
03 — INTRO
========================================================= */
.mg-seo-process__intro {
max-width: 820px;
margin-bottom:
clamp(
52px,
6vw,
76px
);
}
/* =========================================================
04 — EYEBROW
========================================================= */
.mg-seo-process__eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 22px;
color: #D87916;
font-size: 13px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.mg-seo-process__eyebrow::before {
content: "";
width: 42px;
height: 2px;
background: #F4A641;
}
/* =========================================================
05 — TITLE
========================================================= */
.mg-seo-process__title {
margin:
0
0
24px;
color: #14110E;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(
48px,
5.3vw,
74px
);
font-weight: 500;
line-height: 0.96;
letter-spacing: -0.03em;
}
.mg-seo-process__title span {
display: block;
color: #D87916;
}
/* =========================================================
06 — LEAD COPY
========================================================= */
.mg-seo-process__lead {
max-width: 720px;
margin: 0;
color: #62584F;
font-size:
clamp(
17px,
1.6vw,
20px
);
font-weight: 400;
line-height: 1.7;
}
/* =========================================================
07 — FOUR-COLUMN PROCESS GRID
========================================================= */
.mg-seo-process__grid {
position: relative;
display: grid;
grid-template-columns:
repeat(
4,
1fr
);
gap: 24px;
}
/* =========================================================
08 — CONNECTING LINE
========================================================= */
.mg-seo-process__grid::before {
content: "";
position: absolute;
top: 27px;
left: 7%;
right: 7%;
height: 1px;
background:
rgba(
216,
121,
22,
0.24
);
}
/* =========================================================
09 — PROCESS CARD
========================================================= */
.mg-seo-process-card {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
min-height: 370px;
padding:
0
4px;
}
/* =========================================================
10 — TOP ROW
========================================================= */
.mg-seo-process-card__top {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 56px;
margin-bottom: 28px;
}
/* =========================================================
11 — NUMBER
========================================================= */
.mg-seo-process-card__number {
color: #D87916;
font-family:
"DM Mono",
monospace;
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.08em;
}
/* =========================================================
12 — TIMELINE MARKER
========================================================= */
.mg-seo-process-card__marker {
position: relative;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
background: #F7F1E7;
border:
1px solid
rgba(
216,
121,
22,
0.36
);
border-radius: 50%;
}
.mg-seo-process-card__marker span {
width: 8px;
height: 8px;
background: #F4A641;
border-radius: 50%;
}
/* =========================================================
13 — SMALL LABEL
========================================================= */
.mg-seo-process-card__label {
width: fit-content;
margin-bottom: 18px;
padding:
7px
10px;
background:
rgba(
244,
166,
65,
0.12
);
color: #9C5A12;
border-radius: 999px;
font-size: 10px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.08em;
text-transform: uppercase;
}
/* =========================================================
14 — STEP TITLE
========================================================= */
.mg-seo-process-card h3 {
margin:
0
0
16px;
color: #14110E;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(
29px,
2.5vw,
36px
);
font-weight: 600;
line-height: 1;
letter-spacing: -0.02em;
}
/* =========================================================
15 — DESCRIPTION
========================================================= */
.mg-seo-process-card p {
margin:
0
0
28px;
color: #675D54;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
}
/* =========================================================
16 — META AREA
========================================================= */
.mg-seo-process-card__meta {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-top: auto;
}
.mg-seo-process-card__meta span {
padding:
7px
9px;
background:
rgba(
20,
17,
14,
0.05
);
color: #62584F;
border-radius: 7px;
font-size: 10px;
font-weight: 600;
line-height: 1;
}
/* =========================================================
17 — BOTTOM MESSAGE
========================================================= */
.mg-seo-process__footer {
max-width: 760px;
display: grid;
grid-template-columns:
46px
minmax(0, 1fr);
gap: 18px;
align-items: start;
margin-top: 66px;
padding-top: 34px;
border-top:
1px solid
rgba(
20,
17,
14,
0.12
);
}
/* =========================================================
18 — FOOTER ICON
========================================================= */
.mg-seo-process__footer-icon {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
background: #14110E;
color: #F4A641;
border-radius: 50%;
font-size: 20px;
font-weight: 700;
}
/* =========================================================
19 — FOOTER COPY
========================================================= */
.mg-seo-process__footer strong {
display: block;
margin-bottom: 5px;
color: #14110E;
font-size: 15px;
font-weight: 700;
}
.mg-seo-process__footer p {
margin: 0;
color: #74695F;
font-size: 13px;
line-height: 1.6;
}
/* =========================================================
TABLET
4 STEPS → 2 COLUMNS
========================================================= */
@media (max-width: 1024px) {
.mg-seo-process {
padding:
92px
32px;
}
.mg-seo-process__grid {
grid-template-columns:
repeat(
2,
1fr
);
gap:
52px
34px;
}
.mg-seo-process__grid::before {
display: none;
}
.mg-seo-process-card {
min-height: 330px;
padding-top: 18px;
border-top:
1px solid
rgba(
216,
121,
22,
0.25
);
}
.mg-seo-process-card__marker {
display: none;
}
.mg-seo-process-card__top {
min-height: auto;
margin-bottom: 24px;
}
}
/* =========================================================
MOBILE
2 COLUMNS → 1 COLUMN
========================================================= */
@media (max-width: 767px) {
.mg-seo-process {
padding:
72px
20px;
}
.mg-seo-process__intro {
margin-bottom: 46px;
}
.mg-seo-process__title {
font-size:
clamp(
42px,
12vw,
58px
);
}
.mg-seo-process__lead {
font-size: 16px;
}
.mg-seo-process__grid {
grid-template-columns:
1fr;
gap: 38px;
}
.mg-seo-process-card {
min-height: auto;
padding-top: 22px;
}
.mg-seo-process-card__top {
margin-bottom: 20px;
}
.mg-seo-process-card h3 {
font-size: 31px;
}
.mg-seo-process__footer {
grid-template-columns:
38px
minmax(0, 1fr);
gap: 14px;
margin-top: 52px;
}
.mg-seo-process__footer-icon {
width: 36px;
height: 36px;
font-size: 17px;
}
}
How It Works
Four steps.
No agency maze.
The audit is designed to be a simple,
low-risk starting point. You give us the
context we need, we perform the review,
and you receive a clear plan for what
should happen next.
Start Here
Book Your Audit
Purchase the one-time $75 SEO Visibility
Audit and complete a short intake so we
understand your business, location and
visibility priorities.
$75
One-time
Research
We Review Your Visibility
Mango Getaway reviews the relevant
public-facing search results, Google
presence, website, reputation, booking
journey and competitor context.
Evidence-backed
Public surfaces
Delivery
Receive Your Findings
You receive your visibility score,
evidence-backed findings, competitor
context, priority recommendations and
practical 30-day action plan.
5–7 business days
Clear priorities
Your Choice
Decide What Happens Next
Implement the recommendations yourself,
share them with your existing team, or
ask Mango Getaway to scope separate
implementation work.
No retainer required
You stay in control
/* =========================================================
MANGO GETAWAY
SEO VISIBILITY AUDIT
B05 — THE $75 OFFER
v0.1
========================================================= */
/* =========================================================
01 — SECTION
========================================================= */
.mg-seo-offer {
position: relative;
background:
radial-gradient(
circle at 80% 10%,
rgba(244, 166, 65, 0.12),
transparent 30%
),
#FFFDF9;
color: #14110E;
font-family:
"DM Sans",
Arial,
sans-serif;
padding:
clamp(92px, 10vw, 145px)
24px;
overflow: hidden;
}
/* =========================================================
02 — MAIN LAYOUT
========================================================= */
.mg-seo-offer__inner {
width: 100%;
max-width: 1240px;
margin: 0 auto;
display: grid;
grid-template-columns:
minmax(0, 0.92fr)
minmax(420px, 1.08fr);
align-items: center;
gap:
clamp(
60px,
8vw,
110px
);
}
/* =========================================================
03 — LEFT CONTENT
========================================================= */
.mg-seo-offer__content {
max-width: 590px;
}
/* =========================================================
04 — EYEBROW
========================================================= */
.mg-seo-offer__eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 24px;
color: #D87916;
font-size: 13px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.mg-seo-offer__eyebrow::before {
content: "";
width: 42px;
height: 2px;
background: #F4A641;
}
/* =========================================================
05 — TITLE
========================================================= */
.mg-seo-offer__title {
margin:
0
0
24px;
color: #14110E;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(
50px,
5.8vw,
80px
);
font-weight: 500;
line-height: 0.94;
letter-spacing: -0.035em;
}
.mg-seo-offer__title span {
display: block;
color: #D87916;
}
/* =========================================================
06 — COPY
========================================================= */
.mg-seo-offer__lead {
margin:
0
0
12px;
color: #14110E;
font-size:
clamp(
19px,
1.8vw,
23px
);
font-weight: 700;
line-height: 1.45;
}
.mg-seo-offer__body {
max-width: 550px;
margin: 0;
color: #675D54;
font-size: 16px;
font-weight: 400;
line-height: 1.75;
}
/* =========================================================
07 — DESIGNED FOR
========================================================= */
.mg-seo-offer__fit {
margin-top: 38px;
padding-top: 28px;
border-top:
1px solid
rgba(
20,
17,
14,
0.11
);
}
.mg-seo-offer__fit-label {
display: block;
margin-bottom: 14px;
color: #74695F;
font-size: 10px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.12em;
text-transform: uppercase;
}
/* =========================================================
08 — AUDIENCE PILLS
========================================================= */
.mg-seo-offer__fit-items {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.mg-seo-offer__fit-items span {
padding:
9px
12px;
background: #FFF5E6;
color: #62584F;
border:
1px solid
rgba(
216,
121,
22,
0.14
);
border-radius: 999px;
font-size: 11px;
font-weight: 600;
line-height: 1;
}
/* =========================================================
09 — VALUE STATEMENT
========================================================= */
.mg-seo-offer__statement {
display: grid;
grid-template-columns:
38px
minmax(0, 1fr);
gap: 16px;
align-items: start;
margin-top: 34px;
}
.mg-seo-offer__statement-icon {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
background: #14110E;
color: #F4A641;
border-radius: 50%;
font-size: 17px;
font-weight: 700;
}
.mg-seo-offer__statement p {
margin: 0;
color: #74695F;
font-size: 13px;
line-height: 1.65;
}
.mg-seo-offer__statement strong {
color: #14110E;
font-weight: 700;
}
/* =========================================================
10 — OFFER CARD
========================================================= */
.mg-seo-offer-card {
position: relative;
width: 100%;
max-width: 540px;
justify-self: end;
padding:
clamp(
28px,
4vw,
42px
);
background: #14110E;
color: #FFF5E6;
border-radius: 28px;
box-shadow:
0
30px
75px
rgba(
20,
17,
14,
0.22
);
overflow: hidden;
}
/* =========================================================
11 — SUBTLE DECORATIVE GLOW
========================================================= */
.mg-seo-offer-card::before {
content: "";
position: absolute;
width: 260px;
height: 260px;
top: -140px;
right: -110px;
background:
rgba(
244,
166,
65,
0.10
);
border-radius: 50%;
pointer-events: none;
}
/* =========================================================
12 — CARD HEADER
========================================================= */
.mg-seo-offer-card__header {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 24px;
}
.mg-seo-offer-card__label {
display: block;
margin-bottom: 8px;
color: #F4A641;
font-size: 10px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.mg-seo-offer-card__header h3 {
margin: 0;
color: #FFF5E6;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(
30px,
3vw,
40px
);
font-weight: 600;
line-height: 1;
letter-spacing: -0.02em;
}
/* =========================================================
13 — MG BADGE
========================================================= */
.mg-seo-offer-card__badge {
width: 44px;
height: 44px;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
background: #F4A641;
color: #14110E;
border-radius: 50%;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.04em;
}
/* =========================================================
14 — PRICE
========================================================= */
.mg-seo-offer-card__price {
position: relative;
z-index: 2;
display: flex;
align-items: flex-start;
margin:
38px
0
30px;
}
.mg-seo-offer-card__currency {
margin:
9px
3px
0
0;
color: #F4A641;
font-size: 26px;
font-weight: 700;
line-height: 1;
}
.mg-seo-offer-card__price strong {
color: #FFF5E6;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size:
clamp(
68px,
8vw,
96px
);
font-weight: 700;
line-height: 0.8;
letter-spacing: -0.06em;
}
.mg-seo-offer-card__price-note {
align-self: flex-end;
margin:
0
0
4px
12px;
color:
rgba(
255,
245,
230,
0.48
);
font-size: 11px;
font-weight: 600;
line-height: 1;
}
/* =========================================================
15 — DIVIDER
========================================================= */
.mg-seo-offer-card__divider {
height: 1px;
margin-bottom: 28px;
background:
rgba(
255,
245,
230,
0.12
);
}
/* =========================================================
16 — INCLUDED LABEL
========================================================= */
.mg-seo-offer-card__included-label {
display: block;
margin-bottom: 18px;
color:
rgba(
255,
245,
230,
0.50
);
font-size: 10px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.12em;
text-transform: uppercase;
}
/* =========================================================
17 — INCLUDED ITEM
========================================================= */
.mg-seo-offer-card__item {
display: grid;
grid-template-columns:
25px
minmax(0, 1fr);
gap: 12px;
align-items: center;
min-height: 41px;
color:
rgba(
255,
245,
230,
0.80
);
font-size: 13px;
line-height: 1.4;
}
/* =========================================================
18 — CHECK
========================================================= */
.mg-seo-offer-card__check {
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
background:
rgba(
244,
166,
65,
0.13
);
color: #F4A641;
border:
1px solid
rgba(
244,
166,
65,
0.30
);
border-radius: 50%;
font-size: 11px;
font-weight: 800;
}
/* =========================================================
19 — TURNAROUND
========================================================= */
.mg-seo-offer-card__turnaround {
display: grid;
grid-template-columns:
repeat(
2,
1fr
);
gap: 12px;
margin-top: 28px;
padding-top: 24px;
border-top:
1px solid
rgba(
255,
245,
230,
0.12
);
}
.mg-seo-offer-card__turnaround div {
padding: 14px;
background:
rgba(
255,
245,
230,
0.05
);
border-radius: 11px;
}
.mg-seo-offer-card__turnaround span {
display: block;
margin-bottom: 5px;
color:
rgba(
255,
245,
230,
0.42
);
font-size: 9px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.mg-seo-offer-card__turnaround strong {
color: #FFF5E6;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
}
/* =========================================================
20 — PRIMARY CTA
========================================================= */
.mg-seo-offer-card__button {
width: 100%;
min-height: 62px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-top: 26px;
padding:
0
22px;
background: #F4A641;
color: #14110E;
border-radius: 13px;
font-size: 15px;
font-weight: 800;
line-height: 1;
text-decoration: none;
transition:
background-color 180ms ease,
transform 180ms ease;
}
.mg-seo-offer-card__button span {
font-size: 21px;
transition:
transform 180ms ease;
}
.mg-seo-offer-card__button:hover {
background: #D87916;
color: #14110E;
transform:
translateY(-2px);
}
.mg-seo-offer-card__button:hover span {
transform:
translateX(4px);
}
/* =========================================================
21 — MICRO COPY
========================================================= */
.mg-seo-offer-card__micro {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 7px;
margin-top: 15px;
color:
rgba(
255,
245,
230,
0.40
);
font-size: 9px;
font-weight: 500;
line-height: 1.4;
text-align: center;
}
.mg-seo-offer-card__dot {
color:
rgba(
244,
166,
65,
0.65
);
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 1024px) {
.mg-seo-offer {
padding:
96px
32px;
}
.mg-seo-offer__inner {
grid-template-columns:
1fr;
gap: 68px;
}
.mg-seo-offer__content {
max-width: 760px;
}
.mg-seo-offer-card {
max-width: 650px;
justify-self: start;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.mg-seo-offer {
padding:
74px
20px;
}
.mg-seo-offer__inner {
gap: 52px;
}
.mg-seo-offer__title {
font-size:
clamp(
43px,
12vw,
60px
);
}
.mg-seo-offer__lead {
font-size: 18px;
}
.mg-seo-offer__body {
font-size: 15px;
}
.mg-seo-offer__statement {
grid-template-columns:
34px
minmax(0, 1fr);
gap: 13px;
}
.mg-seo-offer__statement-icon {
width: 32px;
height: 32px;
font-size: 15px;
}
.mg-seo-offer-card {
padding: 24px;
border-radius: 21px;
}
.mg-seo-offer-card__price {
margin:
32px
0
26px;
}
.mg-seo-offer-card__price strong {
font-size: 72px;
}
.mg-seo-offer-card__turnaround {
grid-template-columns:
1fr;
}
.mg-seo-offer-card__button {
min-height: 58px;
}
}
SEO Visibility Audit
Before you spend more
on marketing.
Find out what travelers already see.
Get a focused, evidence-backed review of how
your business appears across search, Google,
your website, reputation and the path from
discovery to booking or inquiry.
Designed for
Accommodation
Tourism Businesses
Destination Organizations
Food & Beverage
→
The goal is simple:
help you understand what deserves
attention before you spend more money
trying to fix it.
$
75
one time
Your audit includes
✓
Search + Google visibility review
✓
Website SEO & booking journey review
✓
Reviews, reputation & media assessment
✓
Priority recommendations
✓
Practical 30-day action plan
Target Turnaround
5–7 Business Days
Delivery
Digital Report
Book Your Audit
→
No ongoing retainer required.
•
Implementation is separate.
/* =========================================================
MANGO GETAWAY
SEO VISIBILITY AUDIT
B06 — FAQ & OBJECTION HANDLING
v0.1
========================================================= */
/* =========================================================
01 — SECTION
========================================================= */
.mg-seo-faq {
background: #FFFDF9;
color: #14110E;
font-family:
"DM Sans",
Arial,
sans-serif;
padding:
clamp(88px, 9vw, 132px)
24px;
}
/* =========================================================
02 — INNER
========================================================= */
.mg-seo-faq__inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
}
/* =========================================================
03 — INTRO
========================================================= */
.mg-seo-faq__intro {
max-width: 760px;
margin-bottom:
clamp(
48px,
6vw,
70px
);
}
/* =========================================================
04 — EYEBROW
========================================================= */
.mg-seo-faq__eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 22px;
color: #D87916;
font-size: 13px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.mg-seo-faq__eyebrow::before {
content: "";
width: 42px;
height: 2px;
background: #F4A641;
}
/* =========================================================
05 — TITLE
========================================================= */
.mg-seo-faq__title {
margin:
0
0
24px;
color: #14110E;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(
48px,
5.3vw,
74px
);
font-weight: 500;
line-height: 0.96;
letter-spacing: -0.03em;
}
.mg-seo-faq__title span {
display: block;
color: #D87916;
}
/* =========================================================
06 — LEAD COPY
========================================================= */
.mg-seo-faq__lead {
max-width: 680px;
margin: 0;
color: #675D54;
font-size:
clamp(
17px,
1.6vw,
20px
);
font-weight: 400;
line-height: 1.7;
}
/* =========================================================
07 — FAQ LIST
========================================================= */
.mg-seo-faq__list {
display: grid;
gap: 12px;
}
/* =========================================================
08 — FAQ ITEM
========================================================= */
.mg-seo-faq-item {
background: #FFFFFF;
border:
1px solid
rgba(
20,
17,
14,
0.11
);
border-radius: 16px;
overflow: hidden;
transition:
border-color 180ms ease,
box-shadow 180ms ease;
}
.mg-seo-faq-item[open] {
border-color:
rgba(
244,
166,
65,
0.48
);
box-shadow:
0
16px
38px
rgba(
20,
17,
14,
0.05
);
}
/* =========================================================
09 — REMOVE DEFAULT ARROW
========================================================= */
.mg-seo-faq-item summary {
list-style: none;
}
.mg-seo-faq-item summary::-webkit-details-marker {
display: none;
}
/* =========================================================
10 — SUMMARY ROW
========================================================= */
.mg-seo-faq-item summary {
display: grid;
grid-template-columns:
42px
minmax(0, 1fr)
38px;
gap: 18px;
align-items: center;
min-height: 82px;
padding:
18px
22px;
cursor: pointer;
user-select: none;
}
/* =========================================================
11 — NUMBER
========================================================= */
.mg-seo-faq-item__number {
color: #D87916;
font-family:
"DM Mono",
monospace;
font-size: 11px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.08em;
}
/* =========================================================
12 — QUESTION
========================================================= */
.mg-seo-faq-item__question {
color: #14110E;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(
23px,
2.4vw,
30px
);
font-weight: 600;
line-height: 1.05;
letter-spacing: -0.015em;
}
/* =========================================================
13 — TOGGLE
========================================================= */
.mg-seo-faq-item__toggle {
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
justify-self: end;
background: #FFF5E6;
color: #D87916;
border-radius: 50%;
font-family:
"DM Sans",
Arial,
sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1;
transition:
transform 180ms ease,
background-color 180ms ease;
}
/* =========================================================
14 — OPEN TOGGLE
========================================================= */
.mg-seo-faq-item[open]
.mg-seo-faq-item__toggle {
background: #F4A641;
color: #14110E;
transform: rotate(45deg);
}
/* =========================================================
15 — ANSWER
========================================================= */
.mg-seo-faq-item__answer {
padding:
0
80px
28px
82px;
}
.mg-seo-faq-item__answer p {
max-width: 760px;
margin: 0;
color: #675D54;
font-size: 14px;
font-weight: 400;
line-height: 1.75;
}
/* =========================================================
16 — SUMMARY HOVER
========================================================= */
.mg-seo-faq-item summary:hover
.mg-seo-faq-item__question {
color: #D87916;
}
/* =========================================================
17 — REASSURANCE
========================================================= */
.mg-seo-faq__reassurance {
max-width: 760px;
display: grid;
grid-template-columns:
42px
minmax(0, 1fr);
gap: 18px;
align-items: start;
margin-top: 52px;
padding-top: 32px;
border-top:
1px solid
rgba(
20,
17,
14,
0.11
);
}
/* =========================================================
18 — REASSURANCE ICON
========================================================= */
.mg-seo-faq__reassurance-icon {
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: #14110E;
color: #F4A641;
border-radius: 50%;
font-size: 16px;
font-weight: 800;
}
/* =========================================================
19 — REASSURANCE COPY
========================================================= */
.mg-seo-faq__reassurance strong {
display: block;
margin-bottom: 5px;
color: #14110E;
font-size: 15px;
font-weight: 700;
}
.mg-seo-faq__reassurance p {
margin: 0;
color: #74695F;
font-size: 13px;
line-height: 1.6;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 1024px) {
.mg-seo-faq {
padding:
92px
32px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.mg-seo-faq {
padding:
72px
20px;
}
.mg-seo-faq__intro {
margin-bottom: 42px;
}
.mg-seo-faq__title {
font-size:
clamp(
42px,
12vw,
58px
);
}
.mg-seo-faq__lead {
font-size: 16px;
}
.mg-seo-faq-item summary {
grid-template-columns:
30px
minmax(0, 1fr)
32px;
gap: 12px;
min-height: 72px;
padding:
16px
16px;
}
.mg-seo-faq-item__question {
font-size: 23px;
}
.mg-seo-faq-item__toggle {
width: 30px;
height: 30px;
font-size: 18px;
}
.mg-seo-faq-item__answer {
padding:
0
16px
22px
58px;
}
.mg-seo-faq-item__answer p {
font-size: 14px;
}
.mg-seo-faq__reassurance {
grid-template-columns:
36px
minmax(0, 1fr);
gap: 14px;
margin-top: 44px;
}
.mg-seo-faq__reassurance-icon {
width: 34px;
height: 34px;
font-size: 14px;
}
}
Before You Book
A few things
worth knowing.
The audit is intentionally focused.
You should know exactly what you are buying,
what is included, and what is not.
01
Who is the SEO Visibility Audit for?
+
The audit is designed primarily for
accommodation providers, tourism and
destination businesses, restaurants,
food and beverage establishments and
other hospitality businesses that want
a clearer picture of how travelers
currently find and evaluate them online.
02
Is this a full technical SEO audit?
+
No. This is a focused visibility
diagnostic rather than an enterprise-level
technical crawl. The audit reviews the
public-facing search journey, Google
presence, key website signals, reputation,
booking or inquiry journey, media and
relevant competitor context.
03
Do you make changes to my website or Google profile?
+
Not as part of the $75 audit. The audit
identifies and prioritizes what should be
improved. Website edits, Google Business
Profile changes, development, copywriting,
photography or other implementation work
would be scoped separately.
04
Do you need my passwords or account access?
+
No passwords are required for the standard
audit. It is designed around public-facing
information. If private analytics or Search
Console information is voluntarily supplied
later, it can only be considered where
separately agreed.
05
Do you guarantee better Google rankings?
+
No. Search performance depends on many
factors including competition, location,
search behavior, platform changes and the
actions taken after the audit. Mango Getaway
provides evidence-backed findings and
recommendations, not guaranteed rankings,
traffic, enquiries or bookings.
06
How long does the audit take?
+
The target turnaround is approximately
5–7 business days once payment and the
required intake information have been
received.
07
What happens after I receive the audit?
+
The recommendations are yours to use.
You can implement them internally,
give them to your existing agency or
developer, or ask Mango Getaway to prepare
a separate implementation scope for the
priorities you want help with.
08
Am I committing to an SEO retainer?
+
No. The SEO Visibility Audit is a
one-time $75 service. There is no
automatic ongoing retainer or required
follow-up service.
✓
Clear scope. Clear price. No hidden commitment.
The purpose of the audit is to give you
useful visibility intelligence before
larger marketing decisions are made.
/* =========================================================
MANGO GETAWAY
SEO VISIBILITY AUDIT
B07 — CLOSING CTA
v0.1
========================================================= */
/* =========================================================
01 — SECTION
========================================================= */
.mg-seo-closing {
position: relative;
overflow: hidden;
background:
radial-gradient(
circle at 82% 16%,
rgba(255, 245, 230, 0.18),
transparent 30%
),
linear-gradient(
135deg,
#F4A641 0%,
#E99024 55%,
#D87916 100%
);
color: #14110E;
font-family:
"DM Sans",
Arial,
sans-serif;
padding:
clamp(82px, 9vw, 126px)
24px;
}
/* =========================================================
02 — DECORATIVE BACKGROUND CIRCLE
========================================================= */
.mg-seo-closing::before {
content: "";
position: absolute;
width: 440px;
height: 440px;
right: -220px;
bottom: -250px;
border:
1px solid
rgba(
255,
245,
230,
0.22
);
border-radius: 50%;
pointer-events: none;
}
/* =========================================================
03 — INNER LAYOUT
========================================================= */
.mg-seo-closing__inner {
position: relative;
z-index: 2;
width: 100%;
max-width: 1240px;
margin: 0 auto;
display: grid;
grid-template-columns:
minmax(0, 1.25fr)
minmax(330px, 0.75fr);
align-items: center;
gap:
clamp(
52px,
8vw,
110px
);
}
/* =========================================================
04 — LEFT CONTENT
========================================================= */
.mg-seo-closing__content {
max-width: 760px;
}
/* =========================================================
05 — EYEBROW
========================================================= */
.mg-seo-closing__eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 22px;
color:
rgba(
20,
17,
14,
0.72
);
font-size: 13px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.mg-seo-closing__eyebrow::before {
content: "";
width: 42px;
height: 2px;
background: #14110E;
}
/* =========================================================
06 — TITLE
========================================================= */
.mg-seo-closing__title {
margin:
0
0
20px;
color: #14110E;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(
50px,
5.8vw,
82px
);
font-weight: 600;
line-height: 0.94;
letter-spacing: -0.035em;
}
.mg-seo-closing__title span {
display: block;
color: #FFF5E6;
}
/* =========================================================
07 — MAIN CTA COPY
========================================================= */
.mg-seo-closing__lead {
margin:
0
0
10px;
color: #14110E;
font-size:
clamp(
20px,
2vw,
25px
);
font-weight: 800;
line-height: 1.4;
}
.mg-seo-closing__body {
max-width: 650px;
margin: 0;
color:
rgba(
20,
17,
14,
0.72
);
font-size: 16px;
font-weight: 500;
line-height: 1.7;
}
/* =========================================================
08 — RIGHT ACTION PANEL
========================================================= */
.mg-seo-closing__action {
width: 100%;
max-width: 390px;
justify-self: end;
padding: 30px;
background:
rgba(
20,
17,
14,
0.96
);
color: #FFF5E6;
border:
1px solid
rgba(
255,
245,
230,
0.10
);
border-radius: 24px;
box-shadow:
0
24px
60px
rgba(
20,
17,
14,
0.18
);
}
/* =========================================================
09 — PRICE LABEL
========================================================= */
.mg-seo-closing__price-label {
display: block;
margin-bottom: 12px;
color:
rgba(
255,
245,
230,
0.48
);
font-size: 10px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.12em;
text-transform: uppercase;
}
/* =========================================================
10 — PRICE ROW
========================================================= */
.mg-seo-closing__price-row {
display: flex;
align-items: flex-end;
gap: 10px;
}
.mg-seo-closing__price-row strong {
color: #FFF5E6;
font-size:
clamp(
56px,
6vw,
72px
);
font-weight: 700;
line-height: 0.9;
letter-spacing: -0.055em;
}
.mg-seo-closing__price-row span {
margin-bottom: 5px;
color:
rgba(
255,
245,
230,
0.45
);
font-size: 11px;
font-weight: 600;
}
/* =========================================================
11 — CTA BUTTON
========================================================= */
.mg-seo-closing__button {
width: 100%;
min-height: 60px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
margin-top: 26px;
padding:
0
20px;
background: #F4A641;
color: #14110E;
border-radius: 12px;
font-size: 15px;
font-weight: 800;
line-height: 1;
text-decoration: none;
transition:
background-color 180ms ease,
transform 180ms ease;
}
.mg-seo-closing__button span {
font-size: 21px;
transition:
transform 180ms ease;
}
/* =========================================================
12 — BUTTON HOVER
========================================================= */
.mg-seo-closing__button:hover {
background: #FFF5E6;
color: #14110E;
transform:
translateY(-2px);
}
.mg-seo-closing__button:hover span {
transform:
translateX(4px);
}
/* =========================================================
13 — ASSURANCE ROW
========================================================= */
.mg-seo-closing__assurance {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 7px;
margin-top: 15px;
color:
rgba(
255,
245,
230,
0.42
);
font-size: 9px;
font-weight: 600;
line-height: 1.4;
text-align: center;
}
.mg-seo-closing__dot {
color: #F4A641;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 1024px) {
.mg-seo-closing {
padding:
92px
32px;
}
.mg-seo-closing__inner {
grid-template-columns:
1fr;
gap: 54px;
}
.mg-seo-closing__content {
max-width: 800px;
}
.mg-seo-closing__action {
max-width: 540px;
justify-self: start;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.mg-seo-closing {
padding:
72px
20px;
}
.mg-seo-closing__inner {
gap: 42px;
}
.mg-seo-closing__title {
font-size:
clamp(
43px,
12vw,
60px
);
}
.mg-seo-closing__lead {
font-size: 19px;
}
.mg-seo-closing__body {
font-size: 15px;
}
.mg-seo-closing__action {
padding: 24px;
border-radius: 20px;
}
.mg-seo-closing__button {
min-height: 58px;
}
}
One Clear Next Step
Before you spend more
on marketing.
Find out what travelers already see.
A $75 SEO Visibility Audit gives you a clearer
picture of how your business is being found,
understood and trusted online — and what
deserves attention first.
SEO Visibility Audit
$75
one time
Book Your Audit
→
5–7 business days
•
No ongoing retainer
