/* ===== GOOGLE FONTS (import works inside style block) ===== */
@import url(‘https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@400;500;600;700&display=swap’);
/* ===== SCOPED RESET & VARIABLES ===== */
.iof-lp,
.iof-lp *,
.iof-lp *::before,
.iof-lp *::after {
box-sizing: border-box !important;
margin: 0;
padding: 0;
}
.iof-lp {
–warm-cream: #FAF7F2;
–warm-cream-dark: #F3EDE3;
–terracotta: #9e3c33;
–terracotta-dark: #7d2f28;
–olive: #5B6B4A;
–olive-light: #7A8C66;
–ink: #2C2420;
–ink-light: #5A4F47;
–gold: #C9A84C;
–gold-light: #E8D48B;
–white: #FFFFFF;
–border: #E5DDD3;
–shadow-sm: 0 1px 3px rgba(44,36,32,0.06);
–shadow-md: 0 4px 16px rgba(44,36,32,0.08);
–shadow-lg: 0 8px 32px rgba(44,36,32,0.12);
–radius: 12px;
–radius-lg: 20px;
–font-display: ‘Playfair Display’, Georgia, serif;
–font-body: ‘DM Sans’, -apple-system, sans-serif;
font-family: var(–font-body) !important;
color: var(–ink) !important;
line-height: 1.65 !important;
-webkit-font-smoothing: antialiased;
font-size: 16px !important;
}
/* ===== FULL-WIDTH BREAKOUT (escapes any WP container) ===== */
.iof-lp .iof-fw {
width: 100vw !important;
max-width: 100vw !important;
position: relative !important;
left: 50% !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
}
/* Inner container to re-center content */
.iof-lp .iof-container {
max-width: 1100px !important;
margin: 0 auto !important;
padding: 0 24px !important;
}
/* ===== GENERAL ELEMENT RESETS (override WP theme) ===== */
.iof-lp img {
max-width: 100% !important;
display: block !important;
height: auto !important;
border: none !important;
box-shadow: none !important;
}
.iof-lp a {
color: inherit !important;
text-decoration: none !important;
box-shadow: none !important;
}
.iof-lp ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.iof-lp li { margin: 0 !important; }
.iof-lp h1, .iof-lp h2, .iof-lp h3 {
margin: 0 !important;
padding: 0 !important;
letter-spacing: normal !important;
text-transform: none !important;
}
.iof-lp p { margin: 0 !important; }
.iof-lp table { border: none !important; }
.iof-lp th, .iof-lp td { border: none !important; }
.iof-lp blockquote {
margin: 0 !important;
padding: 0 !important;
border: none !important;
quotes: none !important;
}
.iof-lp blockquote::before,
.iof-lp blockquote::after { content: none !important; }
/* ===== STICKY MOBILE CTA ===== */
.iof-lp .iof-sticky-cta {
display: none !important;
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
background: var(–white) !important;
border-top: 1px solid var(–border) !important;
padding: 12px 20px !important;
z-index: 99999 !important;
box-shadow: 0 -4px 20px rgba(44,36,32,0.1) !important;
}
.iof-lp .iof-sticky-cta-inner {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
max-width: 600px !important;
margin: 0 auto !important;
}
.iof-lp .iof-sticky-price {
font-family: var(–font-display) !important;
font-size: 20px !important;
font-weight: 700 !important;
color: var(–ink) !important;
}
.iof-lp .iof-sticky-price .iof-was {
font-size: 14px !important;
color: var(–ink-light) !important;
text-decoration: line-through !important;
font-family: var(–font-body) !important;
font-weight: 400 !important;
margin-right: 6px !important;
}
@media (max-width: 768px) {
.iof-lp .iof-sticky-cta { display: block !important; }
}
/* ===== SECTION LABEL ===== */
.iof-lp .iof-label {
font-size: 12px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
color: var(–terracotta) !important;
margin-bottom: 16px !important;
font-family: var(–font-body) !important;
text-align: center !important;
}
/* ===== BUTTONS ===== */
.iof-lp .iof-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
background: var(–terracotta) !important;
color: var(–white) !important;
font-family: var(–font-body) !important;
font-size: 17px !important;
font-weight: 700 !important;
padding: 18px 40px !important;
border-radius: 12px !important;
border: none !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
box-shadow: 0 4px 16px rgba(158,60,51,0.3) !important;
text-decoration: none !important;
letter-spacing: 0.2px !important;
line-height: 1.3 !important;
}
.iof-lp .iof-btn:hover {
background: var(–terracotta-dark) !important;
color: var(–white) !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 24px rgba(158,60,51,0.35) !important;
}
.iof-lp .iof-btn-sm {
padding: 14px 28px !important;
font-size: 15px !important;
}
.iof-lp .iof-btn-outline {
background: transparent !important;
color: var(–terracotta) !important;
border: 2px solid var(–terracotta) !important;
box-shadow: none !important;
}
.iof-lp .iof-btn-outline:hover {
background: var(–terracotta) !important;
color: var(–white) !important;
}
.iof-lp .iof-btn-lg {
font-size: 18px !important;
padding: 20px 48px !important;
}
/* ===== HERO ===== */
.iof-lp .iof-hero {
padding: 64px 24px 72px !important;
text-align: center !important;
position: relative !important;
overflow: hidden !important;
background: linear-gradient(180deg, var(–warm-cream) 0%, var(–warm-cream-dark) 100%) !important;
}
.iof-lp .iof-hero::before {
content: ” !important;
position: absolute !important;
top: -60px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 800px !important;
height: 800px !important;
background: radial-gradient(circle, rgba(158,60,51,0.06) 0%, transparent 70%) !important;
pointer-events: none !important;
}
.iof-lp .iof-hero h1 {
font-family: var(–font-display) !important;
font-size: clamp(32px, 5vw, 52px) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
max-width: 700px !important;
margin: 0 auto 20px !important;
color: var(–ink) !important;
}
.iof-lp .iof-hero-sub {
font-size: 18px !important;
color: var(–ink-light) !important;
max-width: 560px !important;
margin: 0 auto 36px !important;
line-height: 1.7 !important;
font-family: var(–font-body) !important;
}
.iof-lp .iof-hero-trust {
display: flex !important;
justify-content: center !important;
gap: 28px !important;
margin-top: 28px !important;
flex-wrap: wrap !important;
}
.iof-lp .iof-hero-trust-item {
display: flex !important;
align-items: center !important;
gap: 6px !important;
font-size: 13px !important;
color: var(–ink-light) !important;
font-family: var(–font-body) !important;
}
.iof-lp .iof-hero-trust-item svg { flex-shrink: 0 !important; }
/* ===== TRY FREE NUDGE ===== */
.iof-lp .iof-try-free-wrap {
padding: 0 24px 48px !important;
background: var(–warm-cream) !important;
display: flex !important;
justify-content: center !important;
}
.iof-lp .iof-try-free {
background: var(–white) !important;
border: 2px dashed var(–border) !important;
border-radius: var(–radius-lg) !important;
padding: 28px 32px !important;
width: 100% !important;
max-width: 620px !important;
margin: -20px auto 0 auto !important;
text-align: center !important;
}
.iof-lp .iof-try-free p {
font-size: 15px !important;
color: var(–ink-light) !important;
margin-bottom: 12px !important;
font-family: var(–font-body) !important;
line-height: 1.65 !important;
}
.iof-lp .iof-try-free p:last-child { margin-bottom: 0 !important; }
.iof-lp .iof-try-free a {
color: var(–terracotta) !important;
font-weight: 600 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}
.iof-lp .iof-try-free strong {
color: var(–ink) !important;
font-weight: 600 !important;
}
/* ===== PEEK INSIDE ===== */
.iof-lp .iof-peek {
padding: 80px 24px !important;
background: var(–white) !important;
}
.iof-lp .iof-peek h2 {
font-family: var(–font-display) !important;
font-size: clamp(26px, 3.5vw, 38px) !important;
font-weight: 700 !important;
line-height: 1.25 !important;
margin-bottom: 12px !important;
color: var(–ink) !important;
text-align: center !important;
}
.iof-lp .iof-peek-subtitle {
font-size: 17px !important;
color: var(–ink-light) !important;
max-width: 620px !important;
margin-bottom: 44px !important;
margin-left: auto !important;
margin-right: auto !important;
line-height: 1.65 !important;
font-family: var(–font-body) !important;
text-align: center !important;
}
.iof-lp .iof-peek-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 24px !important;
}
.iof-lp .iof-peek-card {
background: var(–warm-cream) !important;
border: 1px solid var(–border) !important;
border-radius: var(–radius-lg) !important;
overflow: hidden !important;
box-shadow: var(–shadow-sm) !important;
transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}
.iof-lp .iof-peek-card:hover {
box-shadow: var(–shadow-md) !important;
transform: translateY(-2px) !important;
}
.iof-lp .iof-peek-img {
width: 100% !important;
height: 200px !important;
object-fit: cover !important;
display: block !important;
}
.iof-lp .iof-peek-meta {
padding: 22px 24px 26px !important;
}
.iof-lp .iof-peek-kicker {
font-size: 12px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
color: var(–terracotta) !important;
margin-bottom: 10px !important;
font-family: var(–font-body) !important;
}
.iof-lp .iof-peek-card h3 {
font-family: var(–font-display) !important;
font-size: 20px !important;
font-weight: 600 !important;
margin-bottom: 10px !important;
color: var(–ink) !important;
}
.iof-lp .iof-peek-card p {
font-size: 15px !important;
color: var(–ink-light) !important;
line-height: 1.6 !important;
font-family: var(–font-body) !important;
}
/* ===== PROBLEM / AGITATION ===== */
.iof-lp .iof-problem {
padding: 80px 24px !important;
background: var(–white) !important;
}
.iof-lp .iof-problem h2 {
font-family: var(–font-display) !important;
font-size: clamp(26px, 3.5vw, 38px) !important;
font-weight: 700 !important;
line-height: 1.25 !important;
max-width: 640px !important;
margin-bottom: 40px !important;
margin-left: auto !important;
margin-right: auto !important;
color: var(–ink) !important;
text-align: center !important;
}
.iof-lp .iof-pain-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
gap: 24px !important;
}
.iof-lp .iof-pain-card {
background: var(–warm-cream) !important;
border-radius: var(–radius) !important;
padding: 28px !important;
border-left: 4px solid var(–terracotta) !important;
}
.iof-lp .iof-pain-icon {
font-size: 28px !important;
margin-bottom: 12px !important;
}
.iof-lp .iof-pain-card h3 {
font-family: var(–font-display) !important;
font-size: 18px !important;
font-weight: 600 !important;
margin-bottom: 8px !important;
color: var(–ink) !important;
}
.iof-lp .iof-pain-card p {
font-size: 15px !important;
color: var(–ink-light) !important;
line-height: 1.6 !important;
font-family: var(–font-body) !important;
}
/* ===== WHAT’S INSIDE ===== */
.iof-lp .iof-inside {
padding: 80px 24px !important;
background: var(–warm-cream) !important;
}
.iof-lp .iof-inside h2 {
font-family: var(–font-display) !important;
font-size: clamp(26px, 3.5vw, 38px) !important;
font-weight: 700 !important;
line-height: 1.25 !important;
margin-bottom: 16px !important;
color: var(–ink) !important;
text-align: center !important;
}
.iof-lp .iof-inside-subtitle {
font-size: 17px !important;
color: var(–ink-light) !important;
max-width: 580px !important;
margin-bottom: 48px !important;
margin-left: auto !important;
margin-right: auto !important;
line-height: 1.65 !important;
font-family: var(–font-body) !important;
text-align: center !important;
}
.iof-lp .iof-inside-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 24px !important;
margin-bottom: 48px !important;
}
.iof-lp .iof-inside-card {
background: var(–white) !important;
border-radius: var(–radius-lg) !important;
padding: 32px 28px !important;
box-shadow: var(–shadow-sm) !important;
border: 1px solid var(–border) !important;
transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}
.iof-lp .iof-inside-card:hover {
box-shadow: var(–shadow-md) !important;
transform: translateY(-2px) !important;
}
.iof-lp .iof-card-icon {
width: 48px !important;
height: 48px !important;
border-radius: 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 24px !important;
margin-bottom: 20px !important;
}
.iof-lp .iof-card-icon-rome { background: #FDE8E0 !important; }
.iof-lp .iof-card-icon-florence { background: #E8F0E3 !important; }
.iof-lp .iof-card-icon-venice { background: #E0ECF5 !important; }
.iof-lp .iof-card-icon-tracker { background: #FDF4E0 !important; }
.iof-lp .iof-card-icon-map { background: #F0E8F5 !important; }
.iof-lp .iof-card-icon-food { background: #FFF0E6 !important; }
.iof-lp .iof-inside-card h3 {
font-family: var(–font-display) !important;
font-size: 20px !important;
font-weight: 600 !important;
margin-bottom: 10px !important;
color: var(–ink) !important;
}
.iof-lp .iof-days {
font-size: 13px !important;
font-weight: 600 !important;
color: var(–terracotta) !important;
margin-bottom: 8px !important;
font-family: var(–font-body) !important;
}
.iof-lp .iof-inside-card p {
font-size: 15px !important;
color: var(–ink-light) !important;
line-height: 1.6 !important;
font-family: var(–font-body) !important;
}
.iof-lp .iof-inside-card li {
font-size: 14px !important;
color: var(–ink-light) !important;
padding: 4px 0 !important;
padding-left: 20px !important;
position: relative !important;
font-family: var(–font-body) !important;
line-height: 1.5 !important;
}
.iof-lp .iof-inside-card li::before {
content: ‘\2713’ !important;
position: absolute !important;
left: 0 !important;
color: var(–olive) !important;
font-weight: 700 !important;
}
/* ===== MID CTA ===== */
.iof-lp .iof-mid-cta {
padding: 56px 24px !important;
background: linear-gradient(135deg, var(–warm-cream-dark) 0%, var(–warm-cream) 100%) !important;
text-align: center !important;
border-top: 1px solid var(–border) !important;
border-bottom: 1px solid var(–border) !important;
}
.iof-lp .iof-mid-cta p {
font-family: var(–font-display) !important;
font-size: 22px !important;
font-weight: 600 !important;
margin-bottom: 20px !important;
color: var(–ink) !important;
}
.iof-lp .iof-price-inline {
font-size: 15px !important;
color: var(–ink-light) !important;
margin-bottom: 20px !important;
font-family: var(–font-body) !important;
}
.iof-lp .iof-price-inline .iof-was {
text-decoration: line-through !important;
}
.iof-lp .iof-price-inline .iof-now {
font-weight: 700 !important;
color: var(–ink) !important;
font-size: 20px !important;
}
/* ===== TIMELINE ===== */
.iof-lp .iof-timeline {
padding: 80px 24px !important;
background: var(–white) !important;
}
.iof-lp .iof-timeline h2 {
font-family: var(–font-display) !important;
font-size: clamp(26px, 3.5vw, 38px) !important;
font-weight: 700 !important;
line-height: 1.25 !important;
margin-bottom: 48px !important;
text-align: center !important;
color: var(–ink) !important;
}
.iof-lp .iof-tl-list {
max-width: 680px !important;
margin: 0 auto !important;
position: relative !important;
}
.iof-lp .iof-tl-list::before {
content: ” !important;
position: absolute !important;
left: 24px !important;
top: 0 !important;
bottom: 0 !important;
width: 2px !important;
background: var(–border) !important;
}
.iof-lp .iof-tl-item {
display: flex !important;
gap: 24px !important;
margin-bottom: 32px !important;
position: relative !important;
}
.iof-lp .iof-tl-dot {
width: 50px !important;
min-width: 50px !important;
height: 50px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-family: var(–font-display) !important;
font-size: 18px !important;
font-weight: 700 !important;
color: var(–white) !important;
position: relative !important;
z-index: 2 !important;
}
.iof-lp .iof-tl-dot-rome { background: var(–terracotta) !important; }
.iof-lp .iof-tl-dot-florence { background: var(–olive) !important; }
.iof-lp .iof-tl-dot-venice { background: #3B7CB8 !important; }
.iof-lp .iof-tl-city {
font-size: 12px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
margin-bottom: 4px !important;
font-family: var(–font-body) !important;
}
.iof-lp .iof-tl-city-rome { color: var(–terracotta) !important; }
.iof-lp .iof-tl-city-florence { color: var(–olive) !important; }
.iof-lp .iof-tl-city-venice { color: #3B7CB8 !important; }
.iof-lp .iof-tl-content h3 {
font-family: var(–font-display) !important;
font-size: 18px !important;
font-weight: 600 !important;
margin-bottom: 4px !important;
padding-top: 2px !important;
color: var(–ink) !important;
}
.iof-lp .iof-tl-content p {
font-size: 15px !important;
color: var(–ink-light) !important;
line-height: 1.55 !important;
font-family: var(–font-body) !important;
}
/* ===== COMPARISON TABLE ===== */
.iof-lp .iof-compare {
padding: 80px 24px !important;
background: var(–warm-cream) !important;
}
.iof-lp .iof-compare-inner {
max-width: 700px !important;
margin: 0 auto !important;
}
.iof-lp .iof-compare h2 {
font-family: var(–font-display) !important;
font-size: clamp(26px, 3.5vw, 34px) !important;
font-weight: 700 !important;
line-height: 1.25 !important;
margin-bottom: 36px !important;
text-align: center !important;
color: var(–ink) !important;
}
.iof-lp .iof-compare-table {
width: 100% !important;
border-collapse: collapse !important;
background: var(–white) !important;
border-radius: var(–radius-lg) !important;
overflow: hidden !important;
box-shadow: var(–shadow-md) !important;
border: none !important;
}
.iof-lp .iof-compare-table thead {
background: var(–ink) !important;
}
.iof-lp .iof-compare-table th {
padding: 16px 20px !important;
font-size: 14px !important;
font-weight: 600 !important;
text-align: left !important;
color: var(–white) !important;
font-family: var(–font-body) !important;
background: var(–ink) !important;
border: none !important;
}
.iof-lp .iof-compare-table th:last-child {
color: var(–gold-light) !important;
}
.iof-lp .iof-compare-table td {
padding: 14px 20px !important;
font-size: 14px !important;
border-bottom: 1px solid var(–border) !important;
border-left: none !important;
border-right: none !important;
border-top: none !important;
color: var(–ink-light) !important;
font-family: var(–font-body) !important;
background: var(–white) !important;
}
.iof-lp .iof-compare-table tr:last-child td { border-bottom: none !important; }
.iof-lp .iof-compare-table td:first-child {
font-weight: 500 !important;
color: var(–ink) !important;
}
.iof-lp .iof-compare-table td:last-child {
color: var(–olive) !important;
font-weight: 600 !important;
}
.iof-lp .iof-cross { color: #c0b0a0 !important; }
/* ===== HOW IT WORKS ===== */
.iof-lp .iof-how {
padding: 80px 24px !important;
background: var(–white) !important;
text-align: center !important;
}
.iof-lp .iof-how h2 {
font-family: var(–font-display) !important;
font-size: clamp(26px, 3.5vw, 34px) !important;
font-weight: 700 !important;
margin-bottom: 48px !important;
color: var(–ink) !important;
}
.iof-lp .iof-how-steps {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 32px !important;
max-width: 800px !important;
margin: 0 auto !important;
}
.iof-lp .iof-step-num {
width: 56px !important;
height: 56px !important;
border-radius: 50% !important;
background: var(–warm-cream) !important;
border: 2px solid var(–terracotta) !important;
color: var(–terracotta) !important;
font-family: var(–font-display) !important;
font-size: 22px !important;
font-weight: 700 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto 16px !important;
}
.iof-lp .iof-how-step h3 {
font-family: var(–font-display) !important;
font-size: 18px !important;
font-weight: 600 !important;
margin-bottom: 8px !important;
color: var(–ink) !important;
}
.iof-lp .iof-how-step p {
font-size: 14px !important;
color: var(–ink-light) !important;
line-height: 1.6 !important;
font-family: var(–font-body) !important;
}
/* ===== SOCIAL PROOF ===== */
.iof-lp .iof-proof {
padding: 80px 24px !important;
background: var(–white) !important;
text-align: center !important;
}
.iof-lp .iof-proof h2 {
font-family: var(–font-display) !important;
font-size: clamp(26px, 3.5vw, 34px) !important;
font-weight: 700 !important;
margin-bottom: 48px !important;
color: var(–ink) !important;
}
.iof-lp .iof-proof-stats {
display: flex !important;
justify-content: center !important;
gap: 48px !important;
margin-bottom: 52px !important;
flex-wrap: wrap !important;
}
.iof-lp .iof-stat-num {
font-family: var(–font-display) !important;
font-size: 42px !important;
font-weight: 700 !important;
color: var(–terracotta) !important;
line-height: 1 !important;
}
.iof-lp .iof-stat-label {
font-size: 14px !important;
color: var(–ink-light) !important;
margin-top: 4px !important;
font-family: var(–font-body) !important;
}
.iof-lp .iof-testimonials {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 24px !important;
text-align: left !important;
}
.iof-lp .iof-testimonial {
background: var(–warm-cream) !important;
border-radius: var(–radius-lg) !important;
padding: 28px !important;
border: 1px solid var(–border) !important;
}
.iof-lp .iof-stars {
color: var(–gold) !important;
font-size: 16px !important;
margin-bottom: 12px !important;
letter-spacing: 2px !important;
}
.iof-lp .iof-testimonial blockquote {
font-size: 15px !important;
line-height: 1.65 !important;
color: var(–ink) !important;
margin-bottom: 16px !important;
font-style: italic !important;
font-family: var(–font-body) !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
}
.iof-lp .iof-author {
font-size: 13px !important;
font-weight: 600 !important;
color: var(–ink-light) !important;
font-family: var(–font-body) !important;
}
/* ===== ABOUT ===== */
.iof-lp .iof-about {
padding: 80px 24px !important;
background: var(–warm-cream-dark) !important;
}
.iof-lp .iof-about-inner {
max-width: 800px !important;
margin: 0 auto !important;
display: grid !important;
grid-template-columns: 200px 1fr !important;
gap: 40px !important;
align-items: start !important;
}
.iof-lp .iof-about-photo {
width: 200px !important;
height: 200px !important;
border-radius: 50% !important;
object-fit: cover !important;
border: 4px solid var(–white) !important;
box-shadow: var(–shadow-md) !important;
}
.iof-lp .iof-about-text h2 {
font-family: var(–font-display) !important;
font-size: 28px !important;
font-weight: 700 !important;
margin-bottom: 16px !important;
color: var(–ink) !important;
}
.iof-lp .iof-about-text p {
font-size: 15px !important;
color: var(–ink-light) !important;
line-height: 1.75 !important;
margin-bottom: 16px !important;
font-family: var(–font-body) !important;
}
.iof-lp .iof-about-highlights {
display: flex !important;
gap: 20px !important;
flex-wrap: wrap !important;
margin-top: 20px !important;
}
.iof-lp .iof-about-hl {
display: flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
color: var(–ink) !important;
font-family: var(–font-body) !important;
}
.iof-lp .iof-about-hl-icon {
width: 32px !important;
height: 32px !important;
border-radius: 8px !important;
background: var(–white) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 16px !important;
}
.iof-lp .iof-about-text a {
color: var(–terracotta) !important;
}
/* ===== WHO IT’S FOR ===== */
.iof-lp .iof-who {
padding: 80px 24px !important;
background: var(–white) !important;
}
.iof-lp .iof-who-inner {
max-width: 800px !important;
margin: 0 auto !important;
}
.iof-lp .iof-who h2 {
font-family: var(–font-display) !important;
font-size: clamp(26px, 3.5vw, 34px) !important;
font-weight: 700 !important;
margin-bottom: 40px !important;
text-align: center !important;
color: var(–ink) !important;
}
.iof-lp .iof-who-cols {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 32px !important;
}
.iof-lp .iof-who-col h3 {
font-family: var(–font-display) !important;
font-size: 20px !important;
font-weight: 600 !important;
margin-bottom: 16px !important;
color: var(–ink) !important;
}
.iof-lp .iof-who-col li {
font-size: 15px !important;
color: var(–ink-light) !important;
padding: 8px 0 !important;
padding-left: 24px !important;
position: relative !important;
line-height: 1.55 !important;
font-family: var(–font-body) !important;
}
.iof-lp .iof-who-yes li::before {
content: ‘\2713’ !important;
position: absolute !important;
left: 0 !important;
color: var(–olive) !important;
font-weight: 700 !important;
}
.iof-lp .iof-who-no li::before {
content: ‘\2717’ !important;
position: absolute !important;
left: 0 !important;
color: #c0b0a0 !important;
font-weight: 700 !important;
}
/* ===== FAQ ===== */
.iof-lp .iof-faq {
padding: 80px 24px !important;
background: var(–warm-cream) !important;
}
.iof-lp .iof-faq-inner {
max-width: 700px !important;
margin: 0 auto !important;
}
.iof-lp .iof-faq h2 {
font-family: var(–font-display) !important;
font-size: clamp(26px, 3.5vw, 34px) !important;
font-weight: 700 !important;
margin-bottom: 40px !important;
text-align: center !important;
color: var(–ink) !important;
}
.iof-lp .iof-faq-item {
background: var(–white) !important;
border-radius: var(–radius) !important;
margin-bottom: 12px !important;
border: 1px solid var(–border) !important;
overflow: hidden !important;
}
.iof-lp .iof-faq-q {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 20px 24px !important;
cursor: pointer !important;
font-size: 16px !important;
font-weight: 600 !important;
color: var(–ink) !important;
user-select: none !important;
transition: background 0.2s !important;
font-family: var(–font-body) !important;
background: var(–white) !important;
}
.iof-lp .iof-faq-q:hover { background: var(–warm-cream) !important; }
.iof-lp .iof-faq-toggle {
font-size: 22px !important;
color: var(–ink-light) !important;
transition: transform 0.3s ease !important;
flex-shrink: 0 !important;
margin-left: 16px !important;
}
.iof-lp .iof-faq-a {
max-height: 0 !important;
overflow: hidden !important;
transition: max-height 0.35s ease, padding 0.35s ease !important;
padding: 0 24px !important;
}
.iof-lp .iof-faq-item.iof-open .iof-faq-a {
max-height: 300px !important;
padding: 0 24px 20px !important;
}
.iof-lp .iof-faq-item.iof-open .iof-faq-toggle {
transform: rotate(90deg) !important;
}
.iof-lp .iof-faq-a p {
font-size: 15px !important;
color: var(–ink-light) !important;
line-height: 1.65 !important;
font-family: var(–font-body) !important;
}
.iof-lp .iof-faq-a a {
color: var(–terracotta) !important;
font-weight: 600 !important;
text-decoration: underline !important;
}
/* ===== FINAL CTA ===== */
.iof-lp .iof-final {
padding: 80px 24px 100px !important;
background: var(–ink) !important;
color: var(–white) !important;
text-align: center !important;
position: relative !important;
overflow: hidden !important;
}
.iof-lp .iof-final::before {
content: ” !important;
position: absolute !important;
top: -100px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 900px !important;
height: 400px !important;
background: radial-gradient(ellipse, rgba(158,60,51,0.15) 0%, transparent 70%) !important;
pointer-events: none !important;
}
.iof-lp .iof-final h2 {
font-family: var(–font-display) !important;
font-size: clamp(28px, 4vw, 42px) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
max-width: 560px !important;
margin: 0 auto 16px !important;
position: relative !important;
color: var(–white) !important;
}
.iof-lp .iof-final-sub {
font-size: 17px !important;
color: rgba(255,255,255,0.65) !important;
max-width: 480px !important;
margin: 0 auto 36px !important;
line-height: 1.65 !important;
font-family: var(–font-body) !important;
}
.iof-lp .iof-final-price {
margin-bottom: 28px !important;
}
.iof-lp .iof-final-price .iof-was {
font-size: 18px !important;
color: rgba(255,255,255,0.4) !important;
text-decoration: line-through !important;
}
.iof-lp .iof-final-price .iof-now {
font-family: var(–font-display) !important;
font-size: 52px !important;
font-weight: 700 !important;
display: block !important;
margin-top: 4px !important;
color: var(–white) !important;
}
.iof-lp .iof-final-guarantee {
display: flex !important;
justify-content: center !important;
gap: 24px !important;
margin-top: 28px !important;
flex-wrap: wrap !important;
}
.iof-lp .iof-final-guarantee span {
font-size: 13px !important;
color: rgba(255,255,255,0.5) !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
font-family: var(–font-body) !important;
}
/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
.iof-lp .iof-hero { padding: 48px 20px 56px !important; }
.iof-lp .iof-hero h1 { font-size: 30px !important; }
.iof-lp .iof-hero-sub { font-size: 16px !important; }
.iof-lp .iof-pain-grid { grid-template-columns: 1fr !important; }
.iof-lp .iof-inside-grid { grid-template-columns: 1fr !important; }
.iof-lp .iof-testimonials { grid-template-columns: 1fr !important; }
.iof-lp .iof-proof-stats { gap: 32px !important; }
.iof-lp .iof-stat-num { font-size: 32px !important; }
.iof-lp .iof-compare-table th,
.iof-lp .iof-compare-table td { padding: 12px 14px !important; font-size: 13px !important; }
.iof-lp .iof-final-price .iof-now { font-size: 40px !important; }
.iof-lp .iof-how-steps { grid-template-columns: 1fr !important; gap: 24px !important; }
.iof-lp .iof-peek-grid { grid-template-columns: 1fr !important; }
.iof-lp .iof-peek-img { height: 180px !important; }
}
@media (max-width: 640px) {
.iof-lp .iof-about-inner {
grid-template-columns: 1fr !important;
text-align: center !important;
}
.iof-lp .iof-about-photo { margin: 0 auto !important; }
.iof-lp .iof-about-highlights { justify-content: center !important; }
.iof-lp .iof-who-cols { grid-template-columns: 1fr !important; }
}
Italy in 7 days, without the planning chaos
A step-by-step system for Rome, Florence, and Venice, with PDFs, layered Google Maps, restaurant spreadsheets, and trackers.
Peek inside the guides
Secure checkout
Instant download
Use on phone or print
Not sure yet? Start with our free Milan guide, same format, same depth, same maps. See the quality first.
Why is Milan free? We know there are a lot of AI-generated travel guides out there. We wanted you to see what a real, hand-curated guide looks like before you spend a cent.
Download the Milan in 2 Days guide, it’s the exact same format, depth, and quality as our Rome, Florence, and Venice guides. Once you open it, you’ll feel the difference.
Peek inside
What every guide looks like inside
These screenshots are from our free Milan guide, the exact same format, depth, and quality you’ll get in the 7-day bundle for Rome, Florence, and Venice.
Sound familiar?
Planning Italy shouldn’t feel like a full-time job
😩
“What should I do each day?”
You’ve read 30 blog posts and still don’t have a plan. Everything says “must-see” but nothing tells you the order, the timing, or what’s realistic.
🚆
“How do I move between cities?”
Train types, station names, luggage logistics, check-out timing, transfer days feel like a puzzle no one’s explaining clearly.
🎟️
“What do I need to book ahead?”
Timed entries, sold-out museums, restaurant reservations you didn’t know about, you don’t want to discover these at the door.
What’s inside
A complete week in Italy, city by city
You’re getting 3 full city guides and a master plan with trackers that tie everything together into one simple system.
🏛️
Days 1–3
Rome in Three Days
The classics, smart routing, and time to actually enjoy the city. No sprinting.
- 100-plus page step-by-step PDF
- Google Maps with color-coded layers
- Curated restaurant spreadsheet
- Neighborhood and transport tips
🌸
Days 4–5
Florence in Two Days
Art, viewpoints, and where to eat, tight but enjoyable with smart pacing built in.
- Full day-by-day PDF itinerary
- Layered Google Maps
- Restaurant and cafe sheet
- Flexible afternoon options
🚣
Days 6–7
Venice in Two Days
See the essentials, avoid common mistakes, and enjoy Venice without overpaying or getting lost.
- Full day-by-day PDF itinerary
- Layered Google Maps
- Restaurant and cafe sheet
- Vaporetto and navigation tips
📋
Bundle exclusive
7-Day Master Plan
The pages that tie everything together and make you feel in control of your entire trip.
- Master bookings and tickets tracker
- Transfer-day checklists
- 7-day packing list
- Budget tracker (printable)
📍
Every city
Google Maps and Layers
Color-coded pins organized by day. Toggle layers on/off. Open on your phone in one tap while walking.
- Sights, food, toilets, views
- Day-by-day layer toggle
- Works offline once loaded
🍝
Every city
Restaurant Spreadsheets
Curated restaurants and bar picks. Sortable by area, cuisine, budget, with our honest notes.
- Carefully selected restaurants
- Sortable Google Sheets
- Budget, cuisine, area filters
Three city guides, the master plan, maps, and restaurant sheets, all in one bundle.
€59 €24.90
Get the Bundle
Your week at a glance
7 days that actually make sense
1
Rome
Ancient Rome and Colosseum area
Iconic sights with smart routing. Evening: your first Roman aperitivo.
2
Rome
Vatican and Trastevere
Morning at the museums, afternoon wandering the most charming neighborhood.
3
Rome
Centro Storico and Piazzas
Pantheon, Trevi, Navona, plus flexible time for shopping and gelato.
4
Florence
Transfer and Florence Day 1
Arrive smoothly, hit the Duomo area. Transfer checklist keeps the morning stress-free.
5
Florence
Oltrarno and Choose-your-own afternoon
Finish the classics. Pick: Piazzale Michelangelo, San Lorenzo market, or an extra museum.
6
Venice
Transfer and Venice Day 1
Learn the layout, first “wow” moments on the Grand Canal. No rookie mistakes.
7
Venice
Highlights and Hidden corners
The best of Venice with a flexible finish, perfect if you depart the next morning.
Why this bundle
DIY planning vs. the Italy bundle
| Feature |
DIY planning |
Italy in 7 Days |
| Realistic routing (no backtracking) | ✗ Unlikely | ✓ Built in |
| What to book and when | ✗ Maybe | ✓ Full tracker |
| Transfer-day playbook | ✗ No | ✓ Checklists |
| Google Maps with layers | ✗ Make your own | ✓ Ready to use |
| Curated food picks | ✗ Random blogs | ✓ Route-friendly picks |
| One system for the whole week | ✗ 47 tabs | ✓ One bundle |
| Hours spent planning | 20–40 hours | Under 1 hour |
How it works
Purchase to planning in 3 minutes
1
Download
Instant access to all PDFs, maps, and spreadsheets right after checkout.
2
Plan
Use the booking tracker to lock in reservations. Save the maps to your phone.
3
Walk
Follow the day-by-day plan on the ground. Toggle map layers as you go.
Trusted by travelers
Join 63,000 Italy travelers (and counting)
100%
Built from real trips
★★★★★
“The map layers and toilet pins were a lifesaver. We navigated easily between sights and cafes, never second-guessing a turn.”
— Tom A., Seattle
★★★★★
“No car needed — the transport notes were spot on. We spent our energy enjoying the city, not decoding timetables.”
— Sofia M., Barcelona
★★★★★
“We followed the plan and ended up discovering corners we would’ve walked right past. Worth every cent.”
— Elena S., Melbourne
Meet your guide
Ciao, I’m Maria
A techie by day and an Italy explorer at heart, I’ve been living in Rome for over 10 years. My happiest days involve unhurried strolls through hidden courtyards, bites at bustling markets, and dinners in tiny trattorie with handwritten menus.
With a small team of local friends and contributors spread across Italy, I share calm routes, authentic eats, and small discoveries, one market, meal, and neighborhood gem at a time. Our four-legged travel CEO, Gioia, keeps us honest about the city’s best-kept secrets.
These guides aren’t AI-generated lists. Every restaurant, every route, every timing note comes from walking these streets ourselves, year after year.
Is this guide right for you?
✅ Perfect if…
- You’re visiting Italy for the first time and want a plan that works in real life
- You want the highlights without half your trip in queues
- You like guidance but still want freedom for aperitivo, shopping, and wandering
- You want something phone-friendly you can use on the go (or print)
🚫 Not a fit if…
- You want a 6am–11pm packed schedule with zero flexibility
- You’re doing a road trip or adding extra cities beyond Rome, Florence, and Venice
- You prefer fully guided group tours
Frequently asked questions
Do I need to follow the itinerary exactly? ›
Not at all. The plans are built with clear structure and smart routing, but you’ll have plenty of flexibility for shopping, aperitivo, museum add-ons, and slow travel moments. Think of it as a framework, not a drill schedule.
Is this suitable for families? ›
Yes, especially if you like clear plans with breaks built in. If you’re traveling with very young kids, you might want to trim one major activity per day and extend rest breaks.
Is everything updated for 2026? ›
Yes. Hours, access notes, ticket links, and restaurant recommendations are all current for 2026. We update the guides regularly.
Does the map work on my phone? ›
Yes. Open in Google Maps on iOS or Android, one tap and you’re navigating. You can toggle day layers on and off so you only see what’s relevant.
What if I have dietary restrictions? ›
Our restaurant sheets mark vegetarian-friendly options and note when gluten-free or dairy-free is feasible. Italy is surprisingly accommodating once you know where to look.
What’s the refund policy? ›
Because this is an instant digital download, all sales are final. But if you have trouble accessing your files or the maps, reply to your confirmation email or contact hello@italyonfoot.com and we’ll help right away.
Can I see the quality before I buy? ›
Ready to go?
Stop planning. Start packing.
Your complete 7-day Italy system, download it now and have your trip sorted in under an hour.
€59
€24.90
Get the 7-Day Bundle: €24.90
Secure Stripe checkout
Instant download
Updated for 2026
(function(){
document.querySelectorAll(‘.iof-faq-q’).forEach(function(q){
q.addEventListener(‘click’,function(){
var item=this.parentElement;
var wasOpen=item.classList.contains(‘iof-open’);
document.querySelectorAll(‘.iof-faq-item’).forEach(function(i){i.classList.remove(‘iof-open’);});
if(!wasOpen) item.classList.add(‘iof-open’);
});
});
})();
