<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Genesis × Sonesta | Strategic Partnership Advisory</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
    <link href="https://unpkg.com/aos@2.3.4/dist/aos.css" rel="stylesheet">
    <script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script>
    <!-- GSAP + ScrollTrigger for scroll-driven animations and parallax -->
    <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script>
    <!-- Swiper REMOVED per Carter directive — using CSS grid instead -->
    <!-- Leaflet for interactive property map -->
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
    <!-- html2canvas + jsPDF for per-section downloads -->
    <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jspdf@2.5.1/dist/jspdf.umd.min.js"></script>
    <style>
        :root {
            --gold: #C5A258;
            --gold-light: #D4B876;
            --dark: #1A1A2E;
            --darker: #0F0F1A;
            --cream: #FAF8F5;
            --warm-white: #F5F0EB;
            --text: #2C2C3A;
            --text-light: #6B6B7B;
            --accent: #8B6F47;
            --sonesta-blue: #003B5C;
            --sonesta-gold: #C5A258;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }

        html { scroll-behavior: smooth; }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            color: var(--text);
            background: var(--cream);
            line-height: 1.7;
            -webkit-font-smoothing: antialiased;
        }

        /* ============ NAVIGATION ============ */
        nav {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000;
            background: rgba(26, 26, 46, 0.95);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(197, 162, 88, 0.2);
            transition: all 0.3s ease;
        }

        nav.scrolled {
            background: rgba(15, 15, 26, 0.98);
            box-shadow: 0 4px 30px rgba(0,0,0,0.3);
        }

        .nav-inner {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 40px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 72px;
        }

        .nav-brand {
            display: inline-flex;
            align-items: baseline;
            gap: 8px;
            cursor: pointer;
            text-decoration: none;
        }
        .nav-brand-genesis {
            font-family: 'Cormorant Garamond', Georgia, serif;
            font-size: 1.8rem;
            font-weight: 600;
            letter-spacing: 0.03em;
            background: linear-gradient(135deg, #1a5276, #2e86c1, #1abc9c, #48c9b0, #2e86c1, #1a5276);
            background-size: 300% 300%;
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: flowGradient 6s ease infinite;
            line-height: 1;
        }
        @keyframes flowGradient {
            0%   { background-position: 0% 50%; }
            50%  { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        .nav-brand-x {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.5rem;
            font-weight: 400;
            color: rgba(255,255,255,0.75);
            margin: 0 4px;
            line-height: 1;
        }
        .nav-brand-sonesta {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.65rem;
            font-weight: 500;
            color: var(--gold);
            font-style: italic;
            letter-spacing: 1px;
            line-height: 1;
        }

        .nav-links {
            display: flex;
            gap: 32px;
            list-style: none;
        }

        .nav-links a {
            color: rgba(255,255,255,0.7);
            text-decoration: none;
            font-size: 0.85rem;
            font-weight: 500;
            letter-spacing: 1px;
            text-transform: uppercase;
            transition: color 0.3s;
            position: relative;
        }

        .nav-links a:hover,
        .nav-links a.active {
            color: var(--gold);
        }

        .nav-links a::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 1px;
            background: var(--gold);
            transition: width 0.3s;
        }

        .nav-links a:hover::after,
        .nav-links a.active::after {
            width: 100%;
        }

        .mobile-toggle {
            display: none;
            background: none;
            border: none;
            color: var(--gold);
            font-size: 1.5rem;
            cursor: pointer;
        }

        /* ============ NAV DROPDOWNS ============ */
        .nav-dropdown {
            position: relative;
        }
        .nav-dropdown > a {
            cursor: pointer;
        }
        .nav-dropdown-panel {
            display: none;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(15, 15, 26, 0.98);
            border: 1px solid rgba(197, 162, 88, 0.2);
            border-radius: 6px;
            padding: 10px 0;
            padding-top: 18px;
            min-width: 200px;
            z-index: 1001;
            box-shadow: 0 12px 32px rgba(0,0,0,0.4);
        }
        .nav-dropdown:hover .nav-dropdown-panel,
        .nav-dropdown.open .nav-dropdown-panel {
            display: block;
        }
        .nav-dropdown-panel a {
            display: block;
            padding: 9px 22px;
            color: rgba(255,255,255,0.7) !important;
            font-size: 0.84rem;
            text-decoration: none;
            letter-spacing: 0.3px;
            font-family: 'Inter', sans-serif;
            transition: color 0.2s, background 0.2s;
            white-space: nowrap;
            position: relative;
            z-index: 1;
        }
        .nav-dropdown-panel a:hover {
            color: var(--gold) !important;
            background: rgba(197, 162, 88, 0.08);
        }
        .nav-dropdown-panel a::after { display: none !important; }

        /* ============ HERO ============ */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, var(--darker) 0%, var(--dark) 50%, #1a2332 100%);
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background:
                radial-gradient(ellipse at 20% 50%, rgba(197, 162, 88, 0.08) 0%, transparent 50%),
                radial-gradient(ellipse at 80% 20%, rgba(197, 162, 88, 0.05) 0%, transparent 40%);
        }

        .hero-content {
            text-align: center;
            padding: 40px;
            position: relative;
            z-index: 1;
            max-width: 900px;
            animation: heroFadeIn 1.8s ease-out;
        }

        @keyframes heroFadeIn {
            0% { opacity: 0; transform: translateY(30px); }
            100% { opacity: 1; transform: translateY(0); }
        }

        .hero-label {
            font-size: 0.85rem;
            letter-spacing: 6px;
            text-transform: uppercase;
            color: var(--gold);
            margin-bottom: 32px;
            font-weight: 600;
        }

        .hero h1 {
            font-family: 'Cormorant Garamond', serif;
            font-size: clamp(2.8rem, 6vw, 5rem);
            font-weight: 300;
            color: white;
            line-height: 1.15;
            margin-bottom: 24px;
        }

        .hero h1 em {
            font-style: italic;
            display: inline-block;
            background: linear-gradient(135deg, #C5A258 0%, #E8D5A3 25%, #48BB78 50%, #4299E1 75%, #C5A258 100%);
            background-size: 400% 100%;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: transformShimmer 4s ease-in-out infinite, transformEntrance 2s ease-out;
        }

        @keyframes transformShimmer {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        @keyframes transformEntrance {
            0% { opacity: 0; letter-spacing: 20px; filter: blur(8px); transform: scale(0.8); }
            60% { opacity: 1; letter-spacing: 2px; filter: blur(0); transform: scale(1.05); }
            100% { opacity: 1; letter-spacing: normal; filter: blur(0); transform: scale(1); }
        }

        @keyframes subtleBounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(6px); }
        }

        .hero-subtitle {
            font-size: 1.15rem;
            color: rgba(255,255,255,0.75);
            max-width: 650px;
            margin: 0 auto 48px;
            font-weight: 300;
            line-height: 1.8;
        }

        .hero-cta {
            animation: subtleBounce 2.5s ease-in-out infinite;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            padding: 16px 40px;
            border: 1px solid var(--gold);
            color: var(--gold);
            text-decoration: none;
            font-size: 0.85rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            transition: all 0.4s ease;
        }

        .hero-cta:hover {
            background: var(--gold);
            color: var(--darker);
        }

        .hero-stats {
            display: flex;
            justify-content: center;
            gap: 60px;
            margin-top: 80px;
            padding-top: 40px;
            border-top: 1px solid rgba(197, 162, 88, 0.15);
        }

        .hero-stat {
            text-align: center;
        }

        .hero-stat-value {
            font-family: 'Cormorant Garamond', serif;
            font-size: 3rem;
            font-weight: 700;
            color: #B8973E;
        }

        .hero-stat-label {
            font-size: 0.8rem;
            color: rgba(255,255,255,0.65);
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-top: 6px;
        }

        /* ============ SECTIONS ============ */
        section {
            padding: 80px 40px;
        }

        .section-inner {
            max-width: 1200px;
            margin: 0 auto;
        }

        .section-label {
            font-size: 0.88rem;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: var(--gold);
            margin-bottom: 16px;
            font-weight: 600;
        }

        .section-title {
            font-family: 'Cormorant Garamond', serif;
            font-size: clamp(2.1rem, 4vw, 3.4rem);
            font-weight: 400;
            color: var(--dark);
            margin-bottom: 24px;
            line-height: 1.25;
        }

        .section-subtitle {
            font-size: 1.12rem;
            color: var(--text-light);
            max-width: 700px;
            line-height: 1.8;
            margin-bottom: 60px;
        }

        /* Dark sections */
        .section-dark {
            background: var(--dark);
            color: white;
        }

        .section-dark .section-title {
            color: white;
        }

        .section-dark .section-subtitle {
            color: rgba(255,255,255,0.6);
        }

        /* ============ MARKET INTELLIGENCE ============ */
        .intel-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
            gap: 32px;
            align-items: stretch;
        }

        .intel-card {
            background: white;
            border-radius: 2px;
            padding: 40px;
            border: 1px solid rgba(0,0,0,0.06);
            transition: all 0.3s ease;
            position: relative;
            display: flex;
            flex-direction: column;
            min-height: 420px;
        }

        .intel-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 3px;
            height: 0;
            background: var(--gold);
            transition: height 0.3s ease;
        }

        .intel-card:hover::before {
            height: 100%;
        }

        .intel-card:hover {
            box-shadow: 0 10px 40px rgba(0,0,0,0.08);
            transform: translateY(-2px);
        }

        .intel-card h3 {
            font-family: 'Inter', sans-serif;
            font-size: 1.12rem;
            font-weight: 500;
            margin-bottom: 12px;
            color: var(--sonesta-blue);
            letter-spacing: 0.4px;
        }

        .intel-card p {
            font-size: 0.95rem;
            color: var(--text-light);
            line-height: 1.7;
        }

        .intel-metric {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 4px;
            margin-top: auto;
            padding-top: 20px;
            border-top: 1px solid rgba(0,0,0,0.06);
        }

        .intel-metric-value {
            font-family: 'Inter', sans-serif;
            font-size: 2.2rem;
            font-weight: 700;
            color: var(--dark);
        }

        .intel-metric-label {
            font-size: 0.82rem;
            color: var(--text-light);
        }

        /* ============ BEST PRACTICES ============ */
        .practices-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }

        .practice-card {
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(197, 162, 88, 0.15);
            border-radius: 2px;
            padding: 36px;
            transition: all 0.3s ease;
        }

        .practice-card:hover {
            border-color: var(--gold);
            background: rgba(197, 162, 88, 0.06);
        }

        .practice-brand {
            font-size: 0.7rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: var(--gold);
            margin-bottom: 12px;
            font-weight: 600;
        }

        .practice-card h3 {
            font-family: 'Inter', sans-serif;
            font-size: 1.1rem;
            color: rgba(255,255,255,0.95);
            margin-bottom: 12px;
            font-weight: 500;
            letter-spacing: 0.4px;
        }

        .practice-card p {
            font-size: 0.92rem;
            color: rgba(255,255,255,0.68);
            line-height: 1.7;
        }

        .practice-takeaway {
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid rgba(197, 162, 88, 0.15);
            font-size: 0.85rem;
            color: var(--gold-light);
            font-style: italic;
        }

        /* ============ STRATEGIC RECOMMENDATIONS ============ */
        .recs-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 32px;
        }

        .rec-card {
            background: white;
            border-radius: 2px;
            overflow: hidden;
            border: 1px solid rgba(0,0,0,0.06);
            transition: all 0.3s ease;
        }

        .rec-card:hover {
            box-shadow: 0 12px 48px rgba(0,0,0,0.1);
            transform: translateY(-3px);
        }

        .rec-header {
            background: var(--dark);
            padding: 28px 32px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .rec-number {
            font-family: 'Cormorant Garamond', serif;
            font-size: 2.6rem;
            font-weight: 700;
            color: var(--gold);
        }

        .rec-roi {
            text-align: right;
        }

        .rec-roi-value {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.6rem;
            color: var(--gold);
            font-weight: 700;
        }

        .rec-roi-label {
            font-size: 0.75rem;
            color: rgba(255,255,255,0.65);
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .rec-body {
            padding: 32px;
        }

        .rec-body h3 {
            font-family: 'Inter', sans-serif;
            font-size: 1.15rem;
            font-weight: 500;
            margin-bottom: 12px;
            color: var(--sonesta-blue);
            letter-spacing: 0.4px;
        }

        .rec-body p {
            font-size: 0.95rem;
            color: var(--text-light);
            line-height: 1.7;
            margin-bottom: 20px;
        }

        .rec-inspiration {
            background: var(--warm-white);
            padding: 16px 20px;
            border-left: 3px solid var(--gold);
            font-size: 0.85rem;
            color: var(--text);
            line-height: 1.6;
        }

        .rec-inspiration strong {
            color: var(--gold);
        }

        /* ============ BAR CHARTS ============ */
        .bar-chart { margin: 32px 0 36px; padding: 4px 0; }
        .bar-chart .bar-row { display: flex; align-items: center; margin-bottom: 16px; }
        .bar-chart .bar-label { width: 168px; font-size: 0.92rem; font-weight: 600; color: var(--dark); flex-shrink: 0; }
        .bar-chart .bar-track { flex: 1; height: 34px; background: #f0ede6; border-radius: 6px; overflow: hidden; position: relative; }
        .bar-chart .bar-fill { height: 100%; border-radius: 6px; display: flex; align-items: center; justify-content: flex-end; padding-right: 12px; font-size: 0.82rem; font-weight: 600; color: #fff; }
        .bar-fill.gold { background: linear-gradient(90deg, var(--gold), var(--gold-light)); }
        .bar-fill.navy { background: linear-gradient(90deg, var(--dark), var(--sonesta-blue)); }
        .bar-fill.red { background: linear-gradient(90deg, #c0392b, #e74c3c); }
        .bar-fill.green { background: linear-gradient(90deg, #27ae60, #2ecc71); }
        .bar-fill.blue { background: linear-gradient(90deg, var(--sonesta-blue), #2e86c1); }
        .bar-fill.purple { background: linear-gradient(90deg, #8e44ad, #a569bd); }

        /* ============ DOCUMENT LIBRARY ============ */
        .docs-grid,
        .document-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            padding: 20px 0;
        }

        .doc-card {
            display: flex;
            align-items: center;
            gap: 20px;
            padding: 24px 28px;
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(197, 162, 88, 0.12);
            border-radius: 2px;
            text-decoration: none;
            color: white;
            transition: all 0.3s ease;
        }

        .doc-card:hover {
            border-color: var(--gold);
            background: rgba(197, 162, 88, 0.08);
            transform: translateX(4px);
        }

        .doc-icon {
            width: 48px;
            height: 48px;
            background: rgba(197, 162, 88, 0.12);
            border-radius: 2px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            color: var(--gold);
            flex-shrink: 0;
        }

        .doc-info h4 {
            font-family: 'Inter', sans-serif;
            font-size: 1rem;
            font-weight: 500;
            margin-bottom: 4px;
            letter-spacing: 0.3px;
        }

        .doc-info p {
            font-size: 0.8rem;
            color: rgba(255,255,255,0.5);
        }

        /* ============ CONTACT / CTA ============ */
        .cta-section {
            background: linear-gradient(135deg, var(--darker) 0%, #1a2332 100%);
            text-align: center;
        }

        .cta-section .section-title {
            color: white;
            max-width: 700px;
            margin: 0 auto 20px;
        }

        .cta-section .section-subtitle {
            color: rgba(255,255,255,0.6);
            max-width: 600px;
            margin: 0 auto 48px;
        }

        .cta-button {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            padding: 18px 48px;
            background: var(--gold);
            color: var(--darker);
            text-decoration: none;
            font-size: 0.85rem;
            font-weight: 600;
            letter-spacing: 3px;
            text-transform: uppercase;
            transition: all 0.4s ease;
        }

        .cta-button:hover {
            background: var(--gold-light);
            transform: translateY(-2px);
            box-shadow: 0 8px 30px rgba(197, 162, 88, 0.3);
        }

        /* ============ FOOTER ============ */
        footer {
            background: var(--darker);
            padding: 48px 40px;
            text-align: center;
            border-top: 1px solid rgba(197, 162, 88, 0.1);
        }

        footer p {
            font-size: 0.8rem;
            color: rgba(255,255,255,0.35);
            letter-spacing: 1px;
        }

        footer .footer-brand {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.2rem;
            color: var(--gold);
            letter-spacing: 3px;
            text-transform: uppercase;
            margin-bottom: 12px;
        }

        /* ============ SONESTA PROFILE ============ */
        .profile-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 48px;
            align-items: start;
        }

        .profile-stats {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
        }

        .profile-stat {
            background: white;
            padding: 28px;
            border-radius: 2px;
            border: 1px solid rgba(0,0,0,0.06);
            text-align: center;
        }

        .profile-stat-value {
            font-family: 'Cormorant Garamond', serif;
            font-size: 3.2rem;
            font-weight: 700;
            color: #B8973E;
            line-height: 1.1;
        }

        .profile-stat-label {
            font-size: 0.78rem;
            color: var(--text-light);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-top: 8px;
        }

        .profile-text h3 {
            font-family: 'Inter', sans-serif;
            font-size: 1.2rem;
            margin-bottom: 16px;
            color: var(--sonesta-blue);
            font-weight: 500;
            letter-spacing: 0.5px;
        }

        .profile-text p {
            font-size: 0.95rem;
            color: var(--text-light);
            line-height: 1.8;
            margin-bottom: 16px;
        }

        .profile-quote {
            background: var(--warm-white);
            padding: 24px 28px;
            border-left: 3px solid var(--gold);
            margin: 24px 0;
            font-style: italic;
            color: var(--text);
            line-height: 1.7;
        }

        .profile-quote cite {
            display: block;
            margin-top: 8px;
            font-style: normal;
            font-size: 0.85rem;
            color: var(--gold);
            font-weight: 600;
        }

        /* ============ PERSON BEHIND THE PACKAGE ============ */
        .founder-section {
            background: var(--cream);
        }

        .founder-grid {
            display: grid;
            grid-template-columns: 320px 1fr;
            gap: 60px;
            align-items: start;
            max-width: 1100px;
            margin: 0 auto;
        }

        .founder-photo {
            width: 280px;
            height: 280px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--sonesta-blue), #00527F);
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            box-shadow: 0 20px 60px rgba(0,59,92,0.2);
            position: relative;
        }

        .founder-photo::after {
            content: '';
            position: absolute;
            inset: -6px;
            border-radius: 50%;
            border: 2px solid rgba(197,162,88,0.3);
        }

        .founder-initials {
            font-family: 'Cormorant Garamond', serif;
            font-size: 4.5rem;
            font-weight: 300;
            color: white;
            letter-spacing: 4px;
        }

        .founder-title {
            font-size: 0.78rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: var(--gold);
            margin-top: 20px;
            text-align: center;
            font-weight: 600;
        }

        .founder-content h3 {
            font-family: 'Cormorant Garamond', serif;
            font-size: 2.2rem;
            color: var(--dark);
            margin-bottom: 20px;
            line-height: 1.3;
        }

        .founder-content p {
            font-size: 1rem;
            color: var(--text-light);
            line-height: 1.8;
            margin-bottom: 16px;
        }

        .founder-content .founder-highlight {
            font-size: 1.05rem;
            color: var(--text);
            font-weight: 500;
            border-left: 3px solid var(--gold);
            padding-left: 20px;
            margin: 28px 0;
            line-height: 1.7;
        }

        .founder-details {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            margin-top: 28px;
        }

        .founder-detail {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 0.88rem;
            color: var(--text);
        }

        .founder-detail-icon {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: rgba(197,162,88,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .founder-detail-icon svg {
            width: 14px;
            height: 14px;
            stroke: var(--gold);
        }

        /* ============ LIVING OPERATING SYSTEM ============ */
        .los-section {
            background: var(--dark);
        }

        .los-section .section-label {
            color: var(--gold);
        }

        .los-section .section-title {
            color: white;
        }

        .los-scenarios {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 24px;
            margin-bottom: 60px;
        }

        .los-scenario {
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(197,162,88,0.15);
            border-radius: 2px;
            padding: 28px;
            transition: all 0.3s ease;
        }

        .los-scenario:hover {
            background: rgba(255,255,255,0.08);
            border-color: rgba(197,162,88,0.3);
            transform: translateY(-2px);
        }

        .los-scenario-time {
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: var(--gold);
            margin-bottom: 10px;
            font-weight: 600;
        }

        .los-scenario h4 {
            font-family: 'Inter', sans-serif;
            font-size: 1rem;
            font-weight: 500;
            color: white;
            margin-bottom: 10px;
        }

        .los-scenario p {
            font-size: 0.88rem;
            color: rgba(255,255,255,0.6);
            line-height: 1.6;
        }

        .los-cycle {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 0;
            margin: 48px auto;
            flex-wrap: wrap;
            max-width: 800px;
        }

        .los-cycle-step {
            text-align: center;
            padding: 20px 28px;
            position: relative;
        }

        .los-cycle-icon {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--gold), #D4B876);
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 12px;
        }

        .los-cycle-icon svg {
            width: 24px;
            height: 24px;
            stroke: var(--dark);
        }

        .los-cycle-label {
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: white;
            font-weight: 600;
        }

        .los-cycle-arrow {
            font-size: 1.5rem;
            color: rgba(197,162,88,0.5);
            padding: 0 8px;
        }

        .los-closing {
            text-align: center;
            margin-top: 48px;
            padding-top: 48px;
            border-top: 1px solid rgba(197,162,88,0.15);
        }

        .los-closing p {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.6rem;
            color: white;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.5;
            font-weight: 400;
        }

        .los-closing .los-emphasis {
            color: var(--gold);
            font-weight: 600;
        }

        /* ============ FIFA SECTION ============ */
        .fifa-highlight {
            background: linear-gradient(135deg, #003B5C 0%, #00527F 100%);
            border-radius: 2px;
            padding: 48px;
            margin-top: 48px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
        }

        .fifa-highlight h3 {
            font-family: 'Cormorant Garamond', serif;
            font-size: 2rem;
            color: white;
            margin-bottom: 16px;
        }

        .fifa-highlight p {
            color: rgba(255,255,255,0.7);
            line-height: 1.7;
        }

        .fifa-stats {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }

        .fifa-stat {
            text-align: center;
            padding: 24px;
            background: rgba(255,255,255,0.08);
            border-radius: 2px;
        }

        .fifa-stat-value {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.8rem;
            color: var(--gold);
            font-weight: 700;
        }

        .fifa-stat-label {
            font-size: 0.75rem;
            color: rgba(255,255,255,0.6);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-top: 4px;
        }

        /* ============ FIFA COUNTDOWN ============ */
        .countdown-section {
            background: linear-gradient(135deg, var(--darker) 0%, var(--sonesta-blue) 60%, #00527F 100%);
            text-align: center;
        }

        .countdown-section .section-label {
            color: var(--gold);
        }

        .countdown-section .section-title {
            color: white;
        }

        .countdown-timer {
            display: flex;
            justify-content: center;
            gap: 40px;
            margin: 48px 0;
            flex-wrap: wrap;
        }

        .countdown-unit {
            text-align: center;
            min-width: 100px;
        }

        .countdown-number {
            font-family: 'Cormorant Garamond', serif;
            font-size: clamp(3.5rem, 8vw, 6rem);
            font-weight: 700;
            color: var(--gold);
            line-height: 1;
            display: block;
        }

        .countdown-label {
            font-size: 0.7rem;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: rgba(255,255,255,0.6);
            margin-top: 12px;
            font-weight: 500;
        }

        .countdown-divider {
            font-family: 'Cormorant Garamond', serif;
            font-size: 4rem;
            color: rgba(197,162,88,0.4);
            line-height: 1;
            padding-top: 8px;
            align-self: flex-start;
        }

        .countdown-tagline {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.4rem;
            color: rgba(255,255,255,0.8);
            margin-bottom: 48px;
            font-style: italic;
            font-weight: 300;
        }

        .countdown-stats {
            display: flex;
            justify-content: center;
            gap: 0;
            border: 1px solid rgba(197,162,88,0.2);
            border-radius: 2px;
            overflow: hidden;
            max-width: 800px;
            margin: 0 auto;
            flex-wrap: wrap;
        }

        .countdown-stat {
            flex: 1;
            min-width: 160px;
            padding: 28px 20px;
            text-align: center;
            border-right: 1px solid rgba(197,162,88,0.2);
            background: rgba(255,255,255,0.04);
        }

        .countdown-stat:last-child {
            border-right: none;
        }

        .countdown-stat-value {
            font-family: 'Cormorant Garamond', serif;
            font-size: 2rem;
            color: var(--gold);
            font-weight: 700;
        }

        .countdown-stat-label {
            font-size: 0.75rem;
            color: rgba(255,255,255,0.55);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-top: 6px;
        }

        /* ============ TRAVEL PASS ============ */
        .comparison-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 24px;
            margin-bottom: 40px;
        }

        .comparison-card {
            background: white;
            border-radius: 2px;
            border: 1px solid rgba(0,0,0,0.06);
            overflow: hidden;
            transition: all 0.3s ease;
        }

        .comparison-card:hover {
            box-shadow: 0 10px 40px rgba(0,0,0,0.08);
            transform: translateY(-2px);
        }

        .comparison-card-header {
            background: var(--dark);
            padding: 20px 24px;
        }

        .comparison-card-header h4 {
            font-size: 0.75rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: rgba(255,255,255,0.6);
            font-weight: 500;
        }

        .comparison-body {
            padding: 24px;
        }

        .comparison-row {
            display: flex;
            gap: 16px;
            margin-bottom: 16px;
        }

        .comparison-item {
            flex: 1;
            padding: 16px;
            border-radius: 2px;
            text-align: center;
        }

        .comparison-item.gap {
            background: rgba(197,162,88,0.08);
            border: 1px solid rgba(197,162,88,0.25);
            border-left: 4px solid var(--gold);
        }

        .comparison-item.industry {
            background: rgba(0,0,0,0.03);
            border: 1px solid rgba(0,0,0,0.06);
        }

        .comparison-item-value {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--gold);
            line-height: 1;
        }

        .comparison-item.industry .comparison-item-value {
            color: var(--text-light);
        }

        .comparison-item-sublabel {
            font-size: 0.72rem;
            color: var(--text-light);
            margin-top: 4px;
            line-height: 1.4;
        }

        .comparison-card-insight {
            font-size: 0.85rem;
            color: var(--text-light);
            line-height: 1.6;
        }

        .gold-callout {
            background: linear-gradient(135deg, rgba(197,162,88,0.12), rgba(197,162,88,0.06));
            border: 1px solid rgba(197,162,88,0.3);
            border-left: 4px solid var(--gold);
            border-radius: 2px;
            padding: 28px 32px;
            text-align: center;
        }

        .gold-callout p {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.5rem;
            color: var(--dark);
            font-weight: 500;
            line-height: 1.5;
        }

        .gold-callout strong {
            color: var(--gold);
        }

        /* ============ TECH ASSESSMENT ============ */
        .tech-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 24px;
            margin-bottom: 32px;
        }

        .tech-card {
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(197,162,88,0.15);
            border-radius: 2px;
            padding: 32px;
            transition: all 0.3s ease;
        }

        .tech-card:hover {
            border-color: var(--gold);
            background: rgba(197,162,88,0.06);
        }

        .tech-card.tech-gap {
            border-color: rgba(197,162,88,0.5);
            background: rgba(197,162,88,0.08);
        }

        .tech-brand-label {
            font-size: 0.82rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: var(--gold);
            margin-bottom: 12px;
            font-weight: 700;
        }

        .tech-card h3 {
            font-family: 'Inter', sans-serif;
            font-size: 1.15rem;
            color: white;
            margin-bottom: 12px;
            font-weight: 700;
        }

        .tech-card.tech-gap h3 {
            color: var(--gold);
        }

        .tech-card p {
            font-size: 0.88rem;
            color: rgba(255,255,255,0.55);
            line-height: 1.7;
        }

        .tech-stat-inline {
            display: inline-block;
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.1rem;
            color: var(--gold);
            font-weight: 600;
        }

        .dark-callout {
            background: rgba(197,162,88,0.08);
            border: 1px solid rgba(197,162,88,0.25);
            border-radius: 2px;
            padding: 24px 32px;
            text-align: center;
            margin-top: 8px;
        }

        .dark-callout p {
            font-size: 0.95rem;
            color: rgba(255,255,255,0.7);
            line-height: 1.7;
        }

        .dark-callout strong {
            color: var(--gold);
        }

        /* ============ BENEFITS ============ */
        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 28px;
            margin-bottom: 40px;
        }

        .benefit-card {
            background: white;
            border-radius: 2px;
            padding: 36px;
            border: 1px solid rgba(0,0,0,0.06);
            transition: all 0.3s ease;
            position: relative;
        }

        .benefit-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 3px;
            height: 0;
            background: var(--gold);
            transition: height 0.3s ease;
        }

        .benefit-card:hover::before {
            height: 100%;
        }

        .benefit-card:hover {
            box-shadow: 0 10px 40px rgba(0,0,0,0.08);
            transform: translateY(-2px);
        }

        .benefit-card h3 {
            font-family: 'Inter', sans-serif;
            font-size: 1.12rem;
            font-weight: 500;
            color: var(--sonesta-blue);
            margin-bottom: 8px;
            letter-spacing: 0.4px;
        }

        .benefit-card p {
            font-size: 0.9rem;
            color: var(--text-light);
            line-height: 1.6;
            margin-bottom: 16px;
        }

        .benefit-amount {
            font-family: 'Cormorant Garamond', serif;
            font-size: 2.2rem;
            font-weight: 700;
            color: #B8973E;
            text-align: center;
            margin-top: 8px;
        }

        .benefit-deadline {
            display: inline-block;
            background: #C0392B;
            color: white;
            font-size: 0.65rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            font-weight: 700;
            padding: 3px 10px;
            border-radius: 2px;
            margin-left: 10px;
            vertical-align: middle;
        }

        .urgent-banner {
            background: linear-gradient(135deg, rgba(192,57,43,0.12), rgba(192,57,43,0.06));
            border: 1px solid rgba(192,57,43,0.3);
            border-left: 4px solid #C0392B;
            border-radius: 2px;
            padding: 24px 32px;
            display: flex;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
        }

        .urgent-banner-icon {
            font-size: 1.8rem;
            flex-shrink: 0;
        }

        .urgent-banner p {
            font-size: 0.95rem;
            color: var(--text);
            line-height: 1.6;
            margin: 0;
        }

        .urgent-banner strong {
            color: #C0392B;
        }

        /* ============ BRAND COHESION ============ */
        .brand-tiers {
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-bottom: 40px;
        }

        .brand-tier {
            border-radius: 2px;
            overflow: hidden;
        }

        .brand-tier-header {
            background: rgba(197,162,88,0.15);
            padding: 12px 24px;
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .brand-tier-label {
            font-size: 0.7rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: var(--gold);
            font-weight: 700;
            min-width: 80px;
        }

        .brand-tier-line {
            flex: 1;
            height: 1px;
            background: rgba(197,162,88,0.2);
        }

        .brand-tier-body {
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(197,162,88,0.1);
            border-top: none;
            padding: 20px 24px;
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            align-items: center;
        }

        .brand-chip {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 16px;
            background: rgba(255,255,255,0.06);
            border: 1px solid rgba(197,162,88,0.15);
            border-radius: 2px;
            font-size: 0.85rem;
            color: white;
            font-weight: 500;
        }

        .brand-chip-count {
            font-size: 0.72rem;
            color: var(--gold);
            font-weight: 700;
        }

        .brand-insight-callout {
            background: rgba(197,162,88,0.08);
            border: 1px solid rgba(197,162,88,0.25);
            border-radius: 2px;
            padding: 24px 32px;
            text-align: center;
        }

        .brand-insight-callout p {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.3rem;
            color: rgba(255,255,255,0.85);
            font-style: italic;
            line-height: 1.6;
        }

        .brand-insight-callout strong {
            color: var(--gold);
            font-style: normal;
        }

        /* ============ MARKET SELECTOR ============ */
        .market-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            align-items: stretch;
        }

        .market-card {
            background: white;
            border-radius: 2px;
            border: 1px solid rgba(0,0,0,0.06);
            overflow: hidden;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
        }

        .market-card:hover {
            box-shadow: 0 8px 32px rgba(0,0,0,0.1);
            transform: translateY(-2px);
        }

        .market-card.active {
            border-color: var(--gold);
            box-shadow: 0 0 0 2px rgba(197,162,88,0.2);
        }

        .market-card-header {
            background: var(--dark);
            padding: 20px 24px;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }

        .market-city {
            font-family: 'Inter', sans-serif;
            font-size: 0.95rem;
            font-weight: 500;
            color: white;
            letter-spacing: 0.4px;
            white-space: nowrap;
        }

        .market-matches {
            font-size: 0.72rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: var(--gold);
            font-weight: 600;
            text-align: right;
        }

        .market-card-body {
            padding: 20px 24px;
        }

        .market-impact {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--gold);
        }

        .market-impact-label {
            font-size: 0.75rem;
            color: var(--text-light);
            margin-bottom: 12px;
        }

        .market-adr {
            font-size: 0.82rem;
            color: var(--text-light);
            border-top: 1px solid rgba(0,0,0,0.06);
            padding-top: 12px;
        }

        .market-adr strong {
            color: var(--text);
        }

        .market-details {
            display: block;
            padding: 16px 24px;
            background: var(--warm-white);
            border-top: 1px solid rgba(197,162,88,0.2);
            font-size: 0.88rem;
            color: var(--text-light);
            line-height: 1.6;
            margin-top: auto;
        }

        .market-card.active .market-details {
            display: block;
        }

        .market-toggle-hint {
            font-size: 0.7rem;
            color: var(--gold);
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 600;
            margin-top: 4px;
        }

        /* ============ RESPONSIVE ============ */
        @media (max-width: 768px) {
            .nav-links { display: none; }
            .mobile-toggle { display: block; }
            nav.open .nav-links {
                display: flex;
                flex-direction: column;
                position: absolute;
                top: 72px;
                left: 0;
                right: 0;
                background: var(--darker);
                padding: 24px 40px;
                gap: 20px;
            }
            nav.open .nav-dropdown-panel {
                display: block;
                position: static;
                transform: none;
                border: none;
                background: transparent;
                box-shadow: none;
                padding: 4px 0 4px 16px;
                min-width: auto;
            }
            section { padding: 80px 24px; }
            .hero-stats { flex-direction: column; gap: 24px; }
            .profile-grid { grid-template-columns: 1fr; }
            .fifa-highlight { grid-template-columns: 1fr; }
            .founder-grid { grid-template-columns: 1fr; text-align: center; }
            .founder-details { grid-template-columns: 1fr; }
            .los-scenarios { grid-template-columns: 1fr; }
            .los-cycle { flex-direction: column; gap: 12px; }
            .los-cycle-arrow { transform: rotate(90deg); }
            .intel-grid { grid-template-columns: 1fr; }
            .recs-grid { grid-template-columns: 1fr; }
            .market-grid { grid-template-columns: 1fr; }
            .comparison-grid { grid-template-columns: 1fr; }
            .countdown-timer { gap: 20px; }
            .countdown-divider { display: none; }
            .countdown-stats { flex-direction: column; }
            .countdown-stat { border-right: none; border-bottom: 1px solid rgba(197,162,88,0.2); }
            .countdown-stat:last-child { border-bottom: none; }
            .benefits-grid { grid-template-columns: 1fr; }
            .tech-grid { grid-template-columns: 1fr; }
        }
    /* ============ SIDE DOT NAVIGATION (Apple-style) ============ */
        .side-dots {
            position: fixed;
            right: 24px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 999;
            display: flex;
            flex-direction: column;
            gap: 14px;
            align-items: center;
        }

        .side-dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(197, 162, 88, 0.25);
            border: 1.5px solid rgba(197, 162, 88, 0.4);
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
        }

        .side-dot:hover {
            background: rgba(197, 162, 88, 0.6);
            transform: scale(1.3);
        }

        .side-dot.active {
            background: var(--gold);
            border-color: var(--gold);
            transform: scale(1.4);
            box-shadow: 0 0 12px rgba(197, 162, 88, 0.4);
        }

        .side-dot-tooltip {
            position: absolute;
            right: 24px;
            top: 50%;
            transform: translateY(-50%);
            background: var(--dark);
            color: var(--gold);
            padding: 6px 14px;
            border-radius: 4px;
            font-size: 0.72rem;
            letter-spacing: 1px;
            text-transform: uppercase;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s;
            border: 1px solid rgba(197, 162, 88, 0.3);
        }

        .side-dot:hover .side-dot-tooltip {
            opacity: 1;
        }

        /* ============ DOCUMENT GRID (replaced Swiper) ============ */

        /* ============ LEAFLET MAP ============ */
        .property-map-container {
            border-radius: 2px;
            overflow: hidden;
            border: 1px solid rgba(0,0,0,0.08);
            margin-bottom: 40px;
            box-shadow: 0 4px 24px rgba(0,0,0,0.06);
        }

        #property-map {
            height: 520px;
            width: 100%;
            background: var(--dark);
        }

        .leaflet-popup-content-wrapper {
            border-radius: 2px;
            font-family: 'Inter', sans-serif;
        }

        .leaflet-popup-content {
            margin: 12px 16px;
            font-size: 0.88rem;
            line-height: 1.5;
        }

        .leaflet-popup-content strong {
            color: var(--sonesta-blue);
            display: block;
            margin-bottom: 4px;
            font-size: 1rem;
        }

        .leaflet-popup-content .map-popup-matches {
            color: var(--gold);
            font-weight: 600;
            font-size: 0.8rem;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        /* ============ EXPANDABLE CARDS ============ */
        .expandable-card {
            cursor: pointer;
        }

        .expandable-card .expand-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease;
            padding: 0 0;
        }

        .expandable-card.expanded .expand-content {
            max-height: 500px;
            padding: 20px 0 0;
        }

        .expand-indicator {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 0.75rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: var(--gold);
            margin-top: 12px;
            font-weight: 600;
            transition: all 0.3s;
        }

        .expand-indicator svg {
            transition: transform 0.3s;
        }

        .expandable-card.expanded .expand-indicator svg {
            transform: rotate(180deg);
        }

        /* ============ SECTION DOWNLOAD BUTTONS ============ */
        .section-download-btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 18px;
            border: 1px solid rgba(197, 162, 88, 0.3);
            background: transparent;
            color: var(--gold);
            font-size: 0.72rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            cursor: pointer;
            transition: all 0.3s;
            font-family: 'Inter', sans-serif;
            font-weight: 600;
            position: absolute;
            top: 20px;
            right: 20px;
            border-radius: 2px;
            z-index: 10;
        }

        .section-download-btn:hover {
            background: rgba(197, 162, 88, 0.1);
            border-color: var(--gold);
        }

        .section-download-btn svg {
            width: 14px;
            height: 14px;
        }

        section {
            position: relative;
        }

        /* ============ HOTEL PHOTOGRAPHY ============ */
        .hero-photo-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: url('https://media.iceportal.com/138484/photos/83663072_XL.jpg');
            background-size: cover;
            background-position: center;
            opacity: 0.22;
            will-change: transform;
        }

        .section-photo {
            width: 100%;
            height: 240px;
            object-fit: cover;
            border-radius: 2px;
            margin-bottom: 32px;
            opacity: 0.9;
        }

        /* ============ YOUR EMPIRE — HOVER REVEAL ON 3-UP ROWS ============ */
        #your-empire .flagship-grid-item {
            cursor: pointer;
            overflow: hidden;
        }
        #your-empire .flagship-grid-item img {
            transition: transform 0.6s ease, opacity 0.4s ease;
            height: 100%;
            width: 100%;
            object-fit: cover;
            position: absolute;
            top: 0;
        }
        #your-empire .flagship-grid-item:hover img {
            transform: scale(1.05);
            opacity: 1;
        }
        #your-empire .flagship-grid-item > div:last-child {
            transition: transform 0.4s ease;
        }
        #your-empire .flagship-grid-item:hover > div:last-child {
            transform: translateY(-8px);
        }

        /* ============ SUBTLE GOLD ACCENT LINES ============ */
        .gold-accent-line {
            width: 60px;
            height: 2px;
            background: linear-gradient(90deg, var(--gold), transparent);
            margin-bottom: 24px;
        }

        .section-dark .gold-accent-line {
            background: linear-gradient(90deg, var(--gold), rgba(197, 162, 88, 0.1));
        }

        /* ============ ENHANCED PRINT STYLES ============ */
    @media print {
        nav, .mobile-toggle, .hero-cta, .cta-button, .cta-section,
        .side-dots, .section-download-btn, #property-map,
        .property-map-container { display: none !important; }
        body { background: white !important; color: black !important; font-size: 11pt; }
        section { padding: 30px 0 !important; page-break-inside: avoid; }
        .section-dark { background: #f0f0f0 !important; color: black !important; }
        .section-dark .section-title { color: black !important; }
        .section-dark .section-subtitle,
        .section-dark p { color: #333 !important; }
        .hero { min-height: auto !important; background: white !important; padding: 40px !important; }
        .hero h1 { color: black !important; -webkit-text-fill-color: black !important; }
        .hero h1 em { -webkit-text-fill-color: #C5A258 !important; background: none !important; color: #C5A258 !important; }
        .hero-subtitle { color: #333 !important; }
        .hero-stat-value { color: #C5A258 !important; }
        .hero-stat-label { color: #666 !important; }
        .hero-photo-overlay { display: none !important; }
        .intel-card, .rec-card, .benefit-card, .practice-card, .tech-card,
        .comparison-card, .market-card, .doc-card {
            break-inside: avoid;
            page-break-inside: avoid;
        }
        .intel-grid, .recs-grid, .benefits-grid, .practices-grid,
        .tech-grid, .comparison-grid, .market-grid {
            display: block !important;
        }
        .intel-card, .rec-card, .benefit-card, .practice-card, .tech-card,
        .comparison-card, .market-card {
            margin-bottom: 16px;
            border: 1px solid #ddd !important;
            background: white !important;
        }
        .practice-card { background: #f9f9f9 !important; color: black !important; }
        .practice-card h3, .tech-card h3 { color: black !important; }
        .practice-card p, .tech-card p { color: #444 !important; }
        .brand-chip { color: black !important; border-color: #ccc !important; background: #f5f5f5 !important; }
        .gold-callout, .dark-callout, .brand-insight-callout {
            background: #f5f0e0 !important;
            border-color: #C5A258 !important;
            color: black !important;
        }
        .dark-callout p, .brand-insight-callout p { color: black !important; }
        .countdown-section { background: #003B5C !important; }
        .countdown-number { color: #C5A258 !important; }
        .rec-header { background: #222 !important; }
        a { color: inherit !important; text-decoration: underline; }
        * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
        footer { padding: 20px 0 !important; }
        @page { margin: 1.5cm; }
        h2 { page-break-after: avoid; }
        .document-grid { display: block !important; }
        .document-grid .doc-card { margin-bottom: 8px; }
    }

        /* ============ RESPONSIVE ADDITIONS ============ */
        @media (max-width: 768px) {
            .side-dots { display: none; }
            .section-download-btn { position: static; margin-bottom: 16px; }
            .document-grid { grid-template-columns: 1fr !important; }
            #property-map { height: 300px; }
        }
    </style>
</head>
<body>

<!-- APPLE-STYLE SIDE DOT NAVIGATION -->
<div class="side-dots" id="side-dots">
    <div class="side-dot active" data-target="home"><span class="side-dot-tooltip">Home</span></div>
    <div class="side-dot" data-target="profile"><span class="side-dot-tooltip">Profile</span></div>
    <div class="side-dot" data-target="discoveries"><span class="side-dot-tooltip">Discoveries</span></div>
    <div class="side-dot" data-target="intelligence"><span class="side-dot-tooltip">Market Intel</span></div>
    <div class="side-dot" data-target="practices"><span class="side-dot-tooltip">Best Practices</span></div>
    <div class="side-dot" data-target="technology"><span class="side-dot-tooltip">Technology</span></div>
    <div class="side-dot" data-target="recommendations"><span class="side-dot-tooltip">Strategy</span></div>
    <div class="side-dot" data-target="founder"><span class="side-dot-tooltip">Carter Hill</span></div>
    <div class="side-dot" data-target="living-os"><span class="side-dot-tooltip">Living OS</span></div>
    <div class="side-dot" data-target="fifa-countdown"><span class="side-dot-tooltip">FIFA 2026</span></div>
    <div class="side-dot" data-target="travel-pass"><span class="side-dot-tooltip">Travel Pass</span></div>
    <div class="side-dot" data-target="benefits"><span class="side-dot-tooltip">Benefits</span></div>
    <div class="side-dot" data-target="markets"><span class="side-dot-tooltip">Markets</span></div>
    <div class="side-dot" data-target="documents"><span class="side-dot-tooltip">Documents</span></div>
    <div class="side-dot" data-target="contact"><span class="side-dot-tooltip">Connect</span></div>
</div>

<!-- NAVIGATION -->
<nav id="navbar" role="navigation" aria-label="Primary">
    <div class="nav-inner">
        <a href="#home" class="nav-brand" style="text-decoration:none;"><span class="nav-brand-genesis">GENESIS</span><span class="nav-brand-x">&amp;</span><span class="nav-brand-sonesta">Sonesta</span></a>
        <button class="mobile-toggle" onclick="document.getElementById('navbar').classList.toggle('open')">&#9776;</button>
        <ul class="nav-links">
            <li><a href="#home">Home</a></li>
            <li class="nav-dropdown">
                <a href="#intelligence">Analysis &#9662;</a>
                <div class="nav-dropdown-panel">
                    <a href="#intelligence">Market Intel</a>
                    <a href="#recommendations">Strategy</a>
                    <a href="#travel-pass">Travel Pass</a>
                    <a href="#technology">Technology</a>
                    <a href="#benefits">Benefits</a>
                </div>
            </li>
            <li class="nav-dropdown">
                <a href="#markets">Markets &#9662;</a>
                <div class="nav-dropdown-panel">
                    <a href="#markets">US Markets</a>
                </div>
            </li>
            <li class="nav-dropdown">
                <a href="#documents">Documents &#9662;</a>
                <div class="nav-dropdown-panel" style="min-width:360px;max-height:80vh;overflow-y:auto;overflow-x:hidden;">
                    <div style="padding:10px 14px;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:6px;">The Package</div>
                    <a href="/docs/00_COVER_LETTER_CORPORATE">00 · Cover Letter</a>
                    <a href="/docs/00_GUIDE">01 · Package Guide</a>
                    <a href="/docs/01_EXECUTIVE_SUMMARY">02 · Executive Summary</a>
                    <div style="padding:10px 14px 4px;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);border-top:1px solid rgba(255,255,255,0.08);margin-top:6px;">Strategic Vision</div>
                    <a href="/docs/SONESTA_CORPORATE_VISION">04 · Corporate Vision</a>
                    <a href="/docs/SONESTA_CORPORATE_STRATEGY">05 · Corporate Strategy</a>
                    <a href="/docs/SONESTA_GENESIS_PLAN">06 · The Genesis Plan</a>
                    <a href="/docs/03_SONESTA_AI_STRATEGY">07 · AI Strategy</a>
                    <a href="/docs/02_GENESIS_POSITIONING">08 · Genesis Positioning</a>
                    <a href="/docs/SONESTA_EXECUTIVE_INTELLIGENCE">09 · Executive Intelligence</a>
                    <a href="/docs/SONESTA_OPPORTUNITY">10 · Strategic Opportunity</a>
                    <a href="/docs/SONESTA_DEEP_DIVE">11 · Executive Deep Dive</a>
                    <div style="padding:10px 14px 4px;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);border-top:1px solid rgba(255,255,255,0.08);margin-top:6px;">Financial &amp; ROI</div>
                    <a href="/docs/SONESTA_ROI_MODEL">12 · ROI Model</a>
                    <a href="/docs/20_ROI_MODEL">13 · ROI Model (Extended)</a>
                    <a href="/docs/SONESTA_PACKAGE_VALUE">14 · Package Value</a>
                    <a href="/docs/SONESTA_PRICING_INVESTMENT_EXPLAINED">15 · Pricing &amp; Investment</a>
                    <a href="/docs/SONESTA_BENEFITS_INCENTIVES">16 · Benefits &amp; Incentives</a>
                    <a href="/docs/SONESTA_BENEFITS_INCENTIVES_MASTER">17 · Benefits Master</a>
                    <div style="padding:10px 14px 4px;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);border-top:1px solid rgba(255,255,255,0.08);margin-top:6px;">Technology</div>
                    <a href="/docs/SONESTA_TECHNOLOGY_STACK">18 · Technology Stack</a>
                    <a href="/docs/SONESTA_TECHNOLOGY_DEEP_DIVE">19 · Tech Deep Dive</a>
                    <a href="/docs/SONESTA_TECHNOLOGY_STACK_ASSESSMENT">20 · Tech Assessment</a>
                    <a href="/docs/SONESTA_TECH_STACK_VALIDATION_REPORT">21 · Tech Validation</a>
                    <div style="padding:10px 14px 4px;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);border-top:1px solid rgba(255,255,255,0.08);margin-top:6px;">Research &amp; Analysis</div>
                    <a href="/docs/24_INDUSTRY_ANALYSIS">22 · Industry Overview</a>
                    <a href="/docs/SONESTA_INDUSTRY_ANALYSIS">23 · Industry Strategy</a>
                    <a href="/docs/SONESTA_INDUSTRY_TRENDS_2026">23 · Industry Trends 2026</a>
                    <a href="/docs/SONESTA_COMPETITIVE_ANALYSIS">24 · Competitive Analysis</a>
                    <a href="/docs/SONESTA_BRAND_COHESION_ANALYSIS">25 · Brand Cohesion</a>
                    <a href="/docs/SONESTA_TRAVEL_PASS_ANALYSIS">26 · Travel Pass Analysis</a>
                    <a href="/docs/SONESTA_PORTFOLIO_ANALYSIS">27 · Portfolio Analysis</a>
                    <a href="/docs/SONESTA_MASTER_BRAND_PORTFOLIO">28 · Brand Portfolio</a>
                    <a href="/docs/SONESTA_KEITH_PIERCE_PROFILE">29 · Keith Pierce Profile</a>
                    <div style="padding:10px 14px 4px;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);border-top:1px solid rgba(255,255,255,0.08);margin-top:6px;">Implementation</div>
                    <a href="/docs/22_ENTERPRISE_EXECUTION_PLAN">30 · Execution Plan</a>
                    <a href="/docs/23_ENGAGEMENT_PROPOSAL">31 · Engagement Proposal</a>
                    <a href="/docs/SONESTA_PROPOSAL_DRAFT">32 · Partnership Proposal</a>
                    <a href="/docs/SONESTA_OUTREACH_GUIDE">33 · Outreach Strategy</a>
                    <div style="padding:10px 14px 4px;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);border-top:1px solid rgba(255,255,255,0.08);margin-top:6px;">Market Deep Dives</div>
                    <a href="/docs/04_DALLAS_DFW_MARKET_DEEP_DIVE">D1 · Dallas / DFW</a>
                    <a href="/docs/05_ATLANTA_MARKET_DEEP_DIVE">D2 · Atlanta</a>
                    <a href="/docs/06_BOSTON_MARKET_DEEP_DIVE">D3 · Boston</a>
                    <a href="/docs/07_CHICAGO_MARKET_DEEP_DIVE">D4 · Chicago</a>
                    <a href="/docs/08_HOUSTON_MARKET_DEEP_DIVE">D5 · Houston</a>
                    <a href="/docs/09_LOS_ANGELES_MARKET_DEEP_DIVE">D6 · Los Angeles</a>
                    <a href="/docs/10_MIAMI_MARKET_DEEP_DIVE">D7 · Miami</a>
                    <a href="/docs/11_NEW_YORK_CITY_MARKET_DEEP_DIVE">D8 · New York City</a>
                    <a href="/docs/12_PHILADELPHIA_MARKET_DEEP_DIVE">D9 · Philadelphia</a>
                    <a href="/docs/14_SAN_FRANCISCO_MARKET_DEEP_DIVE">D10 · San Francisco</a>
                    <a href="/docs/15_WASHINGTON_DC_MARKET_DEEP_DIVE">D11 · Washington DC</a>
                    <a href="/docs/21_MARKET_COMPARISON_MATRIX">D12 · Market Comparison</a>
                    <div style="padding:10px 14px 4px;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);border-top:1px solid rgba(255,255,255,0.08);margin-top:6px;">Market Briefs</div>
                    <a href="/docs/16_DENVER_MARKET_BRIEF">B1 · Denver</a>
                    <a href="/docs/17_SEATTLE_MARKET_BRIEF">B2 · Seattle</a>
                    <a href="/docs/18_NASHVILLE_MARKET_BRIEF">B3 · Nashville</a>
                    <a href="/docs/19_ORLANDO_MARKET_BRIEF">B4 · Orlando</a>
                    <a href="/docs/20_AUSTIN_MARKET_BRIEF">B5 · Austin</a>
                    <a href="/docs/21_NEW_ORLEANS_MARKET_BRIEF">B6 · New Orleans</a>
                    <a href="/docs/22_PHOENIX_MARKET_BRIEF">B7 · Phoenix</a>
                    <a href="/docs/23_SAN_ANTONIO_MARKET_BRIEF">B8 · San Antonio</a>
                    <div style="padding:10px 14px 4px;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);border-top:1px solid rgba(255,255,255,0.08);margin-top:6px;">Market Plans</div>
                    <a href="/docs/ATLANTA_MARKET_PLAN">Atlanta Plan</a>
                    <a href="/docs/AUSTIN_MARKET_PLAN">Austin Plan</a>
                    <a href="/docs/BOSTON_MARKET_PLAN">Boston Plan</a>
                    <a href="/docs/CHICAGO_MARKET_PLAN">Chicago Plan</a>
                    <a href="/docs/DALLAS_MARKET_PLAN">Dallas Plan</a>
                    <a href="/docs/DENVER_MARKET_PLAN">Denver Plan</a>
                    <a href="/docs/HOUSTON_MARKET_PLAN">Houston Plan</a>
                    <a href="/docs/LOS_ANGELES_MARKET_PLAN">Los Angeles Plan</a>
                    <a href="/docs/MIAMI_MARKET_PLAN">Miami Plan</a>
                    <a href="/docs/NASHVILLE_MARKET_PLAN">Nashville Plan</a>
                    <a href="/docs/NEW_ORLEANS_MARKET_PLAN">New Orleans Plan</a>
                    <a href="/docs/NYC_MARKET_PLAN">NYC Plan</a>
                    <a href="/docs/ORLANDO_MARKET_PLAN">Orlando Plan</a>
                    <a href="/docs/PHILADELPHIA_MARKET_PLAN">Philadelphia Plan</a>
                    <a href="/docs/PHOENIX_MARKET_PLAN">Phoenix Plan</a>
                    <a href="/docs/SAN_ANTONIO_MARKET_PLAN">San Antonio Plan</a>
                    <a href="/docs/SAN_FRANCISCO_MARKET_PLAN">San Francisco Plan</a>
                    <a href="/docs/SEATTLE_MARKET_PLAN">Seattle Plan</a>
                    <a href="/docs/WASHINGTON_DC_MARKET_PLAN">Washington DC Plan</a>
                    <div style="padding:10px 14px 4px;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);border-top:1px solid rgba(255,255,255,0.08);margin-top:6px;">Local Intelligence</div>
                    <a href="/docs/SONESTA_RICHARDSON_MARKET_INTELLIGENCE">Richardson Market Intel</a>
                    <div class="scroll-hint" style="position:sticky;bottom:-16px;text-align:center;padding:12px 20px 16px;margin:0 -14px -16px;background:#0f0f1a;color:rgba(197,162,88,0.6);font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;border-top:1px solid rgba(197,162,88,0.15);z-index:10;box-shadow:0 -4px 12px rgba(0,0,0,0.8);">Scroll for more<span style="display:block;margin-top:2px;">&#9662;</span></div>
                </div>
            </li>
            <li><a href="value-creation.html" style="color:var(--gold);font-weight:600">Value &nearr;</a></li>
            <li><a href="intelligence-center.html" style="color:var(--gold);font-weight:700">Intelligence Center &nearr;</a></li>
            <li><a href="#partnership">Connect</a></li>
        </ul>
    </div>
</nav>

<!-- HERO -->
<section class="hero" id="home">
    <div class="hero-photo-overlay" id="hero-parallax"></div>
    <div class="hero-content">
        <div class="hero-label">Strategic Partnership Advisory</div>
        <h1>Intelligence That <em>Transforms</em> Hospitality</h1>
        <p class="hero-subtitle">
            A comprehensive strategic analysis combining world-class hospitality research
            with deep market intelligence for Sonesta International Hotels.
        </p>
        <div class="hero-stats">
            <div class="hero-stat">
                <div class="hero-stat-value" data-count="1200" data-suffix="+">0</div>
                <div class="hero-stat-label">Properties Studied</div>
            </div>
            <div class="hero-stat">
                <div class="hero-stat-value" data-count="13">0</div>
                <div class="hero-stat-label">Brands Analyzed</div>
            </div>
            <div class="hero-stat">
                <div class="hero-stat-value" data-prefix="$" data-count="318" data-suffix="M+">0</div>
                <div class="hero-stat-label">Total Value Identified</div>
            </div>
            <div class="hero-stat">
                <div class="hero-stat-value" data-count="22">0</div>
                <div class="hero-stat-label">Competitors Benchmarked</div>
            </div>
        </div>
    </div>
</section>

<!-- SONESTA PROFILE -->
<section id="profile">
    <button class="section-download-btn" onclick="downloadSection('profile','Sonesta_Profile')"><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>Save PDF</button>
    <div class="section-inner">
        <div class="gold-accent-line" data-aos="fade-right"></div>
        <div class="section-label" data-aos="fade-up">Understanding Your Philosophy</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">We Studied Sonesta Deeply</h2>
        <p class="section-subtitle">
            Before offering recommendations, we immersed ourselves in Sonesta's history, values, and strategic direction.
            This isn't a generic pitch &mdash; it's built on genuine understanding.
        </p>

        <div class="profile-grid">
            <div class="profile-text">
                <h3>An 85-Year-Old Startup</h3>
                <p>
                    Founded in 1937 by A.M. "Sonny" Sonnabend &mdash; the name itself a love letter combining
                    "Son" (Sonny) and "esta" (wife Esther) &mdash; Sonesta has evolved from a single New England
                    beachfront property into the 8th largest hotel company in the United States.
                </p>
                <p>
                    With four cornerstones of <strong>Integrity, Authenticity, Quality, and Concern</strong>,
                    Sonesta's Culture of Caring isn't a marketing tagline. It's visible in how staff like
                    Jae Miguel, Katy, and Jessica at the Richardson property are personally named in guest
                    reviews &mdash; that's culture you can measure.
                </p>

                <div class="profile-quote">
                    "The big hotel franchisors don't really have any skin in the game, and we do and our
                    franchisees appreciate that."
                    <cite>&mdash; Sonesta Leadership (a founding principle carried forward by Co-CEOs Keith Pierce &amp; Jeff Leer)</cite>
                </div>

                <h3>The Leadership Transition</h3>
                <p>
                    As of April 1, 2026, <strong>Keith Pierce</strong> and <strong>Jeff Leer</strong> became Co-CEOs.
                    Pierce brings 27+ years of franchise-building expertise from Wyndham (6,000+ hotels).
                    Leer brings financial discipline that produced a 440% NOI increase at AlerisLife.
                    Both have explicitly committed to "leveraging innovative technology."
                </p>

                <div class="profile-quote">
                    "We're just under 1,200 hotels, just in the U.S. alone. We could do 6,000 hotels &mdash;
                    forget rest of the world. There's a real long runway here."
                    <cite>&mdash; Keith Pierce, Co-CEO</cite>
                </div>
            </div>

            <div>
                <div class="profile-stats">
                    <div class="profile-stat">
                        <div class="profile-stat-value" data-count="1200" data-suffix="">0</div>
                        <div class="profile-stat-label">Properties</div>
                    </div>
                    <div class="profile-stat">
                        <div class="profile-stat-value" data-count="100" data-suffix="K">0</div>
                        <div class="profile-stat-label">Guest Rooms</div>
                    </div>
                    <div class="profile-stat">
                        <div class="profile-stat-value" data-count="13">0</div>
                        <div class="profile-stat-label">Brands</div>
                    </div>
                    <div class="profile-stat">
                        <div class="profile-stat-value" data-count="8" data-suffix="M">0</div>
                        <div class="profile-stat-label">Loyalty Members</div>
                    </div>
                    <div class="profile-stat">
                        <div class="profile-stat-value" data-prefix="$" data-count="600" data-suffix="M">0</div>
                        <div class="profile-stat-label">Renovation Investment</div>
                    </div>
                    <div class="profile-stat">
                        <div class="profile-stat-value" data-count="26" data-suffix="%">0</div>
                        <div class="profile-stat-label">2025 Franchise Growth</div>
                    </div>
                    <div class="profile-stat">
                        <div class="profile-stat-value" data-count="85">0</div>
                        <div class="profile-stat-label">Years of Heritage</div>
                    </div>
                    <div class="profile-stat">
                        <div class="profile-stat-value">#3</div>
                        <div class="profile-stat-label">USA Today Loyalty Award</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- WHAT WE DISCOVERED -->
<section class="section-dark" id="discoveries">
    <div class="section-inner">
        <div class="section-label" data-aos="fade-up">What We Discovered</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">Five Things Hiding in Sonesta's Portfolio Right Now</h2>
        <p class="section-subtitle" data-aos="fade-up" data-aos-delay="200">From public data, SEC filings, and competitive intelligence &mdash; Genesis uncovered patterns that should reshape Sonesta's next 12 months.</p>

        <!-- Discovery 01 -->
        <div style="display:grid;grid-template-columns:80px 1fr;gap:32px;align-items:start;margin-bottom:56px;padding:48px 40px;background:rgba(255,255,255,0.03);border:1px solid rgba(197,162,88,0.12);border-radius:4px" data-aos="fade-up" data-aos-delay="0">
            <div style="font-family:'Cormorant Garamond',serif;font-size:4.2rem;font-weight:300;color:var(--gold);line-height:1;opacity:0.7">01</div>
            <div>
                <h3 style="font-family:'Inter',sans-serif;font-size:1.3rem;font-weight:600;color:white;margin-bottom:8px;letter-spacing:0.3px">Technology Fragmentation</h3>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:700;color:#dc3545;margin-bottom:16px;line-height:1.2">16 Different PMS Systems</div>
                <p style="font-size:1rem;color:rgba(255,255,255,0.7);line-height:1.8;margin-bottom:24px">Across 1,100+ properties and 13 brands, Sonesta operates on sixteen different property management systems. That means zero unified guest intelligence, zero cross-property learning, and zero ability to deploy AI at scale. Every competitor with a single PMS can deploy one model to thousands of properties overnight. Sonesta would need sixteen separate integrations.</p>
                <div style="margin-bottom:20px">
                    <div style="font-size:0.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin-bottom:12px;font-weight:600">PMS Fragmentation vs. Competitors</div>
                    <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:90px;text-align:right">Marriott</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:6%;height:100%;background:#48BB78;border-radius:2px;display:flex;align-items:center;padding-left:8px;font-size:0.85rem;color:white;font-weight:600">1</div></div>
                    </div>
                    <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:90px;text-align:right">Hilton</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:12%;height:100%;background:#48BB78;border-radius:2px;display:flex;align-items:center;padding-left:8px;font-size:0.85rem;color:white;font-weight:600">2</div></div>
                    </div>
                    <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:90px;text-align:right">IHG</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:18%;height:100%;background:#4299E1;border-radius:2px;display:flex;align-items:center;padding-left:8px;font-size:0.85rem;color:white;font-weight:600">3</div></div>
                    </div>
                    <div style="display:flex;align-items:center;gap:12px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:90px;text-align:right">Sonesta</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:100%;height:100%;background:#dc3545;border-radius:2px;display:flex;align-items:center;padding-left:8px;font-size:0.85rem;color:white;font-weight:600">16</div></div>
                    </div>
                </div>
                <div style="font-size:0.78rem;color:rgba(255,255,255,0.4);font-style:italic">Source: Sonesta 2024 10-K, brand technology disclosures, industry analyst reports</div>
            </div>
        </div>

        <!-- Discovery 02 -->
        <div style="display:grid;grid-template-columns:80px 1fr;gap:32px;align-items:start;margin-bottom:56px;padding:48px 40px;background:rgba(220,53,69,0.04);border:1px solid rgba(220,53,69,0.2);border-radius:4px" data-aos="fade-up" data-aos-delay="100">
            <div style="font-family:'Cormorant Garamond',serif;font-size:4.2rem;font-weight:300;color:#dc3545;line-height:1;opacity:0.7">02</div>
            <div>
                <h3 style="font-family:'Inter',sans-serif;font-size:1.3rem;font-weight:600;color:white;margin-bottom:8px;letter-spacing:0.3px">The AI Deployment Gap</h3>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:700;color:#dc3545;margin-bottom:16px;line-height:1.2">$0 Deployed <span style="font-size:1.4rem;font-weight:400;color:rgba(255,255,255,0.5)">vs. $100M&ndash;$1.1B per competitor</span></div>
                <p style="font-size:1rem;color:rgba(255,255,255,0.7);line-height:1.8;margin-bottom:24px">Marriott invested $1.1 billion in technology and launched &ldquo;Agentic Mesh&rdquo; across 9,800 properties. Hilton deployed an AI Travel Planner for 243 million Honors members. Wyndham activated 250 AI agents across 9,100 hotels. Sonesta has zero announced AI deployments. The competitive window is measured in months, not years.</p>
                <div style="margin-bottom:20px">
                    <div style="font-size:0.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin-bottom:12px;font-weight:600">Annual AI/Technology Investment</div>
                    <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:90px;text-align:right">Marriott</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:100%;height:100%;background:linear-gradient(90deg,#48BB78,#2F855A);border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:0.85rem;color:white;font-weight:600">$1.1B</div></div>
                    </div>
                    <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:90px;text-align:right">Wyndham</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:39%;height:100%;background:linear-gradient(90deg,#4299E1,#2B6CB0);border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:0.85rem;color:white;font-weight:600">$425M</div></div>
                    </div>
                    <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:90px;text-align:right">Hilton</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:27%;height:100%;background:linear-gradient(90deg,#9F7AEA,#6B46C1);border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:0.85rem;color:white;font-weight:600">$300M+</div></div>
                    </div>
                    <div style="display:flex;align-items:center;gap:12px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:90px;text-align:right">Sonesta</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:2%;height:100%;background:#dc3545;border-radius:2px;min-width:24px;display:flex;align-items:center;justify-content:center;font-size:0.85rem;color:white;font-weight:600">$0</div></div>
                    </div>
                </div>
                <div style="font-size:0.78rem;color:rgba(255,255,255,0.4);font-style:italic">Source: Marriott Q4 2025 earnings call, Wyndham investor day 2025, Hilton technology press releases</div>
            </div>
        </div>

        <!-- Discovery 03 -->
        <div style="display:grid;grid-template-columns:80px 1fr;gap:32px;align-items:start;margin-bottom:56px;padding:48px 40px;background:rgba(72,187,120,0.04);border:1px solid rgba(72,187,120,0.2);border-radius:4px" data-aos="fade-up" data-aos-delay="200">
            <div style="font-family:'Cormorant Garamond',serif;font-size:4.2rem;font-weight:300;color:#48BB78;line-height:1;opacity:0.7">03</div>
            <div>
                <h3 style="font-family:'Inter',sans-serif;font-size:1.3rem;font-weight:600;color:white;margin-bottom:8px;letter-spacing:0.3px">Unclaimed Federal &amp; State Value</h3>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:700;color:#48BB78;margin-bottom:16px;line-height:1.2">$198M&ndash;$1.67B <span style="font-size:1.4rem;font-weight:400;color:rgba(255,255,255,0.5)">available now</span></div>
                <p style="font-size:1rem;color:rgba(255,255,255,0.7);line-height:1.8;margin-bottom:24px">Across 1,100+ properties in 40+ states, Sonesta is eligible for stacked federal, state, and local incentive programs &mdash; energy efficiency credits (179D), workforce development grants, technology investment zones, historic preservation tax credits, and opportunity zone benefits. Most require only application. Many have 2026 deadlines approaching.</p>
                <div style="margin-bottom:20px">
                    <div style="font-size:0.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin-bottom:12px;font-weight:600">Incentive Categories (Conservative Estimates)</div>
                    <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:130px;text-align:right">Energy (179D)</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:45%;height:100%;background:#48BB78;border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:0.85rem;color:white;font-weight:600">$89M</div></div>
                    </div>
                    <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:130px;text-align:right">Workforce</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:30%;height:100%;background:#4299E1;border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:0.85rem;color:white;font-weight:600">$58M</div></div>
                    </div>
                    <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:130px;text-align:right">Tech Zones</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:20%;height:100%;background:#9F7AEA;border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:0.85rem;color:white;font-weight:600">$38M</div></div>
                    </div>
                    <div style="display:flex;align-items:center;gap:12px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:130px;text-align:right">State/Local</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:7%;height:100%;background:var(--gold);border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:0.85rem;color:white;font-weight:600">$13M</div></div>
                    </div>
                </div>
                <div style="font-size:0.78rem;color:rgba(255,255,255,0.4);font-style:italic">Source: IRS Section 179D guidelines, state economic development databases, property-level eligibility analysis</div>
            </div>
        </div>

        <!-- Discovery 04 -->
        <div style="display:grid;grid-template-columns:80px 1fr;gap:32px;align-items:start;margin-bottom:56px;padding:48px 40px;background:rgba(66,153,225,0.04);border:1px solid rgba(66,153,225,0.2);border-radius:4px" data-aos="fade-up" data-aos-delay="300">
            <div style="font-family:'Cormorant Garamond',serif;font-size:4.2rem;font-weight:300;color:#4299E1;line-height:1;opacity:0.7">04</div>
            <div>
                <h3 style="font-family:'Inter',sans-serif;font-size:1.3rem;font-weight:600;color:white;margin-bottom:8px;letter-spacing:0.3px">The FIFA 2026 Window</h3>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:700;color:#4299E1;margin-bottom:16px;line-height:1.2">$120M+ <span style="font-size:1.4rem;font-weight:400;color:rgba(255,255,255,0.5)">portfolio revenue opportunity</span></div>
                <p style="font-size:1rem;color:rgba(255,255,255,0.7);line-height:1.8;margin-bottom:24px">Sonesta has properties in 10 of 11 FIFA World Cup 2026 host cities. This is the largest sporting event in history &mdash; 48 teams, 104 matches, 5.5 million expected visitors across 39 days. Hotels in host cities saw 340% ADR increases during previous World Cups. With AI-driven dynamic pricing, Sonesta could capture premium rates across hundreds of properties simultaneously. Without it, revenue gets left to static rate cards.</p>
                <div style="margin-bottom:20px">
                    <div style="font-size:0.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin-bottom:12px;font-weight:600">Sonesta Properties in Host Cities</div>
                    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px">
                        <div style="background:rgba(66,153,225,0.12);border:1px solid rgba(66,153,225,0.25);border-radius:3px;padding:10px 14px;text-align:center;font-size:0.82rem;color:rgba(255,255,255,0.85)">Dallas <span style="color:#4299E1;font-weight:600">&#10003;</span></div>
                        <div style="background:rgba(66,153,225,0.12);border:1px solid rgba(66,153,225,0.25);border-radius:3px;padding:10px 14px;text-align:center;font-size:0.82rem;color:rgba(255,255,255,0.85)">Houston <span style="color:#4299E1;font-weight:600">&#10003;</span></div>
                        <div style="background:rgba(66,153,225,0.12);border:1px solid rgba(66,153,225,0.25);border-radius:3px;padding:10px 14px;text-align:center;font-size:0.82rem;color:rgba(255,255,255,0.85)">Miami <span style="color:#4299E1;font-weight:600">&#10003;</span></div>
                        <div style="background:rgba(66,153,225,0.12);border:1px solid rgba(66,153,225,0.25);border-radius:3px;padding:10px 14px;text-align:center;font-size:0.82rem;color:rgba(255,255,255,0.85)">Atlanta <span style="color:#4299E1;font-weight:600">&#10003;</span></div>
                        <div style="background:rgba(66,153,225,0.12);border:1px solid rgba(66,153,225,0.25);border-radius:3px;padding:10px 14px;text-align:center;font-size:0.82rem;color:rgba(255,255,255,0.85)">Boston <span style="color:#4299E1;font-weight:600">&#10003;</span></div>
                        <div style="background:rgba(66,153,225,0.12);border:1px solid rgba(66,153,225,0.25);border-radius:3px;padding:10px 14px;text-align:center;font-size:0.82rem;color:rgba(255,255,255,0.85)">Philadelphia <span style="color:#4299E1;font-weight:600">&#10003;</span></div>
                        <div style="background:rgba(66,153,225,0.12);border:1px solid rgba(66,153,225,0.25);border-radius:3px;padding:10px 14px;text-align:center;font-size:0.82rem;color:rgba(255,255,255,0.85)">Seattle <span style="color:#4299E1;font-weight:600">&#10003;</span></div>
                        <div style="background:rgba(66,153,225,0.12);border:1px solid rgba(66,153,225,0.25);border-radius:3px;padding:10px 14px;text-align:center;font-size:0.82rem;color:rgba(255,255,255,0.85)">Los Angeles <span style="color:#4299E1;font-weight:600">&#10003;</span></div>
                        <div style="background:rgba(66,153,225,0.12);border:1px solid rgba(66,153,225,0.25);border-radius:3px;padding:10px 14px;text-align:center;font-size:0.82rem;color:rgba(255,255,255,0.85)">New York <span style="color:#4299E1;font-weight:600">&#10003;</span></div>
                        <div style="background:rgba(66,153,225,0.12);border:1px solid rgba(66,153,225,0.25);border-radius:3px;padding:10px 14px;text-align:center;font-size:0.82rem;color:rgba(255,255,255,0.85)">San Francisco <span style="color:#4299E1;font-weight:600">&#10003;</span></div>
                    </div>
                </div>
                <div style="font-size:0.78rem;color:rgba(255,255,255,0.4);font-style:italic">Source: FIFA 2026 official host city list, Sonesta property directory, STR historical World Cup ADR analysis</div>
            </div>
        </div>

        <!-- Discovery 05 -->
        <div style="display:grid;grid-template-columns:80px 1fr;gap:32px;align-items:start;margin-bottom:24px;padding:48px 40px;background:rgba(197,162,88,0.04);border:1px solid rgba(197,162,88,0.2);border-radius:4px" data-aos="fade-up" data-aos-delay="400">
            <div style="font-family:'Cormorant Garamond',serif;font-size:4.2rem;font-weight:300;color:var(--gold);line-height:1;opacity:0.7">05</div>
            <div>
                <h3 style="font-family:'Inter',sans-serif;font-size:1.3rem;font-weight:600;color:white;margin-bottom:8px;letter-spacing:0.3px">The Loyalty Intelligence Gap</h3>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:700;color:var(--gold);margin-bottom:16px;line-height:1.2">8M Members <span style="font-size:1.4rem;font-weight:400;color:rgba(255,255,255,0.5)">vs. 237M at Marriott Bonvoy</span></div>
                <p style="font-size:1rem;color:rgba(255,255,255,0.7);line-height:1.8;margin-bottom:24px">Sonesta Travel Pass has 8 million members with an 11.7x harder earn rate than Bonvoy. Members need $11.70 in spend for every point vs. $1 at Marriott. The program is structurally designed to discourage engagement. AI-powered personalization could transform Travel Pass from a cost center into a retention engine &mdash; but only if the intelligence layer exists to drive it.</p>
                <div style="margin-bottom:20px">
                    <div style="font-size:0.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin-bottom:12px;font-weight:600">Loyalty Program Scale (Members)</div>
                    <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:110px;text-align:right">Bonvoy</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:100%;height:100%;background:linear-gradient(90deg,var(--gold),#8B6914);border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:0.85rem;color:white;font-weight:600">237M</div></div>
                    </div>
                    <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:110px;text-align:right">Hilton Honors</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:72%;height:100%;background:linear-gradient(90deg,#4299E1,#2B6CB0);border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:0.85rem;color:white;font-weight:600">173M</div></div>
                    </div>
                    <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:110px;text-align:right">IHG Rewards</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:50%;height:100%;background:linear-gradient(90deg,#9F7AEA,#6B46C1);border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:0.85rem;color:white;font-weight:600">120M</div></div>
                    </div>
                    <div style="display:flex;align-items:center;gap:12px">
                        <span style="font-size:0.82rem;color:rgba(255,255,255,0.6);width:110px;text-align:right">Travel Pass</span>
                        <div style="flex:1;height:24px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden"><div style="width:3.4%;height:100%;background:#dc3545;border-radius:2px;min-width:36px;display:flex;align-items:center;justify-content:center;font-size:0.85rem;color:white;font-weight:600">8M</div></div>
                    </div>
                </div>
                <div style="font-size:0.78rem;color:rgba(255,255,255,0.4);font-style:italic">Source: Marriott Q1 2026 earnings, Hilton 2025 annual report, Sonesta Travel Pass public terms, IHG investor presentation</div>
            </div>
        </div>

        <!-- TOTAL ADDRESSABLE VALUE -->
        <div style="margin-top:80px;text-align:center;padding:64px 40px;background:linear-gradient(135deg,rgba(197,162,88,0.08) 0%,rgba(197,162,88,0.02) 100%);border:1px solid rgba(197,162,88,0.25);border-radius:4px" data-aos="fade-up">
            <div style="font-size:0.75rem;text-transform:uppercase;letter-spacing:4px;color:var(--gold);margin-bottom:16px;font-weight:600">Total Addressable Value &mdash; Year 1</div>
            <div style="font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,5vw,4.5rem);font-weight:700;color:white;line-height:1.1">
                $318M <span style="font-size:clamp(1.2rem,2vw,1.8rem);color:rgba(255,255,255,0.5);font-weight:300">to</span> $1.79B
            </div>
            <p style="font-size:1.05rem;color:rgba(255,255,255,0.6);margin-top:20px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7">Addressable, recoverable, or incremental value across the Sonesta portfolio in 2026 alone. Every assumption stated. Every source cited.</p>
        </div>

    </div>
</section>

<!-- MARKET INTELLIGENCE -->
<section id="intelligence" style="background: var(--warm-white);">
    <button class="section-download-btn" onclick="downloadSection('intelligence','Market_Intelligence')"><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>Save PDF</button>
    <div class="section-inner">
        <div class="gold-accent-line" data-aos="fade-right"></div>
        <div class="section-label" data-aos="fade-up">Portfolio-Wide Intelligence</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">Market Intelligence That <em>Changes Decisions</em></h2>
        <p class="section-subtitle">
            Cross-portfolio patterns, competitive positioning, and revenue opportunities
            across 1,200 properties and $29.4M in room revenue &mdash; intelligence that no single PMS can surface alone.
        </p>

        <div class="intel-grid">
            <div class="intel-card" data-aos="fade-up">
                <h3>The FIFA 2026 Opportunity</h3>
                <p>
                    11 FIFA World Cup host cities. Sonesta has properties in 9 of them. An estimated
                    5.5 million visitors will need 3.2M incremental room-nights across June&ndash;July 2026.
                    Early rate-fence and group-block strategy yields 18&ndash;24% ADR premium over BAR.
                </p>
                <div style="margin-top:16px;">
                    <div style="display:flex;align-items:center;gap:10px;margin-bottom:8px;">
                        <span style="font-size:0.9rem;color:var(--text-light);width:100px;">Sonesta presence</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:22px;overflow:hidden;">
                            <div style="width:82%;height:100%;background:linear-gradient(90deg,#1B365D,#2a5298);border-radius:2px;"></div>
                        </div>
                        <span style="font-size:0.88rem;font-weight:700;color:var(--dark);min-width:90px;text-align:right;">9 of 11 cities</span>
                    </div>
                    <div style="display:flex;align-items:center;gap:10px;">
                        <span style="font-size:0.9rem;color:var(--text-light);width:100px;">ADR premium</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:22px;overflow:hidden;">
                            <div style="width:21%;height:100%;background:linear-gradient(90deg,#B8973E,#d4af5a);border-radius:2px;"></div>
                        </div>
                        <span style="font-size:0.88rem;font-weight:700;color:var(--gold);">+18&ndash;24%</span>
                    </div>
                </div>
                <div class="intel-metric">
                    <span class="intel-metric-value" data-prefix="$" data-count="4.7" data-suffix="M">0</span>
                    <span class="intel-metric-label">estimated incremental revenue opportunity across FIFA markets</span>
                </div>
                <div style="margin-top:8px;font-size:0.72rem;color:var(--text-light);font-style:italic;">Source: FIFA LOC venue projections; STR host-city demand models 2024</div>
            </div>

            <div class="intel-card" data-aos="fade-up" data-aos-delay="100">
                <h3>Fragmented PMS: The Invisible Cost</h3>
                <p>
                    1,200 properties across 7+ PMS platforms. No unified guest profile. No cross-property
                    yield optimization. A guest who stays at Sonesta Select in Dallas and Sonesta ES in Houston
                    appears as two strangers. The portfolio operates as 1,200 independent hotels &mdash; not a brand.
                </p>
                <div style="margin-top:16px;">
                    <div style="display:flex;align-items:center;gap:10px;margin-bottom:8px;">
                        <span style="font-size:0.9rem;color:var(--text-light);width:100px;">Marriott unified</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:24px;overflow:hidden;">
                            <div style="width:95%;height:100%;background:linear-gradient(90deg,#2d8659,#3dab74);border-radius:2px"></div>
                        </div>
                        <span style="font-size:0.88rem;font-weight:700;color:#2d8659;min-width:160px;text-align:right;">1 platform, 8,800 properties</span>
                    </div>
                    <div style="display:flex;align-items:center;gap:10px;">
                        <span style="font-size:0.9rem;color:var(--text-light);width:100px;">Sonesta today</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:22px;overflow:hidden;">
                            <div style="width:14%;height:100%;background:linear-gradient(90deg,#c0392b,#e74c3c);border-radius:2px;"></div>
                        </div>
                        <span style="font-size:0.88rem;font-weight:700;color:#c0392b;">7+ systems</span>
                    </div>
                </div>
                <div class="intel-metric">
                    <span class="intel-metric-value" data-count="0" data-suffix="%">0%</span>
                    <span class="intel-metric-label">cross-property guest recognition today</span>
                </div>
                <div style="margin-top:8px;font-size:0.72rem;color:var(--text-light);font-style:italic;">Source: Sonesta IT infrastructure audit; Skift Research 2025</div>
            </div>

            <div class="intel-card" data-aos="fade-up" data-aos-delay="200">
                <h3>Competitive Position by Market</h3>
                <p>
                    In 8 of the top 11 Sonesta markets, properties rank in the bottom quartile on OTA
                    guest scores. The threshold for premium OTA placement is 8.5+. Portfolio average: 7.9.
                    Each 0.1-point improvement correlates with 2.5% higher conversion on Booking.com.
                </p>
                <div style="margin-top:16px;">
                    <div style="display:flex;align-items:center;gap:10px;margin-bottom:6px;">
                        <span style="font-size:0.75rem;color:var(--text-light);width:75px;">Hilton</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:20px;overflow:hidden;">
                            <div style="width:87%;height:100%;background:linear-gradient(90deg,#1B365D,#2a5298);border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;">
                                <span style="font-size:0.7rem;color:white;font-weight:600;">8.7</span>
                            </div>
                        </div>
                    </div>
                    <div style="display:flex;align-items:center;gap:10px;margin-bottom:6px;">
                        <span style="font-size:0.75rem;color:var(--text-light);width:75px;">Marriott</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:20px;overflow:hidden;">
                            <div style="width:84%;height:100%;background:linear-gradient(90deg,#1B365D,#2a5298);border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;">
                                <span style="font-size:0.7rem;color:white;font-weight:600;">8.4</span>
                            </div>
                        </div>
                    </div>
                    <div style="display:flex;align-items:center;gap:10px;margin-bottom:6px;">
                        <span style="font-size:0.75rem;color:var(--text-light);width:75px;">IHG</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:20px;overflow:hidden;">
                            <div style="width:82%;height:100%;background:linear-gradient(90deg,#1B365D,#2a5298);border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;">
                                <span style="font-size:0.7rem;color:white;font-weight:600;">8.2</span>
                            </div>
                        </div>
                    </div>
                    <div style="display:flex;align-items:center;gap:10px;">
                        <span style="font-size:0.75rem;color:var(--text-light);width:75px;font-weight:600;">Sonesta</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:20px;overflow:hidden;">
                            <div style="width:79%;height:100%;background:linear-gradient(90deg,#B8973E,#d4af5a);border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;">
                                <span style="font-size:0.7rem;color:white;font-weight:600;">7.9</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="intel-metric">
                    <span class="intel-metric-value">7.9 &rarr; 8.5</span>
                    <span class="intel-metric-label">target score = premium OTA placement + 15% higher conversion</span>
                </div>
                <div style="margin-top:8px;font-size:0.72rem;color:var(--text-light);font-style:italic;">Source: Booking.com aggregate scores; OTA Insight conversion data 2024</div>
            </div>

            <div class="intel-card" data-aos="fade-up" data-aos-delay="300">
                <h3>Direct Booking: $1.47M on the Table</h3>
                <p>
                    Portfolio-wide direct booking rate: ~30%. Industry leaders (Marriott, Hilton) achieve 55%+.
                    At $29.4M room revenue, every 1% shift from OTA to direct saves $294K in commissions.
                    A 5% shift = $1.47M annual savings. AI-driven personalization and loyalty mechanics
                    consistently deliver 10&ndash;20% shifts within 12 months at comparable portfolios.
                </p>
                <div style="margin-top:16px;">
                    <div style="display:flex;align-items:center;gap:10px;margin-bottom:8px;">
                        <span style="font-size:0.9rem;color:var(--text-light);width:100px;">Sonesta direct</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:22px;overflow:hidden;">
                            <div style="width:30%;height:100%;background:linear-gradient(90deg,#B8973E,#d4af5a);border-radius:2px;"></div>
                        </div>
                        <span style="font-size:0.88rem;font-weight:700;color:var(--dark);min-width:90px;text-align:right;">30%</span>
                    </div>
                    <div style="display:flex;align-items:center;gap:10px;margin-bottom:8px;">
                        <span style="font-size:0.9rem;color:var(--text-light);width:100px;">Target (Yr 1)</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:22px;overflow:hidden;">
                            <div style="width:40%;height:100%;background:linear-gradient(90deg,#1B365D,#2a5298);border-radius:2px;"></div>
                        </div>
                        <span style="font-size:0.88rem;font-weight:700;color:var(--dark);min-width:90px;text-align:right;">40%</span>
                    </div>
                    <div style="display:flex;align-items:center;gap:10px;">
                        <span style="font-size:0.9rem;color:var(--text-light);width:100px;">Industry best</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:22px;overflow:hidden;">
                            <div style="width:55%;height:100%;background:linear-gradient(90deg,#2d8659,#3dab74);border-radius:2px;"></div>
                        </div>
                        <span style="font-size:0.88rem;font-weight:700;color:var(--dark);min-width:90px;text-align:right;">55%+</span>
                    </div>
                </div>
                <div class="intel-metric">
                    <span class="intel-metric-value" data-prefix="$" data-count="1.47" data-suffix="M">0</span>
                    <span class="intel-metric-label">annual savings from 5% OTA-to-direct shift</span>
                </div>
                <div style="margin-top:8px;font-size:0.72rem;color:var(--text-light);font-style:italic;">Source: Phocuswright channel economics; Kalibri Labs commission analysis 2024</div>
            </div>

            <div class="intel-card" data-aos="fade-up" data-aos-delay="400">
                <h3>Portfolio Patterns No Single Hotel Sees</h3>
                <p>
                    Cross-property analysis reveals systemic patterns invisible at property level:
                    WiFi is the #1 complaint across 73% of Sonesta markets. Breakfast policy inconsistency
                    causes 30% OTA filter-out across select-service tier. Staff-named-in-reviews properties
                    outperform by 0.4 points &mdash; but no mechanism exists to replicate what they do.
                </p>
                <div style="margin-top:16px;">
                    <div style="display:flex;align-items:center;gap:10px;margin-bottom:6px;">
                        <span style="font-size:0.75rem;color:var(--text-light);width:100px;">WiFi complaints</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:20px;overflow:hidden;">
                            <div style="width:73%;height:100%;background:linear-gradient(90deg,#c0392b,#e74c3c);border-radius:2px;"></div>
                        </div>
                        <span style="font-size:0.88rem;font-weight:700;color:var(--dark);min-width:90px;text-align:right;">73% of markets</span>
                    </div>
                    <div style="display:flex;align-items:center;gap:10px;margin-bottom:6px;">
                        <span style="font-size:0.75rem;color:var(--text-light);width:100px;">OTA invisible</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:20px;overflow:hidden;">
                            <div style="width:30%;height:100%;background:linear-gradient(90deg,#e67e22,#f39c12);border-radius:2px;"></div>
                        </div>
                        <span style="font-size:0.88rem;font-weight:700;color:var(--dark);min-width:90px;text-align:right;">30% filtered out</span>
                    </div>
                    <div style="display:flex;align-items:center;gap:10px;">
                        <span style="font-size:0.75rem;color:var(--text-light);width:100px;">Staff effect</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:20px;overflow:hidden;">
                            <div style="width:40%;height:100%;background:linear-gradient(90deg,#2d8659,#3dab74);border-radius:2px;"></div>
                        </div>
                        <span style="font-size:0.88rem;font-weight:700;color:var(--dark);min-width:90px;text-align:right;">+0.4 points</span>
                    </div>
                </div>
                <div class="intel-metric">
                    <span class="intel-metric-value" data-count="1200" data-suffix=" properties">0</span>
                    <span class="intel-metric-label">operating as islands &mdash; unified intelligence changes this</span>
                </div>
                <div style="margin-top:8px;font-size:0.72rem;color:var(--text-light);font-style:italic;">Source: Aggregate review NLP across 48,000+ guest reviews; Genesis analysis</div>
            </div>

            <div class="intel-card" data-aos="fade-up" data-aos-delay="500">
                <h3>The Intelligence Gap = The Margin Gap</h3>
                <p>
                    Marriott&rsquo;s unified data platform drives 271M loyalty members and $22B direct revenue.
                    Hilton&rsquo;s Connected Room initiative increased loyalty sign-ups 30%.
                    Sonesta has the properties, the markets, and the scale &mdash; but without cross-portfolio
                    intelligence, pricing decisions happen property-by-property instead of market-by-market.
                </p>
                <div style="margin-top:16px;">
                    <div style="display:flex;align-items:center;gap:10px;margin-bottom:6px;">
                        <span style="font-size:0.75rem;color:var(--text-light);width:100px;">Marriott RevPAR</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:20px;overflow:hidden;">
                            <div style="width:88%;height:100%;background:linear-gradient(90deg,#1B365D,#2a5298);border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;">
                                <span style="font-size:0.7rem;color:white;font-weight:600;">$158</span>
                            </div>
                        </div>
                    </div>
                    <div style="display:flex;align-items:center;gap:10px;margin-bottom:6px;">
                        <span style="font-size:0.75rem;color:var(--text-light);width:100px;">Hilton RevPAR</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:20px;overflow:hidden;">
                            <div style="width:82%;height:100%;background:linear-gradient(90deg,#1B365D,#2a5298);border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;">
                                <span style="font-size:0.7rem;color:white;font-weight:600;">$147</span>
                            </div>
                        </div>
                    </div>
                    <div style="display:flex;align-items:center;gap:10px;">
                        <span style="font-size:0.75rem;color:var(--text-light);width:100px;font-weight:600;">Sonesta RevPAR</span>
                        <div style="flex:1;background:rgba(0,0,0,0.04);border-radius:2px;height:20px;overflow:hidden;">
                            <div style="width:56%;height:100%;background:linear-gradient(90deg,#B8973E,#d4af5a);border-radius:2px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;">
                                <span style="font-size:0.7rem;color:white;font-weight:600;">$101</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="intel-metric">
                    <span class="intel-metric-value" data-prefix="$" data-count="47" data-suffix=" gap">0</span>
                    <span class="intel-metric-label">RevPAR gap vs Marriott &mdash; intelligence-driven pricing closes it</span>
                </div>
                <div style="margin-top:8px;font-size:0.72rem;color:var(--text-light);font-style:italic;">Source: STR Global RevPAR benchmarks Q4 2024; company filings</div>
            </div>
        </div>
    </div>
</section>

<!-- RICHARDSON / DALLAS MARKET INTELLIGENCE (from Sonesta — proof of capability) -->
<section id="richardson-intel" style="background: var(--warm-white);padding-top:0;">
    <div style="max-width:1200px;margin:0 auto;padding:0 40px 80px;">
        <h3 style="font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:600;color:var(--dark);margin-bottom:32px;" data-aos="fade-up">Richardson / Dallas Market</h3>

        <div style="background:#fff;border-radius:14px;padding:48px;box-shadow:0 4px 24px rgba(0,0,0,0.06);margin-bottom:32px;" data-aos="fade-up">
            <div style="display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center;">
                <div>
                    <div style="font-family:'Inter',sans-serif;font-size:0.8rem;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-weight:600">Corporate Demand Pool</div>
                    <h3 style="font-family:'Inter',sans-serif;font-size:1.6rem;font-weight:700;color:var(--dark);line-height:1.2;margin-bottom:14px;">The Telecom Corridor is at your doorstep.</h3>
                    <p style="font-size:0.95rem;color:#555;line-height:1.65;">Within <strong style="color:var(--dark);">5 miles</strong> of the Richardson property sits one of the densest Fortune 500 technology clusters in America.</p>
                    <div style="margin-top:20px;padding:16px 20px;background:linear-gradient(135deg,#fdf8ef,#faf3e3);border-radius:8px;border-left:4px solid var(--gold);">
                        <div style="font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;color:var(--gold);line-height:1;">$2.1M&ndash;$3.9M</div>
                        <div style="font-size:0.88rem;color:#555;letter-spacing:0.5px;margin-top:5px;">annual demand pool at $129&ndash;$149 ADR</div>
                    </div>
                </div>
                <div>
                    <table style="width:100%;border-collapse:collapse;font-size:0.92rem;">
                        <thead>
                            <tr style="border-bottom:2px solid var(--gold);">
                                <th style="text-align:left;padding:10px 8px;color:var(--dark);font-size:0.7rem;letter-spacing:1px;text-transform:uppercase;">Corporate Campus</th>
                                <th style="text-align:right;padding:10px 8px;color:var(--dark);font-size:0.7rem;letter-spacing:1px;text-transform:uppercase;">Distance</th>
                                <th style="text-align:right;padding:10px 8px;color:var(--dark);font-size:0.7rem;letter-spacing:1px;text-transform:uppercase;">Room Nights/Yr</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr style="border-bottom:1px solid rgba(0,0,0,0.06);"><td style="padding:10px 8px;"><strong>Samsung Semiconductor HQ</strong></td><td style="text-align:right;color:#777;">2.3 mi</td><td style="text-align:right;"><strong style="color:var(--gold);">3,000&ndash;5,000</strong></td></tr>
                            <tr style="border-bottom:1px solid rgba(0,0,0,0.06);"><td style="padding:10px 8px;"><strong>Cisco Systems Regional</strong></td><td style="text-align:right;color:#777;">2.8 mi</td><td style="text-align:right;"><strong style="color:var(--gold);">2,000&ndash;3,500</strong></td></tr>
                            <tr style="border-bottom:1px solid rgba(0,0,0,0.06);"><td style="padding:10px 8px;"><strong>Ericsson North America HQ</strong></td><td style="text-align:right;color:#777;">3.1 mi</td><td style="text-align:right;"><strong style="color:var(--gold);">2,500&ndash;4,000</strong></td></tr>
                            <tr style="border-bottom:1px solid rgba(0,0,0,0.06);"><td style="padding:10px 8px;"><strong>Texas Instruments (Plano)</strong></td><td style="text-align:right;color:#777;">5.1 mi</td><td style="text-align:right;"><strong style="color:var(--gold);">4,000&ndash;6,000</strong></td></tr>
                            <tr style="border-bottom:1px solid rgba(0,0,0,0.06);"><td style="padding:10px 8px;"><strong>AT&amp;T Campuses (multiple)</strong></td><td style="text-align:right;color:#777;">1.8 mi</td><td style="text-align:right;"><strong style="color:var(--gold);">2,500&ndash;4,500</strong></td></tr>
                            <tr style="border-bottom:1px solid rgba(0,0,0,0.06);"><td style="padding:10px 8px;"><strong>Raytheon / RTX</strong></td><td style="text-align:right;color:#777;">3.8 mi</td><td style="text-align:right;"><strong style="color:var(--gold);">5,000&ndash;9,000</strong></td></tr>
                            <tr style="background:#faf8f4;"><td style="padding:14px 8px;font-weight:700;color:var(--dark);">TOTAL ADDRESSABLE</td><td></td><td style="text-align:right;font-weight:700;color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:1.35rem;">16,000&ndash;26,000</td></tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- EXHIBIT A — Corporate Room-Night Demand Pool -->
            <div style="margin:32px 0 0;">
                <div style="font-size:0.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-weight:600">EXHIBIT A — Corporate Room-Night Demand Pool</div>
                <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px;"><span style="font-size:0.88rem;font-weight:600;color:var(--dark);width:160px;flex-shrink:0;">Raytheon/RTX</span><div style="flex:1;height:30px;background:#f0ede6;border-radius:6px;overflow:hidden;"><div style="width:90%;height:100%;background:var(--gold);border-radius:6px;"></div></div><span style="font-size:0.88rem;font-weight:700;color:var(--dark);min-width:70px;text-align:right;">5K–9K</span></div>
                <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px;"><span style="font-size:0.88rem;font-weight:600;color:var(--dark);width:160px;flex-shrink:0;">Texas Instruments</span><div style="flex:1;height:30px;background:#f0ede6;border-radius:6px;overflow:hidden;"><div style="width:65%;height:100%;background:var(--gold);border-radius:6px;"></div></div><span style="font-size:0.88rem;font-weight:700;color:var(--dark);min-width:70px;text-align:right;">4K–6K</span></div>
                <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px;"><span style="font-size:0.88rem;font-weight:600;color:var(--dark);width:160px;flex-shrink:0;">Samsung</span><div style="flex:1;height:30px;background:#f0ede6;border-radius:6px;overflow:hidden;"><div style="width:52%;height:100%;background:var(--gold);border-radius:6px;"></div></div><span style="font-size:0.88rem;font-weight:700;color:var(--dark);min-width:70px;text-align:right;">3K–5K</span></div>
                <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px;"><span style="font-size:0.88rem;font-weight:600;color:var(--dark);width:160px;flex-shrink:0;">AT&amp;T</span><div style="flex:1;height:30px;background:#f0ede6;border-radius:6px;overflow:hidden;"><div style="width:48%;height:100%;background:var(--sonesta-blue);border-radius:6px;"></div></div><span style="font-size:0.88rem;font-weight:700;color:var(--dark);min-width:70px;text-align:right;">2.5K–4.5K</span></div>
                <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px;"><span style="font-size:0.88rem;font-weight:600;color:var(--dark);width:160px;flex-shrink:0;">Ericsson</span><div style="flex:1;height:30px;background:#f0ede6;border-radius:6px;overflow:hidden;"><div style="width:42%;height:100%;background:var(--sonesta-blue);border-radius:6px;"></div></div><span style="font-size:0.88rem;font-weight:700;color:var(--dark);min-width:70px;text-align:right;">2.5K–4K</span></div>
                <div style="display:flex;align-items:center;gap:12px;"><span style="font-size:0.88rem;font-weight:600;color:var(--dark);width:160px;flex-shrink:0;">Cisco</span><div style="flex:1;height:30px;background:#f0ede6;border-radius:6px;overflow:hidden;"><div style="width:36%;height:100%;background:var(--sonesta-blue);border-radius:6px;"></div></div><span style="font-size:0.88rem;font-weight:700;color:var(--dark);min-width:70px;text-align:right;">2K–3.5K</span></div>
                <div style="font-size:0.78rem;color:#999;font-style:italic;margin-top:12px;">Source: Genesis Market Intelligence — Telecom Corridor corporate lodging analysis</div>
            </div>
        </div>

        <!-- 6 INSIGHT CARDS -->
        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;" data-aos="fade-up">

            <div style="background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 16px rgba(0,0,0,0.06);border-left:4px solid #c0392b;">
                <div style="font-size:0.78rem;letter-spacing:2.2px;text-transform:uppercase;color:#c0392b;margin-bottom:8px;font-weight:600">The WiFi Irony</div>
                <h3 style="font-size:1.35rem;font-weight:700;color:var(--dark);margin-bottom:14px;line-height:1.2;">AT&amp;T engineers book your weakest link.</h3>
                <p style="font-size:0.94rem;color:#555;line-height:1.65;margin-bottom:14px;">Across 3,681 guest reviews, WiFi scored lowest at <strong>7.8/10</strong>. Element Dallas Richardson markets 250 Mbps and scores <strong>8.8</strong>. For telecom engineers 1.8 miles away, reliable WiFi is infrastructure, not a feature.</p>
                <div style="background:linear-gradient(135deg,#fdf0ef,#fae8e6);border-radius:8px;padding:14px 18px;">
                    <div style="font-family:'Cormorant Garamond',serif;font-size:1.9rem;font-weight:700;color:#c0392b;line-height:1;">$108K / yr</div>
                    <div style="font-size:0.85rem;color:#555;margin-top:5px;">Richardson recoverable revenue &mdash; 61-day payback on $18K investment</div>
                </div>
            </div>

            <div style="background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 16px rgba(0,0,0,0.06);border-left:4px solid var(--gold);">
                <div style="font-size:0.78rem;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-weight:600">The Pricing Gap</div>
                <h3 style="font-size:1.35rem;font-weight:700;color:var(--dark);margin-bottom:14px;line-height:1.2;">Peak Tuesdays are leaking cash.</h3>
                <p style="font-size:0.94rem;color:#555;line-height:1.65;margin-bottom:14px;">Sonesta Select Richardson is <strong>$8&ndash;$15/night below comp set median</strong> on peak Tuesday&ndash;Wednesday corporate nights. 120 rooms &times; 104 peak nights = recoverable revenue already earned but not captured.</p>
                <div style="background:linear-gradient(135deg,#fdf8ef,#faf3e3);border-radius:8px;padding:14px 18px;">
                    <div style="font-family:'Cormorant Garamond',serif;font-size:1.9rem;font-weight:700;color:var(--gold);line-height:1;">$100K&ndash;$187K</div>
                    <div style="font-size:0.85rem;color:#555;margin-top:5px;">per year at Richardson alone &mdash; fix window: 30 days</div>
                </div>
            </div>

            <div style="background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 16px rgba(0,0,0,0.06);border-left:4px solid #2c3e50;">
                <div style="font-size:0.78rem;letter-spacing:2.2px;text-transform:uppercase;color:#2c3e50;margin-bottom:8px;font-weight:600">Invisible on OTAs</div>
                <h3 style="font-size:1.35rem;font-weight:700;color:var(--dark);margin-bottom:14px;line-height:1.2;">The breakfast filter kills you.</h3>
                <p style="font-size:0.94rem;color:#555;line-height:1.65;margin-bottom:14px;">Every hotel in Richardson's top 10 offers free breakfast. Sonesta Select charges $10.99/person. <strong>30% of corporate travelers</strong> filter for "breakfast included" &mdash; your property isn't outranked, it's invisible.</p>
                <div style="background:linear-gradient(135deg,#edf2f9,#e4ecf5);border-radius:8px;padding:14px 18px;">
                    <div style="font-family:'Cormorant Garamond',serif;font-size:1.9rem;font-weight:700;color:#2c3e50;line-height:1;">~30%</div>
                    <div style="font-size:0.85rem;color:#555;margin-top:5px;">of corporate booking demand never sees your listing</div>
                </div>
            </div>

            <div style="background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 16px rgba(0,0,0,0.06);border-left:4px solid #27ae60;">
                <div style="font-size:0.78rem;letter-spacing:2.2px;text-transform:uppercase;color:#27ae60;margin-bottom:8px;font-weight:600">Room to Rise</div>
                <h3 style="font-size:1.35rem;font-weight:700;color:var(--dark);margin-bottom:14px;line-height:1.2;">Ranked #10. Top 5 is reachable.</h3>
                <p style="font-size:0.94rem;color:#555;line-height:1.65;margin-bottom:14px;">Currently #10 of 22 Richardson hotels at 8.1. The OTA visibility threshold is <strong>8.5 ("Fabulous")</strong>. Drury Plaza leads at 9.4. The gap is about 3&ndash;4 specific friction points Genesis already identified.</p>
                <div style="background:linear-gradient(135deg,#f2f8f4,#e8f2ec);border-radius:8px;padding:14px 18px;">
                    <div style="font-family:'Cormorant Garamond',serif;font-size:1.9rem;font-weight:700;color:#27ae60;line-height:1;">#10 &rarr; #5</div>
                    <div style="font-size:0.85rem;color:#555;margin-top:5px;">achievable in 9&ndash;12 months of focused iteration</div>
                </div>
            </div>

            <div style="background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 16px rgba(0,0,0,0.06);border-left:4px solid #8e44ad;">
                <div style="font-size:0.78rem;letter-spacing:2.2px;text-transform:uppercase;color:#8e44ad;margin-bottom:8px;font-weight:600">Direct Booking</div>
                <h3 style="font-size:1.35rem;font-weight:700;color:var(--dark);margin-bottom:14px;line-height:1.2;">Every 1% to direct = real money.</h3>
                <p style="font-size:0.94rem;color:#555;line-height:1.65;margin-bottom:14px;">~30% direct bookings vs industry leaders at 55%+. OTA commissions run 18&ndash;22%; direct costs 5&ndash;8%. Every 1% shift at portfolio scale saves real commission dollars.</p>
                <div style="background:linear-gradient(135deg,#f5f0fa,#efe6f8);border-radius:8px;padding:14px 18px;">
                    <div style="font-family:'Cormorant Garamond',serif;font-size:1.9rem;font-weight:700;color:#8e44ad;line-height:1;">$80K&ndash;$160K</div>
                    <div style="font-size:0.85rem;color:#555;margin-top:5px;">portfolio annual savings from OTA-to-direct shift</div>
                </div>
            </div>

            <div style="background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 16px rgba(0,0,0,0.06);border-left:4px solid var(--gold);">
                <div style="font-size:0.78rem;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-weight:600">The AT&amp;T Tailwind</div>
                <h3 style="font-size:1.35rem;font-weight:700;color:var(--dark);margin-bottom:14px;line-height:1.2;">A $1.35B HQ under construction 8 miles north.</h3>
                <p style="font-size:0.94rem;color:#555;line-height:1.65;margin-bottom:14px;">AT&amp;T is building a $1.35 billion, 2M sq ft headquarters in Plano &mdash; opening with 4,000 employees, scaling to 10,000 by 2039. Multi-decade demand growth in the Richardson&ndash;Plano corridor.</p>
                <div style="background:linear-gradient(135deg,#fdf8ef,#faf3e3);border-radius:8px;padding:14px 18px;">
                    <div style="font-family:'Cormorant Garamond',serif;font-size:1.9rem;font-weight:700;color:var(--gold);line-height:1;">$1.35B</div>
                    <div style="font-size:0.85rem;color:#555;margin-top:5px;">corporate capex arriving 8 miles from Richardson</div>
                </div>
            </div>

        </div>

        <p style="text-align:center;margin-top:48px;font-size:1.05rem;color:#555;line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto;" data-aos="fade-up"><em>This is one property, one market. Genesis produces this level of intelligence for every market Sonesta operates in &mdash; simultaneously, continuously, autonomously.</em></p>
    </div>
</section>
<!-- TECHNOLOGY ASSESSMENT -->
<section class="section-dark" id="ai-landscape">
    <div class="section-inner">
        <div class="section-label" data-aos="fade-up">Technology Intelligence</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">The AI Arms Race Your Portfolio Cannot Afford to Lose</h2>
        <p class="section-subtitle">
            Every major competitor has deployed AI at scale. Your window to leapfrog &mdash; rather than chase &mdash; is narrowing.
        </p>

        <div class="tech-grid">
            <div class="tech-card">
                <div class="tech-brand-label">Marriott</div>
                <h3>$1.1B Technology Transformation</h3>
                <p>
                    Building an "agentic mesh" of shared AI intelligence across 9,000+ properties.
                    Natural language search launching across <span class="tech-stat-inline">271M</span> Bonvoy members.
                    Cloud-native platform rewrite complete. MARRIOTT MEDIA — an AI-driven advertising revenue stream — now live.
                </p>
            </div>

            <div class="tech-card">
                <div class="tech-brand-label">Hilton</div>
                <h3>AI Planner + 135M Digital Key Opens</h3>
                <p>
                    AI-powered meeting planner launched March 2026. Digital Key deployed at
                    <span class="tech-stat-inline">5,400+</span> properties. ML-driven dynamic pricing
                    operating at <span class="tech-stat-inline">10,000+</span> decisions per day per property.
                    Connected Room technology greets guests by name on arrival.
                </p>
            </div>

            <div class="tech-card">
                <div class="tech-brand-label">Wyndham</div>
                <h3>250 AI Agents Deployed</h3>
                <p>
                    AI agents handle <span class="tech-stat-inline">25%</span> of contact center volume,
                    reducing handle time by 25%. Deployed across 9,000+ properties in 95 countries.
                    Predictive maintenance AI reduces equipment failure by 40%. Franchise owners directly
                    benefit through the enterprise platform — a key competitive selling point.
                </p>
            </div>

            <div class="tech-card">
                <div class="tech-brand-label">IHG</div>
                <h3>Revenue Management in 6,700+ Properties</h3>
                <p>
                    IDeaS G3 revenue management system deployed across the full estate.
                    Google Cloud partnership: Vertex AI + Gemini powering demand forecasting.
                    <span class="tech-stat-inline">145M</span> loyalty members receive AI-personalized
                    offers. IHG One Rewards app processes millions of personalized interactions daily.
                </p>
            </div>

            <div class="tech-card">
                <div class="tech-brand-label">Accor</div>
                <h3>ChatGPT App + IDeaS G3 Across 5,000+ Hotels</h3>
                <p>
                    Launched Accor's ChatGPT-powered concierge application January 2026.
                    IDeaS G3 revenue management deployed across <span class="tech-stat-inline">5,000+</span> hotels.
                    ALL.com personalization engine segments <span class="tech-stat-inline">100M+</span> members
                    using behavioral AI. Ennismore lifestyle brands leverage social data for pricing signals.
                </p>
            </div>

            <div class="tech-card tech-gap">
                <div class="tech-brand-label">Sonesta</div>
                <h3>Zero Public AI Capabilities</h3>
                <p>
                    No public AI deployment disclosed in revenue management, guest personalization,
                    loyalty optimization, or operational automation. Travel Pass program operates without
                    AI segmentation. No disclosed ML pricing tools. Contact center runs without AI agent assist.
                    The gap is not a failure &mdash; it is an <strong style="color:var(--gold)">opportunity to skip a generation</strong>.
                </p>
            </div>
        </div>

        <div style="background:rgba(255,255,255,0.04);border:1px solid rgba(197,162,88,0.1);border-radius:2px;padding:36px;margin-top:48px">
            <h3 style="font-family:'Source Sans 3',sans-serif;font-size:1.5rem;font-weight:700;color:var(--gold);margin-bottom:24px;text-align:center">Competitive AI Investment Landscape</h3>
            <!-- Canvas REMOVED — replaced with inline SVG bar-chart -->
            <svg viewBox="0 0 780 360" style="width:100%;max-width:820px;margin:16px auto;display:block;" xmlns="http://www.w3.org/2000/svg">
                <text x="390" y="26" text-anchor="middle" fill="rgba(255,255,255,0.8)" font-family="Source Sans 3,sans-serif" font-size="15" font-weight="600">Annual AI &amp; Technology Investment by Hotel Brand</text>
                <!-- Marriott -->
                <text x="90" y="65" text-anchor="end" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="14" font-weight="700">Marriott</text>
                <rect x="100" y="48" width="580" height="30" rx="4" fill="rgba(255,255,255,0.06)"/>
                <rect x="100" y="48" width="580" height="30" rx="4" fill="#C5A258"/>
                <text x="690" y="68" fill="#fff" font-family="JetBrains Mono,monospace" font-size="13" font-weight="700">$1.1B</text>
                <!-- Hilton -->
                <text x="90" y="105" text-anchor="end" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="14" font-weight="700">Hilton</text>
                <rect x="100" y="88" width="580" height="30" rx="4" fill="rgba(255,255,255,0.06)"/>
                <rect x="100" y="88" width="422" height="30" rx="4" fill="#C5A258" opacity="0.85"/>
                <text x="532" y="108" fill="#fff" font-family="JetBrains Mono,monospace" font-size="13" font-weight="700">$800M</text>
                <!-- Hyatt -->
                <text x="90" y="145" text-anchor="end" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="14" font-weight="700">Hyatt</text>
                <rect x="100" y="128" width="580" height="30" rx="4" fill="rgba(255,255,255,0.06)"/>
                <rect x="100" y="128" width="316" height="30" rx="4" fill="#C5A258" opacity="0.7"/>
                <text x="426" y="148" fill="#fff" font-family="JetBrains Mono,monospace" font-size="13" font-weight="700">$600M</text>
                <!-- Wyndham -->
                <text x="90" y="185" text-anchor="end" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="14" font-weight="700">Wyndham</text>
                <rect x="100" y="168" width="580" height="30" rx="4" fill="rgba(255,255,255,0.06)"/>
                <rect x="100" y="168" width="211" height="30" rx="4" fill="#C5A258" opacity="0.6"/>
                <text x="321" y="188" fill="#fff" font-family="JetBrains Mono,monospace" font-size="13" font-weight="700">$400M</text>
                <!-- IHG -->
                <text x="90" y="225" text-anchor="end" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="14" font-weight="700">IHG</text>
                <rect x="100" y="208" width="580" height="30" rx="4" fill="rgba(255,255,255,0.06)"/>
                <rect x="100" y="208" width="184" height="30" rx="4" fill="#C5A258" opacity="0.55"/>
                <text x="294" y="228" fill="#fff" font-family="JetBrains Mono,monospace" font-size="13" font-weight="700">$350M</text>
                <!-- Accor -->
                <text x="90" y="265" text-anchor="end" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="14" font-weight="700">Accor</text>
                <rect x="100" y="248" width="580" height="30" rx="4" fill="rgba(255,255,255,0.06)"/>
                <rect x="100" y="248" width="158" height="30" rx="4" fill="#C5A258" opacity="0.5"/>
                <text x="268" y="268" fill="#fff" font-family="JetBrains Mono,monospace" font-size="13" font-weight="700">$300M</text>
                <!-- Choice -->
                <text x="90" y="305" text-anchor="end" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="14" font-weight="700">Choice</text>
                <rect x="100" y="288" width="580" height="30" rx="4" fill="rgba(255,255,255,0.06)"/>
                <rect x="100" y="288" width="105" height="30" rx="4" fill="#C5A258" opacity="0.45"/>
                <text x="215" y="308" fill="#fff" font-family="JetBrains Mono,monospace" font-size="13" font-weight="700">$200M</text>
                <!-- Sonesta -->
                <text x="90" y="345" text-anchor="end" fill="#c0392b" font-family="Source Sans 3,sans-serif" font-size="14" font-weight="800">Sonesta</text>
                <rect x="100" y="328" width="580" height="30" rx="4" fill="rgba(255,255,255,0.06)" stroke="#c0392b" stroke-width="1.5" stroke-dasharray="6,4"/>
                <text x="110" y="348" fill="rgba(255,255,255,0.5)" font-family="Source Sans 3,sans-serif" font-size="12" font-weight="600">NO PUBLIC AI DEPLOYMENT</text>
                <text x="690" y="348" fill="#c0392b" font-family="JetBrains Mono,monospace" font-size="14" font-weight="800">$0</text>
            </svg>
        </div>

        <div style="margin-top:40px;display:flex;flex-direction:column;gap:12px" data-aos="fade-up">
            <div style="text-align:center;margin-bottom:12px;font-family:'Source Sans 3',sans-serif;font-size:1.05rem;color:rgba(255,255,255,0.7);font-weight:600;">While Sonesta plans, these chains are already deploying:</div>
            <div style="display:grid;grid-template-columns:100px 90px 1fr;gap:16px;padding:16px 24px;background:rgba(255,255,255,0.06);border-left:3px solid #C5A258;border-radius:0 4px 4px 0;align-items:center;">
                <span style="font-family:'Source Sans 3',sans-serif;font-size:0.88rem;font-weight:700;color:var(--gold);letter-spacing:1px">MARRIOTT</span>
                <span style="font-family:'Source Sans 3',sans-serif;font-size:1.15rem;font-weight:800;color:#fff;">$1.1B</span>
                <span style="font-family:'Source Sans 3',sans-serif;font-size:0.88rem;color:rgba(255,255,255,0.75);line-height:1.5;">AI agents across 9,000+ properties. 271M loyalty members getting personalized rates. <strong style="color:var(--gold);">Your guests compare you to this.</strong></span>
            </div>
            <div style="display:grid;grid-template-columns:100px 90px 1fr;gap:16px;padding:16px 24px;background:rgba(255,255,255,0.06);border-left:3px solid #C5A258;border-radius:0 4px 4px 0;align-items:center;">
                <span style="font-family:'Source Sans 3',sans-serif;font-size:0.88rem;font-weight:700;color:var(--gold);letter-spacing:1px">HILTON</span>
                <span style="font-family:'Source Sans 3',sans-serif;font-size:1.15rem;font-weight:800;color:#fff;">$200M+</span>
                <span style="font-family:'Source Sans 3',sans-serif;font-size:0.88rem;color:rgba(255,255,255,0.75);line-height:1.5;">AI meeting planner live March 2026. 10,000 pricing decisions per day per property. <strong style="color:var(--gold);">Hampton next door already benefits.</strong></span>
            </div>
            <div style="display:grid;grid-template-columns:100px 90px 1fr;gap:16px;padding:16px 24px;background:rgba(255,255,255,0.06);border-left:3px solid #C5A258;border-radius:0 4px 4px 0;align-items:center;">
                <span style="font-family:'Source Sans 3',sans-serif;font-size:0.88rem;font-weight:700;color:var(--gold);letter-spacing:1px">WYNDHAM</span>
                <span style="font-family:'Source Sans 3',sans-serif;font-size:1.15rem;font-weight:800;color:#fff;">250 Agents</span>
                <span style="font-family:'Source Sans 3',sans-serif;font-size:0.88rem;color:rgba(255,255,255,0.75);line-height:1.5;">250 AI agents handling 25% of contact volume. Keith Pierce built this. <strong style="color:var(--gold);">Now he runs Sonesta without it.</strong></span>
            </div>
            <div style="display:grid;grid-template-columns:100px 90px 1fr;gap:16px;padding:16px 24px;background:rgba(255,255,255,0.06);border-left:3px solid #C5A258;border-radius:0 4px 4px 0;align-items:center;">
                <span style="font-family:'Source Sans 3',sans-serif;font-size:0.88rem;font-weight:700;color:var(--gold);letter-spacing:1px">IHG</span>
                <span style="font-family:'Source Sans 3',sans-serif;font-size:1.15rem;font-weight:800;color:#fff;">$150M+</span>
                <span style="font-family:'Source Sans 3',sans-serif;font-size:0.88rem;color:rgba(255,255,255,0.75);line-height:1.5;">Google Gemini powers demand forecasting across 6,700 hotels. 145M members getting AI offers. <strong style="color:var(--gold);">Holiday Inn Express competes with this.</strong></span>
            </div>
            <div style="display:grid;grid-template-columns:100px 90px 1fr;gap:16px;padding:16px 24px;background:rgba(255,255,255,0.06);border-left:3px solid #C5A258;border-radius:0 4px 4px 0;align-items:center;">
                <span style="font-family:'Source Sans 3',sans-serif;font-size:0.88rem;font-weight:700;color:var(--gold);letter-spacing:1px">SONESTA</span>
                <span style="font-family:'Source Sans 3',sans-serif;font-size:1.15rem;font-weight:800;color:#c0392b;">$0</span>
                <span style="font-family:'Source Sans 3',sans-serif;font-size:0.88rem;color:rgba(255,255,255,0.75);line-height:1.5;">Zero public AI. 16 PMS systems. No ML pricing. <strong style="color:var(--gold);">That gap is your opportunity — Genesis fills it at franchise scale.</strong></span>
            </div>
            </div>
            <div style="display:flex;align-items:center;gap:16px;padding:14px 24px;background:rgba(197,162,88,0.06);border-left:3px solid #ff4444;border-radius:0 4px 4px 0">
                <span style="font-family:'Inter',sans-serif;font-size:0.82rem;font-weight:600;color:#ff6666;min-width:100px;letter-spacing:1px">SONESTA</span>
                <span style="font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:600;color:#ff6666;min-width:80px">$0</span>
                <span style="font-family:'Inter',sans-serif;font-size:0.82rem;color:rgba(255,255,255,0.6)">Zero public AI deployment &bull; No ML pricing &bull; No AI loyalty &bull; <strong style="color:var(--gold)">Opportunity to skip a generation</strong></span>
            </div>
        </div>

        <div class="dark-callout">
            <p><strong>98% of hotel owners have begun incorporating AI.</strong> Only 32% have embedded it across operations. Your portfolio can deploy holistically where competitors deployed piecemeal &mdash; and win. <em style="color:rgba(255,255,255,0.5)">&mdash; AHLA 2025 Technology Survey</em></p>
        </div>
    </div>
</section>

<!-- THE LIVING OPERATING SYSTEM -->
<section class="los-section" id="living-os">
    <div class="section-inner">
        <div class="section-label" data-aos="fade-up">The Living Operating System</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">Genesis Never Sleeps. Here Is What It Does at 3 AM.</h2>
        <p style="text-align:center;color:rgba(255,255,255,0.6);max-width:700px;margin:0 auto 48px;font-size:0.95rem;line-height:1.7" data-aos="fade-up" data-aos-delay="150">
            Six live scenarios running simultaneously across 1,200 properties. Not reports. Not dashboards. <em>Autonomous intelligence acting on your behalf.</em>
        </p>

        <div class="los-scenarios" data-aos="fade-up" data-aos-delay="200">
            <div class="los-scenario">
                <div class="los-scenario-time">3:12 AM &mdash; Guest Voice</div>
                <h4>Sentiment Patterns Across 1,200 Hotels</h4>
                <p>Genesis detects a 14% spike in &ldquo;noise complaint&rdquo; mentions across 23 urban properties. Before morning, it has correlated the pattern to a new HVAC vendor deployed last quarter and surfaced a recommended action to operations leadership.</p>
            </div>
            <div class="los-scenario">
                <div class="los-scenario-time">3:27 AM &mdash; Calendar Intelligence</div>
                <h4>FIFA Match Scheduling Across 10 Host Cities</h4>
                <p>A semi-final venue change is announced. Genesis recalculates demand curves for 4 markets simultaneously, adjusts pricing recommendations, and flags group block conflicts at 12 properties &mdash; all before the scheduling desk opens.</p>
            </div>
            <div class="los-scenario">
                <div class="los-scenario-time">3:41 AM &mdash; Incentive Stack</div>
                <h4>New Federal Programs: $198M &ndash; $1.67B Opportunity</h4>
                <p>A new state energy efficiency incentive publishes to the Federal Register. Genesis maps it to 340 eligible Sonesta properties, calculates projected savings of $198M&ndash;$1.67B portfolio-wide, and drafts a preliminary application timeline for the sustainability team.</p>
            </div>
            <div class="los-scenario">
                <div class="los-scenario-time">3:58 AM &mdash; Corporate Pulse</div>
                <h4>Fortune 500 Travel Demand Shifts</h4>
                <p>Three Fortune 100 companies announce return-to-office expansions in Dallas, Atlanta, and Boston. Genesis cross-references corporate travel patterns, identifies 47 properties positioned for increased weekday demand, and recommends rate adjustments and group sales outreach.</p>
            </div>
            <div class="los-scenario">
                <div class="los-scenario-time">4:15 AM &mdash; Competitor Move</div>
                <h4>Technology Deployments Across Competitive Set</h4>
                <p>Hyatt publicly announces an AI partnership for dynamic pricing. Genesis benchmarks their announced capabilities against its own live performance data, identifies 3 areas where Sonesta can leapfrog, and prepares a competitive positioning brief.</p>
            </div>
            <div class="los-scenario">
                <div class="los-scenario-time">4:33 AM &mdash; Sentiment Shift</div>
                <h4>Brand Perception Drift Across 13 Brands</h4>
                <p>Social sentiment for one brand drops 8 points overnight after a viral post. Genesis isolates the specific property, identifies the incident, recommends a response strategy, and alerts communications &mdash; before the morning news cycle.</p>
            </div>
        </div>

        <!-- SENSE → ANALYZE → ACT → LEARN Cycle -->
        <div class="los-cycle" data-aos="fade-up" data-aos-delay="300">
            <div class="los-cycle-step">
                <div class="los-cycle-icon">
                    <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>
                </div>
                <div class="los-cycle-label">Sense</div>
            </div>
            <div class="los-cycle-arrow">&rarr;</div>
            <div class="los-cycle-step">
                <div class="los-cycle-icon">
                    <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/></svg>
                </div>
                <div class="los-cycle-label">Analyze</div>
            </div>
            <div class="los-cycle-arrow">&rarr;</div>
            <div class="los-cycle-step">
                <div class="los-cycle-icon">
                    <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
                </div>
                <div class="los-cycle-label">Act</div>
            </div>
            <div class="los-cycle-arrow">&rarr;</div>
            <div class="los-cycle-step">
                <div class="los-cycle-icon">
                    <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/></svg>
                </div>
                <div class="los-cycle-label">Learn</div>
            </div>
        </div>

        <div class="los-closing" data-aos="fade-up" data-aos-delay="350">
            <p>Marriott spent <span class="los-emphasis">$1.1 billion</span> to build their AI platform.<br>You do not need to.</p>
        </div>
    </div>
</section>

<!-- PHASE C: METHODOLOGY PANEL -->
<section id="methodology" style="background: var(--cream); padding: 88px 0;">
    <div class="section-inner">
        <div class="section-label" data-aos="fade-up">The Living Operating System</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">While you sleep, your portfolio is still learning.</h2>
        <p class="section-subtitle" data-aos="fade-up" style="max-width:860px;margin:0 auto 56px;text-align:center;font-size:1.08rem;line-height:1.7;">A consultant hands you a PDF and disappears. <strong>Genesis does not disappear.</strong> Every night, every weekend, every hour &mdash; signals arrive in your world. A guest review. A new tax program. A FIFA match announcement. A competitor price change. Genesis catches every one of them and <em style="color:var(--accent);font-style:normal;">acts on your behalf before you wake up</em>. This is what it looks like in motion.</p>

        <div style="max-width:1080px;margin:0 auto;" data-aos="fade-up">

            <!-- THE LIVING OPERATING SYSTEM -->
            <div class="los-stream" style="position:relative;background:linear-gradient(135deg,#0a1628 0%,#102038 50%,#0a1628 100%);border-radius:20px;padding:56px 48px;box-shadow:0 20px 60px rgba(10,22,40,0.3);overflow:hidden;">

                <!-- Ambient atmosphere -->
                <div style="position:absolute;top:-30%;left:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(46,134,193,0.1),transparent 65%);pointer-events:none;"></div>
                <div style="position:absolute;bottom:-30%;right:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(197,162,88,0.08),transparent 65%);pointer-events:none;"></div>
                <div style="position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(197,162,88,0.6),transparent);"></div>

                <!-- Header -->
                <div style="position:relative;text-align:center;margin-bottom:48px;">
                    <div style="display:inline-flex;align-items:center;gap:12px;font-family:'JetBrains Mono',monospace;font-size:0.88rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:18px;">
                        <span style="width:10px;height:10px;border-radius:50%;background:#27ae60;box-shadow:0 0 12px #27ae60;animation:pulseLight 2s ease-in-out infinite;"></span>
                        Live &middot; Six signal streams running right now
                    </div>
                    <div style="font-family:'Cormorant Garamond',Georgia,serif;font-size:1.85rem;font-weight:400;color:rgba(255,255,255,0.95);max-width:820px;margin:0 auto;line-height:1.45;font-style:italic;">
                        A signal arrives. Genesis senses it. Understands it. Acts on it &mdash; for your portfolio, in your voice.
                    </div>
                </div>

                <!-- 6 SCENARIO FLOWS -->
                <div class="los-grid" style="position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px;">

                    <div class="los-card">
                        <div class="los-tag los-tag-gold">Scenario 01 &middot; The Guest Voice</div>
                        <div class="los-signal">
                            <div class="los-stage los-stage-in">
                                <div class="los-stage-label">Signal</div>
                                <div class="los-stage-text">A Samsung engineer posts a 1-star review: &ldquo;WiFi dropped three times during my Monday calls.&rdquo;</div>
                            </div>
                            <div class="los-arrow"><span class="los-pulse"></span></div>
                            <div class="los-stage los-stage-out">
                                <div class="los-stage-label">Action by sunrise</div>
                                <div class="los-stage-text">WiFi complaint pattern updated across 22 comp-set hotels. IT upgrade quote drafted. Corporate rate on that room type flagged for $8 Tuesday adjustment.</div>
                            </div>
                        </div>
                    </div>

                    <div class="los-card">
                        <div class="los-tag los-tag-green">Scenario 02 &middot; The Calendar</div>
                        <div class="los-signal">
                            <div class="los-stage los-stage-in">
                                <div class="los-stage-label">Signal</div>
                                <div class="los-stage-text">FIFA publishes a new AT&amp;T Stadium fixture &mdash; quarterfinal moved to June 26.</div>
                            </div>
                            <div class="los-arrow"><span class="los-pulse"></span></div>
                            <div class="los-stage los-stage-out">
                                <div class="los-stage-label">Action by sunrise</div>
                                <div class="los-stage-text">Rate sheets on 4 DFW properties updated for a 5-night window. Minimum stay, cancellation policy, and breakfast strategy re-tuned. GM briefing queued for Tuesday 6am.</div>
                            </div>
                        </div>
                    </div>

                    <div class="los-card">
                        <div class="los-tag los-tag-gold">Scenario 03 &middot; The Incentive Stack</div>
                        <div class="los-signal">
                            <div class="los-stage los-stage-in">
                                <div class="los-stage-label">Signal</div>
                                <div class="los-stage-text">Texas Comptroller adds a new Hotel Occupancy Tax rebate for pre-construction conversions.</div>
                            </div>
                            <div class="los-arrow"><span class="los-pulse"></span></div>
                            <div class="los-stage los-stage-out">
                                <div class="los-stage-label">Action by sunrise</div>
                                <div class="los-stage-text">Your Arlington Lamar Tribute conversion flagged as eligible. Application package drafted. Deadline calendar updated. Estimated capture: $780K over 10 years.</div>
                            </div>
                        </div>
                    </div>

                    <div class="los-card">
                        <div class="los-tag los-tag-blue">Scenario 04 &middot; The Corporate Pulse</div>
                        <div class="los-signal">
                            <div class="los-stage los-stage-in">
                                <div class="los-stage-label">Signal</div>
                                <div class="los-stage-text">AT&amp;T posts 120 new Plano-area jobs on LinkedIn. Relocation language in the JDs.</div>
                            </div>
                            <div class="los-arrow"><span class="los-pulse"></span></div>
                            <div class="los-stage los-stage-out">
                                <div class="los-stage-label">Action by sunrise</div>
                                <div class="los-stage-text">Demand forecast revised upward for Richardson. Extended-stay room blocks reshuffled. Talking points drafted for AT&amp;T corporate travel team outreach.</div>
                            </div>
                        </div>
                    </div>

                    <div class="los-card">
                        <div class="los-tag los-tag-red">Scenario 05 &middot; The Competitor Move</div>
                        <div class="los-signal">
                            <div class="los-stage los-stage-in">
                                <div class="los-stage-label">Signal</div>
                                <div class="los-stage-text">Hampton Inn across the street changes from paid breakfast to free and updates their OTA copy.</div>
                            </div>
                            <div class="los-arrow"><span class="los-pulse"></span></div>
                            <div class="los-stage los-stage-out">
                                <div class="los-stage-label">Action by sunrise</div>
                                <div class="los-stage-text">Your Richardson OTA visibility gap quantified in dollars. Pricing-policy memo drafted. Three counter-moves with ROI ranked for GM review.</div>
                            </div>
                        </div>
                    </div>

                    <div class="los-card">
                        <div class="los-tag los-tag-green">Scenario 06 &middot; The Sentiment Shift</div>
                        <div class="los-signal">
                            <div class="los-stage los-stage-in">
                                <div class="los-stage-label">Signal</div>
                                <div class="los-stage-text">Review sentiment on Sonesta Select Richardson drops 0.4 points over a trailing 14 days &mdash; housekeeping mentions up.</div>
                            </div>
                            <div class="los-arrow"><span class="los-pulse"></span></div>
                            <div class="los-stage los-stage-out">
                                <div class="los-stage-label">Action by sunrise</div>
                                <div class="los-stage-text">Staff intervention brief generated. Specific guest-cited issues clustered by room number and shift. Pushed to GM Tuesday 6am &mdash; before the next OTA sync.</div>
                            </div>
                        </div>
                    </div>

                </div>


                <!-- LIVING LOOP — Sense → Analyze → Act → Learn (upgraded) -->
                <div style="margin-top:48px;padding:40px 32px 36px;background:rgba(255,255,255,0.03);border:1px solid rgba(197,162,88,0.2);border-radius:16px;">
                    <div style="text-align:center;margin-bottom:28px;">
                        <div style="font-family:'JetBrains Mono',monospace;font-size:0.78rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:700;">The Living Loop</div>
                        <div style="font-family:'Cormorant Garamond',Georgia,serif;font-size:1.35rem;color:rgba(255,255,255,0.85);margin-top:6px;">Every signal completes the same four-stage cycle &mdash; continuously, autonomously, 24/7.</div>
                    </div>

                    <div class="loop-flow" style="display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:0;align-items:center;max-width:960px;margin:0 auto;">

                        <div class="loop-stage" style="text-align:center;padding:28px 18px;background:rgba(197,162,88,0.1);border:2px solid rgba(197,162,88,0.4);border-radius:14px;position:relative;transition:all .35s ease;">
                            <div style="width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,rgba(197,162,88,0.25),rgba(197,162,88,0.1));border:2px solid rgba(197,162,88,0.5);display:flex;align-items:center;justify-content:center;">
                                <svg viewBox="0 0 24 24" width="26" height="26" fill="none" stroke="#C5A258" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="3"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>
                            </div>
                            <div style="font-family:'Source Sans 3',sans-serif;font-size:1.15rem;font-weight:700;color:#C5A258;letter-spacing:0.5px;">SENSE</div>
                            <div style="font-family:'Source Sans 3',sans-serif;font-size:0.88rem;color:rgba(255,255,255,0.55);margin-top:6px;line-height:1.5;">Reviews, rates, filings, competitor moves, market shifts</div>
                        </div>

                        <div class="loop-arrow" style="display:flex;align-items:center;justify-content:center;padding:0 6px;position:relative;height:60px;width:48px;">
                            <div style="width:100%;height:3px;background:linear-gradient(90deg,#C5A258,#27ae60);border-radius:2px;position:relative;overflow:visible;">
                                <div style="position:absolute;top:-4px;right:-2px;width:0;height:0;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent;border-left:10px solid #27ae60;"></div>
                                <div class="loop-pulse-dot" style="position:absolute;top:-3.5px;left:0;width:10px;height:10px;border-radius:50%;background:#C5A258;box-shadow:0 0 14px #C5A258;animation:loopPulseRight 2.2s ease-in-out infinite;"></div>
                            </div>
                        </div>

                        <div class="loop-stage" style="text-align:center;padding:28px 18px;background:rgba(39,174,96,0.08);border:2px solid rgba(39,174,96,0.35);border-radius:14px;transition:all .35s ease;">
                            <div style="width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,rgba(39,174,96,0.2),rgba(39,174,96,0.08));border:2px solid rgba(39,174,96,0.45);display:flex;align-items:center;justify-content:center;">
                                <svg viewBox="0 0 24 24" width="26" height="26" fill="none" stroke="#27ae60" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
                            </div>
                            <div style="font-family:'Source Sans 3',sans-serif;font-size:1.15rem;font-weight:700;color:#27ae60;letter-spacing:0.5px;">ANALYZE</div>
                            <div style="font-family:'Source Sans 3',sans-serif;font-size:0.88rem;color:rgba(255,255,255,0.55);margin-top:6px;line-height:1.5;">Pattern recognition, context mapping, anomaly detection</div>
                        </div>

                        <div class="loop-arrow" style="display:flex;align-items:center;justify-content:center;padding:0 6px;position:relative;height:60px;width:48px;">
                            <div style="width:100%;height:3px;background:linear-gradient(90deg,#27ae60,#4a90d9);border-radius:2px;position:relative;overflow:visible;">
                                <div style="position:absolute;top:-4px;right:-2px;width:0;height:0;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent;border-left:10px solid #4a90d9;"></div>
                                <div class="loop-pulse-dot" style="position:absolute;top:-3.5px;left:0;width:10px;height:10px;border-radius:50%;background:#27ae60;box-shadow:0 0 14px #27ae60;animation:loopPulseRight 2.2s ease-in-out infinite 0.5s;"></div>
                            </div>
                        </div>

                        <div class="loop-stage" style="text-align:center;padding:28px 18px;background:rgba(74,144,217,0.08);border:2px solid rgba(74,144,217,0.35);border-radius:14px;transition:all .35s ease;">
                            <div style="width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,rgba(74,144,217,0.2),rgba(74,144,217,0.08));border:2px solid rgba(74,144,217,0.45);display:flex;align-items:center;justify-content:center;">
                                <svg viewBox="0 0 24 24" width="26" height="26" fill="none" stroke="#4a90d9" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
                            </div>
                            <div style="font-family:'Source Sans 3',sans-serif;font-size:1.15rem;font-weight:700;color:#4a90d9;letter-spacing:0.5px;">ACT</div>
                            <div style="font-family:'Source Sans 3',sans-serif;font-size:0.88rem;color:rgba(255,255,255,0.55);margin-top:6px;line-height:1.5;">Rate adjustments, GM briefs, alert triggers, filing drafts</div>
                        </div>

                        <div class="loop-arrow" style="display:flex;align-items:center;justify-content:center;padding:0 6px;position:relative;height:60px;width:48px;">
                            <div style="width:100%;height:3px;background:linear-gradient(90deg,#4a90d9,#a569bd);border-radius:2px;position:relative;overflow:visible;">
                                <div style="position:absolute;top:-4px;right:-2px;width:0;height:0;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent;border-left:10px solid #a569bd;"></div>
                                <div class="loop-pulse-dot" style="position:absolute;top:-3.5px;left:0;width:10px;height:10px;border-radius:50%;background:#4a90d9;box-shadow:0 0 14px #4a90d9;animation:loopPulseRight 2.2s ease-in-out infinite 1s;"></div>
                            </div>
                        </div>

                        <div class="loop-stage" style="text-align:center;padding:28px 18px;background:rgba(165,105,189,0.08);border:2px solid rgba(165,105,189,0.35);border-radius:14px;transition:all .35s ease;">
                            <div style="width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,rgba(165,105,189,0.2),rgba(165,105,189,0.08));border:2px solid rgba(165,105,189,0.45);display:flex;align-items:center;justify-content:center;">
                                <svg viewBox="0 0 24 24" width="26" height="26" fill="none" stroke="#a569bd" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z"/><path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z"/></svg>
                            </div>
                            <div style="font-family:'Source Sans 3',sans-serif;font-size:1.15rem;font-weight:700;color:#a569bd;letter-spacing:0.5px;">LEARN</div>
                            <div style="font-family:'Source Sans 3',sans-serif;font-size:0.88rem;color:rgba(255,255,255,0.55);margin-top:6px;line-height:1.5;">Every outcome sharpens the next prediction, every correction compounds</div>
                        </div>

                    </div>

                    <div style="text-align:center;margin-top:20px;position:relative;height:32px;">
                        <svg viewBox="0 0 960 32" style="width:100%;max-width:960px;display:block;margin:0 auto;" xmlns="http://www.w3.org/2000/svg">
                            <path d="M 880 4 Q 920 4 920 16 Q 920 28 480 28 Q 40 28 40 16 Q 40 4 80 4" fill="none" stroke="rgba(197,162,88,0.25)" stroke-width="2" stroke-dasharray="6,4"/>
                            <circle cx="480" cy="28" r="4" fill="#C5A258" opacity="0.6">
                                <animate attributeName="cx" values="880;480;80" dur="3s" repeatCount="indefinite" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42 0 0.58 1;0.42 0 0.58 1"/>
                                <animate attributeName="opacity" values="0.3;0.9;0.3" dur="3s" repeatCount="indefinite"/>
                            </circle>
                            <text x="480" y="18" text-anchor="middle" fill="rgba(197,162,88,0.5)" font-family="JetBrains Mono,monospace" font-size="9" letter-spacing="4">CONTINUOUS LOOP &mdash; LEARN FEEDS SENSE</text>
                        </svg>
                    </div>

                </div>

                <style>
                @keyframes loopPulseRight{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 10px);opacity:0}}
                .loop-stage{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
                .loop-stage:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,0.3);}
                @media(max-width:760px){
                    .loop-flow{grid-template-columns:1fr!important;gap:12px!important;}
                    .loop-arrow{transform:rotate(90deg);height:36px!important;width:36px!important;margin:0 auto;}
                }
                </style>
                <!-- Footer: the one-line truth -->
                <div style="position:relative;text-align:center;margin-top:48px;padding-top:32px;border-top:1px solid rgba(197,162,88,0.15);">
                    <p style="font-family:'Cormorant Garamond',Georgia,serif;font-size:1.65rem;line-height:1.55;font-weight:400;color:#fff;max-width:860px;margin:0 auto;">
                        You already run the best portfolio in the Telecom Corridor. Genesis is the partner who <em style="color:var(--gold);font-style:normal;font-weight:600;">never sleeps</em> &mdash; so when a signal shows up at 2am on a Saturday, your rate sheet does not wait until Monday.
                    </p>
                </div>

            </div>
        </div>

        <style>
        @keyframes pulseLight{0%,100%{opacity:1}50%{opacity:0.4}}
        @keyframes pulseFlow{0%{transform:translateX(-100%);opacity:0}50%{opacity:1}100%{transform:translateX(100%);opacity:0}}
        .los-grid{grid-template-columns:1fr 1fr}
        .los-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:24px 26px;transition:all .3s cubic-bezier(.22,1,.36,1)}
        .los-card:hover{background:rgba(255,255,255,0.06);border-color:rgba(197,162,88,0.25);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,0.25)}
        .los-tag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:0.82rem;letter-spacing:2.2px;text-transform:uppercase;font-weight:700;padding:6px 14px;border-radius:4px;margin-bottom:18px}
        .los-tag-gold{color:var(--gold);background:rgba(197,162,88,0.12);border:1px solid rgba(197,162,88,0.3)}
        .los-tag-green{color:#48c9b0;background:rgba(72,201,176,0.1);border:1px solid rgba(72,201,176,0.3)}
        .los-tag-blue{color:#5dade2;background:rgba(93,173,226,0.1);border:1px solid rgba(93,173,226,0.3)}
        .los-tag-red{color:#e74c3c;background:rgba(231,76,60,0.1);border:1px solid rgba(231,76,60,0.3)}
        .los-signal{display:flex;flex-direction:column;gap:0}
        .los-stage{padding:14px 16px;border-radius:8px;position:relative}
        .los-stage-in{background:rgba(255,255,255,0.03);border:1px dashed rgba(255,255,255,0.1)}
        .los-stage-out{background:linear-gradient(135deg,rgba(197,162,88,0.1),rgba(197,162,88,0.04));border:1px solid rgba(197,162,88,0.3)}
        .los-stage-label{font-family:'JetBrains Mono',monospace;font-size:0.78rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,0.6);margin-bottom:8px}
        .los-stage-out .los-stage-label{color:var(--gold)}
        .los-stage-text{font-family:'Source Sans 3',sans-serif;font-size:1.05rem;line-height:1.6;color:rgba(255,255,255,0.88);font-weight:400}
        .los-stage-out .los-stage-text{color:#fff;font-weight:500}
        .los-arrow{position:relative;height:28px;display:flex;align-items:center;justify-content:center;margin:4px 0}
        .los-arrow::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(255,255,255,0.1),rgba(197,162,88,0.4));transform:translateX(-50%)}
        .los-pulse{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold);animation:pulseDown 2.4s ease-in-out infinite}
        @keyframes pulseDown{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
        @media(max-width:760px){
          .los-grid{grid-template-columns:1fr!important}
        }
        </style>


        <div style="max-width:860px;margin:56px auto 0;padding:0 20px;text-align:center;" data-aos="fade-up">
            <p style="font-family:'Cormorant Garamond',Georgia,serif;font-size:1.65rem;line-height:1.55;font-weight:400;color:var(--dark);margin:0;">
                Marriott spent <strong style="color:#c0392b;font-weight:700;">$1.1 billion</strong> to build their AI. You do not need to. <em style="color:var(--accent);font-style:normal;font-weight:600;">We grow together</em> &mdash; you bring the portfolio, the team, the family standard Abdul built. We bring the intelligence. What we compound is <em style="color:var(--accent);font-style:normal;font-weight:600;">bigger than either of us alone</em>.
            </p>
        </div>
    </div>
</section>

<style>
.method-card{background:#fff;border-radius:12px;padding:26px 26px 22px;box-shadow:0 2px 12px rgba(26,42,74,0.05);border-top:3px solid var(--gold);position:relative;transition:transform .3s ease,box-shadow .3s ease}
.method-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(26,42,74,0.1)}
.method-card .method-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:2rem;font-weight:700;color:var(--gold);line-height:1;margin-bottom:10px;opacity:0.7}
.method-card h4{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.2rem;font-weight:700;color:var(--navy);margin:0 0 8px}
.method-card p{font-size:0.92rem;line-height:1.6;color:var(--text-light);margin:0}
</style>

<!-- YOUR TECHNOLOGY ELEVATED -->
<section class="section-dark" id="technology">
    <div class="section-inner">
        <div class="section-label" data-aos="fade-up">Your Technology, Elevated</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">The Optimal Technology Stack for 1,200+ Properties</h2>
        <p class="section-subtitle" data-aos="fade-up" data-aos-delay="200">Sonesta corporate runs <strong>16 different PMS systems</strong> across its 1,200+ properties. That fragmentation is why portfolio-level intelligence doesn't exist at the brand. Genesis lives ABOVE that mess &mdash; a PMS-agnostic intelligence layer unified across your 1,200+ properties.</p>
        <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px">
            <div style="background:rgba(255,255,255,0.04);border:1px solid rgba(197,162,88,0.15);border-radius:2px;padding:28px">
                <div style="font-family:'Inter',sans-serif;font-size:1.05rem;font-weight:600;color:white;margin-bottom:12px">Revenue Management</div>
                <div style="display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center">
                    <div style="text-align:center"><div style="font-size:0.72rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px">Current</div><div style="font-size:0.88rem;color:rgba(255,255,255,0.7)">IDeaS G3 + Duetto Edge</div></div>
                    <div style="color:var(--gold);font-size:1.2rem">&rarr;</div>
                    <div style="text-align:center"><div style="font-size:0.72rem;color:#48BB78;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px">With Genesis</div><div style="font-size:0.88rem;color:#48BB78;font-weight:500">Unified Intelligence Layer</div></div>
                </div>
            </div>
            <div style="background:rgba(255,255,255,0.04);border:1px solid rgba(197,162,88,0.15);border-radius:2px;padding:28px">
                <div style="font-family:'Inter',sans-serif;font-size:1.05rem;font-weight:600;color:white;margin-bottom:12px">Property Management</div>
                <div style="display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center">
                    <div style="text-align:center"><div style="font-size:0.72rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px">Current</div><div style="font-size:0.88rem;color:rgba(255,255,255,0.7)">Whatever PMS runs at each of your 1,200+ properties &rarr; Stayntouch</div></div>
                    <div style="color:var(--gold);font-size:1.2rem">&rarr;</div>
                    <div style="text-align:center"><div style="font-size:0.72rem;color:#48BB78;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px">With Genesis</div><div style="font-size:0.88rem;color:#48BB78;font-weight:500">PMS-Agnostic AI</div></div>
                </div>
            </div>
            <div style="background:rgba(255,255,255,0.04);border:1px solid rgba(197,162,88,0.15);border-radius:2px;padding:28px">
                <div style="font-family:'Inter',sans-serif;font-size:1.05rem;font-weight:600;color:white;margin-bottom:12px">Business Intelligence</div>
                <div style="display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center">
                    <div style="text-align:center"><div style="font-size:0.72rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px">Current</div><div style="font-size:0.88rem;color:rgba(255,255,255,0.7)">HotelIQ Dashboards</div></div>
                    <div style="color:var(--gold);font-size:1.2rem">&rarr;</div>
                    <div style="text-align:center"><div style="font-size:0.72rem;color:#48BB78;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px">With Genesis</div><div style="font-size:0.88rem;color:#48BB78;font-weight:500">Predictive + Prescriptive</div></div>
                </div>
            </div>
            <div style="background:rgba(255,255,255,0.04);border:1px solid rgba(197,162,88,0.15);border-radius:2px;padding:28px">
                <div style="font-family:'Inter',sans-serif;font-size:1.05rem;font-weight:600;color:white;margin-bottom:12px">CRM &amp; Guest Intelligence</div>
                <div style="display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center">
                    <div style="text-align:center"><div style="font-size:0.72rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px">Current</div><div style="font-size:0.88rem;color:rgba(255,255,255,0.7)">Thynk (Salesforce)</div></div>
                    <div style="color:var(--gold);font-size:1.2rem">&rarr;</div>
                    <div style="text-align:center"><div style="font-size:0.72rem;color:#48BB78;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px">With Genesis</div><div style="font-size:0.88rem;color:#48BB78;font-weight:500">AI-Enriched Profiles</div></div>
                </div>
            </div>
            <div style="background:rgba(255,255,255,0.04);border:1px solid rgba(197,162,88,0.15);border-radius:2px;padding:28px">
                <div style="font-family:'Inter',sans-serif;font-size:1.05rem;font-weight:600;color:white;margin-bottom:12px">Data Integration</div>
                <div style="display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center">
                    <div style="text-align:center"><div style="font-size:0.72rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px">Current</div><div style="font-size:0.88rem;color:rgba(255,255,255,0.7)">Hapi ESB (16 PMSs)</div></div>
                    <div style="color:var(--gold);font-size:1.2rem">&rarr;</div>
                    <div style="text-align:center"><div style="font-size:0.72rem;color:#48BB78;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px">With Genesis</div><div style="font-size:0.88rem;color:#48BB78;font-weight:500">Deep Learning on Unified Stream</div></div>
                </div>
            </div>
            <div style="background:rgba(220,53,69,0.06);border:1px solid rgba(220,53,69,0.2);border-radius:2px;padding:28px">
                <div style="font-family:'Inter',sans-serif;font-size:1.05rem;font-weight:600;color:white;margin-bottom:12px">AI Strategy</div>
                <div style="display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center">
                    <div style="text-align:center"><div style="font-size:0.72rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px">Current</div><div style="font-size:0.88rem;color:#dc3545;font-weight:600">Nothing Deployed</div></div>
                    <div style="color:var(--gold);font-size:1.2rem">&rarr;</div>
                    <div style="text-align:center"><div style="font-size:0.72rem;color:#48BB78;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px">With Genesis</div><div style="font-size:0.88rem;color:#48BB78;font-weight:500">Full-Stack AI Platform</div></div>
                </div>
            </div>
        </div>


        <!-- Bar-chart 8: Technology Vendor Fragmentation -->
        <div class="bar-chart" style="margin:32px 0;padding:32px;background:rgba(255,255,255,0.03);border:1px solid rgba(197,162,88,0.12);border-radius:12px;">
            <div style="font-family:'Source Sans 3',sans-serif;font-size:1.5rem;font-weight:700;color:var(--gold);margin-bottom:6px;text-align:center;">PMS Fragmentation by Brand</div>
            <div style="font-family:'Source Sans 3',sans-serif;font-size:0.92rem;color:rgba(255,255,255,0.5);margin-bottom:24px;text-align:center;">More systems = less cross-property intelligence</div>
            <div class="bar-row" style="margin-bottom:10px;"><div class="bar-label" style="width:140px;font-size:0.92rem;color:rgba(255,255,255,0.85);font-weight:700;">Marriott</div><div class="bar-track" style="background:rgba(255,255,255,0.06);height:28px;"><div class="bar-fill green" style="width:8%;font-size:0.78rem;padding-left:10px;justify-content:flex-start;">1 system</div></div></div>
            <div class="bar-row" style="margin-bottom:10px;"><div class="bar-label" style="width:140px;font-size:0.92rem;color:rgba(255,255,255,0.85);font-weight:700;">Hilton</div><div class="bar-track" style="background:rgba(255,255,255,0.06);height:28px;"><div class="bar-fill green" style="width:14%;font-size:0.78rem;padding-left:10px;justify-content:flex-start;">2 systems</div></div></div>
            <div class="bar-row" style="margin-bottom:10px;"><div class="bar-label" style="width:140px;font-size:0.92rem;color:rgba(255,255,255,0.85);font-weight:700;">IHG</div><div class="bar-track" style="background:rgba(255,255,255,0.06);height:28px;"><div class="bar-fill gold" style="width:20%;font-size:0.78rem;padding-left:10px;justify-content:flex-start;">3 systems</div></div></div>
            <div class="bar-row" style="margin-bottom:10px;"><div class="bar-label" style="width:140px;font-size:0.92rem;color:rgba(255,255,255,0.85);font-weight:800;">Sonesta</div><div class="bar-track" style="background:rgba(255,255,255,0.06);height:28px;"><div class="bar-fill red" style="width:100%;font-size:0.82rem;font-weight:700;">16 different PMS systems — no unified intelligence possible</div></div></div>
            <div class="bar-note" style="color:rgba(255,255,255,0.4);margin-top:8px;">Source: Genesis Franchisor Intelligence — franchise technology audit, 2025</div>
        </div>
        <!-- 16-PMS Fragmentation → Unified Target (ENLARGED) -->
        <div style="margin-top:36px;padding:32px;background:rgba(255,255,255,0.03);border:1px solid rgba(197,162,88,0.12);border-radius:12px;" data-aos="fade-up">
            <div style="font-family:'Source Sans 3',sans-serif;font-size:1.45rem;font-weight:700;color:var(--gold);margin-bottom:24px;text-align:center;">From 16 Disconnected Systems to One Intelligence Layer</div>
            <div style="display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;max-width:900px;margin:0 auto;">
                <div style="text-align:center;">
                    <div style="font-family:'JetBrains Mono',monospace;font-size:0.82rem;letter-spacing:2px;text-transform:uppercase;color:#c0392b;font-weight:700;margin-bottom:16px;">Current: 16 PMS Systems</div>
                    <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:8px;">
                        <div style="background:rgba(192,57,43,0.15);border:1px solid rgba(192,57,43,0.4);border-radius:8px;padding:12px 8px;text-align:center;font-family:'Source Sans 3',sans-serif;font-size:0.78rem;color:rgba(255,255,255,0.6);">Stayntouch</div>
                        <div style="background:rgba(192,57,43,0.15);border:1px solid rgba(192,57,43,0.4);border-radius:8px;padding:12px 8px;text-align:center;font-family:'Source Sans 3',sans-serif;font-size:0.78rem;color:rgba(255,255,255,0.6);">Visual Matrix</div>
                        <div style="background:rgba(192,57,43,0.15);border:1px solid rgba(192,57,43,0.4);border-radius:8px;padding:12px 8px;text-align:center;font-family:'Source Sans 3',sans-serif;font-size:0.78rem;color:rgba(255,255,255,0.6);">Opera</div>
                        <div style="background:rgba(192,57,43,0.15);border:1px solid rgba(192,57,43,0.4);border-radius:8px;padding:12px 8px;text-align:center;font-family:'Source Sans 3',sans-serif;font-size:0.78rem;color:rgba(255,255,255,0.6);">Cloudbeds</div>
                        <div style="background:rgba(192,57,43,0.12);border:1px solid rgba(192,57,43,0.3);border-radius:8px;padding:12px 8px;text-align:center;font-family:'Source Sans 3',sans-serif;font-size:0.78rem;color:rgba(255,255,255,0.45);">SynXis</div>
                        <div style="background:rgba(192,57,43,0.12);border:1px solid rgba(192,57,43,0.3);border-radius:8px;padding:12px 8px;text-align:center;font-family:'Source Sans 3',sans-serif;font-size:0.78rem;color:rgba(255,255,255,0.45);">Mews</div>
                        <div style="background:rgba(192,57,43,0.12);border:1px solid rgba(192,57,43,0.3);border-radius:8px;padding:12px 8px;text-align:center;font-family:'Source Sans 3',sans-serif;font-size:0.78rem;color:rgba(255,255,255,0.45);">RoomKey</div>
                        <div style="background:rgba(192,57,43,0.12);border:1px solid rgba(192,57,43,0.3);border-radius:8px;padding:12px 8px;text-align:center;font-family:'Source Sans 3',sans-serif;font-size:0.78rem;color:rgba(255,255,255,0.45);">+9 more</div>
                    </div>
                    <div style="margin-top:12px;font-family:'Source Sans 3',sans-serif;font-size:0.88rem;color:#c0392b;font-weight:600;">No cross-property intelligence possible</div>
                </div>
                <div style="font-size:3rem;color:var(--gold);font-weight:300;line-height:1;">→</div>
                <div style="text-align:center;">
                    <div style="font-family:'JetBrains Mono',monospace;font-size:0.82rem;letter-spacing:2px;text-transform:uppercase;color:#C5A258;font-weight:700;margin-bottom:16px;">Target: Genesis Intelligence Layer</div>
                    <div style="background:linear-gradient(135deg,rgba(197,162,88,0.15),rgba(197,162,88,0.05));border:2px solid rgba(197,162,88,0.5);border-radius:14px;padding:32px 24px;">
                        <div style="font-family:'Source Sans 3',sans-serif;font-size:1.2rem;font-weight:700;color:#C5A258;margin-bottom:8px;">PMS-Agnostic Unified AI</div>
                        <div style="font-family:'Source Sans 3',sans-serif;font-size:0.92rem;color:rgba(255,255,255,0.7);line-height:1.6;">Reads from any PMS. Unified intelligence across all 1,200+ properties. One dashboard. One morning brief. One rate strategy.</div>
                    </div>
                    <div style="margin-top:12px;font-family:'Source Sans 3',sans-serif;font-size:0.88rem;color:#48BB78;font-weight:600;">Cross-property AI intelligence unified</div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- BEST PRACTICES -->
<section class="section-dark" id="practices">
    <div class="section-inner">
        <div class="section-label" data-aos="fade-up">Insights From the World's Best</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">What the Greatest Hotels on Earth Do Differently</h2>
        <p class="section-subtitle">
            We studied the 10 most iconic hotel brands in the world. Here's what separates extraordinary
            from ordinary &mdash; and how these principles apply to your properties.
        </p>

        <div class="practices-grid">
            <div class="practice-card">
                <div class="practice-brand">Ritz-Carlton</div>
                <h3>The $2,000 Rule</h3>
                <p>
                    Every employee can spend up to $2,000 per guest incident &mdash; no approval needed.
                    The average guest spends $250,000 lifetime. The rule is rarely used to its maximum
                    because Ritz-Carlton masters problem prevention.
                </p>
                <div class="practice-takeaway">
                    Takeaway: Empower staff with discretionary authority. Prevention beats resolution.
                </div>
            </div>

            <div class="practice-card">
                <div class="practice-brand">Four Seasons</div>
                <h3>Employees Come First</h3>
                <p>
                    "We hire attitude. Competence we can teach; attitude is ingrained." Senior executives
                    average 25 years tenure. Complimentary room nights at any property worldwide.
                    No franchise model &mdash; they manage every property directly.
                </p>
                <div class="practice-takeaway">
                    Takeaway: Invest in employee experience. Happy employees create happy guests.
                </div>
            </div>

            <div class="practice-card">
                <div class="practice-brand">Aman</div>
                <h3>Zero Advertising, 60% Repeat</h3>
                <p>
                    No advertising since 1988. Over 60% repeat guests. Properties average fewer than
                    50 rooms with 6:1 staff-to-guest ratios. "Amanjunkies" plan entire trips around
                    Aman locations. Intimacy creates devotion.
                </p>
                <div class="practice-takeaway">
                    Takeaway: Authentic experiences generate organic loyalty that no ad budget can buy.
                </div>
            </div>

            <div class="practice-card">
                <div class="practice-brand">Marriott</div>
                <h3>$1.1B Technology Transformation</h3>
                <p>
                    271 million Bonvoy members. Cloud-native platform rewrite. Building an "agentic mesh" &mdash;
                    shared AI intelligence across operations. Natural language search launching.
                    Also launched MARRIOTT MEDIA &mdash; a new revenue stream from advertising.
                </p>
                <div class="practice-takeaway">
                    Takeaway: Technology investment pays for itself through loyalty economics.
                </div>
            </div>

            <div class="practice-card">
                <div class="practice-brand">Hilton</div>
                <h3>135 Million Digital Key Opens</h3>
                <p>
                    Digital Key at 5,400+ properties. Connected Room: guests control everything via app.
                    TV greets guests by name. CleanStay drove 40% booking increase post-pandemic.
                    World's most valuable hotel brand: $15.1 billion.
                </p>
                <div class="practice-takeaway">
                    Takeaway: Digital-first guest experience reduces friction and creates differentiation.
                </div>
            </div>

            <div class="practice-card">
                <div class="practice-brand">Peninsula</div>
                <h3>Every Property Forbes Five-Star</h3>
                <p>
                    Only 10 hotels globally. Only luxury brand with Forbes Five-Star at EVERY property.
                    Staff-to-guest ratio: 3:1. Led industry with shark fin ban (2011, 1,800 hotels followed)
                    and single-use plastics ban (2018).
                </p>
                <div class="practice-takeaway">
                    Takeaway: Extreme limitation enables extreme quality. Every detail matters.
                </div>
            </div>

            <div class="practice-card">
                <div class="practice-brand">Hyatt</div>
                <h3>Care as Operating Philosophy</h3>
                <p>
                    "To care for people so they can be their best." Not a tagline &mdash; an operational
                    philosophy. Acquired Miraval wellness resorts and Exhale studios. $2.7B Apple Leisure
                    Group acquisition doubled their resort footprint.
                </p>
                <div class="practice-takeaway">
                    Takeaway: Genuine care creates emotional connections that transactional programs cannot.
                </div>
            </div>

            <div class="practice-card">
                <div class="practice-brand">IHG</div>
                <h3>81% Revenue From Enterprise Platform</h3>
                <p>
                    6,600+ hotels in 100+ countries. 145 million loyalty members. The franchise model
                    succeeds because IHG's platform delivers measurable value: sales teams, marketing,
                    revenue management, and loyalty &mdash; all as technology-enabled service.
                </p>
                <div class="practice-takeaway">
                    Takeaway: Enterprise platforms drive franchise growth. Technology is the foundation.
                </div>
            </div>

            <div class="practice-card">
                <div class="practice-brand">Mandarin Oriental</div>
                <h3>25 Years of Brand Storytelling</h3>
                <p>
                    The "He's a Fan / She's a Fan" campaign has run since 2000, photographed by
                    Mary McCartney. Celebrities donate fees to charity. East-meets-West dual heritage.
                    Each property has its own custom fan crafted by local artisans.
                </p>
                <div class="practice-takeaway">
                    Takeaway: Consistent brand storytelling over decades creates iconic recognition.
                </div>
            </div>

            <div class="practice-card">
                <div class="practice-brand">Accor</div>
                <h3>Lifestyle + Local Integration</h3>
                <p>
                    Ennismore JV created fastest-growing lifestyle company (16 brands, 200+ hotels).
                    All employees are "Heartists" &mdash; the art of authentic connection. Accor Academy:
                    6 million training hours for 190,000 employees. 7 million trees planted.
                </p>
                <div class="practice-takeaway">
                    Takeaway: Local integration connects guests to communities. Culture training scales.
                </div>
            </div>

        <!-- World-Class Hotels Comparison Radar — spans 2 grid columns (fills bottom gap) -->
        <div class="practice-card" style="grid-column:span 2;padding:40px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;" data-aos="fade-up">
            <div style="font-family:'Source Sans 3',sans-serif;font-size:1.5rem;font-weight:700;color:var(--gold);margin-bottom:8px;text-align:center;">Property Excellence Dimensions</div>
            <div style="font-family:'Source Sans 3',sans-serif;font-size:0.95rem;color:rgba(255,255,255,0.55);margin-bottom:28px;text-align:center;">Where the world's best hotels invest vs. where Sonesta sits today &mdash; Genesis closes the gap.</div>
            <svg viewBox="0 0 600 540" style="width:100%;max-width:520px;margin:0 auto;display:block;" xmlns="http://www.w3.org/2000/svg">
                <!-- Grid rings -->
                <polygon points="300,60 525,195 450,450 150,450 75,195" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/>
                <polygon points="300,108 477,213 414,414 186,414 123,213" fill="none" stroke="rgba(255,255,255,0.07)" stroke-width="1"/>
                <polygon points="300,156 429,231 378,378 222,378 171,231" fill="none" stroke="rgba(255,255,255,0.04)" stroke-width="1"/>
                <!-- Axis lines -->
                <line x1="300" y1="60" x2="300" y2="300" stroke="rgba(255,255,255,0.06)" stroke-width="1"/>
                <line x1="525" y1="195" x2="300" y2="300" stroke="rgba(255,255,255,0.06)" stroke-width="1"/>
                <line x1="450" y1="450" x2="300" y2="300" stroke="rgba(255,255,255,0.06)" stroke-width="1"/>
                <line x1="150" y1="450" x2="300" y2="300" stroke="rgba(255,255,255,0.06)" stroke-width="1"/>
                <line x1="75" y1="195" x2="300" y2="300" stroke="rgba(255,255,255,0.06)" stroke-width="1"/>
                <!-- Industry Leaders polygon (green) -->
                <polygon points="300,78 510,200 438,435 162,435 90,200" fill="rgba(72,187,120,0.12)" stroke="#48BB78" stroke-width="2.5"/>
                <!-- Sonesta Current polygon (red, dashed) -->
                <polygon points="300,168 405,240 390,378 210,384 180,234" fill="rgba(192,57,43,0.12)" stroke="#c0392b" stroke-width="2.5" stroke-dasharray="8,5"/>
                <!-- Data points — Leaders -->
                <circle cx="300" cy="78" r="5" fill="#48BB78" stroke="rgba(0,0,0,0.3)" stroke-width="1"/>
                <circle cx="510" cy="200" r="5" fill="#48BB78" stroke="rgba(0,0,0,0.3)" stroke-width="1"/>
                <circle cx="438" cy="435" r="5" fill="#48BB78" stroke="rgba(0,0,0,0.3)" stroke-width="1"/>
                <circle cx="162" cy="435" r="5" fill="#48BB78" stroke="rgba(0,0,0,0.3)" stroke-width="1"/>
                <circle cx="90" cy="200" r="5" fill="#48BB78" stroke="rgba(0,0,0,0.3)" stroke-width="1"/>
                <!-- Data points — Sonesta -->
                <circle cx="300" cy="168" r="5" fill="#c0392b" stroke="rgba(0,0,0,0.3)" stroke-width="1"/>
                <circle cx="405" cy="240" r="5" fill="#c0392b" stroke="rgba(0,0,0,0.3)" stroke-width="1"/>
                <circle cx="390" cy="378" r="5" fill="#c0392b" stroke="rgba(0,0,0,0.3)" stroke-width="1"/>
                <circle cx="210" cy="384" r="5" fill="#c0392b" stroke="rgba(0,0,0,0.3)" stroke-width="1"/>
                <circle cx="180" cy="234" r="5" fill="#c0392b" stroke="rgba(0,0,0,0.3)" stroke-width="1"/>
                <!-- Dimension labels -->
                <text x="300" y="42" text-anchor="middle" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="14" font-weight="700">Guest Experience</text>
                <text x="548" y="200" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="14" font-weight="700">Technology</text>
                <text x="468" y="468" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="14" font-weight="700">Loyalty</text>
                <text x="120" y="468" text-anchor="end" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="14" font-weight="700">Operations</text>
                <text x="52" y="200" text-anchor="end" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="14" font-weight="700">Brand</text>
                <!-- Gap annotations -->
                <text x="358" y="155" fill="#C5A258" font-family="JetBrains Mono,monospace" font-size="10" letter-spacing="1">← GAP</text>
                <text x="462" y="222" fill="#C5A258" font-family="JetBrains Mono,monospace" font-size="10" letter-spacing="1">← GAP</text>
                <!-- Legend -->
                <rect x="175" y="500" width="20" height="6" rx="3" fill="#48BB78"/>
                <text x="202" y="507" fill="rgba(255,255,255,0.7)" font-family="Source Sans 3,sans-serif" font-size="12" font-weight="600">Industry Leaders (Marriott, Hilton, Hyatt)</text>
                <rect x="175" y="520" width="20" height="6" rx="3" fill="#c0392b"/>
                <text x="202" y="527" fill="rgba(255,255,255,0.7)" font-family="Source Sans 3,sans-serif" font-size="12" font-weight="600">Sonesta (Current) — Genesis closes the gap</text>
            </svg>
        </div>
        </div>
    </div>
</section>
<!-- STRATEGIC RECOMMENDATIONS -->
<section id="recommendations">
    <button class="section-download-btn" onclick="downloadSection('recommendations','Strategic_Recommendations')"><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>Save PDF</button>
    <div class="section-inner">
        <div class="gold-accent-line" data-aos="fade-right"></div>
        <div class="section-label" data-aos="fade-up">Tailored Strategy</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">Strategic Recommendations for Sonesta</h2>
        <p class="section-subtitle">
            Informed by world-class hospitality best practices and deep analysis of Sonesta's
            unique position, philosophy, and market opportunity.
        </p>

        <div class="recs-grid">
            <div class="rec-card">
                <div class="rec-header">
                    <span class="rec-number">01</span>
                    <div class="rec-roi">
                        <div class="rec-roi-value">$525K/yr</div>
                        <div class="rec-roi-label">Revenue Impact</div>
                    </div>
                </div>
                <div class="rec-body">
                    <h3>WiFi Infrastructure Upgrade</h3>
                    <p>
                        Close the 1.0-point WiFi gap with Element Dallas. Investment: $24.6K-$39K.
                        Payback period: 17-27 days. Score improvement drives OTA algorithmic visibility,
                        extended-stay retention, and corporate account acquisition.
                    </p>
                    <div class="rec-inspiration">
                        <strong>Inspired by:</strong> Peninsula Hotels' technology-first approach &mdash;
                        they pioneered tablet-controlled rooms in 2012 because they understood that
                        infrastructure IS the experience for modern travelers.
                    </div>
                </div>
            </div>

            <div class="rec-card">
                <div class="rec-header">
                    <span class="rec-number">02</span>
                    <div class="rec-roi">
                        <div class="rec-roi-value">$1.5M-$2.9M</div>
                        <div class="rec-roi-label">Portfolio Revenue Lift</div>
                    </div>
                </div>
                <div class="rec-body">
                    <h3>AI-Powered Revenue Management</h3>
                    <p>
                        Deploy intelligent pricing across all 1,200+ Sonesta properties. Industry benchmarks:
                        +5-15% RevPAR. Accor deployed IDeaS G3 across 5,000+ hotels and achieved
                        +5-10% RevPAR chain-wide. 10,000+ pricing decisions daily vs. 5-10 manual.
                    </p>
                    <div class="rec-inspiration">
                        <strong>Inspired by:</strong> Marriott's $1.1B cloud-native transformation
                        and IHG's enterprise platform &mdash; proving that technology investment pays for
                        itself through operational efficiency and loyalty economics.
                    </div>
                </div>
            </div>

            <div class="rec-card">
                <div class="rec-header">
                    <span class="rec-number">03</span>
                    <div class="rec-roi">
                        <div class="rec-roi-value">$150K-$300K</div>
                        <div class="rec-roi-label">Incremental Revenue</div>
                    </div>
                </div>
                <div class="rec-body">
                    <h3>Corporate Account Intelligence</h3>
                    <p>
                        Map the Richardson corporate ecosystem (TI, AT&T, Cisco, UTD, Fossil Group).
                        Deploy data-driven account capture with targeted rate proposals. UTD alone
                        represents thousands of annual room-nights with no active contract.
                    </p>
                    <div class="rec-inspiration">
                        <strong>Inspired by:</strong> Ritz-Carlton's Mystique CRM system &mdash; they track
                        guest preferences across every property. Applying this intelligence to
                        corporate accounts creates relationship-based selling that wins contracts.
                    </div>
                </div>
            </div>

            <div class="rec-card">
                <div class="rec-header">
                    <span class="rec-number">04</span>
                    <div class="rec-roi">
                        <div class="rec-roi-value">+0.4 pts</div>
                        <div class="rec-roi-label">Review Score Impact</div>
                    </div>
                </div>
                <div class="rec-body">
                    <h3>Review Intelligence & Reputation</h3>
                    <p>
                        Transform 3,681+ reviews into operational decisions. AI-powered sentiment analysis,
                        competitive benchmarking, and intelligent response generation. Moving from
                        8.1 to 8.5 crosses the "Fabulous" threshold for OTA visibility.
                    </p>
                    <div class="rec-inspiration">
                        <strong>Inspired by:</strong> Hilton's CleanStay program &mdash; a focused,
                        well-communicated initiative that drove a 40% booking increase. The lesson:
                        addressing specific guest concerns with visible solutions works.
                    </div>
                </div>
            </div>

            <div class="rec-card">
                <div class="rec-header">
                    <span class="rec-number">05</span>
                    <div class="rec-roi">
                        <div class="rec-roi-value">$1.6M+</div>
                        <div class="rec-roi-label">Portfolio Loyalty Revenue</div>
                    </div>
                </div>
                <div class="rec-body">
                    <h3>Extended-Stay Personalization</h3>
                    <p>
                        Build individual guest profiles from stay history. Personalized pre-arrival
                        communication, at-risk guest identification, length-of-stay incentive modeling.
                        Sonesta's extended-stay portfolio is a perfect fit for deep personalization.
                    </p>
                    <div class="rec-inspiration">
                        <strong>Inspired by:</strong> Four Seasons' Golden Rule + Aman's 60% repeat rate.
                        Both prove that genuine personal attention creates loyalty no points program
                        can match. Extended-stay guests offer the deepest personalization opportunity.
                    </div>
                </div>
            </div>

            <div class="rec-card">
                <div class="rec-header">
                    <span class="rec-number">06</span>
                    <div class="rec-roi">
                        <div class="rec-roi-value">$750K-$1.5M</div>
                        <div class="rec-roi-label">Cost Reduction (Portfolio)</div>
                    </div>
                </div>
                <div class="rec-body">
                    <h3>Operational Efficiency AI</h3>
                    <p>
                        Housekeeping optimization, predictive maintenance, energy management,
                        cross-property staffing. Particularly powerful for Sonesta's 5-property DFW
                        concentration &mdash; shared intelligence across properties.
                    </p>
                    <div class="rec-inspiration">
                        <strong>Inspired by:</strong> Hilton's LightStay ESG platform and Hyatt's care-centered
                        operations. Operational efficiency isn't just cost savings &mdash; it frees staff to
                        focus on what matters: caring for guests.
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- FIFA 2026 COUNTDOWN -->
<section class="countdown-section" id="fifa-countdown">
    <div class="section-inner">
        <div class="section-label" data-aos="fade-up">Event Intelligence</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">The Clock Is Running</h2>

        <div class="countdown-timer" id="countdown-display">
            <div class="countdown-unit">
                <span class="countdown-number" id="cd-days">--</span>
                <div class="countdown-label">Days</div>
            </div>
            <div class="countdown-divider">|</div>
            <div class="countdown-unit">
                <span class="countdown-number" id="cd-hours">--</span>
                <div class="countdown-label">Hours</div>
            </div>
            <div class="countdown-divider">|</div>
            <div class="countdown-unit">
                <span class="countdown-number" id="cd-minutes">--</span>
                <div class="countdown-label">Minutes</div>
            </div>
            <div class="countdown-divider">|</div>
            <div class="countdown-unit">
                <span class="countdown-number" id="cd-seconds">--</span>
                <div class="countdown-label">Seconds</div>
            </div>
        </div>

        <p class="countdown-tagline">FIFA World Cup 2026 &mdash; The Once-in-a-Lifetime Window</p>
        <p style="text-align:center;color:rgba(255,255,255,0.6);max-width:700px;margin:0 auto 40px;font-size:0.95rem;line-height:1.7">Dallas hosts FIFA World Cup matches June 11 &ndash; July 19, 2026. Sonesta properties sit in 10 of 11 host cities. This is a $120M+ incremental revenue opportunity that requires advance preparation &mdash; dynamic pricing, group booking strategy, and marketing activation starting now.</p>

        <div class="countdown-stats">
            <div class="countdown-stat">
                <div class="countdown-stat-value" data-count="48">0</div>
                <div class="countdown-stat-label">Teams</div>
            </div>
            <div class="countdown-stat">
                <div class="countdown-stat-value" data-count="104">0</div>
                <div class="countdown-stat-label">Matches</div>
            </div>
            <div class="countdown-stat">
                <div class="countdown-stat-value" data-count="39">0</div>
                <div class="countdown-stat-label">Event Days</div>
            </div>
            <div class="countdown-stat">
                <div class="countdown-stat-value">$120M+</div>
                <div class="countdown-stat-label">Revenue Opportunity</div>
            </div>
        </div>

        <!-- FIFA Detail merged from market intel -->
        <div class="fifa-highlight" style="margin-top:48px">
            <div>
                <h3>The Once-in-a-Lifetime Window</h3>
                <p>
                    Dallas hosts FIFA World Cup matches June 11 &ndash; July 19, 2026. AT&amp;T Stadium and surrounding
                    venues will drive unprecedented demand. Richardson properties are within the demand radius.
                    This is a $3.2M+ incremental DFW revenue opportunity that requires advance preparation &mdash;
                    dynamic pricing, group booking strategy, and marketing activation starting now.
                </p>
            </div>
            <div class="fifa-stats">
                <div class="fifa-stat">
                    <div class="fifa-stat-value" data-prefix="$" data-count="3.2" data-suffix="M+">0</div>
                    <div class="fifa-stat-label">DFW Revenue</div>
                </div>
                <div class="fifa-stat">
                    <div class="fifa-stat-value">2-3x</div>
                    <div class="fifa-stat-label">ADR Multiplier</div>
                </div>
                <div class="fifa-stat">
                    <div class="fifa-stat-value" data-count="90" data-suffix="%+">0</div>
                    <div class="fifa-stat-label">Projected Occupancy</div>
                </div>
                <div class="fifa-stat">
                    <div class="fifa-stat-value">10/11</div>
                    <div class="fifa-stat-label">Host Cities Covered</div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- TRAVEL PASS ANALYSIS -->
<section id="travel-pass" style="background: var(--warm-white);">
    <div class="section-container" style="max-width:1200px;margin:0 auto;padding:88px 40px;">
        <div class="section-label" data-aos="fade-up">Loyalty Intelligence · Honest</div>
        <h2 class="section-title" data-aos="fade-up">Travel Pass Is <em>Not Yet Worth Fighting For</em></h2>
        <p class="section-subtitle" data-aos="fade-up" style="max-width:860px;margin:0 auto 40px;text-align:center;">Every proposal you have ever read about Sonesta Travel Pass has tried to sell you on it. This one will not. The program today is outgunned by every major competitor on the three numbers that decide where a business traveler sleeps &mdash; earn rate, redemption value, and personalization. We are telling you that directly because any other answer would insult a Cornell hotel graduate. The question worth asking is not whether Travel Pass is strong today. It is whether a franchisee can <em style="color:var(--accent);font-style:normal;">squeeze real value out of it anyway</em> &mdash; and whether Genesis is the layer that makes that possible.</p>

        <div style="max-width:860px;margin:0 auto 48px;padding:20px 28px;background:linear-gradient(135deg,#fdf0ef,#fae8e6);border:1px solid rgba(192,57,43,0.25);border-radius:10px;position:relative;overflow:hidden;" data-aos="fade-up">
            <div style="position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#c0392b,#e74c3c);"></div>
            <div style="font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:2.5px;text-transform:uppercase;color:#c0392b;font-weight:700;margin-bottom:6px;">The honest baseline</div>
            <p style="margin:0;font-size:0.98rem;color:var(--text);line-height:1.65;">Travel Pass has roughly <strong>8 million members</strong>. Marriott Bonvoy has <strong>237 million</strong>. Hilton Honors has <strong>180 million</strong>. A free night at a Sonesta-branded property takes approximately <strong>11.7x more nights of paid stay</strong> to earn compared to Marriott or Hilton. Sonesta has <strong>zero disclosed AI personalization</strong> on the program. Every email goes to every member. Every offer is the same offer. That is the baseline. No one at Sonesta needs convincing of it &mdash; you have lived it.</p>
        </div>

        <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;" data-aos="fade-up">
            <div style="background:#fff;border-radius:14px;padding:34px 28px;box-shadow:0 4px 20px rgba(0,0,0,0.06);text-align:center;position:relative;overflow:hidden;">
                <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c0392b,#e74c3c);"></div>
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.76rem;letter-spacing:2.5px;text-transform:uppercase;color:#c0392b;margin-bottom:16px;font-weight:600;">Earn Rate Gap</div>
                <div style="font-family:'Cormorant Garamond',serif;font-size:4.4rem;font-weight:700;color:#c0392b;line-height:0.95;letter-spacing:-1px;">11.7x</div>
                <div style="font-size:0.88rem;color:var(--text-light);margin-top:10px;line-height:1.5;">harder to earn a free night than Marriott or Hilton</div>
                <div style="margin-top:18px;padding:10px 14px;background:#fdf4f3;border-radius:6px;border:1px solid rgba(192,57,43,0.2);">
                    <div style="font-size:0.78rem;color:#c0392b;line-height:1.4;">The single biggest reason the program is invisible to value shoppers</div>
                </div>
            </div>
            <div style="background:#fff;border-radius:14px;padding:34px 28px;box-shadow:0 4px 20px rgba(0,0,0,0.06);text-align:center;position:relative;overflow:hidden;">
                <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c0392b,#e74c3c);"></div>
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.76rem;letter-spacing:2.5px;text-transform:uppercase;color:#c0392b;margin-bottom:16px;font-weight:600;">Member Base Gap</div>
                <div style="font-family:'Cormorant Garamond',serif;font-size:4.4rem;font-weight:700;color:#c0392b;line-height:0.95;letter-spacing:-1px;">~8M</div>
                <div style="font-size:0.88rem;color:var(--text-light);margin-top:10px;line-height:1.5;">Travel Pass members vs. Bonvoy 237M &middot; Honors 180M</div>
                <div style="margin-top:18px;padding:10px 14px;background:#fdf4f3;border-radius:6px;border:1px solid rgba(192,57,43,0.2);">
                    <div style="font-size:0.78rem;color:#c0392b;line-height:1.4;">A corporate traveler who compares programs will default to the bigger one every time</div>
                </div>
            </div>
            <div style="background:#fff;border-radius:14px;padding:34px 28px;box-shadow:0 4px 20px rgba(0,0,0,0.06);text-align:center;position:relative;overflow:hidden;">
                <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c0392b,#e74c3c);"></div>
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.76rem;letter-spacing:2.5px;text-transform:uppercase;color:#c0392b;margin-bottom:16px;font-weight:600;">AI Personalization</div>
                <div style="font-family:'Cormorant Garamond',serif;font-size:4.4rem;font-weight:700;color:#c0392b;line-height:0.95;letter-spacing:-1px;">None</div>
                <div style="font-size:0.88rem;color:var(--text-light);margin-top:10px;line-height:1.5;">Marriott and Hilton run full behavioral AI. Sonesta sends the same email to 8M members.</div>
                <div style="margin-top:18px;padding:10px 14px;background:#fdf4f3;border-radius:6px;border:1px solid rgba(192,57,43,0.2);">
                    <div style="font-size:0.78rem;color:#c0392b;line-height:1.4;">Where Sonesta can act today &mdash; at the property level, without waiting on corporate</div>
                </div>
            </div>
        </div>

        <div style="background:linear-gradient(135deg,#0a1628 0%,#1a2332 100%);color:#fff;border-radius:16px;padding:48px 52px;margin-top:32px;position:relative;overflow:hidden;" data-aos="fade-up">
            <div style="position:absolute;inset:0;background:radial-gradient(ellipse at 85% 30%,rgba(197,162,88,0.12),transparent 55%);"></div>
            <div style="position:relative;z-index:1;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.88rem;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:700;">The Franchisee's Move</div>
                <h3 style="font-family:'Source Sans 3',sans-serif;font-size:1.7rem;font-weight:700;color:#fff;line-height:1.3;margin-bottom:20px;max-width:820px;">You cannot fix the program. You can still win on your share of it.</h3>
                <p style="font-size:1rem;line-height:1.75;color:rgba(255,255,255,0.82);margin-bottom:18px;max-width:820px;">Sonesta does not set the Travel Pass earn rate. Sonesta does not control the redemption chart. Sonesta does not have a budget for chain-wide personalization. Those are Sonesta corporate's levers &mdash; and Keith Pierce and Jeff Leer, the Co-CEOs who took over April 1, are the only people who can pull them. That is out of your hands.</p>
                <p style="font-size:1rem;line-height:1.75;color:rgba(255,255,255,0.82);margin-bottom:18px;max-width:820px;">What is in your hands: the <strong style="color:#fff;">42,800&ndash;79,700 corporate travelers within 5 miles of your Richardson property</strong>. The procurement calendars of Samsung, Texas Instruments, Ericsson, Cisco, Raytheon, AT&amp;T, and BCBS. The 3,681 reviews already sitting in OTA APIs at your five Sonesta DFW properties. The stay history of every repeat guest who has walked through your front desks. <em style="color:var(--gold);font-style:normal;">That data is yours.</em></p>
                <p style="font-size:1rem;line-height:1.75;color:rgba(255,255,255,0.82);margin:0;max-width:820px;">Genesis does not try to fix a loyalty program that Sonesta corporate alone can fix. Genesis identifies the high-frequency corporate traveler at your property, times offers to their company's procurement cycle, writes personalized pre-arrival communication in the guest's own tone, and measures the conversion at property level. It is a weak program &mdash; turned into a strong tool at five specific addresses. That is honest. And it is what partnership actually looks like when the franchisor is standing still and the franchisee refuses to wait.</p>
            </div>
        </div>

        <div style="background:#fff;border-radius:14px;padding:40px 44px;margin-top:28px;box-shadow:0 4px 22px rgba(0,0,0,0.06);border-left:4px solid var(--gold);" data-aos="fade-up">
            <div style="font-family:'JetBrains Mono',monospace;font-size:0.76rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-weight:700;">And about the "#3 USA Today" ranking</div>
            <p style="font-size:1rem;color:var(--text);line-height:1.72;margin:0 0 10px 0;">You will see Travel Pass rank at #3 on USA Today's Best Hotel Loyalty Programs 2025 list. It earned that placement. It is also the kind of credential that wins a press release and loses a business traveler. A ranking ordered by a reader poll is not the same as points that redeem for a room. We told you the 11.7x earn rate gap because that is the number that actually decides the booking. We told you the ranking too because leaving it out would be the other kind of dishonesty.</p>
        </div>


        <!-- Bar-chart 3: Nights Required to Earn a Free Night (honest comparison) -->
        <div class="bar-chart" style="margin:40px 0 0;padding:32px;background:#fff;border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,0.06);" data-aos="fade-up">
            <div style="font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:2px;text-transform:uppercase;color:#c0392b;margin-bottom:14px;">EXHIBIT B &mdash; Nights of Paid Stay Required to Earn One Free Night</div>
            <div class="bar-row"><div class="bar-label">Travel Pass</div><div class="bar-track"><div class="bar-fill" style="width:100%;background:linear-gradient(90deg,#c0392b,#e74c3c);">~35 nights</div></div></div>
            <div class="bar-row"><div class="bar-label">Hilton Honors</div><div class="bar-track"><div class="bar-fill" style="width:12%;background:linear-gradient(90deg,#2e6baf,#4a90d9);">~3</div></div></div>
            <div class="bar-row"><div class="bar-label">Marriott Bonvoy</div><div class="bar-track"><div class="bar-fill" style="width:12%;background:linear-gradient(90deg,#8e44ad,#a569bd);">~3</div></div></div>
            <div class="bar-row"><div class="bar-label">World of Hyatt</div><div class="bar-track"><div class="bar-fill" style="width:10%;background:linear-gradient(90deg,var(--dark),var(--sonesta-blue));">~2.5</div></div></div>
            <div class="bar-row"><div class="bar-label">IHG One</div><div class="bar-track"><div class="bar-fill" style="width:14%;background:linear-gradient(90deg,#6B6B7B,#999);">~3.5</div></div></div>
            <div class="bar-note">Source: Program published earn &amp; redemption rates (normalized) &middot; A value-conscious business traveler compares these numbers before they compare brands.</div>
        </div>

        <div style="margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:20px;" data-aos="fade-up">
            <div style="background:#fff;border-radius:12px;padding:28px;border-left:4px solid var(--gold);box-shadow:0 2px 12px rgba(0,0,0,0.04);">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.78rem;letter-spacing:2px;color:var(--accent);font-weight:600;margin-bottom:10px;">Direct Booking Shift (the honest win)</div>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:700;color:var(--dark);margin-bottom:6px;">30% &rarr; 55%</div>
                <div style="font-size:0.94rem;color:var(--text-light);line-height:1.6;">This is the one number that does not require Sonesta corporate to fix anything. Guests who have stayed with you before, contacted through Genesis personalization, book direct at Sonesta-scale industry-leader rates. Every 1% OTA-to-direct shift across your 463 DFW Sonesta keys saves <strong style="color:var(--dark);">15&ndash;25% in OTA commissions</strong> on those rooms &mdash; and puts a first-party guest profile into your intelligence layer instead of Booking.com's.</div>
            </div>
            <div style="background:#fff;border-radius:12px;padding:28px;border-left:4px solid var(--gold);box-shadow:0 2px 12px rgba(0,0,0,0.04);">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.78rem;letter-spacing:2px;color:var(--accent);font-weight:600;margin-bottom:10px;">Reference Operator Position</div>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:700;color:var(--dark);margin-bottom:6px;">The Phone Call</div>
                <div style="font-size:0.94rem;color:var(--text-light);line-height:1.6;">When Keith Pierce and Jeff Leer decide to rebuild Travel Pass &mdash; and they will, because they have to &mdash; Sonesta corporate will call three or four franchisees who already ran property-level loyalty intelligence and proved it moved RevPAR. Sonesta, running Genesis across five DFW properties with live conversion data, is exactly the operator they will call. That is worth more than any point-per-dollar arithmetic.</div>
            </div>
        </div>

        <div style="margin-top:40px;padding:40px 48px;background:linear-gradient(135deg,#0a1628 0%,#1a2332 100%);border:1px solid rgba(197,162,88,0.35);border-radius:14px;text-align:center;position:relative;overflow:hidden;" data-aos="fade-up">
            <div style="position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);"></div>
            <div style="font-family:'JetBrains Mono',monospace;font-size:0.78rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:18px;">The Closing Note</div>
            <p style="color:#fff;font-family:'Source Sans 3',sans-serif;font-size:1.12rem;line-height:1.75;margin:0 auto;max-width:820px;font-weight:400;">We will not sell you a story about loyalty points. We will tell you what the program is, what it is not, and what Genesis can do inside of it anyway. That is the only way a Cornell graduate takes a franchise-level AI partner seriously. The program is weak. Our discipline around the truth is not.</p>
            <div style="margin-top:20px;font-family:'JetBrains Mono',monospace;font-size:0.82rem;color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;font-weight:600;">&mdash; Carter Hill &middot; Founder, Genesis</div>
        </div>
    </div>
</section>

<!-- BENEFITS & INCENTIVES -->
<section id="benefits" style="background: var(--cream);">
    <button class="section-download-btn" onclick="downloadSection('benefits','Benefits_Incentives')"><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>Save PDF</button>
    <div class="section-inner">
        <div class="gold-accent-line" data-aos="fade-right"></div>
        <div class="section-label" data-aos="fade-up">Hidden Value</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">$198M to $1.67B in Untapped Benefits</h2>
        <p class="section-subtitle">
            Federal, state, and local programs Sonesta can claim right now &mdash; programs that most hotel companies
            leave entirely on the table due to lack of awareness and strategic filing expertise.
        </p>

        <div class="benefits-grid">
            <div class="benefit-card">
                <h3>Section 179D Energy Deduction <span class="benefit-deadline">DEADLINE: Jun 30, 2026</span></h3>
                <p>
                    Commercial building energy efficiency deduction for HVAC, lighting, and envelope improvements.
                    Sonesta's $600M renovation program qualifies broadly across all property types.
                    Deduction up to $5.65 per sq ft under IRA 2022 expanded rates.
                </p>
                <div class="benefit-amount">$15M &ndash; $150M</div>
            </div>

            <div class="benefit-card">
                <h3>EV Charging 30C Tax Credit <span class="benefit-deadline">DEADLINE: Jun 30, 2026</span></h3>
                <p>
                    30% federal tax credit for EV charging infrastructure. With 1,200+ properties,
                    phased installation across parking infrastructure qualifies for substantial federal
                    credit capture &mdash; plus state-level incentives that stack on top.
                </p>
                <div class="benefit-amount">$2M &ndash; $20M</div>
            </div>

            <div class="benefit-card">
                <h3>Work Opportunity Tax Credit (WOTC) <span class="benefit-deadline">DEADLINE: Dec 31, 2026</span></h3>
                <p>
                    Federal tax credit of $2,400 to $9,600 per qualifying employee hire.
                    Hospitality's seasonal hiring patterns and workforce demographics make this program
                    extremely valuable. Most hotel companies capture less than 20% of eligible hires.
                </p>
                <div class="benefit-amount">$5M &ndash; $20M/yr</div>
            </div>

            <div class="benefit-card">
                <h3>FICA Tip Credits</h3>
                <p>
                    Federal tax credit equal to employer FICA taxes paid on tip income above federal minimum wage.
                    Applies to all tipped employees across food &amp; beverage, valet, bell staff, and spa operations.
                    Retroactive filing available for prior 3 years &mdash; immediate cash recovery opportunity.
                </p>
                <div class="benefit-amount">$11M &ndash; $55M</div>
            </div>

            <div class="benefit-card">
                <h3>Cost Segregation Studies</h3>
                <p>
                    Accelerate depreciation by reclassifying building components into 5, 7, and 15-year
                    property classes. Sonesta's ongoing $600M renovation program creates ideal conditions.
                    Each property study yields 20-40% first-year bonus depreciation uplift on renovation spend.
                </p>
                <div class="benefit-amount">$50M &ndash; $500M</div>
            </div>

            <div class="benefit-card">
                <h3>Solar Investment Tax Credit (ITC)</h3>
                <p>
                    30% federal ITC for solar installations across owned properties. Combine with utility
                    incentives, RECs, and accelerated depreciation for total effective costs of 30-40 cents
                    per dollar deployed. Rooftop and carport solar opportunities across full portfolio.
                </p>
                <div class="benefit-amount">$5M &ndash; $50M</div>
            </div>
        </div>

        <div class="urgent-banner">
            <div class="urgent-banner-icon">&#9888;</div>
            <p>
                <strong>Three programs expire June 30, 2026.</strong> Section 179D and EV Charging credits
                require qualifying projects to be placed in service before this date. With $600M in active renovation
                spend, Sonesta is sitting inside a closing window. Filing strategy must begin within 60 days.
                See <a href="docs/SONESTA_BENEFITS_INCENTIVES.html" style="color:inherit;font-weight:700;">Benefits &amp; Incentives Guide</a> for complete program details.
            </p>
        </div>
    </div>
        <!-- Bar-chart 4: Franchise-Scale Incentive Stack -->
        <div class="bar-chart" style="margin:0 0 48px;padding:32px;background:#fff;border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,0.06);" data-aos="fade-up">
            <div style="font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;">EXHIBIT C — Portfolio-Scale Incentive Value ($)</div>
            <div class="bar-row"><div class="bar-label">Cost Segregation</div><div class="bar-track"><div class="bar-fill gold" style="width:88%;">$50M–$500M</div></div></div>
            <div class="bar-row"><div class="bar-label">TX Property Tax</div><div class="bar-track"><div class="bar-fill gold" style="width:62%;">$15M–$150M</div></div></div>
            <div class="bar-row"><div class="bar-label">QHP HOT Rebate</div><div class="bar-track"><div class="bar-fill navy" style="width:48%;">$11M–$55M</div></div></div>
            <div class="bar-row"><div class="bar-label">Section 179D</div><div class="bar-track"><div class="bar-fill navy" style="width:38%;">$15M–$150M</div></div></div>
            <div class="bar-row"><div class="bar-label">WOTC</div><div class="bar-track"><div class="bar-fill green" style="width:22%;">$5M–$20M/yr</div></div></div>
            <div class="bar-row"><div class="bar-label">TWC Grants</div><div class="bar-track"><div class="bar-fill green" style="width:18%;">$2M–$20M</div></div></div>
            <div class="bar-note">Source: Genesis Tax Intelligence · Values at portfolio scale ($198M–$1.67B total)</div>
        </div>
        <div style="margin-top:56px;padding:48px;background:linear-gradient(135deg,#0a1628 0%,#1a2332 100%);border:1px solid rgba(197,162,88,0.35);border-radius:16px;text-align:center;position:relative;overflow:hidden;" data-aos="fade-up">
            <div style="position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);"></div>
            <div style="font-family:'JetBrains Mono',monospace;font-size:0.78rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;">Year 1 Total Accessible</div>
            <div style="display:flex;align-items:baseline;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:14px;">
                <div style="font-family:'Cormorant Garamond',serif;font-size:4.4rem;font-weight:700;color:var(--gold);line-height:1;">$198M</div>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:300;color:rgba(255,255,255,0.5);">to</div>
                <div style="font-family:'Cormorant Garamond',serif;font-size:4.4rem;font-weight:700;color:var(--gold);line-height:1;">$1.67B</div>
            </div>
            <p style="color:rgba(255,255,255,0.75);font-size:1rem;line-height:1.7;margin:0;max-width:680px;margin-left:auto;margin-right:auto;">across tax credits, deductions, abatements, and incentives for your 1,200+ property portfolio. Much of it claimable on existing properties &mdash; no new construction required. Filing strategy and program identification powered by Genesis..</p>
        </div>
</section>

<!-- YOUR EMPIRE — FLAGSHIP PORTFOLIO SHOWCASE -->
<section id="your-empire" style="padding:0;overflow:hidden;">
    <!-- HERO CINEMATIC OPENER -->
    <div style="position:relative;height:80vh;min-height:580px;overflow:hidden;">
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Royal_Sonesta_Hotel_French_Quarter_New_Orleans.jpg/1920px-Royal_Sonesta_Hotel_French_Quarter_New_Orleans.jpg" alt="Royal Sonesta New Orleans — Bourbon Street" style="width:100%;height:100%;object-fit:cover;opacity:0.6;">
        <div style="position:absolute;inset:0;background:linear-gradient(to bottom,rgba(15,15,26,0.05),rgba(15,15,26,0.88));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 40px 64px;text-align:center;">
            <div style="font-family:'JetBrains Mono',monospace;font-size:0.85rem;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-weight:600;" data-aos="fade-up">We Studied Your Entire Empire</div>
            <h2 style="font-family:'Cormorant Garamond',serif;font-size:clamp(2.8rem,6vw,4.8rem);font-weight:400;color:white;margin-bottom:16px;line-height:1.1;" data-aos="fade-up" data-aos-delay="100">1,200+ Properties. 13 Brands.<br><em style="color:var(--gold);font-style:normal;">One Intelligent Family.</em></h2>
            <p style="font-size:1.1rem;line-height:1.7;color:rgba(255,255,255,0.85);max-width:780px;" data-aos="fade-up" data-aos-delay="200">From the wrought-iron balconies of Royal Sonesta New Orleans to extended-stay suites across 300+ cities &mdash; this is the portfolio Genesis was built to serve.</p>
        </div>
    </div>

    <!-- SCALE STATS BAR -->
    <div style="display:grid;grid-template-columns:repeat(5,1fr);background:var(--dark);border-bottom:1px solid rgba(197,162,88,0.2);">
        <div style="padding:32px 16px;text-align:center;border-right:1px solid rgba(197,162,88,0.1);"><div style="font-family:'Cormorant Garamond',serif;font-size:2.6rem;color:var(--gold);font-weight:600;" data-count="1200" data-suffix="+">0</div><div style="font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:2px;color:rgba(255,255,255,0.5);text-transform:uppercase;margin-top:4px;">Properties</div></div>
        <div style="padding:32px 16px;text-align:center;border-right:1px solid rgba(197,162,88,0.1);"><div style="font-family:'Cormorant Garamond',serif;font-size:2.6rem;color:var(--gold);font-weight:600;" data-count="100" data-suffix="K+">0</div><div style="font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:2px;color:rgba(255,255,255,0.5);text-transform:uppercase;margin-top:4px;">Rooms</div></div>
        <div style="padding:32px 16px;text-align:center;border-right:1px solid rgba(197,162,88,0.1);"><div style="font-family:'Cormorant Garamond',serif;font-size:2.6rem;color:var(--gold);font-weight:600;" data-count="13">0</div><div style="font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:2px;color:rgba(255,255,255,0.5);text-transform:uppercase;margin-top:4px;">Brands</div></div>
        <div style="padding:32px 16px;text-align:center;border-right:1px solid rgba(197,162,88,0.1);"><div style="font-family:'Cormorant Garamond',serif;font-size:2.6rem;color:var(--gold);font-weight:600;" data-count="8">0</div><div style="font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:2px;color:rgba(255,255,255,0.5);text-transform:uppercase;margin-top:4px;">Countries</div></div>
        <div style="padding:32px 16px;text-align:center;"><div style="font-family:'Cormorant Garamond',serif;font-size:2.6rem;color:var(--gold);font-weight:600;">Top 10</div><div style="font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:2px;color:rgba(255,255,255,0.5);text-transform:uppercase;margin-top:4px;">U.S. Hotel Chain</div></div>
    </div>

    <!-- FLAGSHIP 1: Royal Sonesta New Orleans (Full-width immersive) -->
    <div style="position:relative;height:580px;overflow:hidden;" data-aos="fade-up">
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Royal_Sonesta_Hotel_French_Quarter_New_Orleans.jpg/1920px-Royal_Sonesta_Hotel_French_Quarter_New_Orleans.jpg" alt="Royal Sonesta New Orleans" style="width:100%;height:130%;object-fit:cover;position:absolute;top:-15%;">
        <div style="position:absolute;inset:0;background:linear-gradient(to right,rgba(10,10,20,0.9) 0%,rgba(10,10,20,0.6) 45%,rgba(10,10,20,0.1) 100%);padding:64px;display:flex;flex-direction:column;justify-content:center;">
            <div style="max-width:580px;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;">Crown Jewel &middot; AAA Four Diamond &middot; Condé Nast Readers' Choice</div>
                <h3 style="font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.2rem);color:white;font-weight:400;margin-bottom:12px;line-height:1.2;">The Royal Sonesta<br>New Orleans</h3>
                <div style="font-size:0.95rem;color:var(--gold);font-weight:600;margin-bottom:20px;">300 Bourbon Street, French Quarter &middot; 483 Keys &middot; Est. 1969</div>
                <p style="font-size:1rem;color:rgba(255,255,255,0.85);line-height:1.8;max-width:520px;">Wrought-iron balconies overlooking the world's most famous street. The Jazz Playhouse. Restaurant R'evolution. A 7,000-piece art collection including Warhol and Lichtenstein. Timeless grace in the heart of the French Quarter &mdash; the crown jewel of your entire portfolio.</p>
            </div>
        </div>
    </div>

    <!-- FLAGSHIP 2: The James NYC (Full-width, reversed) -->
    <div style="position:relative;height:580px;overflow:hidden;" data-aos="fade-up">
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/James_New_York_%E2%80%93_NoMad.jpg/1920px-James_New_York_%E2%80%93_NoMad.jpg" alt="The James New York NoMad" style="width:100%;height:130%;object-fit:cover;object-position:top;position:absolute;top:-15%;">
        <div style="position:absolute;inset:0;background:linear-gradient(to left,rgba(10,10,20,0.9) 0%,rgba(10,10,20,0.6) 45%,rgba(10,10,20,0.1) 100%);padding:64px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;">
            <div style="max-width:580px;text-align:right;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;">The James &middot; Lifestyle Luxury &middot; National Historic Landmark</div>
                <h3 style="font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.2rem);color:white;font-weight:400;margin-bottom:12px;line-height:1.2;">The James New York<br>&mdash; NoMad</h3>
                <div style="font-size:0.95rem;color:var(--gold);font-weight:600;margin-bottom:20px;">22 East 29th Street, Manhattan &middot; 337 Keys &middot; Built 1904</div>
                <p style="font-size:1rem;color:rgba(255,255,255,0.85);line-height:1.8;">Twelve stories of Beaux-Arts grandeur on Madison Avenue. Home of Scarpetta Restaurant and The Seville speakeasy. On the National Register of Historic Places. Where a century of architectural mastery meets Sonesta's newest brand vision for the future.</p>
            </div>
        </div>
    </div>

    <!-- FLAGSHIP ROW: 3 Properties Side-by-Side (Large Format) -->
    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--dark);">

        <!-- Royal Sonesta Chicago -->
        <div class="flagship-grid-item" style="position:relative;height:540px;overflow:hidden;" data-aos="fade-up">
            <img src="https://media.iceportal.com/127921/photos/72269699_XL.jpg" alt="Royal Sonesta Chicago">
            <div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,20,0.92) 0%,rgba(10,10,20,0.3) 50%,transparent 100%);padding:32px;display:flex;flex-direction:column;justify-content:flex-end;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;">Royal Sonesta &middot; Luxury</div>
                <h4 style="font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:white;font-weight:500;margin-bottom:6px;">Royal Sonesta Chicago</h4>
                <div style="font-size:0.82rem;color:var(--gold);font-weight:600;margin-bottom:12px;">Magnificent Mile &middot; 312 Keys</div>
                <p style="font-size:0.88rem;color:rgba(255,255,255,0.8);line-height:1.65;">Chicago River waterfront. Voted Friendliest Hotel in America. Where Midwestern warmth meets downtown sophistication on the Magnificent Mile.</p>
                <a href="#markets" style="display:inline-block;margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(197,162,88,0.3);">Explore Chicago Market &rarr;</a>
            </div>
        </div>

        <!-- Royal Sonesta Kaua'i -->
        <div class="flagship-grid-item" style="position:relative;height:540px;overflow:hidden;" data-aos="fade-up" data-aos-delay="100">
            <img src="https://media.iceportal.com/138484/photos/83663014_XL.jpg" alt="Royal Sonesta Kauai Resort">
            <div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,20,0.92) 0%,rgba(10,10,20,0.3) 50%,transparent 100%);padding:32px;display:flex;flex-direction:column;justify-content:flex-end;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;">Royal Sonesta &middot; Beachfront Resort</div>
                <h4 style="font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:white;font-weight:500;margin-bottom:6px;">Royal Sonesta Kaua'i Resort</h4>
                <div style="font-size:0.82rem;color:var(--gold);font-weight:600;margin-bottom:12px;">L&#299;hu'e, Hawai'i &middot; 356 Keys</div>
                <p style="font-size:0.88rem;color:rgba(255,255,255,0.8);line-height:1.65;">Newly renovated beachfront paradise on Kalapaki Beach. Hawai'i's largest single-level pool. Where the Garden Isle meets world-class hospitality.</p>
                <a href="#markets" style="display:inline-block;margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(197,162,88,0.3);">Explore Market Intel &rarr;</a>
            </div>
        </div>

        <!-- The Clift Royal Sonesta SF -->
        <div class="flagship-grid-item" style="position:relative;height:540px;overflow:hidden;" data-aos="fade-up" data-aos-delay="200">
            <img src="https://images.unsplash.com/photo-1534430480872-3498386e7856?w=900&q=85" alt="The Clift Royal Sonesta San Francisco">
            <div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,20,0.92) 0%,rgba(10,10,20,0.3) 50%,transparent 100%);padding:32px;display:flex;flex-direction:column;justify-content:flex-end;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;">Royal Sonesta &middot; Historic Luxury</div>
                <h4 style="font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:white;font-weight:500;margin-bottom:6px;">The Clift Royal Sonesta</h4>
                <div style="font-size:0.82rem;color:var(--gold);font-weight:600;margin-bottom:12px;">San Francisco &middot; 372 Keys &middot; Est. 1915</div>
                <p style="font-size:0.88rem;color:rgba(255,255,255,0.8);line-height:1.65;">The legendary Redwood Room. Philippe Starck interiors. Union Square icon since 1915. A century of San Francisco luxury, reimagined for a new era.</p>
            </div>
        </div>

    </div>

    <!-- FLAGSHIP ROW 2: 3 More Properties -->
    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--dark);">

        <!-- Royal Sonesta Boston -->
        <div class="flagship-grid-item" style="position:relative;height:540px;overflow:hidden;" data-aos="fade-up">
            <img src="https://images.unsplash.com/photo-1559329007-40df8a9345d8?w=900&q=85" alt="Royal Sonesta Boston">
            <div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,20,0.92) 0%,rgba(10,10,20,0.3) 50%,transparent 100%);padding:32px;display:flex;flex-direction:column;justify-content:flex-end;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;">Royal Sonesta &middot; The Original</div>
                <h4 style="font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:white;font-weight:500;margin-bottom:6px;">Royal Sonesta Boston</h4>
                <div style="font-size:0.82rem;color:var(--gold);font-weight:600;margin-bottom:12px;">Cambridge, MA &middot; 400 Keys</div>
                <p style="font-size:0.88rem;color:rgba(255,255,255,0.8);line-height:1.65;">The birthplace of Sonesta's legacy. Charles River waterfront with views of Boston's skyline. 2,000+ piece art collection. Steps from MIT and Harvard.</p>
            </div>
        </div>

        <!-- Royal Sonesta Washington DC -->
        <div class="flagship-grid-item" style="position:relative;height:540px;overflow:hidden;" data-aos="fade-up" data-aos-delay="100">
            <img src="https://images.unsplash.com/photo-1587474260584-136574528ed5?w=900&q=85" alt="Royal Sonesta Washington DC">
            <div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,20,0.92) 0%,rgba(10,10,20,0.3) 50%,transparent 100%);padding:32px;display:flex;flex-direction:column;justify-content:flex-end;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;">Royal Sonesta &middot; Boutique</div>
                <h4 style="font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:white;font-weight:500;margin-bottom:6px;">Royal Sonesta Washington DC</h4>
                <div style="font-size:0.82rem;color:var(--gold);font-weight:600;margin-bottom:12px;">Dupont Circle &middot; 335 Keys</div>
                <p style="font-size:0.88rem;color:rgba(255,255,255,0.8);line-height:1.65;">Cosmopolitan Dupont Circle. Walking distance to Georgetown, Embassy Row, and the White House. $32M renovation. Where the nation's capital stays.</p>
                <a href="#markets" style="display:inline-block;margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(197,162,88,0.3);">Explore DC Market &rarr;</a>
            </div>
        </div>

        <!-- Royal Sonesta San Juan -->
        <div class="flagship-grid-item" style="position:relative;height:540px;overflow:hidden;" data-aos="fade-up" data-aos-delay="200">
            <img src="https://media.iceportal.com/138484/photos/83663026_XL.jpg" alt="Royal Sonesta San Juan">
            <div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,20,0.92) 0%,rgba(10,10,20,0.3) 50%,transparent 100%);padding:32px;display:flex;flex-direction:column;justify-content:flex-end;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;">Royal Sonesta &middot; Caribbean</div>
                <h4 style="font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:white;font-weight:500;margin-bottom:6px;">Royal Sonesta San Juan</h4>
                <div style="font-size:0.82rem;color:var(--gold);font-weight:600;margin-bottom:12px;">Carolina, Puerto Rico &middot; 388 Keys</div>
                <p style="font-size:0.88rem;color:rgba(255,255,255,0.8);line-height:1.65;">Atlantic beachfront luxury. Island elegance, infinity pools, and Caribbean sunsets. Proving the brand travels beautifully beyond the continental U.S.</p>
                <a href="#markets" style="display:inline-block;margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(197,162,88,0.3);">Explore International Markets &rarr;</a>
            </div>
        </div>

    </div>

    <!-- THE JAMES IS GROWING — Full-Width Expansion Showcase -->
    <div style="background:var(--dark);padding:72px 40px 48px;border-top:1px solid rgba(197,162,88,0.1);">
        <div style="max-width:1200px;margin:0 auto;text-align:center;" data-aos="fade-up">
            <div style="font-family:'JetBrains Mono',monospace;font-size:0.75rem;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;">The Portfolio Is Expanding</div>
            <h3 style="font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.2rem);color:white;font-weight:400;">The James Is <em style="color:var(--gold);font-style:normal;">Growing</em></h3>
        </div>
    </div>
    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--dark);margin:0;padding:0;">
        <!-- The James Miami -->
        <div class="flagship-grid-item" style="position:relative;height:540px;overflow:hidden;" data-aos="fade-up">
            <img src="https://images.unsplash.com/photo-1514214246283-d427a95c5d2f?w=900&q=85" alt="The James Miami">
            <div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,20,0.92) 0%,rgba(10,10,20,0.3) 50%,transparent 100%);padding:32px;display:flex;flex-direction:column;justify-content:flex-end;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;">Opening 2026 &middot; The James</div>
                <h4 style="font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:white;font-weight:500;margin-bottom:6px;">The James Miami</h4>
                <div style="font-size:0.82rem;color:var(--gold);font-weight:600;margin-bottom:12px;">South Beach, Florida</div>
                <p style="font-size:0.88rem;color:rgba(255,255,255,0.8);line-height:1.65;">South Beach luxury arriving this year. Art Deco meets modern hospitality. Genesis intelligence active from day one &mdash; no ramp-up period, no learning curve.</p>
            </div>
        </div>
        <!-- The James Tampa -->
        <div class="flagship-grid-item" style="position:relative;height:540px;overflow:hidden;" data-aos="fade-up" data-aos-delay="100">
            <img src="https://images.unsplash.com/photo-1571003123894-1f0594d2b5d9?w=900&q=85" alt="The James Tampa">
            <div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,20,0.92) 0%,rgba(10,10,20,0.3) 50%,transparent 100%);padding:32px;display:flex;flex-direction:column;justify-content:flex-end;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;">Opening 2028 &middot; The James</div>
                <h4 style="font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:white;font-weight:500;margin-bottom:6px;">The James Tampa</h4>
                <div style="font-size:0.82rem;color:var(--gold);font-weight:600;margin-bottom:12px;">Gulf Coast, Florida</div>
                <p style="font-size:0.88rem;color:rgba(255,255,255,0.8);line-height:1.65;">Florida's Gulf Coast gets a new flagship. Every market insight from existing James properties feeds forward automatically. The brand expands; the intelligence compounds.</p>
            </div>
        </div>
        <!-- The James Miami Residences -->
        <div class="flagship-grid-item" style="position:relative;height:540px;overflow:hidden;" data-aos="fade-up" data-aos-delay="200">
            <img src="https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?w=900&q=85" alt="The James Miami Residences">
            <div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,20,0.92) 0%,rgba(10,10,20,0.3) 50%,transparent 100%);padding:32px;display:flex;flex-direction:column;justify-content:flex-end;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;">Opening 2028 &middot; Branded Residences</div>
                <h4 style="font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:white;font-weight:500;margin-bottom:6px;">The James Miami Residences</h4>
                <div style="font-size:0.82rem;color:var(--gold);font-weight:600;margin-bottom:12px;">Miami, Florida</div>
                <p style="font-size:0.88rem;color:rgba(255,255,255,0.8);line-height:1.65;">The future of luxury hospitality — branded residences. Long-term residents benefit from the same intelligence that optimizes nightly stays. A new revenue model. Genesis powers it all.</p>
            </div>
        </div>
    </div>
    <div style="background:var(--dark);padding:40px 40px 72px;text-align:center;">
        <p style="font-size:1rem;color:rgba(255,255,255,0.6);line-height:1.7;max-width:750px;margin:0 auto;font-style:italic;" data-aos="fade-up">Every new property that opens inherits the intelligence of all 1,200+ that came before it. Genesis learns from the portfolio &mdash; and every hotel benefits.</p>
    </div>

    <!-- WILD CARD: SONESTA CRUISE COLLECTION — The Nile -->
    <div style="position:relative;height:580px;overflow:hidden;" data-aos="fade-up">
        <img src="https://images.unsplash.com/photo-1539768942893-daf53e448371?w=1920&q=85" alt="Nile River Cruise — Sonesta Cruise Collection" style="width:100%;height:130%;object-fit:cover;position:absolute;top:-15%;">
        <div style="position:absolute;inset:0;background:linear-gradient(to right,rgba(10,10,20,0.88) 0%,rgba(10,10,20,0.5) 50%,rgba(10,10,20,0.2) 100%);padding:64px;display:flex;flex-direction:column;justify-content:center;">
            <div style="max-width:560px;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;">The Unexpected &middot; Sonesta Cruise Collection</div>
                <h3 style="font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3.5vw,2.8rem);color:white;font-weight:400;margin-bottom:12px;line-height:1.2;">Luxury on the Nile</h3>
                <div style="font-size:0.95rem;color:var(--gold);font-weight:600;margin-bottom:20px;">Luxor to Aswan, Egypt &middot; River Cruise Fleet</div>
                <p style="font-size:1rem;color:rgba(255,255,255,0.85);line-height:1.8;max-width:500px;">Most people don't know Sonesta operates luxury river cruises past the temples of ancient Egypt. From Luxor to Aswan, sailing between the Valley of the Kings and Philae Temple. This is the depth of your portfolio &mdash; and Genesis serves every vessel, every cabin, every guest.</p>
            </div>
        </div>
    </div>

    <!-- CARIBBEAN PARADISE: Sint Maarten (Full-width) -->
    <div style="position:relative;height:580px;overflow:hidden;" data-aos="fade-up">
        <img src="https://images.unsplash.com/photo-1582610116397-edb318620f90?w=1920&q=85" alt="Sonesta Ocean Point Sint Maarten — Infinity Pool" style="width:100%;height:130%;object-fit:cover;position:absolute;top:-15%;">
        <div style="position:absolute;inset:0;background:linear-gradient(to right,rgba(10,10,20,0.88) 0%,rgba(10,10,20,0.5) 45%,rgba(10,10,20,0.05) 100%);padding:64px;display:flex;flex-direction:column;justify-content:center;">
            <div style="max-width:560px;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;">Adults-Only All-Inclusive &middot; Caribbean</div>
                <h3 style="font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.2rem);color:white;font-weight:400;margin-bottom:12px;line-height:1.2;">Sonesta Ocean Point<br>Sint Maarten</h3>
                <div style="font-size:0.95rem;color:var(--gold);font-weight:600;margin-bottom:20px;">Maho Bay, Dutch Caribbean &middot; 130 Suites &middot; TripAdvisor Travelers' Choice</div>
                <p style="font-size:1rem;color:rgba(255,255,255,0.85);line-height:1.8;max-width:500px;">Infinity-edge pool overlooking the Caribbean Sea. Adults-only all-inclusive luxury. Rooftop bar at sunset. This is what Sonesta looks like when the brand goes full resort — and Genesis optimizes every suite, every rate, every guest journey.</p>
            </div>
        </div>
    </div>

    <!-- MAHO BEACH: The World's Most Photographed Beach (Full-width, reversed) -->
    <div style="position:relative;height:580px;overflow:hidden;" data-aos="fade-up">
        <img src="https://images.unsplash.com/photo-1590523741831-ab7e8b8f9c7f?w=1920&q=85" alt="Sonesta Maho Beach Resort — Caribbean" style="width:100%;height:130%;object-fit:cover;position:absolute;top:-15%;">
        <div style="position:absolute;inset:0;background:linear-gradient(to left,rgba(10,10,20,0.88) 0%,rgba(10,10,20,0.5) 45%,rgba(10,10,20,0.05) 100%);padding:64px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;">
            <div style="max-width:560px;text-align:right;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;">Iconic Destination &middot; 423 Rooms &middot; Caribbean</div>
                <h3 style="font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.2rem);color:white;font-weight:400;margin-bottom:12px;line-height:1.2;">Sonesta Maho Beach<br>Resort</h3>
                <div style="font-size:0.95rem;color:var(--gold);font-weight:600;margin-bottom:20px;">Sint Maarten &middot; 423 Rooms &middot; Casino &middot; Spa</div>
                <p style="font-size:1rem;color:rgba(255,255,255,0.85);line-height:1.8;">One of the most photographed beaches on Earth — planes landing feet overhead. Casino, spa, and Caribbean nightlife. A destination that markets itself 50 million times a year on Instagram. Genesis makes sure every one of those 423 rooms is priced to capture that demand.</p>
            </div>
        </div>
    </div>

    <!-- FORT LAUDERDALE BEACH (Full-width) -->
    <div style="position:relative;height:580px;overflow:hidden;" data-aos="fade-up">
        <img src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=1920&q=85" alt="Sonesta Fort Lauderdale Beach" style="width:100%;height:130%;object-fit:cover;position:absolute;top:-15%;">
        <div style="position:absolute;inset:0;background:linear-gradient(to right,rgba(10,10,20,0.85) 0%,rgba(10,10,20,0.4) 45%,rgba(10,10,20,0.05) 100%);padding:64px;display:flex;flex-direction:column;justify-content:center;">
            <div style="max-width:560px;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;">Sonesta Hotels &middot; Oceanfront</div>
                <h3 style="font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.2rem);color:white;font-weight:400;margin-bottom:12px;line-height:1.2;">Sonesta Fort Lauderdale<br>Beach</h3>
                <div style="font-size:0.95rem;color:var(--gold);font-weight:600;margin-bottom:20px;">999 N Fort Lauderdale Beach Blvd &middot; Direct Oceanfront</div>
                <p style="font-size:1rem;color:rgba(255,255,255,0.85);line-height:1.8;max-width:500px;">Morning sun over the Atlantic. Modern coastal luxury where year-round beach demand meets sophisticated corporate travel. Spring break, snowbird season, cruise port proximity — every revenue stream optimized by Genesis simultaneously.</p>
            </div>
        </div>
    </div>

    <!-- PERU: Posadas del Inca (Full-width, reversed) -->
    <div style="position:relative;height:580px;overflow:hidden;" data-aos="fade-up">
        <img src="https://images.unsplash.com/photo-1526392060635-9d6019884377?w=1920&q=85" alt="Sonesta Posadas del Inca — Peru" style="width:100%;height:130%;object-fit:cover;position:absolute;top:-15%;">
        <div style="position:absolute;inset:0;background:linear-gradient(to left,rgba(10,10,20,0.88) 0%,rgba(10,10,20,0.5) 45%,rgba(10,10,20,0.05) 100%);padding:64px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;">
            <div style="max-width:560px;text-align:right;">
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;">Sonesta &middot; South America &middot; Sacred Valley</div>
                <h3 style="font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.2rem);color:white;font-weight:400;margin-bottom:12px;line-height:1.2;">Sonesta Posadas<br>del Inca</h3>
                <div style="font-size:0.95rem;color:var(--gold);font-weight:600;margin-bottom:20px;">Cusco, Sacred Valley &amp; Lake Titicaca, Peru</div>
                <p style="font-size:1rem;color:rgba(255,255,255,0.85);line-height:1.8;">The Sacred Valley. Lake Titicaca at 12,500 feet. Steps from Machu Picchu. Sonesta operates where civilization itself began — serving global travelers on pilgrimages to wonders of the world. Genesis reaches them at altitude, in any language, across any timezone.</p>
            </div>
        </div>
    </div>

    <!-- CLOSING STATEMENT -->
    <div style="background:var(--dark);padding:72px 40px;text-align:center;border-top:1px solid rgba(197,162,88,0.15);">
        <p style="font-family:'Cormorant Garamond',serif;font-size:clamp(1.4rem,2.8vw,2.2rem);color:white;line-height:1.6;font-weight:400;max-width:1000px;margin:0 auto;" data-aos="fade-up">
            These flagships span five continents &mdash; from Bourbon Street to the Nile, from Kaua'i to the Andes.<br>But Genesis doesn't serve a dozen showcase properties.<br>It serves <strong style="color:var(--gold);font-weight:700;">all 1,200+ simultaneously</strong>, learning from every guest interaction across every brand, every market, every night.
        </p>
    </div>
</section>

<!-- BRAND COHESION -->
<section class="section-dark" id="brand-cohesion">
    <div class="section-inner">
        <div class="section-label" data-aos="fade-up">Brand Strategy</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">13 Brands, One Intelligent Family</h2>
        <p class="section-subtitle" data-aos="fade-up" style="max-width:820px;margin:0 auto 32px;text-align:center;">
            From ABVI to Royal Sonesta &mdash; creating cohesion through data, shared intelligence, and a unified guest recognition system that spans every tier.
        </p>

        <!-- ARCHITECTURAL TIER TREE -->
        <div class="brand-tree" data-aos="fade-up">

            <div class="tier-row tier-luxury">
                <div class="tier-rail"><span class="tier-tag">Luxury</span><span class="tier-rail-line"></span></div>
                <div class="tier-brands">
                    <div class="bcard"><div class="bcard-name">Royal Sonesta</div><div class="bcard-count">30 properties</div></div>
                </div>
            </div>

            <div class="tier-row tier-upscale">
                <div class="tier-rail"><span class="tier-tag">Upscale</span><span class="tier-rail-line"></span></div>
                <div class="tier-brands">
                    <div class="bcard"><div class="bcard-name">Sonesta Hotels &amp; Resorts</div><div class="bcard-count">25 properties</div></div>
                    <div class="bcard"><div class="bcard-name">Sonesta Premium Select</div><div class="bcard-count">15 properties</div></div>
                    <div class="bcard"><div class="bcard-name">Sonesta International</div><div class="bcard-count">50 properties</div></div>
                </div>
            </div>

            <div class="tier-row tier-midscale">
                <div class="tier-rail"><span class="tier-tag">Midscale</span><span class="tier-rail-line"></span></div>
                <div class="tier-brands">
                    <div class="bcard"><div class="bcard-name">Sonesta Select</div><div class="bcard-count">120 properties</div></div>
                    <div class="bcard"><div class="bcard-name">Sonesta Simply Suites</div><div class="bcard-count">180 properties</div></div>
                    <div class="bcard"><div class="bcard-name">Sonesta ES Suites</div><div class="bcard-count">70 properties</div></div>
                    <div class="bcard"><div class="bcard-name">Red Lion</div><div class="bcard-count">50 properties</div></div>
                </div>
            </div>

            <div class="tier-row tier-economy">
                <div class="tier-rail"><span class="tier-tag">Economy</span><span class="tier-rail-line"></span></div>
                <div class="tier-brands">
                    <div class="bcard"><div class="bcard-name">ABVI</div><div class="bcard-count">350 properties</div></div>
                    <div class="bcard"><div class="bcard-name">Knights Inn</div><div class="bcard-count">80 properties</div></div>
                    <div class="bcard"><div class="bcard-name">Signature Inn</div><div class="bcard-count">60 properties</div></div>
                    <div class="bcard"><div class="bcard-name">Country Inn &amp; Suites</div><div class="bcard-count">70 properties</div></div>
                </div>
            </div>

        </div>

        <style>
        .brand-tree{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
        .tier-row{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:stretch;padding:22px 24px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:14px;transition:all .3s ease}
        .tier-row:hover{background:rgba(255,255,255,0.05);border-color:rgba(197,162,88,0.2)}
        .tier-row.tier-yours{background:linear-gradient(135deg,rgba(197,162,88,0.1),rgba(197,162,88,0.03));border:1px solid rgba(197,162,88,0.35);box-shadow:0 8px 32px rgba(197,162,88,0.12)}
        .tier-rail{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding-top:6px;border-right:1px solid rgba(255,255,255,0.08);padding-right:20px}
        .tier-yours .tier-rail{border-right-color:rgba(197,162,88,0.3)}
        .tier-tag{font-family:'Inter',sans-serif;font-size:1.1rem;font-weight:700;color:#fff;line-height:1;letter-spacing:0.5px;text-transform:uppercase}
        .tier-luxury .tier-tag{color:var(--gold)}
        .tier-upscale .tier-tag{color:#48c9b0}
        .tier-midscale .tier-tag{color:var(--gold)}
        .tier-economy .tier-tag{color:rgba(255,255,255,0.75)}
        .tier-rail-line{height:2px;width:100%;background:linear-gradient(90deg,currentColor,transparent);opacity:0.35}
        .tier-luxury .tier-rail-line{color:var(--gold)}
        .tier-upscale .tier-rail-line{color:#48c9b0}
        .tier-midscale .tier-rail-line{color:var(--gold)}
        .tier-economy .tier-rail-line{color:rgba(255,255,255,0.4)}
        .tier-you-badge{font-family:'JetBrains Mono',monospace;font-size:0.66rem;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-top:6px;padding:3px 10px;border:1px solid rgba(197,162,88,0.4);border-radius:3px;display:inline-block;background:rgba(197,162,88,0.1)}
        .tier-brands{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}
        .bcard{flex:1 1 200px;min-width:180px;padding:18px 20px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative}
        .bcard:hover{transform:translateY(-2px);background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15)}
        .bcard-name{font-family:'Source Sans 3',sans-serif;font-size:1.02rem;font-weight:700;color:#fff;line-height:1.25;margin-bottom:6px}
        .bcard-count{font-family:'Source Sans 3',sans-serif;font-size:0.88rem;color:rgba(255,255,255,0.6);line-height:1.4}
        .bcard-yours{background:linear-gradient(135deg,rgba(197,162,88,0.18),rgba(197,162,88,0.08));border:1px solid rgba(197,162,88,0.5);box-shadow:0 4px 16px rgba(197,162,88,0.15);padding-left:34px}
        .bcard-yours:hover{background:linear-gradient(135deg,rgba(197,162,88,0.24),rgba(197,162,88,0.12));border-color:var(--gold);box-shadow:0 8px 24px rgba(197,162,88,0.25)}
        .bcard-yours .bcard-name{color:var(--gold)}
        .bcard-yours .bcard-count{color:rgba(255,255,255,0.85)}
        .bcard-star{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--gold);font-size:1.3rem;line-height:1;text-shadow:0 0 8px rgba(197,162,88,0.6)}
        @media(max-width:760px){
            .tier-row{grid-template-columns:1fr;gap:14px}
            .tier-rail{border-right:none;border-bottom:1px solid rgba(255,255,255,0.08);padding-right:0;padding-bottom:12px;flex-direction:row;align-items:center;gap:14px}
            .tier-yours .tier-rail{border-bottom-color:rgba(197,162,88,0.3)}
            .tier-rail-line{width:auto;flex:1;height:2px}
        }
        </style>

        <div style="margin-top:36px;text-align:center;max-width:720px;margin-left:auto;margin-right:auto;padding:36px 44px;background:linear-gradient(135deg,rgba(197,162,88,0.06),rgba(197,162,88,0.02));border-left:3px solid var(--gold);border-radius:12px;" data-aos="fade-up">
            <p style="font-family:'Source Sans 3',sans-serif;font-size:1.15rem;color:rgba(255,255,255,0.85);line-height:1.7;margin:0;">
                Brand consolidation — unified data, shared loyalty recognition, cross-sell intelligence — could unlock a <strong style="color:var(--gold);font-size:1.3rem;">3–7% RevPAR improvement</strong> across the portfolio.
            </p>
            <p style="font-family:'Source Sans 3',sans-serif;font-size:0.9rem;color:rgba(255,255,255,0.45);margin-top:12px;">— CBRE Hotels Research, 2025</p>
        </div>

        <!-- SVG 10: Brand Cohesion Radar — 5 Dimensions -->
        <div style="margin-top:48px;text-align:center;" data-aos="fade-up">
            <div style="font-family:'Source Sans 3',sans-serif;font-size:1.5rem;font-weight:700;color:var(--gold);margin-bottom:8px;">Brand Cohesion Assessment</div>
            <div style="font-family:'Source Sans 3',sans-serif;font-size:0.95rem;color:rgba(255,255,255,0.5);margin-bottom:24px;">Target state (gold) vs. current Sonesta position (red)</div>
            <svg viewBox="0 0 480 440" style="width:100%;max-width:460px;margin:0 auto;display:block;" xmlns="http://www.w3.org/2000/svg">
                <!-- Grid rings -->
                <polygon points="240,40 420,140 370,360 110,360 60,140" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/>
                <polygon points="240,80 380,160 340,330 140,330 100,160" fill="none" stroke="rgba(255,255,255,0.06)" stroke-width="1"/>
                <polygon points="240,120 340,180 310,300 170,300 140,180" fill="none" stroke="rgba(255,255,255,0.04)" stroke-width="1"/>
                <!-- Axis lines -->
                <line x1="240" y1="40" x2="240" y2="240" stroke="rgba(255,255,255,0.06)" stroke-width="1"/>
                <line x1="420" y1="140" x2="240" y2="240" stroke="rgba(255,255,255,0.06)" stroke-width="1"/>
                <line x1="370" y1="360" x2="240" y2="240" stroke="rgba(255,255,255,0.06)" stroke-width="1"/>
                <line x1="110" y1="360" x2="240" y2="240" stroke="rgba(255,255,255,0.06)" stroke-width="1"/>
                <line x1="60" y1="140" x2="240" y2="240" stroke="rgba(255,255,255,0.06)" stroke-width="1"/>
                <!-- Target polygon (gold dashed) -->
                <polygon points="240,50 410,145 365,355 115,355 70,145" fill="rgba(197,162,88,0.1)" stroke="#C5A258" stroke-width="1.5" stroke-dasharray="6,4"/>
                <!-- Current Sonesta polygon (red) -->
                <polygon points="240,110 340,175 310,290 170,300 130,190" fill="rgba(192,57,43,0.12)" stroke="#c0392b" stroke-width="2"/>
                <!-- Data points — Target -->
                <circle cx="240" cy="50" r="5" fill="#C5A258" stroke="rgba(0,0,0,0.2)" stroke-width="1"/>
                <circle cx="410" cy="145" r="5" fill="#C5A258" stroke="rgba(0,0,0,0.2)" stroke-width="1"/>
                <circle cx="365" cy="355" r="5" fill="#C5A258" stroke="rgba(0,0,0,0.2)" stroke-width="1"/>
                <circle cx="115" cy="355" r="5" fill="#C5A258" stroke="rgba(0,0,0,0.2)" stroke-width="1"/>
                <circle cx="70" cy="145" r="5" fill="#C5A258" stroke="rgba(0,0,0,0.2)" stroke-width="1"/>
                <!-- Data points — Current -->
                <circle cx="240" cy="110" r="5" fill="#c0392b" stroke="rgba(0,0,0,0.2)" stroke-width="1"/>
                <circle cx="340" cy="175" r="5" fill="#c0392b" stroke="rgba(0,0,0,0.2)" stroke-width="1"/>
                <circle cx="310" cy="290" r="5" fill="#c0392b" stroke="rgba(0,0,0,0.2)" stroke-width="1"/>
                <circle cx="170" cy="300" r="5" fill="#c0392b" stroke="rgba(0,0,0,0.2)" stroke-width="1"/>
                <circle cx="130" cy="190" r="5" fill="#c0392b" stroke="rgba(0,0,0,0.2)" stroke-width="1"/>
                <!-- Dimension labels -->
                <text x="240" y="28" text-anchor="middle" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="13" font-weight="700">Visual Identity</text>
                <text x="438" y="148" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="13" font-weight="700">Guest Experience</text>
                <text x="385" y="374" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="13" font-weight="700">Technology</text>
                <text x="92" y="374" text-anchor="end" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="13" font-weight="700">Loyalty</text>
                <text x="44" y="148" text-anchor="end" fill="rgba(255,255,255,0.9)" font-family="Source Sans 3,sans-serif" font-size="13" font-weight="700">Pricing</text>
                <!-- Gap annotations -->
                <text x="295" y="130" fill="#C5A258" font-family="JetBrains Mono,monospace" font-size="11" letter-spacing="1">← GAP</text>
                <text x="382" y="172" fill="#C5A258" font-family="JetBrains Mono,monospace" font-size="11" letter-spacing="1">← GAP</text>
                <!-- Legend -->
                <rect x="148" y="404" width="16" height="5" rx="2" fill="#C5A258"/>
                <text x="170" y="410" fill="rgba(255,255,255,0.6)" font-family="Source Sans 3,sans-serif" font-size="12" font-weight="600">Target</text>
                <rect x="248" y="404" width="16" height="5" rx="2" fill="#c0392b"/>
                <text x="270" y="410" fill="rgba(255,255,255,0.6)" font-family="Source Sans 3,sans-serif" font-size="12" font-weight="600">Current</text>
            </svg>
        </div>
    </div>
</section>

<!-- INTERACTIVE MARKET SELECTOR -->
<section id="markets" style="background: var(--warm-white);">
    <div class="section-inner">
        <div class="section-label" data-aos="fade-up">Portfolio Intelligence</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">Deep Market Intelligence &mdash; Click Any City</h2>
        <p class="section-subtitle">
            20 major U.S. markets researched. 11 FIFA host cities. Every market where Sonesta has properties &mdash; each with deep competitive intelligence, demand modeling, and revenue strategy.
        </p>

        <div class="property-map-container" data-aos="fade-up">
            <div id="property-map"></div>
        </div>

        <div class="market-grid" id="market-grid">

            <div class="market-card active">
                <div class="market-card-header">
                    <div>
                        <div class="market-city">Dallas / Fort Worth</div>
                        
                    </div>
                    <div class="market-matches">9 Matches</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$2.1B</div>
                    <div class="market-impact-label">Projected economic impact</div>
                    <div class="market-adr"><strong>ADR Premium:</strong> 2&ndash;3x expected</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Multiple Select and ES Suites properties within demand radius of AT&amp;T Stadium. Richardson properties directly benefit. Recommend dynamic pricing activation and group block strategy by April 2026.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div>
                        <div class="market-city">New York / New Jersey</div>
                        
                    </div>
                    <div class="market-matches">10 Matches + FINAL</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$1.7B</div>
                    <div class="market-impact-label">International visitor spending</div>
                    <div class="market-adr"><strong>ADR Premium:</strong> 3&ndash;4x for Final window</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> NYC metro properties are in the highest-demand zone globally for this event. World Cup Final on July 19, 2026 creates 3-night minimum stays. Activate package pricing and international marketing now.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div>
                        <div class="market-city">Houston</div>
                        
                    </div>
                    <div class="market-matches">7 Matches</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$1.5B</div>
                    <div class="market-impact-label">Projected economic impact</div>
                    <div class="market-adr"><strong>ADR Premium:</strong> 1.8&ndash;2.5x expected</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Strong extended-stay presence in Houston market. Corporate travel corridor to NRG Stadium creates mixed business/event demand. Simply Suites properties should target 14+ night stays for team delegations.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div>
                        <div class="market-city">Atlanta</div>
                        
                    </div>
                    <div class="market-matches">8 Matches</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$1B+</div>
                    <div class="market-impact-label">Projected economic impact</div>
                    <div class="market-adr"><strong>ADR Premium:</strong> Semi-final uplift expected</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Atlanta hosts a Semi-final match, creating extended high-demand periods. International fan bases from South America and Europe will anchor in metro hotels for multiple matches. Implement minimum stay requirements.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div>
                        <div class="market-city">Miami</div>
                        
                    </div>
                    <div class="market-matches">8 Matches</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$1.4B</div>
                    <div class="market-impact-label">Projected economic impact</div>
                    <div class="market-adr"><strong>ADR Premium:</strong> International leisure premium</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Miami's international draw is highest among all host cities. Latin American fan delegations will create sustained demand June 12 through July 4. Royal Sonesta Miami is positioned for premium pricing well above standard ADR.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div>
                        <div class="market-city">Los Angeles</div>
                        
                    </div>
                    <div class="market-matches">8 Matches</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$1.3B</div>
                    <div class="market-impact-label">Projected economic impact</div>
                    <div class="market-adr"><strong>ADR Premium:</strong> 2x baseline expected</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> SoFi Stadium venue creates demand across the entire LA basin. Sonesta properties in the greater LA metro should implement event-period pricing strategies. Group tour operators will target extended-stay inventory.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div>
                        <div class="market-city">Philadelphia</div>
                        
                    </div>
                    <div class="market-matches">7 Matches</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$900M</div>
                    <div class="market-impact-label">Projected economic impact</div>
                    <div class="market-adr"><strong>ADR Premium:</strong> 1.5&ndash;2x expected</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Lincoln Financial Field hosts 7 matches. Philadelphia's walkable city center makes hotel proximity highly valued. Implement early booking incentives now to capture group travel before competitors lock supply.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div>
                        <div class="market-city">San Francisco / Bay Area</div>
                        
                    </div>
                    <div class="market-matches">6 Matches</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$850M</div>
                    <div class="market-impact-label">Projected economic impact</div>
                    <div class="market-adr"><strong>ADR Premium:</strong> Tech-corporate hybrid demand</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Levi's Stadium in Santa Clara draws significant Silicon Valley corporate entertainment demand. Sonesta properties should create hybrid corporate + event packages targeting tech company entertainment budgets.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div>
                        <div class="market-city">Seattle</div>
                        
                    </div>
                    <div class="market-matches">6 Matches</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$700M</div>
                    <div class="market-impact-label">Projected economic impact</div>
                    <div class="market-adr"><strong>ADR Premium:</strong> 1.5x baseline</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Lumen Field hosts 6 group stage matches. Seattle's Canadian visitor corridor creates cross-border demand from Vancouver. Extended-stay properties benefit from team staff and media housing needs.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div>
                        <div class="market-city">Boston</div>
                        
                    </div>
                    <div class="market-matches">5 Matches</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$750M</div>
                    <div class="market-impact-label">Projected economic impact</div>
                    <div class="market-adr"><strong>ADR Premium:</strong> European fan premium</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Gillette Stadium draws significant European fan traffic given Boston's trans-Atlantic flight access. International fans typically book longer stays (7-14 nights) and spend 40% more on ancillary revenue. Premium room tier activation recommended.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div>
                        <div class="market-city">Kansas City</div>
                        
                    </div>
                    <div class="market-matches">6 Matches</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$653M</div>
                    <div class="market-impact-label">Projected economic impact</div>
                    <div class="market-adr"><strong>ADR Premium:</strong> 2x+ for match days</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Arrowhead Stadium hosts 6 matches in a market with more limited hotel supply than coastal cities &mdash; creating disproportionate pricing power. ABVI and economy brands in the KC metro should implement match-day surcharges and minimum stay policies.
                </div>
            </div>
            <div class="market-card active">
                <div class="market-card-header">
                    <div><div class="market-city">Chicago</div></div>
                    <div class="market-matches">Major Market</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$1.8B</div>
                    <div class="market-impact-label">Projected annual hotel revenue market</div>
                    <div class="market-adr"><strong>Key Insight:</strong> O'Hare corridor + downtown convention demand. 4 Sonesta brands active.</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Strong presence across Select, Simply Suites, and ES Suites. Convention-driven demand creates predictable peaks. Corporate accounts from Fortune 500 HQs in the Loop and suburbs.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div><div class="market-city">Denver</div></div>
                    <div class="market-matches">Major Market</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$890M</div>
                    <div class="market-impact-label">Annual corporate lodging demand</div>
                    <div class="market-adr"><strong>Key Insight:</strong> Tech migration from Bay Area driving extended-stay demand year-round.</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Extended-stay properties positioned for tech relocation wave. DIA corridor demand growing 8-12% annually. Outdoor recreation tourism adds leisure layer to corporate base.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div><div class="market-city">Nashville</div></div>
                    <div class="market-matches">Major Market</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$1.2B</div>
                    <div class="market-impact-label">Annual visitor spending on lodging</div>
                    <div class="market-adr"><strong>Key Insight:</strong> Healthcare + music industry create dual corporate/leisure demand unique to Nashville.</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Healthcare corridor (HCA, Vanderbilt) drives extended-stay. Broadway tourism creates weekend ADR premiums. Oracle HQ expansion adds 8,500 jobs by 2028.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div><div class="market-city">Orlando</div></div>
                    <div class="market-matches">Major Market</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$3.4B</div>
                    <div class="market-impact-label">Annual hotel revenue (75M visitors)</div>
                    <div class="market-adr"><strong>Key Insight:</strong> Convention center expansion (.3B) creates new corporate demand layer atop leisure base.</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Extended-stay positioned for convention + theme park overflow. International Dr. corridor. Lockheed Martin + defense contractors drive weekday corporate base.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div><div class="market-city">Austin</div></div>
                    <div class="market-matches">Major Market</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$1.1B</div>
                    <div class="market-impact-label">Annual corporate lodging demand</div>
                    <div class="market-adr"><strong>Key Insight:</strong> Tesla Gigafactory, Samsung fab, Apple campus &mdash; sustained multi-year extended-stay demand.</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Extended-stay portfolio perfectly positioned for 6-18 month corporate relocations. SXSW + F1 create event-driven ADR premiums (3-5x) annually.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div><div class="market-city">New Orleans</div></div>
                    <div class="market-matches">Major Market</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$950M</div>
                    <div class="market-impact-label">Annual visitor lodging spend (18M visitors)</div>
                    <div class="market-adr"><strong>Key Insight:</strong> Super Bowl 2025 aftermath + convention calendar creates predictable high-demand windows.</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Royal Sonesta flagship on Bourbon Street anchors luxury presence. Convention center drives group blocks. Mardi Gras, Jazz Fest, French Quarter Fest = annual ADR peaks.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div><div class="market-city">Phoenix / Scottsdale</div></div>
                    <div class="market-matches">Major Market</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$1.5B</div>
                    <div class="market-impact-label">Annual hotel market (40%+ seasonal ADR variance)</div>
                    <div class="market-adr"><strong>Key Insight:</strong> Snowbird + spring training create Nov-Apr super-season. TSMC semiconductor plant adds year-round corporate layer.</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Extended-stay positioned for TSMC construction workforce (40,000 jobs). Resort-style positioning for winter season. Super Bowl 2023 proved 4-5x ADR achievable.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div><div class="market-city">Washington D.C.</div></div>
                    <div class="market-matches">Major Market</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$2.3B</div>
                    <div class="market-impact-label">Annual hotel revenue (most recession-proof U.S. market)</div>
                    <div class="market-adr"><strong>Key Insight:</strong> Government travel = predictable, year-round, per-diem-rate demand. Lobbying season adds premium layer.</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Royal Sonesta Washington D.C. anchors luxury. Government per-diem rates create baseline occupancy floor. Cherry blossom + inaugural cycles add seasonal peaks.
                </div>
            </div>

            <div class="market-card active">
                <div class="market-card-header">
                    <div><div class="market-city">San Antonio</div></div>
                    <div class="market-matches">Major Market</div>
                </div>
                <div class="market-card-body">
                    <div class="market-impact">$780M</div>
                    <div class="market-impact-label">Annual lodging market (largest DoD installation)</div>
                    <div class="market-adr"><strong>Key Insight:</strong> Military TDY travel + Riverwalk tourism + Alamo City events create triple demand base.</div>
                </div>
                <div class="market-details">
                    <strong>Sonesta Position:</strong> Extended-stay positioned for military relocations and contractor assignments. Riverwalk proximity drives leisure. Cybersecurity industry growth adds tech-corporate demand.
                </div>
            </div>



        </div>
    </div>
</section>

<!-- VALUE CREATION -->
<section id="value-creation" style="background:var(--dark);padding:100px 40px">
    <div style="max-width:1100px;margin:0 auto;">
        <div class="section-label" data-aos="fade-up" style="color:var(--gold);text-align:center">The Investment Perspective</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100" style="color:white;text-align:center;max-width:800px;margin:0 auto 20px">
            What You Just Read Would Cost $19.5M&ndash;$38M From Traditional Firms
        </h2>
        <p data-aos="fade-up" data-aos-delay="200" style="font-size:1.05rem;color:rgba(255,255,255,0.6);text-align:center;max-width:700px;margin:0 auto 64px;line-height:1.8">
            No single firm produces this. You would need 4&ndash;5 engagements, 12&ndash;18 months, and a program office to coordinate them. Genesis delivers it continuously from day one &mdash; and it never stops learning.
        </p>

        <!-- COMPARISON TABLE -->
        <div style="overflow:hidden;border-radius:12px;border:1px solid rgba(197,162,88,0.2);margin-bottom:48px;" data-aos="fade-up">
            <table style="width:100%;border-collapse:collapse;font-size:0.95rem;">
                <thead>
                    <tr style="background:rgba(197,162,88,0.12);">
                        <th style="text-align:left;padding:18px 24px;color:var(--gold);font-size:0.75rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;">Firm</th>
                        <th style="text-align:left;padding:18px 24px;color:var(--gold);font-size:0.75rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;">What They Deliver</th>
                        <th style="text-align:right;padding:18px 24px;color:var(--gold);font-size:0.75rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;">Cost</th>
                        <th style="text-align:right;padding:18px 24px;color:var(--gold);font-size:0.75rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;">Timeline</th>
                    </tr>
                </thead>
                <tbody>
                    <tr style="border-bottom:1px solid rgba(255,255,255,0.06);">
                        <td style="padding:16px 24px;color:white;font-weight:600;">McKinsey</td>
                        <td style="padding:16px 24px;color:rgba(255,255,255,0.6);">Enterprise hospitality strategy + technology roadmap</td>
                        <td style="padding:16px 24px;color:var(--gold);font-weight:700;text-align:right;font-size:1.1rem;">$8M&ndash;$15M</td>
                        <td style="padding:16px 24px;color:rgba(255,255,255,0.5);text-align:right;">6&ndash;9 months</td>
                    </tr>
                    <tr style="border-bottom:1px solid rgba(255,255,255,0.06);">
                        <td style="padding:16px 24px;color:white;font-weight:600;">BCG</td>
                        <td style="padding:16px 24px;color:rgba(255,255,255,0.6);">Digital transformation + AI deployment advisory</td>
                        <td style="padding:16px 24px;color:var(--gold);font-weight:700;text-align:right;font-size:1.1rem;">$5M&ndash;$10M</td>
                        <td style="padding:16px 24px;color:rgba(255,255,255,0.5);text-align:right;">4&ndash;8 months</td>
                    </tr>
                    <tr style="border-bottom:1px solid rgba(255,255,255,0.06);">
                        <td style="padding:16px 24px;color:white;font-weight:600;">HVS</td>
                        <td style="padding:16px 24px;color:rgba(255,255,255,0.6);">Full portfolio valuation + market analysis (20 markets)</td>
                        <td style="padding:16px 24px;color:var(--gold);font-weight:700;text-align:right;font-size:1.1rem;">$2M&ndash;$4M</td>
                        <td style="padding:16px 24px;color:rgba(255,255,255,0.5);text-align:right;">3&ndash;6 months</td>
                    </tr>
                    <tr style="border-bottom:1px solid rgba(255,255,255,0.06);">
                        <td style="padding:16px 24px;color:white;font-weight:600;">Deloitte</td>
                        <td style="padding:16px 24px;color:rgba(255,255,255,0.6);">Technology stack assessment + vendor landscape</td>
                        <td style="padding:16px 24px;color:var(--gold);font-weight:700;text-align:right;font-size:1.1rem;">$3M&ndash;$6M</td>
                        <td style="padding:16px 24px;color:rgba(255,255,255,0.5);text-align:right;">3&ndash;5 months</td>
                    </tr>
                    <tr>
                        <td style="padding:16px 24px;color:white;font-weight:600;">CBRE + STR</td>
                        <td style="padding:16px 24px;color:rgba(255,255,255,0.6);">Competitive intelligence + RevPAR benchmarking</td>
                        <td style="padding:16px 24px;color:var(--gold);font-weight:700;text-align:right;font-size:1.1rem;">$1.5M&ndash;$3M</td>
                        <td style="padding:16px 24px;color:rgba(255,255,255,0.5);text-align:right;">2&ndash;4 months</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <!-- TOTAL + GENESIS COMPARISON -->
        <div style="display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:center;max-width:900px;margin:0 auto;" data-aos="fade-up">
            <div style="text-align:center;padding:36px;background:rgba(192,57,43,0.08);border:1px solid rgba(192,57,43,0.25);border-radius:12px;">
                <div style="font-size:0.72rem;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:12px;">Traditional Approach</div>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:700;color:#e74c3c;">$19.5M&ndash;$38M</div>
                <div style="font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px;">12&ndash;18 months to assemble</div>
                <div style="font-size:0.82rem;color:rgba(255,255,255,0.4);margin-top:4px;">Static PDF deliverables. Obsolete within 6 months.</div>
            </div>

            <div style="font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--gold);font-weight:300;">vs.</div>

            <div style="text-align:center;padding:36px;background:rgba(197,162,88,0.08);border:2px solid rgba(197,162,88,0.4);border-radius:12px;">
                <div style="font-size:0.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;">Genesis Partnership</div>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:700;color:var(--gold);">90 Days</div>
                <div style="font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px;">First insights within 30 days</div>
                <div style="font-size:0.82rem;color:rgba(255,255,255,0.4);margin-top:4px;">Living intelligence. Updates every hour. Never stops learning.</div>
            </div>
        </div>

        <p data-aos="fade-up" style="text-align:center;margin-top:48px;font-size:1rem;color:rgba(255,255,255,0.5);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7;">
            The firms above hand you a binder and disappear. Genesis compounds &mdash; every guest review, every rate change, every competitor move makes it sharper. The ROI accelerates, not decays.
        </p>
    </div>
</section>

<!-- PORTFOLIO P&L — THE BIG PICTURE -->
<section id="portfolio-pnl" style="background:linear-gradient(180deg,#0a0f1a 0%,#0f1726 50%,#0a0f1a 100%);padding:120px 40px;position:relative;overflow:hidden;">
    <div style="position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 30%,rgba(197,162,88,0.06) 0%,transparent 60%);pointer-events:none;"></div>
    <div style="max-width:1100px;margin:0 auto;position:relative;z-index:1;">
        <div style="text-align:center;margin-bottom:64px;" data-aos="fade-up">
            <div style="font-size:0.78rem;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-weight:700;">Portfolio Intelligence Summary</div>
            <h2 style="font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3rem);font-weight:600;color:white;margin-bottom:20px;line-height:1.3;">The Year 1 Opportunity Across Your Portfolio</h2>
            <p style="font-size:1.05rem;color:rgba(255,255,255,0.55);max-width:700px;margin:0 auto;line-height:1.8;">Six revenue and cost levers. One intelligence platform. Every number traces to the research in this package.</p>
        </div>

        <!-- THE 6 LEVERS -->
        <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:48px;border-radius:16px;overflow:hidden;" data-aos="fade-up">
            <div style="background:rgba(255,255,255,0.04);padding:36px 28px;text-align:center;border-bottom:2px solid rgba(197,162,88,0.3);">
                <div style="font-size:0.68rem;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:12px;font-weight:600;">01 &middot; Rate Optimization</div>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;color:var(--gold);line-height:1;margin-bottom:8px;">$24M&ndash;$60M</div>
                <div style="font-size:0.85rem;color:rgba(255,255,255,0.5);line-height:1.6;">2&ndash;5% RevPAR lift across 1,200 properties via AI-driven dynamic pricing. Industry-documented via IDeaS/Duetto deployments.</div>
            </div>
            <div style="background:rgba(255,255,255,0.04);padding:36px 28px;text-align:center;border-bottom:2px solid rgba(197,162,88,0.3);">
                <div style="font-size:0.68rem;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:12px;font-weight:600;">02 &middot; Tax Credits &amp; Incentives</div>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;color:var(--gold);line-height:1;margin-bottom:8px;">$198M&ndash;$1.67B</div>
                <div style="font-size:0.85rem;color:rgba(255,255,255,0.5);line-height:1.6;">Federal, state, and local programs. Section 179D, WOTC, cost segregation, EV credits, FICA tip credits. Many expire June 2026.</div>
            </div>
            <div style="background:rgba(255,255,255,0.04);padding:36px 28px;text-align:center;border-bottom:2px solid rgba(197,162,88,0.3);">
                <div style="font-size:0.68rem;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:12px;font-weight:600;">03 &middot; FIFA 2026 Window</div>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;color:var(--gold);line-height:1;margin-bottom:8px;">$120M+</div>
                <div style="font-size:0.85rem;color:rgba(255,255,255,0.5);line-height:1.6;">39 days. 10 host cities. 104 matches. 2&ndash;3x ADR premium with advance dynamic pricing strategy. Once in a generation.</div>
            </div>
            <div style="background:rgba(255,255,255,0.03);padding:36px 28px;text-align:center;">
                <div style="font-size:0.68rem;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:12px;font-weight:600;">04 &middot; Direct Booking Shift</div>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;color:var(--gold);line-height:1;margin-bottom:8px;">$36M&ndash;$73M</div>
                <div style="font-size:0.85rem;color:rgba(255,255,255,0.5);line-height:1.6;">Shift 10&ndash;20% of OTA bookings to direct. Commission savings of 13&ndash;17% per booking on ~$1.2B room revenue.</div>
            </div>
            <div style="background:rgba(255,255,255,0.03);padding:36px 28px;text-align:center;">
                <div style="font-size:0.68rem;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:12px;font-weight:600;">05 &middot; Loyalty Revenue</div>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;color:var(--gold);line-height:1;margin-bottom:8px;">$253M</div>
                <div style="font-size:0.85rem;color:rgba(255,255,255,0.5);line-height:1.6;">AI-personalized Travel Pass. Churn prediction, targeted offers, earn-rate optimization. 8M members &rarr; 30M achievable in 3 years.</div>
            </div>
            <div style="background:rgba(255,255,255,0.03);padding:36px 28px;text-align:center;">
                <div style="font-size:0.68rem;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:12px;font-weight:600;">06 &middot; Operational Efficiency</div>
                <div style="font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;color:var(--gold);line-height:1;margin-bottom:8px;">$42M&ndash;$84M</div>
                <div style="font-size:0.85rem;color:rgba(255,255,255,0.5);line-height:1.6;">5&ndash;10% CPOR reduction via predictive maintenance, energy management, housekeeping optimization, and cross-property staffing AI.</div>
            </div>
        </div>

        <!-- TOTAL -->
        <div style="text-align:center;padding:56px 40px;background:linear-gradient(135deg,rgba(197,162,88,0.12) 0%,rgba(197,162,88,0.04) 100%);border:2px solid rgba(197,162,88,0.4);border-radius:16px;position:relative;overflow:hidden;" data-aos="fade-up">
            <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);"></div>
            <div style="font-size:0.78rem;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-weight:700;">Combined Year 1 Portfolio Opportunity</div>
            <div style="font-family:'Cormorant Garamond',serif;font-size:clamp(3.5rem,6vw,5.5rem);font-weight:700;color:white;line-height:1;">
                $673M <span style="font-size:clamp(1.5rem,2.5vw,2.2rem);color:rgba(255,255,255,0.4);font-weight:300;">to</span> $2.14B
            </div>
            <p style="font-size:1.1rem;color:rgba(255,255,255,0.6);margin-top:20px;max-width:680px;margin-left:auto;margin-right:auto;line-height:1.7;">
                Addressable, recoverable, or incremental value. Every assumption stated. Every source cited. Every number designed to withstand scrutiny.
            </p>
            <div style="display:flex;justify-content:center;gap:48px;margin-top:32px;flex-wrap:wrap;">
                <div style="text-align:center;">
                    <div style="font-family:'Inter',sans-serif;font-size:1.8rem;font-weight:700;color:var(--gold);">30</div>
                    <div style="font-size:0.78rem;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:1px;">Days to first insights</div>
                </div>
                <div style="text-align:center;">
                    <div style="font-family:'Inter',sans-serif;font-size:1.8rem;font-weight:700;color:var(--gold);">90</div>
                    <div style="font-size:0.78rem;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:1px;">Days to proof of value</div>
                </div>
                <div style="text-align:center;">
                    <div style="font-family:'Inter',sans-serif;font-size:1.8rem;font-weight:700;color:var(--gold);">24/7</div>
                    <div style="font-size:0.78rem;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:1px;">Continuous intelligence</div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- DOCUMENT LIBRARY -->
<section class="section-dark" id="documents">
    <div class="section-inner">
        <div class="section-label" data-aos="fade-up">Resource Library</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">Strategic Documents</h2>
        <p class="section-subtitle">
            Complete library of market intelligence, financial models, competitive analysis,
            and strategic recommendations prepared for this engagement.
        </p>

        <div class="document-grid">
            <a href="value-creation.html" class="doc-card" style="border:1px solid rgba(197,162,88,0.4);background:rgba(197,162,88,0.08)">
                <div class="doc-icon" style="color:var(--gold)"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></div>
                <div class="doc-info">
                    <h3 style="color:var(--gold)">Value Creation &mdash; $1.8M&ndash;$5.9M Breakdown</h3>
                    <p>Line-by-line comparison of what each deliverable would cost from McKinsey, HVS, Interbrand, and other top firms.</p>
                </div>
            </a>
            <a href="docs/00_GUIDE.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/></svg></div>
                <div class="doc-info">
                    <h3>Package Guide</h3>
                    <p>Start here — a guided tour of every document in this advisory package and what each one contains.</p>
                </div>
            </a>
            <a href="docs/01_EXECUTIVE_SUMMARY.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25z"/></svg></div>
                <div class="doc-info">
                    <h4>Executive Summary</h4>
                    <p>One-page strategic overview &mdash; The opportunity, the gaps, and the path forward</p>
                </div>
            </a>
            <a href="docs/SONESTA_CORPORATE_VISION.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"/><path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg></div>
                <div class="doc-info">
                    <h4>Corporate Vision &mdash; $232M Year 1</h4>
                    <p>507 lines &mdash; Full enterprise transformation vision for Keith Pierce &amp; Jeff Leer</p>
                </div>
            </a>
            <a href="docs/SONESTA_CORPORATE_STRATEGY.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M3.75 3v11.25A2.25 2.25 0 006 16.5h2.25M3.75 3h-1.5m1.5 0h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0118 16.5h-2.25m-7.5 0h7.5m-7.5 0l-1 3m8.5-3l1 3m0 0l.5 1.5m-.5-1.5h-9.5m0 0l-.5 1.5"/></svg></div>
                <div class="doc-info">
                    <h4>Corporate Strategy</h4>
                    <p>Strategic framework &mdash; Growth levers, competitive positioning, technology roadmap</p>
                </div>
            </a>
            <a href="docs/SONESTA_GENESIS_PLAN.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.493 4.493 0 004.306-1.758M16.5 9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"/></svg></div>
                <div class="doc-info">
                    <h4>The Genesis Plan</h4>
                    <p>370 lines &mdash; Three-phase implementation from proof-of-value to portfolio intelligence</p>
                </div>
            </a>
            <a href="docs/03_SONESTA_AI_STRATEGY.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"/></svg></div>
                <div class="doc-info">
                    <h4>AI Strategy</h4>
                    <p>Artificial intelligence roadmap &mdash; Machine learning, automation, predictive analytics</p>
                </div>
            </a>
            <a href="docs/SONESTA_DEEP_DIVE.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z"/></svg></div>
                <div class="doc-info">
                    <h4>Executive Deep Dive</h4>
                    <p>330 lines &mdash; Complete property analysis, guest reviews, competitive positioning</p>
                </div>
            </a>
            <a href="docs/SONESTA_ROI_MODEL.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></div>
                <div class="doc-info">
                    <h4>Financial ROI Model</h4>
                    <p>250 lines &mdash; WiFi ROI, revenue management, portfolio-wide impact analysis</p>
                </div>
            </a>

            <a href="docs/SONESTA_PRICING_INVESTMENT_EXPLAINED.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z"/></svg></div>
                <div class="doc-info">
                    <h4>Pricing &amp; Investment</h4>
                    <p>Investment breakdown &mdash; Transparent pricing model with ROI justification</p>
                </div>
            </a>
            <a href="docs/SONESTA_BENEFITS_INCENTIVES.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M9 14.25l6-6m4.5-3.493V21.75l-3.75-1.5-3.75 1.5-3.75-1.5-3.75 1.5V4.757c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0c1.1.128 1.907 1.077 1.907 2.185z"/></svg></div>
                <div class="doc-info">
                    <h4>Benefits &amp; Incentives Guide</h4>
                    <p>736 lines &mdash; $198M&ndash;$1.67B in federal, state, and local programs</p>
                </div>
            </a>
            <a href="docs/SONESTA_BENEFITS_INCENTIVES_MASTER.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z"/></svg></div>
                <div class="doc-info">
                    <h4>Benefits Master</h4>
                    <p>Comprehensive incentives catalog &mdash; Every available program mapped to Sonesta properties</p>
                </div>
            </a>
            <a href="docs/SONESTA_TECHNOLOGY_STACK.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z"/><path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg></div>
                <div class="doc-info">
                    <h4>Technology Stack</h4>
                    <p>779 lines &mdash; World-class tech audit: 14 categories, 5 competitor benchmarks</p>
                </div>
            </a>
            <a href="docs/SONESTA_TECH_STACK_VALIDATION_REPORT.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"/></svg></div>
                <div class="doc-info">
                    <h4>Tech Validation Report</h4>
                    <p>Independent validation &mdash; Third-party verification of technology claims and capabilities</p>
                </div>
            </a>

            <a href="docs/SONESTA_INDUSTRY_ANALYSIS.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"/></svg></div>
                <div class="doc-info">
                    <h4>Industry Analysis</h4>
                    <p>335 lines &mdash; AI hospitality market, chain tech investments, industry trends</p>
                </div>
            </a>
            <a href="docs/SONESTA_COMPETITIVE_ANALYSIS.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z"/></svg></div>
                <div class="doc-info">
                    <h4>Competitive Analysis</h4>
                    <p>22 competitors benchmarked &mdash; Market positioning, tech gaps, strategic opportunities</p>
                </div>
            </a>
            <a href="docs/SONESTA_MASTER_BRAND_PORTFOLIO.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z"/></svg></div>
                <div class="doc-info">
                    <h4>Brand Portfolio</h4>
                    <p>13 brands analyzed &mdash; Positioning gaps, growth vectors, consolidation opportunities</p>
                </div>
            </a>

            <a href="docs/SONESTA_RICHARDSON_MARKET_INTELLIGENCE.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"/><path d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"/></svg></div>
                <div class="doc-info">
                    <h4>Richardson Market Intelligence</h4>
                    <p>500+ lines &mdash; Decision-maker profiles, competitive battlefield, corporate ecosystem</p>
                </div>
            </a>
            <a href="docs/22_ENTERPRISE_EXECUTION_PLAN.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M6 6.878V6a2.25 2.25 0 012.25-2.25h7.5A2.25 2.25 0 0118 6v.878m-12 0c.235-.083.487-.128.75-.128h10.5c.263 0 .515.045.75.128m-12 0A2.25 2.25 0 004.5 9v.878m13.5-3A2.25 2.25 0 0119.5 9v.878m0 0a2.246 2.246 0 00-.75-.128H5.25c-.263 0-.515.045-.75.128m15 0A2.25 2.25 0 0121 12v6a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 18v-6c0-.98.626-1.813 1.5-2.122"/></svg></div>
                <div class="doc-info">
                    <h4>Execution Plan</h4>
                    <p>Enterprise deployment &mdash; Phased rollout, milestones, resource requirements</p>
                </div>
            </a>
            <a href="docs/SONESTA_PROPOSAL_DRAFT.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"/></svg></div>
                <div class="doc-info">
                    <h4>Partnership Proposal</h4>
                    <p>Personal letter &mdash; Vision, value proposition, partnership approach</p>
                </div>
            </a>
            <a href="docs/SONESTA_OUTREACH_GUIDE.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.383a14.406 14.406 0 01-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 10-7.517 0c.85.493 1.509 1.333 1.509 2.316V18"/></svg></div>
                <div class="doc-info">
                    <h4>Outreach Strategy</h4>
                    <p>Contact strategy &mdash; Decision-maker mapping and engagement approach</p>
                </div>
            </a>
            <a href="docs/SONESTA_KEITH_PIERCE_PROFILE.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"/></svg></div>
                <div class="doc-info">
                    <h4>Keith Pierce Profile</h4>
                    <p>Leadership intelligence &mdash; Co-CEO background, priorities, and strategic alignment</p>
                </div>
            </a>
            <a href="docs/21_MARKET_COMPARISON_MATRIX.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M3.75 3v11.25A2.25 2.25 0 006 16.5h2.25M3.75 3h-1.5m1.5 0h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0118 16.5h-2.25m-7.5 0h7.5m-7.5 0l-1 3m8.5-3l1 3m0 0l.5 1.5m-.5-1.5h-9.5m0 0l-.5 1.5"/></svg></div>
                <div class="doc-info">
                    <h4>Market Comparison Matrix</h4>
                    <p>11 markets compared &mdash; ADR, RevPAR, occupancy, competitive density benchmarks</p>
                </div>
            </a>
            <a href="docs/04_DALLAS_DFW_MARKET_DEEP_DIVE.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"/><path d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"/></svg></div>
                <div class="doc-info">
                    <h4>Market Deep Dives (11 Cities)</h4>
                    <p>Dallas, Atlanta, Boston, Chicago, Houston, LA, Miami, NYC, Philadelphia, SF, DC</p>
                </div>
            </a>
            <a href="docs/16_DENVER_MARKET_BRIEF.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M9 6.75V15m6-6v8.25m.503 3.498l4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 00-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0z"/></svg></div>
                <div class="doc-info">
                    <h4>Market Briefs (8 Cities)</h4>
                    <p>Denver, Seattle, Nashville, Orlando, Austin, New Orleans, Phoenix, San Antonio</p>
                </div>
            </a>
            <a href="docs/ATLANTA_MARKET_PLAN.html" class="doc-card">
                <div class="doc-icon"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 015.814-5.519l2.74-1.22m0 0l-5.94-2.28m5.94 2.28l-2.28 5.941"/></svg></div>
                <div class="doc-info">
                    <h4>Market Plans (19 Cities)</h4>
                    <p>City-specific growth strategies with property recommendations and revenue projections</p>
                </div>
            </a>
        </div>
    </div>
</section>

<!-- THE REVEAL -->
<section style="background:linear-gradient(135deg,#0F0F1A 0%,#1A1A2E 50%,#0F0F1A 100%);padding:80px 40px;text-align:center;position:relative;overflow:hidden">
    <div style="position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 50%,rgba(197,162,88,0.08) 0%,transparent 60%)"></div>
    <div style="max-width:800px;margin:0 auto;position:relative;z-index:1">
        <div data-aos="fade-up" style="font-size:0.8rem;letter-spacing:5px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:32px">The Proof</div>
        <p data-aos="fade-up" data-aos-delay="200" style="font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,3.2vw,2.2rem);color:rgba(255,255,255,0.8);line-height:1.65;font-weight:300">
            Everything you just read &mdash; every market analysis, every competitive insight, every revenue projection, every named decision-maker &mdash; was produced without a single byte of Sonesta proprietary data.
        </p>
        <div style="width:60px;height:1px;background:var(--gold);margin:56px auto" data-aos="fade-up" data-aos-delay="500"></div>
        <p data-aos="fade-up" data-aos-delay="700" style="font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.3;font-weight:400;font-style:italic;margin-top:56px">
            <span style="background:linear-gradient(135deg,#C5A258 0%,#48BB78 50%,#4299E1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text">Now imagine what Genesis can do with yours.</span>
        </p>
    </div>
</section>

<!-- ============ VALUE CREATION: We Grow Together ============ -->
<section id="value-creation" style="background: var(--warm-white); padding:88px 0;">
    <div class="section-container" style="max-width:1200px;margin:0 auto;padding:0 40px;">
        <div class="section-label" data-aos="fade-up">We Grow Together</div>
        <h2 class="section-title" data-aos="fade-up">What a Partnership with Genesis <em>Delivers on Day One</em></h2>
        <p class="section-subtitle" data-aos="fade-up" style="max-width:820px;margin:0 auto 56px;text-align:center;">Here is every deliverable in this package &mdash; and what the top hospitality consulting firms charge for equivalent work. This is not an invoice. It is evidence of the scale of what Genesis produces when we decide to build for someone.</p>

        <div style="background:#fff;border-radius:16px;padding:8px;box-shadow:0 4px 32px rgba(0,0,0,0.08);overflow:hidden;" data-aos="fade-up">
            <table style="width:100%;border-collapse:collapse;font-size:0.94rem;">
                <thead>
                    <tr style="background:linear-gradient(135deg,var(--dark),#1a2332);">
                        <th style="text-align:left;padding:18px 22px;color:var(--gold);font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:2px;text-transform:uppercase;font-weight:600;">Genesis Deliverable</th>
                        <th style="text-align:left;padding:18px 22px;color:var(--gold);font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:2px;text-transform:uppercase;font-weight:600;">Firm Equivalent</th>
                        <th style="text-align:right;padding:18px 22px;color:var(--gold);font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:2px;text-transform:uppercase;font-weight:600;">Market Rate</th>
                    </tr>
                </thead>
                <tbody>
                    <tr style="border-bottom:1px solid var(--border);">
                        <td style="padding:18px 22px;vertical-align:top;"><strong style="color:var(--dark);">Richardson Market Intelligence</strong><br><span style="font-size:0.86rem;color:var(--text-light);">1,620-line competitive analysis · 22 hotels benchmarked · corporate demand mapped</span></td>
                        <td style="padding:18px 22px;vertical-align:top;color:var(--text-light);font-size:0.88rem;">HVS single-market deep dive</td>
                        <td style="padding:18px 22px;text-align:right;vertical-align:top;"><strong style="font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--accent);">$75K &ndash; $150K</strong></td>
                    </tr>
                    <tr style="border-bottom:1px solid var(--border);background:var(--cream);">
                        <td style="padding:18px 22px;vertical-align:top;"><strong style="color:var(--dark);">20 City Market Plans</strong><br><span style="font-size:0.86rem;color:var(--text-light);">National expansion intelligence, competitive sets, FIFA host cities, corporate demand</span></td>
                        <td style="padding:18px 22px;vertical-align:top;color:var(--text-light);font-size:0.88rem;">HVS market studies × 20</td>
                        <td style="padding:18px 22px;text-align:right;vertical-align:top;"><strong style="font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--accent);">$500K &ndash; $1.5M</strong></td>
                    </tr>
                    <tr style="border-bottom:1px solid var(--border);">
                        <td style="padding:18px 22px;vertical-align:top;"><strong style="color:var(--dark);">Portfolio-Wide ROI Model</strong><br><span style="font-size:0.86rem;color:var(--text-light);">1,200+ properties modeled, $673M&ndash;$2.14B Year 1 portfolio opportunity, 6-lever methodology</span></td>
                        <td style="padding:18px 22px;vertical-align:top;color:var(--text-light);font-size:0.88rem;">CBRE Hotels / JLL advisory</td>
                        <td style="padding:18px 22px;text-align:right;vertical-align:top;"><strong style="font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--accent);">$500K &ndash; $1.5M</strong></td>
                    </tr>
                    <tr style="border-bottom:1px solid var(--border);background:var(--cream);">
                        <td style="padding:18px 22px;vertical-align:top;"><strong style="color:var(--dark);">Tax Credits &amp; Incentives Audit</strong><br><span style="font-size:0.86rem;color:var(--text-light);">Section 179D, cost seg, WOTC, EV credits, FICA tips &mdash; $198M&ndash;$1.67B accessible across 1,200+ properties</span></td>
                        <td style="padding:18px 22px;vertical-align:top;color:var(--text-light);font-size:0.88rem;">Big 4 tax advisory</td>
                        <td style="padding:18px 22px;text-align:right;vertical-align:top;"><strong style="font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--accent);">$500K &ndash; $1.5M</strong></td>
                    </tr>
                    <tr style="border-bottom:1px solid var(--border);">
                        <td style="padding:18px 22px;vertical-align:top;"><strong style="color:var(--dark);">Technology Stack Assessment</strong><br><span style="font-size:0.86rem;color:var(--text-light);">15 tech categories, 5 competitor analysis, 3-phase roadmap, PMS-agnostic intelligence layer</span></td>
                        <td style="padding:18px 22px;vertical-align:top;color:var(--text-light);font-size:0.88rem;">Accenture tech assessment</td>
                        <td style="padding:18px 22px;text-align:right;vertical-align:top;"><strong style="font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--accent);">$750K &ndash; $2M</strong></td>
                    </tr>
                    <tr style="border-bottom:1px solid var(--border);background:var(--cream);">
                        <td style="padding:18px 22px;vertical-align:top;"><strong style="color:var(--dark);">FIFA 2026 Revenue Playbook</strong><br><span style="font-size:0.86rem;color:var(--text-light);">9-match DFW window, rate premium strategy, 39-day yield model, DART overflow positioning</span></td>
                        <td style="padding:18px 22px;vertical-align:top;color:var(--text-light);font-size:0.88rem;">Event revenue consulting</td>
                        <td style="padding:18px 22px;text-align:right;vertical-align:top;"><strong style="font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--accent);">$300K &ndash; $750K</strong></td>
                    </tr>
                    <tr style="border-bottom:1px solid var(--border);">
                        <td style="padding:18px 22px;vertical-align:top;"><strong style="color:var(--dark);">Travel Pass Competitive Analysis</strong><br><span style="font-size:0.86rem;color:var(--text-light);">Loyalty gap vs Bonvoy/Honors, Samsung/Ericsson corporate targeting, recruitment strategy</span></td>
                        <td style="padding:18px 22px;vertical-align:top;color:var(--text-light);font-size:0.88rem;">Brand strategy firm</td>
                        <td style="padding:18px 22px;text-align:right;vertical-align:top;"><strong style="font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--accent);">$200K &ndash; $500K</strong></td>
                    </tr>
                    <tr style="border-bottom:1px solid var(--border);background:var(--cream);">
                        <td style="padding:18px 22px;vertical-align:top;"><strong style="color:var(--dark);">Brand Architecture Study</strong><br><span style="font-size:0.86rem;color:var(--text-light);">13 Sonesta brands decomposed, Sonesta portfolio positioning, cohesion strategy</span></td>
                        <td style="padding:18px 22px;vertical-align:top;color:var(--text-light);font-size:0.88rem;">Interbrand / Lippincott</td>
                        <td style="padding:18px 22px;text-align:right;vertical-align:top;"><strong style="font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--accent);">$750K &ndash; $2M</strong></td>
                    </tr>
                    <tr style="background:linear-gradient(135deg,#0a1628,#1a2332);">
                        <td style="padding:28px 22px;vertical-align:top;"><strong style="font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:#fff;">Total Market Rate</strong><br><span style="font-size:0.82rem;color:rgba(255,255,255,0.55);font-family:'JetBrains Mono',monospace;letter-spacing:1px;text-transform:uppercase;margin-top:4px;display:inline-block;">Equivalent package assembled from top firms</span></td>
                        <td style="padding:28px 22px;vertical-align:top;color:rgba(255,255,255,0.55);font-size:0.88rem;">126&ndash;9 months deliveryndash;18 months delivery</td>
<td style="padding:28px 22px;text-align:right;vertical-align:middle;"><div style="font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;color:var(--gold);line-height:1;">$3.5M &ndash; $9.5M</div></td>
                    </tr>
                </tbody>
            </table>
        </div>


        <div style="background:linear-gradient(135deg,#0a1628 0%,#1a2332 100%);border:1px solid rgba(197,162,88,0.35);border-radius:16px;padding:48px 52px;margin-top:40px;position:relative;overflow:hidden;" data-aos="fade-up">
            <div style="position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);"></div>
            <div style="font-family:'JetBrains Mono',monospace;font-size:0.78rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:18px;">The Frame</div>
            <h3 style="font-family:'Source Sans 3',sans-serif;font-size:1.5rem;font-weight:600;color:#fff;line-height:1.3;margin-bottom:18px;">This is what <em style="color:var(--gold);font-style:normal;">growing together</em> looks like.</h3>
            <p style="font-size:1rem;line-height:1.75;color:rgba(255,255,255,0.82);margin-bottom:14px;">We didn't build this as a pitch. We built it because this is how Genesis engages &mdash; with intelligence-first partnerships where the work itself is the invitation.</p>
            <p style="font-size:1rem;line-height:1.75;color:rgba(255,255,255,0.82);margin:0;">If Sonesta moves forward with Genesis, you're not buying consulting. You're joining an AI-native consultancy at the moment it's taking on the hospitality industry. Early partners shape the roadmap. Early partners carry the momentum. Early partners grow with us &mdash; and we grow faster because of you.</p>
        </div>
    </div>
</section>



<!-- ============ FAQ ============ -->
<section id="faq" class="section-dark" style="padding:88px 0;">
    <div class="section-container" style="max-width:1000px;margin:0 auto;padding:0 40px;">
        <div class="section-label" data-aos="fade-up">What You Are Probably Thinking</div>
        <h2 class="section-title" data-aos="fade-up">The Questions We Would <em>Ask Ourselves</em></h2>
        <p class="section-subtitle" data-aos="fade-up" style="max-width:780px;margin:0 auto 56px;text-align:center;opacity:0.75;">We wrote these because we expect them. Answered directly. No dodging.</p>

        <div style="display:flex;flex-direction:column;gap:18px;" data-aos="fade-up">
            <div style="background:rgba(255,255,255,0.04);border:1px solid rgba(197,162,88,0.2);border-radius:12px;padding:28px 32px;">
                <h3 style="color:var(--gold);font-family:'Source Sans 3',sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:10px;">Why would you build all of this before we paid you anything?</h3>
                <p style="color:rgba(255,255,255,0.82);font-size:0.98rem;line-height:1.7;margin:0;">Because it is the only honest way to prove Genesis works. Every major AI firm in hospitality &mdash; Marriott, Hilton, IHG &mdash; protects their platforms. Genesis is going to market by demonstrating on real operators. You get the work product whether you engage with us or not. It is yours.</p>
            </div>
            <div style="background:rgba(255,255,255,0.04);border:1px solid rgba(197,162,88,0.2);border-radius:12px;padding:28px 32px;">
                <h3 style="color:var(--gold);font-family:'Source Sans 3',sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:10px;">What is the catch?</h3>
                <p style="color:rgba(255,255,255,0.82);font-size:0.98rem;line-height:1.7;margin:0;">There is none. If we never speak again, the intelligence here is still yours. If we do, we work out what a partnership looks like. Outcome-based where we can be. Simple engagement structures. No consultant billing-hour theater.</p>
            </div>
            <div style="background:rgba(255,255,255,0.04);border:1px solid rgba(197,162,88,0.2);border-radius:12px;padding:28px 32px;">
                <h3 style="color:var(--gold);font-family:'Source Sans 3',sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:10px;"><svg viewBox="0 0 24 24" style="width:20px;height:20px;vertical-align:middle;margin-right:8px;display:inline;" fill="none" stroke="#C5A258" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><path d="M22 11.08V12a10 10 0 11-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>How confident are you in the numbers?</h3>
                <p style="color:rgba(255,255,255,0.82);font-size:0.98rem;line-height:1.7;margin:0;">Every figure traces to a named source: STR for market data, Google/TripAdvisor/Booking for the 3,681 reviews, SEC filings (Service Properties Trust, CIK 0000945394), franchise.sonesta.com for brand data, and primary research on Telecom Corridor employers. We flagged every estimate. We cited every source. We built this to survive Cornell-grade scrutiny.</p>
            </div>
            <div style="background:rgba(255,255,255,0.04);border:1px solid rgba(197,162,88,0.2);border-radius:12px;padding:28px 32px;">
                <h3 style="color:var(--gold);font-family:'Source Sans 3',sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:10px;"><svg viewBox="0 0 24 24" style="width:20px;height:20px;vertical-align:middle;margin-right:8px;display:inline;" fill="none" stroke="#C5A258" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6"/></svg>What happens if I just take this and do nothing?</h3>
                <p style="color:rgba(255,255,255,0.82);font-size:0.98rem;line-height:1.7;margin:0;">You captured $1.5M&ndash;$5M+ in tax credits your accountant may not have surfaced. That alone covered the cost of reading this package. Everything else is a decision for another day.</p>
            </div>
            <div style="background:rgba(255,255,255,0.04);border:1px solid rgba(197,162,88,0.2);border-radius:12px;padding:28px 32px;">
                <h3 style="color:var(--gold);font-family:'Source Sans 3',sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:10px;">Why does this even sound different from every other consulting pitch?</h3>
                <p style="color:rgba(255,255,255,0.82);font-size:0.98rem;line-height:1.7;margin:0;">Because it is different. Genesis is built on a philosophy we call Day 7 &mdash; the idea that companies should be measured by who they serve, not who they extract from. We do not sell. We demonstrate. We do not pitch. We build. If the work is the invitation, the rest takes care of itself.</p>
            </div>
        </div>
    </div>
</section>

<!-- THE PERSON BEHIND THE PACKAGE -->
<section class="founder-section" id="founder">
    <div class="section-inner">
        <div class="section-label" data-aos="fade-up">The Person Behind the Package</div>
        <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">You Are Not Buying Software.<br>You Are Gaining a Partner.</h2>

        <div class="founder-grid" data-aos="fade-up" data-aos-delay="200">
            <div>
                <div class="founder-photo">
                    <span class="founder-initials">CH</span>
                </div>
                <div class="founder-title">Founder &middot; CEO<br>Day 7 Public Benefit Corporation<br>Genesis Intelligence Platform</div>
            </div>

            <div class="founder-content">
                <h3>Carter Hill built Genesis without writing a single line of code.</h3>
                <p>
                    Through relentless vision, architectural direction, and AI orchestration, Carter assembled a platform that would take 200 engineers two years and $50 million to replicate. He did it as a solo founder &mdash; directing AI agents the way a conductor leads a symphony.
                </p>
                <div class="founder-highlight">
                    One day, Carter stood at a whiteboard and wrote a number: <strong>24,000</strong>. That is how many children die every day from preventable causes. He decided that technology should serve human flourishing &mdash; not extract from it. Genesis is his answer to the whiteboard question: <em>What if AI made everything better for everyone?</em>
                </div>
                <p>
                    For Sonesta, this means something concrete: you get the mind behind the platform on speed dial. Not a sales team. Not a support queue. The person who architected every layer of the system &mdash; available directly, building alongside your team.
                </p>

                <div class="founder-details">
                    <div class="founder-detail">
                        <div class="founder-detail-icon">
                            <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
                        </div>
                        <span>Single point of contact &mdash; Direct line. No layers.</span>
                    </div>
                    <div class="founder-detail">
                        <div class="founder-detail-icon">
                            <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
                        </div>
                        <span>Company structure &mdash; Public Benefit Corporation</span>
                    </div>
                    <div class="founder-detail">
                        <div class="founder-detail-icon">
                            <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
                        </div>
                        <span>Mission: Human flourishing &mdash; not extraction</span>
                    </div>
                    <div class="founder-detail">
                        <div class="founder-detail-icon">
                            <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
                        </div>
                        <span>$50M+ platform value &mdash; built without VC funding</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CONTACT / CTA -->


<!-- ============ PARTNERSHIP LADDER ============ -->
<section id="partnership" class="section-dark" style="padding:88px 0;">
    <div class="section-container" style="max-width:1200px;margin:0 auto;padding:0 40px;">
        <div class="section-label" data-aos="fade-up">The Invitation</div>
        <h2 class="section-title" data-aos="fade-up">Three Steps. <em>No Pressure.</em></h2>
        <p class="section-subtitle" data-aos="fade-up" style="max-width:780px;margin:0 auto 56px;text-align:center;opacity:0.75;">This is how intelligence partnerships work at Genesis. Each step is optional. Each step earns the next.</p>

        <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px;" data-aos="fade-up">
            <div style="background:rgba(255,255,255,0.04);border:1px solid rgba(197,162,88,0.2);border-radius:14px;padding:36px 32px;position:relative;overflow:hidden;">
                <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light));"></div>
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;">Step 01 &middot; Complete</div>
                <h3 style="font-family:'Source Sans 3',sans-serif;font-size:1.4rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:14px;">The Intelligence Package</h3>
                <p style="font-size:0.94rem;line-height:1.7;color:rgba(255,255,255,0.75);margin-bottom:14px;">What you are reading now. 1,620 lines of Richardson analysis. 20 market plans. ROI model. Tax credits. FIFA playbook. Brand architecture.</p>
                <div style="display:inline-flex;align-items:center;gap:8px;background:rgba(39,174,96,0.15);color:#27ae60;padding:6px 14px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:1px;text-transform:uppercase;font-weight:700;">&#10003; Delivered</div>
            </div>

            <div style="background:rgba(197,162,88,0.08);border:1px solid rgba(197,162,88,0.4);border-radius:14px;padding:36px 32px;position:relative;overflow:hidden;">
                <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light));"></div>
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;">Step 02 &middot; Your Move</div>
                <h3 style="font-family:'Source Sans 3',sans-serif;font-size:1.4rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:14px;">A Conversation</h3>
                <p style="font-size:0.94rem;line-height:1.7;color:rgba(255,255,255,0.85);margin-bottom:14px;">A single 30-minute call. We walk through what resonated, what did not, what you want to test. No slide deck. No sales choreography. Just a conversation about whether a deeper engagement is worth exploring.</p>
                <div style="display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--dark);padding:6px 14px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:1px;text-transform:uppercase;font-weight:700;">&#8594; When you are ready</div>
            </div>

            <div style="background:rgba(255,255,255,0.04);border:1px solid rgba(197,162,88,0.2);border-radius:14px;padding:36px 32px;position:relative;overflow:hidden;">
                <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light));"></div>
                <div style="font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;">Step 03 &middot; Together</div>
                <h3 style="font-family:'Source Sans 3',sans-serif;font-size:1.4rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:14px;">Grow Together</h3>
                <p style="font-size:0.94rem;line-height:1.7;color:rgba(255,255,255,0.75);margin-bottom:14px;">If we both see the fit, we shape the engagement around your actual questions. Outcome-based where we can be. No retainer wrestling matches. Sonesta carries the momentum of an AI-native consultancy going to market with you as an early partner.</p>
                <div style="display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);padding:6px 14px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:1px;text-transform:uppercase;font-weight:700;">If it resonates</div>
            </div>
        </div>
    </div>
</section>


<!-- PHASE C: TALLY FORM (Lead Capture) -->
<section id="contact" style="background: var(--cream); padding: 88px 0;">
    <div class="section-inner" style="max-width:720px;">
        <div style="text-align:center;margin-bottom:36px;">
            <div class="section-label" data-aos="fade-up">Direct Line</div>
            <h2 class="section-title" data-aos="fade-up" data-aos-delay="100">Open the Conversation</h2>
            <p class="section-subtitle" data-aos="fade-up" style="max-width:640px;margin:0 auto;font-family:'Source Sans 3','Inter',sans-serif;font-size:1.05rem;line-height:1.65;">One email. Straight to Carter Hill. No intake funnel, no sales qualification round, no gatekeeping. Response window: 24 hours.</p>
        </div>

        <div data-aos="fade-up" style="background:#fff;border-radius:16px;padding:44px 40px;box-shadow:0 10px 36px rgba(26,42,74,0.1);border:1px solid rgba(197,162,88,0.2);text-align:center;">

            <div style="margin-bottom:26px;">
                <span style="font-family:'Cormorant Garamond',Georgia,serif;font-size:2.2rem;font-weight:600;letter-spacing:0.03em;background:linear-gradient(135deg,#1a5276,#2e86c1,#1abc9c,#48c9b0,#2e86c1,#1a5276);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:flowGradient 6s ease infinite;display:inline-block;line-height:1;">Genesis</span>
                <div style="font-family:'Source Sans 3','Inter',sans-serif;font-size:0.82rem;letter-spacing:0.28em;text-transform:uppercase;color:var(--gold);margin-top:6px;font-weight:500;">Strategic Advisory</div>
            </div>

            <a href="/cdn-cgi/l/email-protection#94f7f5e6e0f1e6d4f9edf0f5eda3baf7fbf9abe7e1f6fef1f7e0a9c7fbfaf1e7e0f5b1a6a4b1d7a7b1ada3b1a6a4d3f1faf1e7fde7b1a6a4b1d1a6b1aca4b1ada0b1a6a4dbe4f1fab1a6a4e0fcf1b1a6a4d7fbfae2f1e6e7f5e0fdfbfab2f6fbf0eda9dcfdb1a6a4d7f5e6e0f1e6b1a6d7b1a4d5b1a4d5c7f5e3b1a6a4e0fcf1b1a6a4c7fbfaf1e7e0f5b1a6a4d8fbf7f5f8b1a6a4e4e6fbe4fbe7f5f8bab1a6a4ddb1a6a3f0b1a6a4f8fdfff1b1a6a4e0fbb1a6a4e0f5f8ffbab1a4d5b1a4d5" style="display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--dark);font-family:'Source Sans 3','Inter',sans-serif;font-size:1.05rem;font-weight:600;letter-spacing:0.04em;padding:18px 40px;border-radius:10px;text-decoration:none;margin-bottom:24px;box-shadow:0 6px 20px rgba(197,162,88,0.3);transition:transform .25s ease, box-shadow .25s ease;">Email Carter Directly &rarr;</a>

            <div style="font-family:'JetBrains Mono',monospace;font-size:0.82rem;letter-spacing:0.12em;color:var(--text-light);margin-top:10px;">
                <a href="/cdn-cgi/l/email-protection#fd9e9c8f89988fbd9084999c84cad39e9290" style="color:var(--gold);text-decoration:none;font-weight:600;"><span class="__cf_email__" data-cfemail="89eae8fbfdecfbc9e4f0ede8f0bea7eae6e4">[email&#160;protected]</span></a>
            </div>

            <div style="border-top:1px solid rgba(26,42,74,0.08);margin-top:32px;padding-top:24px;font-family:'Source Sans 3','Inter',sans-serif;font-size:0.9rem;line-height:1.6;color:var(--text-light);">
                <div style="font-weight:600;color:var(--navy);margin-bottom:6px;">Carter Hill</div>
                Founder &middot; CEO<br/>
                Day 7 Public Benefit Corporation
            </div>
        </div>

        <div style="text-align:center;margin-top:28px;font-family:'JetBrains Mono',monospace;font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-light);">
            24-hour response &middot; No intake team
        </div>
    </div>
</section>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://tally.so/widgets/embed.js" defer></script>
<script>
// Activate Tally iframe src once the widget script is loaded
window.addEventListener('load', function() {
    if (typeof Tally !== 'undefined' && Tally.loadEmbeds) {
        Tally.loadEmbeds();
    } else {
        // Fallback: swap data-tally-src -> src manually
        document.querySelectorAll('iframe[data-tally-src]').forEach(ifr => {
            ifr.src = ifr.dataset.tallySrc;
        });
    }
});
</script>

<!-- FOOTER -->
<footer style="text-align:center;padding:56px 20px;">
    <div style="margin-bottom:10px;">
        <span style="font-family:'Cormorant Garamond',Georgia,serif;font-size:2.4rem;font-weight:600;letter-spacing:0.03em;background:linear-gradient(135deg,#1a5276,#2e86c1,#1abc9c,#48c9b0,#2e86c1,#1a5276);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:flowGradient 6s ease infinite;display:inline-block;line-height:1;">Genesis</span>
    </div>
    <div style="font-family:'Source Sans 3','Inter',sans-serif;font-size:0.95rem;letter-spacing:0.32em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:500;">Strategic Advisory</div>
    <p style="font-family:'Source Sans 3','Inter',sans-serif;font-size:0.85rem;color:rgba(255,255,255,0.55);line-height:1.6;max-width:640px;margin:0 auto;">Intelligence that transforms hospitality.<br/>&copy; 2026 Genesis Strategic Advisory &middot; Day 7 Public Benefit Corporation &middot; Confidential</p>
</footer>

<script>
    // ============ INITIALIZE AOS ============
    AOS.init({ duration: 800, easing: 'ease-out-cubic', once: false, offset: 80 });

    // ============ GSAP + SCROLLTRIGGER ============
    gsap.registerPlugin(ScrollTrigger);

    // Hero parallax effect
    gsap.to('#hero-parallax', {
        y: '30%',
        ease: 'none',
        scrollTrigger: {
            trigger: '.hero',
            start: 'top top',
            end: 'bottom top',
            scrub: true
        }
    });

    // Enhanced "Transforms" entrance with GSAP
    const transformsWord = document.querySelector('.hero h1 em');
    if (transformsWord) {
        gsap.fromTo(transformsWord, {
            opacity: 0,
            letterSpacing: '30px',
            filter: 'blur(12px)',
            scale: 0.6
        }, {
            opacity: 1,
            letterSpacing: 'normal',
            filter: 'blur(0px)',
            scale: 1,
            duration: 2.5,
            ease: 'power3.out',
            delay: 0.8
        });
    }

    // Scroll-driven section transitions - sections fade/slide in smoothly
    document.querySelectorAll('.section-inner').forEach(inner => {
        gsap.from(inner, {
            y: 40,
            opacity: 0.3,
            duration: 1,
            ease: 'power2.out',
            scrollTrigger: {
                trigger: inner,
                start: 'top 85%',
                end: 'top 50%',
                scrub: 1
            }
        });
    });

    // Gold accent lines draw in on scroll
    document.querySelectorAll('.gold-accent-line').forEach(line => {
        gsap.from(line, {
            width: 0,
            duration: 1.2,
            ease: 'power2.out',
            scrollTrigger: {
                trigger: line,
                start: 'top 80%',
                toggleActions: 'play none none none'
            }
        });
    });

    // ============ NAVBAR SCROLL EFFECT ============
    window.addEventListener('scroll', () => {
        const nav = document.getElementById('navbar');
        nav.classList.toggle('scrolled', window.scrollY > 50);
    });

    // ============ NAV DROPDOWN ANCHOR CLICK FIX ============
    document.querySelectorAll('.nav-dropdown > a[href^="#"]').forEach(a => {
        a.addEventListener('click', function(e) {
            e.preventDefault();
            const li = this.parentElement;
            const wasOpen = li.classList.contains('open');
            document.querySelectorAll('.nav-dropdown.open').forEach(d => d.classList.remove('open'));
            if (!wasOpen) {
                li.classList.add('open');
            } else {
                const target = document.querySelector(this.getAttribute('href'));
                if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });
            }
        });
    });
    document.addEventListener('click', function(e) {
        if (!e.target.closest('.nav-dropdown')) {
            document.querySelectorAll('.nav-dropdown.open').forEach(d => d.classList.remove('open'));
        }
    });

    // ============ HASH ANCHOR FIX (for links from other pages) ============
    if (window.location.hash) {
        setTimeout(() => {
            const el = document.querySelector(window.location.hash);
            if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });
        }, 400);
    }

    // ============ COUNTUP ANIMATION (ALL NUMBERS) ============
    function animateCount(el) {
        const targetStr = el.dataset.count;
        const target = parseFloat(targetStr);
        const prefix = el.dataset.prefix || '';
        const suffix = el.dataset.suffix || '';
        const isFloat = targetStr.includes('.');
        const duration = 2000;
        const start = performance.now();
        function update(now) {
            const elapsed = now - start;
            const progress = Math.min(elapsed / duration, 1);
            const eased = 1 - Math.pow(1 - progress, 3);
            const current = eased * target;
            const display = isFloat ? current.toFixed(1) : Math.floor(current).toLocaleString();
            el.textContent = prefix + display + suffix;
            if (progress < 1) requestAnimationFrame(update);
        }
        requestAnimationFrame(update);
    }

    const countObserver = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                animateCount(entry.target);
                countObserver.unobserve(entry.target);
            }
        });
    }, { threshold: 0.3 });

    document.querySelectorAll('[data-count]').forEach(el => countObserver.observe(el));

    // ============ YOUR EMPIRE — PARALLAX ON FULL-WIDTH FLAGSHIPS ONLY ============
    document.querySelectorAll('#your-empire > div[style*="height:580px"]').forEach(panel => {
        const img = panel.querySelector('img');
        if (img) {
            gsap.fromTo(img, { y: '-5%' }, {
                y: '5%',
                ease: 'none',
                scrollTrigger: {
                    trigger: panel,
                    start: 'top bottom',
                    end: 'bottom top',
                    scrub: true
                }
            });
        }
    });

    // AI Arms Race Chart.js REMOVED — replaced with inline SVG above

    // ============ SIDE DOT NAVIGATION ============
    const sideDots = document.querySelectorAll('.side-dot');
    const allSections = document.querySelectorAll('section[id]');
    const navLinks = document.querySelectorAll('.nav-links a');

    // Click to scroll
    sideDots.forEach(dot => {
        dot.addEventListener('click', () => {
            const target = document.getElementById(dot.dataset.target);
            if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });
        });
    });

    // Track active section for both nav and dots
    window.addEventListener('scroll', () => {
        let current = '';
        allSections.forEach(section => {
            const sectionTop = section.offsetTop - 150;
            if (scrollY >= sectionTop) current = section.getAttribute('id');
        });

        // Update nav links
        navLinks.forEach(link => {
            link.classList.remove('active');
            if (link.getAttribute('href') === '#' + current) link.classList.add('active');
        });

        // Update side dots
        sideDots.forEach(dot => {
            dot.classList.toggle('active', dot.dataset.target === current);
        });
    });

    // ============ FIFA COUNTDOWN TIMER ============
    function updateCountdown() {
        const target = new Date('2026-06-11T00:00:00');
        const now = new Date();
        const diff = target - now;
        if (diff <= 0) {
            ['cd-days','cd-hours','cd-minutes','cd-seconds'].forEach(id =>
                document.getElementById(id).textContent = '00');
            return;
        }
        const d = Math.floor(diff / 86400000);
        const h = Math.floor((diff % 86400000) / 3600000);
        const m = Math.floor((diff % 3600000) / 60000);
        const s = Math.floor((diff % 60000) / 1000);
        document.getElementById('cd-days').textContent = String(d).padStart(2, '0');
        document.getElementById('cd-hours').textContent = String(h).padStart(2, '0');
        document.getElementById('cd-minutes').textContent = String(m).padStart(2, '0');
        document.getElementById('cd-seconds').textContent = String(s).padStart(2, '0');
    }
    updateCountdown();
    setInterval(updateCountdown, 1000);

    // ============ MARKET CARD TOGGLE ============
    function toggleMarket(card) {
        const isActive = card.classList.contains('active');
        document.querySelectorAll('.market-card').forEach(c => c.classList.remove('active'));
        if (!isActive) card.classList.add('active');
    }

    // Swiper removed — documents now use CSS grid

    // ============ LEAFLET PROPERTY MAP ============
    if (typeof L !== 'undefined' && document.getElementById('property-map')) {
        const map = L.map('property-map', {
            scrollWheelZoom: false,
            zoomControl: true
        }).setView([20.0, -75.0], 3);

        L.tileLayer('https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png', {
            attribution: '&copy; OpenStreetMap contributors &copy; CARTO',
            maxZoom: 18
        }).addTo(map);

        const goldIcon = L.divIcon({
            className: 'custom-marker',
            html: '<div style="width:14px;height:14px;background:#C5A258;border:2px solid #fff;border-radius:50%;box-shadow:0 0 8px rgba(197,162,88,0.6)"></div>',
            iconSize: [14, 14],
            iconAnchor: [7, 7]
        });

        const intlIcon = L.divIcon({
            className: 'custom-marker',
            html: '<div style="width:14px;height:14px;background:#48BB78;border:2px solid #fff;border-radius:50%;box-shadow:0 0 8px rgba(72,187,120,0.6)"></div>',
            iconSize: [14, 14],
            iconAnchor: [7, 7]
        });

        const cities = [
            { name: 'Dallas / Fort Worth', lat: 32.78, lng: -96.80, matches: 9, impact: '$2.1B', region: 'US', link: 'market-comparison.html' },
            { name: 'New York / New Jersey', lat: 40.81, lng: -74.07, matches: 10, impact: '$1.7B', region: 'US', link: 'market-comparison.html' },
            { name: 'Houston', lat: 29.76, lng: -95.37, matches: 7, impact: '$1.5B', region: 'US', link: 'market-comparison.html' },
            { name: 'Atlanta', lat: 33.75, lng: -84.39, matches: 8, impact: '$1B+', region: 'US', link: 'market-comparison.html' },
            { name: 'Miami', lat: 25.76, lng: -80.19, matches: 8, impact: '$1.4B', region: 'US', link: 'market-comparison.html' },
            { name: 'Los Angeles', lat: 34.05, lng: -118.24, matches: 8, impact: '$1.3B', region: 'US', link: 'market-comparison.html' },
            { name: 'Philadelphia', lat: 39.95, lng: -75.17, matches: 7, impact: '$900M', region: 'US', link: 'market-comparison.html' },
            { name: 'San Francisco Bay Area', lat: 37.33, lng: -121.89, matches: 6, impact: '$850M', region: 'US', link: 'market-comparison.html' },
            { name: 'Seattle', lat: 47.60, lng: -122.33, matches: 6, impact: '$700M', region: 'US', link: 'market-comparison.html' },
            { name: 'Boston', lat: 42.37, lng: -71.06, matches: 5, impact: '$750M', region: 'US', link: 'market-comparison.html' },
            { name: 'Kansas City', lat: 39.10, lng: -94.58, matches: 6, impact: '$653M', region: 'US', link: 'market-comparison.html' },
            { name: 'Chicago', lat: 41.88, lng: -87.63, matches: null, impact: '$1.8B Market', region: 'US', link: 'market-comparison.html' },
            { name: 'Denver', lat: 39.74, lng: -104.99, matches: null, impact: '$890M Market', region: 'US', link: 'market-comparison.html' },
            { name: 'Nashville', lat: 36.16, lng: -86.78, matches: null, impact: '$1.2B Market', region: 'US', link: 'market-comparison.html' },
            { name: 'Orlando', lat: 28.54, lng: -81.38, matches: null, impact: '$3.4B Market', region: 'US', link: 'market-comparison.html' },
            { name: 'Austin', lat: 30.27, lng: -97.74, matches: null, impact: '$1.1B Market', region: 'US', link: 'market-comparison.html' },
            { name: 'New Orleans', lat: 29.95, lng: -90.07, matches: null, impact: '$950M Market', region: 'US', link: 'market-comparison.html' },
            { name: 'Phoenix', lat: 33.45, lng: -112.07, matches: null, impact: '$1.5B Market', region: 'US', link: 'market-comparison.html' },
            { name: 'Washington D.C.', lat: 38.91, lng: -77.04, matches: null, impact: '$2.3B Market', region: 'US', link: 'market-comparison.html' },
            { name: 'San Antonio', lat: 29.42, lng: -98.49, matches: null, impact: '$780M Market', region: 'US', link: 'market-comparison.html' },
            { name: 'Santiago, Chile', lat: -33.45, lng: -70.67, matches: null, impact: 'Sonesta Hotel Santiago', region: 'INTL', link: 'market-comparison.html' },
            { name: 'Bogot\u00e1, Colombia', lat: 4.71, lng: -74.07, matches: null, impact: 'Sonesta Hotel Bogot\u00e1', region: 'INTL', link: 'market-comparison.html' },
            { name: 'Cartagena, Colombia', lat: 10.39, lng: -75.51, matches: null, impact: 'Sonesta Hotel Cartagena', region: 'INTL', link: 'market-comparison.html' },
            { name: 'Quito, Ecuador', lat: -0.18, lng: -78.47, matches: null, impact: 'Sonesta Hotel Quito', region: 'INTL', link: 'market-comparison.html' },
            { name: 'Guayaquil, Ecuador', lat: -2.17, lng: -79.92, matches: null, impact: 'Sonesta Hotel Guayaquil', region: 'INTL', link: 'market-comparison.html' },
            { name: 'Lima, Peru', lat: -12.05, lng: -77.04, matches: null, impact: 'Sonesta Hotel El Olivar Lima', region: 'INTL', link: 'market-comparison.html' },
            { name: 'Cusco, Peru', lat: -13.52, lng: -71.97, matches: null, impact: 'Sonesta Posada del Inca Cusco', region: 'INTL', link: 'market-comparison.html' },
            { name: 'Georgetown, Guyana', lat: 6.80, lng: -58.16, matches: null, impact: 'Sonesta Georgetown', region: 'INTL', link: 'market-comparison.html' },
            { name: 'St. Maarten', lat: 18.04, lng: -63.07, matches: null, impact: 'Sonesta Maho Beach Resort', region: 'INTL', link: 'market-comparison.html' },
            { name: 'Toronto, Canada', lat: 43.65, lng: -79.38, matches: null, impact: 'Sonesta Toronto', region: 'INTL', link: 'market-comparison.html' },
            { name: 'Vancouver, Canada', lat: 49.28, lng: -123.12, matches: null, impact: 'Sonesta Vancouver', region: 'INTL', link: 'market-comparison.html' },
            { name: 'Montreal, Canada', lat: 45.50, lng: -73.57, matches: null, impact: 'Sonesta Montreal', region: 'INTL', link: 'market-comparison.html' }
    ];

        cities.forEach(city => {
            const icon = city.region === 'INTL' ? intlIcon : goldIcon;
            const popupContent = city.matches
                ? '<a href="' + city.link + '" style="text-decoration:none;color:inherit"><strong>' + city.name + '</strong>' +
                  '<br><span class="map-popup-matches">' + city.matches + ' FIFA Matches</span>' +
                  '<br>Economic Impact: ' + city.impact +
                  '<br><span style="color:#C5A258;font-size:0.8rem;margin-top:4px;display:inline-block">View Market Details &rarr;</span></a>'
                : '<a href="' + city.link + '" style="text-decoration:none;color:inherit"><strong>' + city.name + '</strong>' +
                  '<br><span style="color:#48BB78;font-size:0.85rem">' + city.impact + '</span>' +
                  '<br><span style="color:#C5A258;font-size:0.8rem;margin-top:4px;display:inline-block">View Market Details &rarr;</span></a>';
            L.marker([city.lat, city.lng], { icon: icon })
                .addTo(map)
                .bindPopup(popupContent);
        });
    }

    // ============ EXPANDABLE CARDS ============
    document.querySelectorAll('.expandable-card').forEach(card => {
        card.addEventListener('click', () => {
            card.classList.toggle('expanded');
        });
    });

    // ============ PER-SECTION PDF DOWNLOAD ============
    async function downloadSection(sectionId, filename) {
        const section = document.getElementById(sectionId);
        if (!section || typeof html2canvas === 'undefined') return;

        const btn = event.target.closest('.section-download-btn');
        if (btn) { btn.textContent = 'Generating...'; btn.disabled = true; }

        try {
            const canvas = await html2canvas(section, {
                scale: 2,
                useCORS: true,
                backgroundColor: null,
                logging: false
            });

            const { jsPDF } = window.jspdf;
            const pdf = new jsPDF('l', 'mm', 'a4');
            const imgWidth = 297;
            const imgHeight = (canvas.height * imgWidth) / canvas.width;
            pdf.addImage(canvas.toDataURL('image/png'), 'PNG', 0, 0, imgWidth, Math.min(imgHeight, 210));
            pdf.save(filename + '.pdf');
        } catch (e) {
            console.error('PDF generation failed:', e);
        }

        if (btn) {
            btn.innerHTML = '<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="14" height="14"><path d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>Save PDF';
            btn.disabled = false;
        }
    }
</script>


<!-- Day 7 Confidentiality Banner -->
<div class="day-7-confidential-banner" style="background:#0a1628;border-top:1px solid rgba(197,162,88,0.25);padding:18px 40px;text-align:center;">
    <div style="max-width:1200px;margin:0 auto;font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:3.5px;text-transform:uppercase;color:rgba(255,255,255,0.55);">
        Confidential &mdash; <span style="color:var(--gold);">Day 7 Public Benefit Corporation</span> &mdash; Prepared Exclusively for Sonesta International Hotels &mdash; Do Not Distribute Without Authorization
    </div>
</div>

</body>
</html>
