{"id":40,"date":"2026-04-28T08:59:44","date_gmt":"2026-04-28T08:59:44","guid":{"rendered":"https:\/\/breezy-donovan.duckdns.org\/?page_id=40"},"modified":"2026-04-28T09:14:18","modified_gmt":"2026-04-28T09:14:18","slug":"home","status":"publish","type":"page","link":"https:\/\/breezy-wordpress.duckdns.org\/","title":{"rendered":"Home"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"en-US\"><br \/>\n<head><br \/>\n  <meta charset=\"UTF-8\"><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n  <title>Breezy<\/title><\/p>\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700&family=Playfair+Display:wght@400;700;900&display=swap');\n    :root {\n      --sky-50: #f0f9ff;\n      --sky-100: #e0f2fe;\n      --sky-200: #bae6fd;\n      --sky-400: #38bdf8;\n      --sky-500: #0ea5e9;\n      --sky-600: #0284c7;\n      --sky-700: #0369a1;\n      --slate-50: #f8fafc;\n      --slate-100: #f1f5f9;\n      --slate-200: #e2e8f0;\n      --slate-300: #cbd5e1;\n      --slate-500: #64748b;\n      --slate-600: #475569;\n      --slate-700: #334155;\n      --slate-800: #1e293b;\n      --slate-900: #0f172a;\n      --amber-400: #fbbf24;\n      --amber-500: #f59e0b;\n      --emerald-400: #34d399;\n      --emerald-500: #10b981;\n      --rose-500: #f43f5e;\n      --violet-500: #8b5cf6;\n      --radius: 12px;\n      --radius-lg: 20px;\n      --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);\n      --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.06);\n      --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.08);\n      --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.1);\n    }\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n    body {\n      font-family: 'DM Sans', system-ui, sans-serif;\n      color: var(--slate-800);\n      background: var(--sky-50);\n      line-height: 1.6;\n      overflow-x: hidden;\n    }\n    h1,\n    h2,\n    h3,\n    h4 {\n      font-family: 'Playfair Display', serif;\n      line-height: 1.15;\n    }\n    html {\n      scroll-behavior: smooth;\n    }\n    \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n    .header-wrap {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      z-index: 100;\n    }\n    \/* Utility bar *\/\n    .utility-bar {\n      background: var(--slate-900);\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n      padding: 0 32px;\n      height: 36px;\n      gap: 24px;\n      border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    }\n    .utility-bar a {\n      color: rgba(255, 255, 255, 0.7);\n      text-decoration: none;\n      font-size: 0.75rem;\n      font-weight: 500;\n      letter-spacing: 0.5px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: color 0.2s;\n    }\n    .utility-bar a:hover {\n      color: #fff;\n    }\n    .utility-bar .util-icon {\n      font-size: 0.85rem;\n    }\n    \/* Middle bar: logo + secondary nav *\/\n    .mid-bar {\n      background: var(--slate-800);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 0 32px;\n      height: 56px;\n      border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n    }\n    .nav-brand {\n      font-family: 'Playfair Display', serif;\n      font-weight: 900;\n      font-size: 1.5rem;\n      color: #fff;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    .nav-brand em {\n      font-style: normal;\n      background: linear-gradient(135deg, var(--sky-400), var(--violet-500));\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n    .mid-links {\n      display: flex;\n      align-items: center;\n      gap: 28px;\n    }\n    .mid-links a {\n      color: rgba(255, 255, 255, 0.75);\n      text-decoration: none;\n      font-size: 0.8rem;\n      font-weight: 600;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      transition: color 0.2s;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n    .mid-links a:hover {\n      color: #fff;\n    }\n    .mid-links .book-btn {\n      background: var(--sky-500);\n      color: #fff;\n      padding: 8px 20px;\n      border-radius: 4px;\n      transition: background 0.2s;\n    }\n    .mid-links .book-btn:hover {\n      background: var(--sky-600);\n    }\n    \/* Main nav bar *\/\n    .main-nav {\n      background: var(--slate-700);\n      display: flex;\n      align-items: center;\n      padding: 0 32px;\n      height: 48px;\n      gap: 0;\n    }\n    .location-badge {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-right: 24px;\n      color: #fff;\n      font-size: 0.85rem;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      white-space: nowrap;\n    }\n    .location-dot {\n      width: 22px;\n      height: 22px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, #34d399, #0ea5e9);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 0.7rem;\n    }\n    .main-nav-links {\n      display: flex;\n      align-items: center;\n      height: 100%;\n    }\n    .main-nav-links a {\n      color: rgba(255, 255, 255, 0.85);\n      text-decoration: none;\n      font-size: 0.8rem;\n      font-weight: 600;\n      letter-spacing: 1.8px;\n      text-transform: uppercase;\n      padding: 0 20px;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      border-right: 1px solid rgba(255, 255, 255, 0.12);\n      transition: background 0.2s, color 0.2s;\n      white-space: nowrap;\n    }\n    .main-nav-links a:first-child {\n      border-left: 1px solid rgba(255, 255, 255, 0.12);\n    }\n    .main-nav-links a:hover {\n      background: rgba(255, 255, 255, 0.08);\n      color: #fff;\n    }\n    \/* MORE dropdown *\/\n    .more-wrap {\n      position: relative;\n      height: 100%;\n    }\n    .more-btn {\n      background: none;\n      border: none;\n      cursor: pointer;\n      color: rgba(255, 255, 255, 0.85);\n      font-size: 0.8rem;\n      font-weight: 600;\n      letter-spacing: 1.8px;\n      text-transform: uppercase;\n      padding: 0 20px;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      border-right: 1px solid rgba(255, 255, 255, 0.12);\n      transition: background 0.2s;\n      font-family: inherit;\n    }\n    .more-btn:hover {\n      background: rgba(255, 255, 255, 0.08);\n      color: #fff;\n    }\n    .more-arrow {\n      font-size: 0.6rem;\n      transition: transform 0.2s;\n    }\n    .more-btn.open .more-arrow {\n      transform: rotate(180deg);\n    }\n    .more-dropdown {\n      position: absolute;\n      top: 100%;\n      right: 0;\n      background: rgba(30, 41, 59, 0.97);\n      backdrop-filter: blur(8px);\n      min-width: 200px;\n      padding: 8px 0;\n      opacity: 0;\n      visibility: hidden;\n      transform: translateY(-4px);\n      transition: opacity 0.2s, transform 0.2s, visibility 0.2s;\n      border: 1px solid rgba(255, 255, 255, 0.08);\n    }\n    .more-dropdown.open {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0);\n    }\n    .more-dropdown a {\n      display: block;\n      padding: 12px 24px;\n      color: rgba(255, 255, 255, 0.8);\n      text-decoration: none;\n      font-size: 0.8rem;\n      font-weight: 600;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      transition: background 0.15s, color 0.15s;\n    }\n    .more-dropdown a:hover {\n      background: rgba(255, 255, 255, 0.08);\n      color: #fff;\n    }\n    \/* \u2500\u2500 HAMBURGER (mobile) \u2500\u2500 *\/\n    .hamburger {\n      display: none;\n      background: none;\n      border: none;\n      cursor: pointer;\n      width: 44px;\n      height: 44px;\n      position: relative;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n    }\n    .hamburger span {\n      display: block;\n      width: 26px;\n      height: 2px;\n      background: #fff;\n      border-radius: 2px;\n      transition: transform 0.3s, opacity 0.2s;\n    }\n    .hamburger.open span:nth-child(1) {\n      transform: translateY(8px) rotate(45deg);\n    }\n    .hamburger.open span:nth-child(2) {\n      opacity: 0;\n    }\n    .hamburger.open span:nth-child(3) {\n      transform: translateY(-8px) rotate(-45deg);\n    }\n    \/* \u2500\u2500 MOBILE MENU OVERLAY \u2500\u2500 *\/\n    .mobile-menu {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: var(--slate-900);\n      z-index: 99;\n      flex-direction: column;\n      align-items: center;\n      padding-top: 120px;\n      gap: 0;\n      overflow-y: auto;\n    }\n    .mobile-menu.open {\n      display: flex;\n    }\n    .mobile-menu a {\n      display: block;\n      color: #fff;\n      text-decoration: none;\n      font-size: 1.05rem;\n      font-weight: 600;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      padding: 18px 32px;\n      text-align: center;\n      width: 100%;\n      max-width: 400px;\n      transition: background 0.15s;\n    }\n    .mobile-menu a:hover {\n      background: rgba(255, 255, 255, 0.05);\n    }\n    .mobile-menu .mobile-divider {\n      width: 80%;\n      max-width: 300px;\n      height: 1px;\n      background: rgba(255, 255, 255, 0.1);\n      margin: 8px auto;\n    }\n    \/* \u2500\u2500 RESPONSIVE NAV \u2500\u2500 *\/\n    @media (max-width: 1024px) {\n      .main-nav-links,\n      .more-wrap {\n        display: none;\n      }\n      .mid-links {\n        display: none;\n      }\n      .utility-bar {\n        display: none;\n      }\n      .hamburger {\n        display: flex;\n      }\n      .step-connector {\n        display: none;\n      }\n      .mid-bar {\n        height: 60px;\n      }\n      .main-nav {\n        height: 44px;\n      }\n      .location-badge {\n        margin-right: 0;\n      }\n    }\n    \/* \u2500\u2500 HERO \u2500\u2500 *\/\n    .hero {\n      min-height: 100vh;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      padding: 180px 24px 80px;\n      background:\n        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(186, 230, 253, 0.5), transparent),\n        radial-gradient(ellipse 60% 50% at 80% 80%, rgba(139, 92, 246, 0.08), transparent),\n        var(--sky-50);\n      position: relative;\n      overflow: hidden;\n    }\n    .hero::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='%230ea5e9' opacity='0.08'\/%3E%3C\/svg%3E\");\n      pointer-events: none;\n    }\n    .badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      background: #fff;\n      border: 1px solid var(--sky-200);\n      border-radius: 100px;\n      padding: 6px 16px;\n      font-size: 0.8rem;\n      font-weight: 600;\n      color: var(--sky-700);\n      margin-bottom: 24px;\n      box-shadow: var(--shadow-sm);\n    }\n    .badge span {\n      display: inline-block;\n      width: 8px;\n      height: 8px;\n      background: var(--emerald-400);\n      border-radius: 50%;\n    }\n    .hero h1 {\n      font-size: clamp(2.8rem, 6vw, 5.5rem);\n      font-weight: 900;\n      max-width: 800px;\n      margin-bottom: 20px;\n    }\n    .hero h1 em {\n      font-style: normal;\n      background: linear-gradient(135deg, var(--sky-500), var(--violet-500));\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n    .hero p {\n      font-size: 1.2rem;\n      color: var(--slate-500);\n      max-width: 540px;\n      margin-bottom: 36px;\n    }\n    .hero-buttons {\n      display: flex;\n      gap: 14px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n    .btn {\n      padding: 14px 32px;\n      border-radius: 100px;\n      font-size: 1rem;\n      font-weight: 600;\n      text-decoration: none;\n      cursor: pointer;\n      border: none;\n      transition: all 0.2s;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n    }\n    .btn-primary {\n      background: var(--sky-500);\n      color: #fff;\n      box-shadow: 0 4px 16px rgba(14, 165, 233, 0.35);\n    }\n    .btn-primary:hover {\n      background: var(--sky-600);\n      transform: translateY(-2px);\n      box-shadow: 0 8px 24px rgba(14, 165, 233, 0.4);\n    }\n    .btn-secondary {\n      background: #fff;\n      color: var(--slate-700);\n      border: 1.5px solid var(--slate-200);\n    }\n    .btn-secondary:hover {\n      border-color: var(--sky-300);\n      background: var(--sky-50);\n    }\n    .social-proof {\n      margin-top: 56px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 10px;\n    }\n    .avatars {\n      display: flex;\n    }\n    .avatars span {\n      width: 36px;\n      height: 36px;\n      border-radius: 50%;\n      border: 2.5px solid #fff;\n      margin-left: -10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 0.85rem;\n    }\n    .avatars span:first-child {\n      margin-left: 0;\n    }\n    .social-proof p {\n      font-size: 0.85rem;\n      color: var(--slate-500);\n    }\n    .social-proof strong {\n      color: var(--slate-800);\n    }\n    \/* \u2500\u2500 LOGOS \u2500\u2500 *\/\n    .logos {\n      padding: 48px 24px;\n      text-align: center;\n      border-top: 1px solid var(--sky-100);\n      border-bottom: 1px solid var(--sky-100);\n      background: #fff;\n    }\n    .logos p {\n      font-size: 0.8rem;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: var(--slate-400);\n      font-weight: 600;\n      margin-bottom: 24px;\n    }\n    .logo-row {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 48px;\n      flex-wrap: wrap;\n      opacity: 0.35;\n    }\n    .logo-row span {\n      font-family: 'Playfair Display', serif;\n      font-weight: 700;\n      font-size: 1.3rem;\n      color: var(--slate-700);\n    }\n    \/* \u2500\u2500 SECTION UTILITY \u2500\u2500 *\/\n    section {\n      padding: 96px 24px;\n    }\n    .container {\n      max-width: 1100px;\n      margin: 0 auto;\n    }\n    .section-label {\n      font-size: 0.75rem;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: var(--sky-500);\n      font-weight: 700;\n      margin-bottom: 10px;\n    }\n    .section-title {\n      font-size: clamp(2rem, 4vw, 3rem);\n      font-weight: 900;\n      margin-bottom: 16px;\n    }\n    .section-sub {\n      font-size: 1.05rem;\n      color: var(--slate-500);\n      max-width: 560px;\n    }\n    \/* \u2500\u2500 FEATURES \u2500\u2500 *\/\n    .features {\n      background: #fff;\n    }\n    .features-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 24px;\n      margin-top: 56px;\n    }\n    .feature-card {\n      background: var(--slate-50);\n      border: 1px solid var(--slate-100);\n      border-radius: var(--radius-lg);\n      padding: 36px 28px;\n      transition: transform 0.25s, box-shadow 0.25s;\n      cursor: default;\n    }\n    .feature-card:hover {\n      transform: translateY(-4px);\n      box-shadow: var(--shadow-lg);\n    }\n    .feature-icon {\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.5rem;\n      margin-bottom: 20px;\n    }\n    .feature-card h3 {\n      font-size: 1.25rem;\n      margin-bottom: 8px;\n      font-weight: 700;\n    }\n    .feature-card p {\n      color: var(--slate-500);\n      font-size: 0.95rem;\n    }\n    \/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\n    .how {\n      background: var(--sky-50);\n    }\n    .steps {\n      display: flex;\n      gap: 32px;\n      margin-top: 56px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n    .step {\n      flex: 1;\n      min-width: 220px;\n      max-width: 300px;\n      text-align: center;\n      position: relative;\n      padding: 0 12px;\n      \/* For the hover effect *\/\n      \/* 2. Smooth transition for hover effects *\/\n      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n      border-radius: 16px;\n      border: 2px solid transparent;\n      transition: all 0.4s ease;\n      box-sizing: border-box;\n    }\n    .step:hover,\n    .step.in-view {\n      padding: 0 10px;\n      \/* 1. Expanding padding on hover for a more dynamic feel *\/\n      \/* Not really necessary. I just like that it feels \"bouncy\" *\/\n      \/* 3. The \"Coming Forward\" movement *\/\n      transform: translateY(-12px) scale(1.02);\n      \/* 4. The Shadow *\/\n      box-shadow: var(--shadow-hover);\n      \/* 5. Darker background on hover *\/\n      background-color: #f8fafc;\n      border-color: var(--sky-600);\n    }\n    .step-num {\n      width: 56px;\n      height: 56px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, var(--sky-500), var(--violet-500));\n      color: #fff;\n      font-weight: 700;\n      font-size: 1.3rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 18px;\n      margin-top: 7px;\n      box-shadow: 0 4px 16px rgba(14, 165, 233, 0.25);\n    }\n    .step-connector {\n      flex: 1;\n      height: 2px;\n      background: var(--slate-500);\n      align-self: center;\n      \/* Centers it vertically with the numbers *\/\n      min-width: 20px;\n      max-width: 50px;\n    }\n    .step h3 {\n      font-size: 1.15rem;\n      margin-bottom: 8px;\n    }\n    .step:hover h3 {\n      color: var(--sky-600);\n    }\n    .step p {\n      font-size: 0.9rem;\n      color: var(--slate-500);\n    }\n    \/* \u2500\u2500 PRICING \u2500\u2500 *\/\n    .pricing {\n      background: #fff;\n    }\n    .pricing-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 24px;\n      margin-top: 56px;\n    }\n    .price-card {\n      border: 1.5px solid var(--slate-200);\n      border-radius: var(--radius-lg);\n      padding: 36px 28px;\n      position: relative;\n      background: #fff;\n      transition: transform 0.2s;\n    }\n    .price-card:hover {\n      transform: translateY(-3px);\n    }\n    .price-card.popular {\n      border-color: var(--sky-400);\n      box-shadow: 0 0 0 1px var(--sky-400), var(--shadow-xl);\n    }\n    .popular-tag {\n      position: absolute;\n      top: -13px;\n      left: 50%;\n      transform: translateX(-50%);\n      background: linear-gradient(135deg, var(--sky-500), var(--violet-500));\n      color: #fff;\n      font-size: 0.72rem;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      padding: 4px 16px;\n      border-radius: 100px;\n    }\n    .price-card h3 {\n      font-size: 1.3rem;\n      margin-bottom: 4px;\n    }\n    .price-card .desc {\n      font-size: 0.85rem;\n      color: var(--slate-500);\n      margin-bottom: 20px;\n    }\n    .price {\n      font-family: 'Playfair Display', serif;\n      font-size: 3rem;\n      font-weight: 900;\n    }\n    .price sup {\n      font-size: 1.2rem;\n      top: -1rem;\n    }\n    .price sub {\n      font-size: 0.85rem;\n      font-weight: 400;\n      color: var(--slate-500);\n      bottom: 0;\n    }\n    .price-card ul {\n      list-style: none;\n      margin: 24px 0;\n    }\n    .price-card li {\n      padding: 8px 0;\n      font-size: 0.9rem;\n      color: var(--slate-600);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n    .price-card li::before {\n      content: '\u2713';\n      color: var(--emerald-500);\n      font-weight: 700;\n    }\n    .price-card .btn {\n      width: 100%;\n      justify-content: center;\n      margin-top: 8px;\n    }\n    \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\n    .testimonials {\n      background: var(--slate-900);\n      color: #fff;\n    }\n    .testimonials .section-label {\n      color: var(--sky-400);\n    }\n    .testimonials .section-sub {\n      color: var(--slate-300);\n    }\n    .test-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 24px;\n      margin-top: 56px;\n    }\n    .test-card {\n      background: rgba(255, 255, 255, 0.05);\n      border: 1px solid rgba(255, 255, 255, 0.08);\n      border-radius: var(--radius-lg);\n      padding: 32px 24px;\n    }\n    .stars {\n      color: var(--amber-400);\n      font-size: 1rem;\n      margin-bottom: 16px;\n      letter-spacing: 2px;\n    }\n    .test-card blockquote {\n      font-size: 1rem;\n      line-height: 1.7;\n      color: var(--slate-200);\n      margin-bottom: 20px;\n      font-style: italic;\n    }\n    .test-author {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n    .test-avatar {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1rem;\n      font-weight: 600;\n    }\n    .test-author strong {\n      display: block;\n      font-size: 0.9rem;\n    }\n    .test-author span {\n      font-size: 0.8rem;\n      color: var(--slate-400);\n    }\n    \/* \u2500\u2500 STATS \u2500\u2500 *\/\n    .stats {\n      background: linear-gradient(135deg, var(--sky-500), var(--violet-500));\n      color: #fff;\n      text-align: center;\n      padding: 72px 24px;\n    }\n    .stats-grid {\n      display: flex;\n      justify-content: center;\n      gap: 64px;\n      flex-wrap: wrap;\n    }\n    .stat h2 {\n      font-size: 3.2rem;\n      font-weight: 900;\n    }\n    .stat p {\n      font-size: 0.9rem;\n      opacity: 0.85;\n      margin-top: 4px;\n    }\n    \/* \u2500\u2500 FAQ \u2500\u2500 *\/\n    .faq {\n      background: var(--sky-50);\n    }\n    .faq-list {\n      max-width: 680px;\n      margin: 56px auto 0;\n    }\n    .faq-item {\n      border-bottom: 1px solid var(--slate-200);\n      padding: 20px 0;\n    }\n    .faq-q {\n      font-weight: 700;\n      font-size: 1.05rem;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background: none;\n      border: none;\n      width: 100%;\n      text-align: left;\n      font-family: inherit;\n      color: var(--slate-800);\n    }\n    .faq-q::after {\n      content: '+';\n      font-size: 1.4rem;\n      color: var(--sky-500);\n      transition: transform 0.2s;\n    }\n    .faq-q.open::after {\n      transform: rotate(45deg);\n    }\n    .faq-a {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.3s ease, padding 0.3s;\n      color: var(--slate-500);\n      font-size: 0.95rem;\n      line-height: 1.7;\n    }\n    .faq-a.open {\n      max-height: 200px;\n      padding-top: 12px;\n    }\n    \/* \u2500\u2500 NEWSLETTER \/ CTA \u2500\u2500 *\/\n    .newsletter {\n      background: #fff;\n      text-align: center;\n    }\n    .nl-box {\n      background: var(--slate-900);\n      border-radius: var(--radius-lg);\n      padding: 64px 40px;\n      max-width: 720px;\n      margin: 0 auto;\n      color: #fff;\n    }\n    .nl-box h2 {\n      font-size: 2.2rem;\n      margin-bottom: 12px;\n    }\n    .nl-box p {\n      color: var(--slate-300);\n      margin-bottom: 28px;\n    }\n    .nl-form {\n      display: flex;\n      gap: 10px;\n      max-width: 440px;\n      margin: 0 auto;\n    }\n    .nl-form input {\n      flex: 1;\n      padding: 14px 18px;\n      border-radius: 100px;\n      border: 1.5px solid rgba(255, 255, 255, 0.15);\n      background: rgba(255, 255, 255, 0.08);\n      color: #fff;\n      font-size: 0.95rem;\n      font-family: inherit;\n      outline: none;\n      transition: border-color 0.2s;\n    }\n    .nl-form input::placeholder {\n      color: var(--slate-400);\n    }\n    .nl-form input:focus {\n      border-color: var(--sky-400);\n    }\n    .nl-form .btn-primary {\n      white-space: nowrap;\n    }\n    \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n    footer {\n      background: var(--slate-900);\n      color: var(--slate-400);\n      padding: 64px 24px 32px;\n      border-top: 1px solid rgba(255, 255, 255, 0.05);\n    }\n    .footer-grid {\n      max-width: 1100px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 2fr 1fr 1fr 1fr;\n      gap: 40px;\n    }\n    .footer-brand .nav-brand {\n      font-size: 1.5rem;\n    }\n    .footer-brand p {\n      margin-top: 10px;\n      font-size: 0.85rem;\n      line-height: 1.6;\n      max-width: 280px;\n    }\n    footer h4 {\n      color: #fff;\n      font-size: 0.85rem;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 16px;\n      font-family: 'DM Sans', sans-serif;\n    }\n    footer ul {\n      list-style: none;\n    }\n    footer li {\n      margin-bottom: 10px;\n    }\n    footer a {\n      color: var(--slate-400);\n      text-decoration: none;\n      font-size: 0.9rem;\n      transition: color 0.2s;\n    }\n    footer a:hover {\n      color: var(--sky-400);\n    }\n    .footer-bottom {\n      max-width: 1100px;\n      margin: 48px auto 0;\n      padding-top: 24px;\n      border-top: 1px solid rgba(255, 255, 255, 0.06);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 0.8rem;\n      flex-wrap: wrap;\n      gap: 12px;\n    }\n    \/* \u2500\u2500 TOAST \u2500\u2500 *\/\n    .toast {\n      position: fixed;\n      bottom: 24px;\n      right: 24px;\n      z-index: 200;\n      background: var(--slate-900);\n      color: #fff;\n      padding: 16px 24px;\n      border-radius: var(--radius);\n      box-shadow: var(--shadow-xl);\n      font-size: 0.9rem;\n      transform: translateY(120%);\n      transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .toast.show {\n      transform: translateY(0);\n    }\n    .main-nav-links a {\n      position: relative;\n      z-index: 100;\n      \/* Higher than the header-wrap *\/\n      pointer-events: auto !important;\n    }\n    \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n    @media (max-width: 768px) {\n      .footer-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n      .nl-form {\n        flex-direction: column;\n      }\n      .stats-grid {\n        gap: 32px;\n      }\n      .mobileStep {\n        padding: 0 10px;\n        \/* 1. Expanding padding on hover for a more dynamic feel *\/\n        \/* Not really necessary. I just like that it feels \"bouncy\" *\/\n        \/* 3. The \"Coming Forward\" movement *\/\n        transform: translateY(-12px) scale(1.02);\n        \/* 4. The Shadow *\/\n        box-shadow: var(--shadow-hover);\n        \/* 5. Darker background on hover *\/\n        background-color: #f8fafc;\n        border-color: var(--sky-600);\n      }\n    }\n  <\/style>\n<p><\/head><br \/>\n<body><br \/>\n  <!-- HEADER --><br \/>\n    <!-- Utility bar --><br \/>\n      <a href=\"#\">\ud83d\udcf1 Breezy App<\/a><br \/>\n      <a href=\"#\">\ud83d\udcc5 Consultations<\/a><br \/>\n      <a href=\"#\">\ud83d\udcde 1-888-AIR-GOOD<\/a><br \/>\n    <!-- Mid bar: logo + secondary links --><br \/>\n      <em>Breezy<\/em>&thinsp;\u2122<br \/>\n        <a href=\"#\">Locations \u25be<\/a><br \/>\n        <a href=\"#\">Rewards Club<\/a><br \/>\n        <a href=\"#signup\">Book Air \u25be<\/a><br \/>\n      <button id=\"hamburgerBtn\" onclick=\"toggleMobileMenu()\"><br \/>\n      <\/button><br \/>\n    <!-- Main nav --><br \/>\n        \ud83d\udccd<br \/>\n        SUMMIT<br \/>\n        <a href=\"#features\">Features<\/a><br \/>\n        <a href=\"#how\">How It Works<\/a><br \/>\n        <a href=\"#pricing\">Pricing<\/a><br \/>\n        <a href=\"#testimonials\">Reviews<\/a><br \/>\n        <a href=\"#\">Promotions<\/a><br \/>\n        <button onclick=\"toggleMore()\"><br \/>\n          More \u25bc<br \/>\n        <\/button><br \/>\n          <a href=\"#faq\">FAQ<\/a><br \/>\n          <a href=\"#\">Air Menu<\/a><br \/>\n          <a href=\"#\">Careers<\/a><br \/>\n          <a href=\"#\">Directions<\/a><br \/>\n  <!-- MOBILE MENU OVERLAY --><br \/>\n    <a href=\"#features\" onclick=\"closeMobile()\">Features<\/a><br \/>\n    <a href=\"#how\" onclick=\"closeMobile()\">How It Works<\/a><br \/>\n    <a href=\"#pricing\" onclick=\"closeMobile()\">Pricing<\/a><br \/>\n    <a href=\"#testimonials\" onclick=\"closeMobile()\">Reviews<\/a><br \/>\n    <a href=\"#\">Promotions<\/a><br \/>\n    <a href=\"#faq\" onclick=\"closeMobile()\">FAQ<\/a><br \/>\n    <a href=\"#\">Air Menu<\/a><br \/>\n    <a href=\"#\">Careers<\/a><br \/>\n    <a href=\"#\">Directions<\/a><br \/>\n    <a href=\"#\">Locations<\/a><br \/>\n    <a href=\"#\">Rewards Club<\/a><br \/>\n    <a href=\"#signup\" onclick=\"closeMobile()\">Book Air<\/a><\/p>\n<article id=\"post-2\">\n<header>\n<h1 itemprop=\"name\">Home<\/h1>\n<\/header>\n<p>      <!-- HERO --><\/p>\n<section id=\"hero\">\n         Now serving 47 countries<\/p>\n<h1>Premium <em>Artisanal Air<\/em>, Delivered&nbsp;Fresh<\/h1>\n<p>Hand-curated atmospheric blends sourced from the world&#8217;s finest altitudes. Because you deserve air with<br \/>\n          <em>character<\/em>.\n        <\/p>\n<p>          <button onclick=\"window.location.href='#'\">Start Breathing Better \u2192<\/button><br \/>\n          <button onclick=\"showToast('\ud83d\udcfa Playing: \" The Art of Nothing\" (3 min)')\">\u25b6 Watch<br \/>\n            the Story<\/button><br \/>\n            \ud83e\uddd1<br \/>\n            \ud83d\udc69<br \/>\n            \ud83e\uddd4<br \/>\n            \ud83d\udc71<br \/>\n            \ud83d\udc69\u200d\ud83e\uddb0<\/p>\n<p><strong>12,847<\/strong> breathers joined this month<\/p>\n<\/section>\n<p>      <!-- LOGOS --><\/p>\n<p>Trusted by industry leaders who breathe<\/p>\n<p>          Lungify<br \/>\n          AirBnBreeze<br \/>\n          OxyCorp<br \/>\n          NostrilTech<br \/>\n          GaspWorks<br \/>\n      <!-- FEATURES --><\/p>\n<section id=\"features\">\n          Why Breezy<br \/>\n          Air, but make it \u2728 premium \u2728<\/p>\n<p>We ruined a perfectly free resource by adding a subscription model. You&#8217;re<br \/>\n            welcome.<\/p>\n<p>              \ud83c\udfd4\ufe0f<\/p>\n<h3>Mountain-Sourced\u2122<\/h3>\n<p>Each batch is harvested at peak altitude by our trained Air Sommeliers using proprietary glass jars.\n              <\/p>\n<p>              \ud83e\uddec<\/p>\n<h3>DNA-Matched Blends<\/h3>\n<p>Our AI analyzes your 23andMe data to craft a bespoke nitrogen-oxygen ratio. Patent pending.<\/p>\n<p>              \ud83c\udf3f<\/p>\n<h3>Carbon-Neutral Carbon<\/h3>\n<p>We offset our CO\u2082 by thinking really hard about trees. It&#8217;s basically the same thing.<\/p>\n<p>              \u26a1<\/p>\n<h3>Instant Delivery<\/h3>\n<p>Our patented &#8220;Open a Window&#8221; technology ensures same-second delivery anywhere on Earth.<\/p>\n<p>              \ud83d\udd2c<\/p>\n<h3>Lab-Verified Purity<\/h3>\n<p>Every batch is tested by scientists who definitely exist and are not just our intern in a lab coat.<\/p>\n<p>              \ud83e\udd1d<\/p>\n<h3>Community Breathing<\/h3>\n<p>Join our Discord of 50k+ breathers. Share tips, techniques, and which nostril you prefer.<\/p>\n<\/section>\n<p>      <!-- HOW IT WORKS --><\/p>\n<section id=\"how\">\n          How It Works<br \/>\n          Three steps to better breathing<\/p>\n<p style=\"margin:0 auto;\">It&#8217;s so simple, you&#8217;ve probably been doing it wrong<br \/>\n            your whole life.<\/p>\n<p>              1<\/p>\n<h3>Take Our Quiz<\/h3>\n<p>Answer 47 deeply personal questions so we can recommend the air you were already breathing.<\/p>\n<p>              2<\/p>\n<h3>We &#8220;Curate&#8221;<\/h3>\n<p>Our team spends 0 minutes hand-selecting the exact same air from our warehouse (the sky).<\/p>\n<p>              3<\/p>\n<h3>Breathe &#038; Subscribe<\/h3>\n<p>Inhale, exhale, repeat. If you stop, it&#8217;s not our fault but also please don&#8217;t cancel.<\/p>\n<\/section>\n<p>      <!-- PRICING --><\/p>\n<section id=\"pricing\">\n          Pricing<br \/>\n          Choose your atmosphere<\/p>\n<p style=\"margin:0 auto;\">All plans include unlimited access to Earth&#8217;s atmosphere<br \/>\n            (terms apply).<\/p>\n<h3>Casual Breather<\/h3>\n<p>For the air-curious<\/p>\n<p>              <sup>$<\/sup>9<sub>\/mo<\/sub><\/p>\n<ul>\n<li>Up to 23,000 breaths\/day<\/li>\n<li>Standard atmospheric blend<\/li>\n<li>Email support (we may reply)<\/li>\n<li>1 nostril optimization<\/li>\n<\/ul>\n<p>              <button onclick=\"showToast('\ud83e\udec1 Welcome aboard, Casual Breather!')\">Get<br \/>\n                Started<\/button><br \/>\n              Most Popular<\/p>\n<h3>Power Inhaler<\/h3>\n<p>For serious oxygen enthusiasts<\/p>\n<p>              <sup>$<\/sup>29<sub>\/mo<\/sub><\/p>\n<ul>\n<li>Unlimited breaths<\/li>\n<li>3 premium altitude blends<\/li>\n<li>Priority support (we will reply)<\/li>\n<li>Dual-nostril optimization<\/li>\n<li>Monthly Air Report\u2122<\/li>\n<\/ul>\n<p>              <button\n                onclick=\"showToast('\ud83c\udf89 Power Inhaler activated! Take a deep breath.')\">Start Free Trial<\/button><\/p>\n<h3>Enterprise Lung<\/h3>\n<p>For teams that breathe together<\/p>\n<p>              <sup>$<\/sup>99<sub>\/mo<\/sub><\/p>\n<ul>\n<li>Everything in Power Inhaler<\/li>\n<li>Dedicated Air Account Manager<\/li>\n<li>Custom scent profiles<\/li>\n<li>SSO (Single Sniff-On)<\/li>\n<li>SLA: 99.9% oxygen uptime<\/li>\n<\/ul>\n<p>              <button\n                onclick=\"showToast('\ud83d\udcde Our Air Sales team will reach out within 1 business breath.')\">Contact<br \/>\n                Sales<\/button><br \/>\n      <\/section>\n<p>      <!-- TESTIMONIALS --><\/p>\n<section id=\"testimonials\">\n          Testimonials<br \/>\n          Don&#8217;t take our word for it<\/p>\n<p>Real reviews from real breathers. Probably.<\/p>\n<p>              \u2605\u2605\u2605\u2605\u2605<\/p>\n<blockquote><p>&#8220;I&#8217;ve been breathing for 34 years and never knew I was doing it wrong. Breezy<br \/>\n                changed everything. My left nostril has never been more optimized.&#8221;<\/p><\/blockquote>\n<p>                \ud83e\uddd1<br \/>\n                <strong>Jordan P.<\/strong>VP of Inhaling, Lungify<br \/>\n              \u2605\u2605\u2605\u2605\u2605<\/p>\n<blockquote><p>&#8220;We switched our entire office to Breezy Enterprise. Productivity is the same but morale<br \/>\n                is confusingly higher. 10\/10 would subscribe to air again.&#8221;<\/p><\/blockquote>\n<p>                \ud83d\udc69<br \/>\n                <strong>Sam K.<\/strong>COO, NostrilTech<br \/>\n              \u2605\u2605\u2605\u2605\u2606<\/p>\n<blockquote><p>&#8220;Four stars because I briefly forgot to breathe and it wasn&#8217;t covered under the<br \/>\n                warranty. Otherwise, flawless product. The Mountain Blend slaps.&#8221;<\/p><\/blockquote>\n<p>                \ud83e\uddd4<br \/>\n                <strong>Taylor R.<\/strong>Professional Breather<br \/>\n      <\/section>\n<p>      <!-- STATS --><\/p>\n<section>\n<h2>12M+<\/h2>\n<p>Breaths facilitated<\/p>\n<h2>99.97%<\/h2>\n<p>Oxygen uptime SLA<\/p>\n<h2>47<\/h2>\n<p>Countries served<\/p>\n<h2>0<\/h2>\n<p>Customers who stopped breathing*<\/p>\n<\/section>\n<p>      <!-- FAQ --><\/p>\n<section id=\"faq\">\n          FAQ<br \/>\n          Questions we made up<\/p>\n<p style=\"margin:0 auto;\">Transparent answers to the questions literally nobody asked.<\/p>\n<p>              <button onclick=\"toggleFaq(this)\">Isn&#8217;t air already free?<\/button><br \/>\n              Technically, yes. But is <em>free<\/em> air really the air you want to be breathing? Our<br \/>\n                air comes with a receipt, and that&#8217;s called peace of mind.<br \/>\n              <button onclick=\"toggleFaq(this)\">What if I forget to breathe?<\/button><br \/>\n              That&#8217;s actually a medical concern and not something we can help with. But our<br \/>\n                Power Inhaler plan does include breathing reminders via push notification every 4 seconds.<br \/>\n              <button onclick=\"toggleFaq(this)\">Can I cancel anytime?<\/button><br \/>\n              You can cancel your subscription anytime! You&#8217;ll just need to fill out a 23-page<br \/>\n                form, attend an exit interview with our Air Retention Specialist, and solve a CAPTCHA that&#8217;s<br \/>\n                actually a lung capacity test.<br \/>\n              <button onclick=\"toggleFaq(this)\">Is this a real product?<\/button><br \/>\n              This is a test site for A\/B testing and other experiments. But honestly, at this point<br \/>\n                in tech, would you really be surprised if someone funded this? We&#8217;ve seen worse on Product Hunt.<br \/>\n              <button onclick=\"toggleFaq(this)\">Do you have an API?<\/button><br \/>\n              Yes! Our REST API supports GET \/air and POST \/exhale endpoints. Rate limited to 12<br \/>\n                breaths per minute (we recommend not exceeding this in production or in life).<br \/>\n      <\/section>\n<p>      <!-- NEWSLETTER CTA --><\/p>\n<section id=\"signup\">\n<h2>Ready to breathe different?<\/h2>\n<p>Join 12,847 breathers. Get weekly air quality insights and exclusive nostril tips.<\/p>\n<p>              <input type=\"email\" placeholder=\"you@breathe.io\" id=\"emailInput\"><br \/>\n              <button onclick=\"handleSignup()\">Subscribe Free \u2192<\/button><\/p>\n<p style=\"font-size:0.75rem; color:var(--slate-500); margin-top:14px;\">No spam. Just air. Unsubscribe by<br \/>\n              holding your breath for 60 seconds.<\/p>\n<\/section>\n<\/article>\n<p>  <!-- FOOTER --><\/p>\n<footer>\n          <em>Breezy<\/em>&thinsp;\u2122<\/p>\n<p>Making the world&#8217;s most abundant resource feel exclusive since 2026. Venture-backed. Carbon-confused.<\/p>\n<h4>Product<\/h4>\n<ul>\n<li><a href=\"#features\">Features<\/a><\/li>\n<li><a href=\"#pricing\">Pricing<\/a><\/li>\n<li><a href=\"#\">API Docs<\/a><\/li>\n<li><a href=\"#\">Changelog<\/a><\/li>\n<\/ul>\n<h4>Company<\/h4>\n<ul>\n<li><a href=\"#\">About (It&#8217;s Air)<\/a><\/li>\n<li><a href=\"#\">Blog<\/a><\/li>\n<li><a href=\"#\">Careers<\/a><\/li>\n<li><a href=\"#\">Press Kit<\/a><\/li>\n<\/ul>\n<h4>Legal<\/h4>\n<ul>\n<li><a href=\"#\">Privacy Policy<\/a><\/li>\n<li><a href=\"#\">Terms of Service<\/a><\/li>\n<li><a href=\"#\">Air EULA<\/a><\/li>\n<li><a href=\"#\">Nostril Waiver<\/a><\/li>\n<\/ul>\n<p>      &copy; 2026 Breezy<br \/>\n  <\/footer>\n<p>  <!-- TOAST --><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Breezy \ud83d\udcf1 Breezy App \ud83d\udcc5 Consultations \ud83d\udcde 1-888-AIR-GOOD Breezy&thinsp;\u2122 Locations \u25be Rewards Club Book Air \u25be \ud83d\udccd SUMMIT Features How It Works Pricing Reviews Promotions More \u25bc FAQ Air Menu Careers Directions Features How It Works Pricing Reviews Promotions FAQ Air Menu Careers Directions Locations Rewards Club Book Air Home Now serving 47 countries Premium [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":45,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-40","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/breezy-wordpress.duckdns.org\/index.php?rest_route=\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/breezy-wordpress.duckdns.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/breezy-wordpress.duckdns.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/breezy-wordpress.duckdns.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/breezy-wordpress.duckdns.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40"}],"version-history":[{"count":8,"href":"https:\/\/breezy-wordpress.duckdns.org\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":72,"href":"https:\/\/breezy-wordpress.duckdns.org\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions\/72"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/breezy-wordpress.duckdns.org\/index.php?rest_route=\/wp\/v2\/media\/45"}],"wp:attachment":[{"href":"https:\/\/breezy-wordpress.duckdns.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}