/* ===== 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; } }

Rome in 2 days, the essentials done right

An 80+ page walking plan with layered Google Maps, a curated food and drinks guide, and smart crowd timing for the Colosseum and Vatican, so you actually enjoy Rome instead of racing through it.

Peek inside the guide

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 is the exact same format, depth, and quality as this Rome guide. Once you open it, you will 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 will get in the Rome guide.

PDF Guide

80+ Page Itinerary

Day-by-day plan with timing, transport, ticket links, food stops, and local tips at every turn.

Google Maps

Interactive Map with Layers

Color-coded pins by day. Toggle layers on/off. Open on your phone while you walk.

Food and Drinks Guide

Curated Restaurant and Bar Picks

Every place we recommend near your route. Sortable by area, cuisine, budget, with honest notes.

Sound familiar?

Rome has everything, and that is the problem

🎟️

"Which ticket site is the real one?"

Colosseum, Vatican, Borghese, every major sight has its own booking portal, resellers, and confusing skip-the-line upsells. One wrong link can cost you hours or euros.

🔄

"I wasted half the day backtracking"

Rome is bigger than it looks on a map. Without smart area clustering, you end up zigzagging across the city and losing time you could spend enjoying it.

🍝

"Every restaurant near the sights was a letdown"

The best Roman food is rarely on the tourist strip. Knowing which streets to turn down, and which menus to walk past, makes or breaks a Rome trip.

What is inside

Everything you need for 2 perfect days in Rome

A 80+ page PDF, interactive Google Maps, and a curated food and drinks guide, designed to remove decision fatigue.

🏛️

Day 1

Ancient Rome and the Historic Center

Iconic ruins, landmark piazzas, and a sunset viewpoint, timed to dodge the worst crowds and end the day somewhere memorable.

⛪

Day 2

Vatican and Trastevere

The Vatican's highlights in the calmest window, then Rome's grand piazzas and a cozy evening across the river in one of the city's most loved neighborhoods.

📍

Interactive

Google Maps with Layers

Toggle Day 1, Day 2, food and drinks, and toilets, all from your phone.

Walking directions for both days
Food and drinks pins with notes
Hidden gems layer
Public toilets layer

🍝

Curated

Food and Drinks Guide

Trattorias, supplì spots, wine bars, gelato, places we keep going back to, pinned near your route.

Vetted recommendations near each day's route
Categories, price range, and dietary tags
Budget-friendly to special occasion

📋

Practical extras

Rome Logistics Sorted

The pages that prevent the most common Rome mistakes.

How to buy tickets (official links, timing tips)
Getting around Rome (metro, bus, tram, apps)
Accessible Rome routes and alternatives
Budget tracker, packing checklist, emergency contacts

80+ page PDF, interactive maps, food guide, and a complete ticket strategy for the Colosseum and Vatican, in one download.

€27.90 €14.90

Get the Rome Guide

Your 2 days at a glance

Two days that actually make sense

Day 1

Ancient Rome and the Center

The city's most iconic ruins and piazzas, sequenced so you hit each one at the right time, and end the day at a viewpoint worth the walk.

Day 2

Vatican and Trastevere

The Vatican done in the calmest slot, then a leisurely route through grand piazzas ending with dinner across the river.

Why this guide

Winging it vs. the Rome guide

Feature	Winging it	Rome in 2 Days
Smart area clustering (no backtracking)	✗ Zigzag all day	✓ Grouped by zone
Crowd-smart timing for Colosseum and Vatican	✗ Hope for the best	✓ Built in
Ticket strategy with official links	✗ Confusing resellers	✓ Step-by-step
Google Maps with layers	✗ Make your own	✓ Ready to use
Curated food near your route	✗ Tourist traps	✓ Vetted picks
Accessible route alternatives	✗ No	✓ Yes
Hours spent planning	10-20 hours	Under 30 min

How it works

Purchase to planning in 3 minutes

Download

Instant access to the PDF, map, and food guide right after checkout.

Plan

Open the map, pick your day layer, and slot in food and gelato from the guide. Done.

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)

63k

Instagram followers

10+

Years exploring Italy

100%

Walked and verified

★★★★★

"This guide made my Rome trip absolutely perfect. I saw the highlights without feeling rushed."

— Alessia G., Berlin

★★★★★

"The insider tips and clear route helped me avoid tourist traps and discover hidden gems."

— Giovanni P., New York

★★★★★

"Day 3 was the surprise highlight. We never would have found those neighborhoods on our own."

— Marta L., Sydney

Meet your guide

Ciao, I am Maria

A techie by day and an Italy explorer at heart, I have 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 are not AI-generated lists. Every restaurant, every route, every timing note comes from walking these streets ourselves, year after year. Rome is home.

📍

Based in Rome

📸

@romeonfoot

Is this guide right for you?

✅ Perfect if…

You have 1 to 2 nights in Rome and want the essentials without sprinting between sights
You like clear, realistic routes that group sights together so you are not backtracking
You want an interactive map with daily walking routes, plus metro and bus pointers when your feet need a break
You appreciate practical extras like public toilet pins, accessible alternates, and a packing cheat sheet

🚫 Not a fit if…

You only have one full day, the Rome in a Day guide is a better match
You have 3 or more full days and want slower pacing with more neighborhoods, the Three Days in Rome guide is built for that
You prefer fully guided group tours or a museum-only experience

Frequently asked questions

How much walking is involved? ›

Expect around 14,000 to 18,000 steps per day depending on optional detours. Built-in breaks and cafe stops are included throughout. Comfortable shoes are essential.

Do I need to book tickets in advance? ›

Yes, Colosseum timed-entry slots and St. Peter's Basilica dome should be booked ahead. The guide walks you through exactly which official portals to use, when to book, and which time slots work best with the itinerary.

Are 2 days enough for Rome? ›

Two days are enough to see Rome's headline sights and still enjoy a few local neighborhoods. This guide is built to make every hour count, you will cover more than most visitors do in three days of unplanned wandering.

Is everything updated for 2026? ›

Yes. Hours, access notes, ticket links, and restaurant recommendations are all current for 2026.

Does the map work on my phone? ›

Yes. Open in Google Maps on iOS or Android, one tap and you are navigating. You can toggle day layers on and off so you only see what is relevant.

What if I have dietary restrictions? ›

Our food guide marks vegetarian-friendly options and notes when gluten-free or dairy-free is feasible.

What is 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 will help right away.

Can I see the quality before I buy? ›

Absolutely, that is exactly why we made our Milan in 2 Days guide completely free. Same format, same depth, same maps. Download it first and see for yourself.

Ready to go?

Stop planning. Start walking Rome.

Your complete 2-day Rome system, download it now and have your trip sorted in under 30 minutes.

€27.90 €14.90

Get the Rome Guide: €14.90

Secure Stripe checkout Instant download Updated for 2026

€27.90 €14.90

Get the Guide

Summer Planning Sale

€9.90