/* landing.css — BookingBreeze marketing system, adapted from measured production-reference behavior */

@layer modules {
  .marketing-root,
  .marketing-body { overflow-x: clip; }

  .marketing-body {
    background: var(--marketing-paper);
    color: var(--marketing-ink);
  }

  .marketing-container {
    width: min(calc(100% - 2.5rem), 80rem);
    margin-inline: auto;
  }

  .marketing-flash {
    position: fixed;
    z-index: 100;
    top: 1rem;
    right: 1rem;
    width: min(24rem, calc(100% - 2rem));
  }

  .eyebrow {
    margin: 0 0 1rem;
    color: var(--marketing-ink);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    line-height: 1.5;
    text-transform: uppercase;
  }

  .eyebrow-light { color: color-mix(in oklch, var(--marketing-paper), transparent 18%); }

  .text-link-arrow,
  .hero-text-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: inherit;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
  }

  .text-link-arrow::after,
  .hero-text-link::after {
    content: "→";
    transition: transform 300ms ease;
  }

  .text-link-arrow:hover::after,
  .hero-text-link:hover::after { transform: translateX(0.25rem); }

  /* Announcement, utility navigation, and production-reference header */
  .marketing-announcement {
    min-height: 2.5rem;
    background: var(--accent-primary);
    color: var(--marketing-ink);
  }

  .announcement-inner {
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.83rem;
  }

  .announcement-kicker { font-weight: 900; }
  .announcement-link { margin-left: 0.35rem; color: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 0.2em; }

  .marketing-utility {
    min-height: 2.5625rem;
    border-bottom: 1px solid var(--border-color);
    background: var(--marketing-paper);
  }

  .utility-inner {
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.25rem;
  }

  .utility-inner a { color: var(--marketing-ink); font-size: 0.78rem; font-weight: 500; }
  .utility-inner a + a { padding-left: 1.25rem; border-left: 1px solid var(--border-color); }

  .marketing-header {
    position: sticky;
    z-index: 50;
    top: 0;
    display: block;
    background: var(--marketing-paper);
    border-bottom: 1px solid transparent;
    transition: translate 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), border-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .marketing-header.is-scrolled,
  .marketing-header:has(.marketing-mega-menu-shell.is-open) { border-bottom-color: var(--border-color); }

  .marketing-header-inner {
    position: relative;
    z-index: 60;
    width: min(calc(100% - 6.125rem), 83.875rem);
    min-height: 5rem;
    padding-inline: 2rem;
    display: flex;
    align-items: center;
    gap: 2rem;
  }

  .breeze-logo {
    position: relative;
    z-index: 80;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.65rem;
    color: var(--marketing-ink);
  }

  .breeze-logo:hover { opacity: 1; }
  .breeze-logo-mark { width: 1.65rem; height: 1.6rem; display: flex; align-items: center; justify-content: center; gap: 0.13rem; color: var(--marketing-ink); }
  .breeze-logo-mark span { display: block; width: 0.32rem; height: 1.25rem; border-radius: 50%; background: currentColor; transform: rotate(8deg); }
  .breeze-logo-mark span:nth-child(2) { height: 1.55rem; transform: rotate(-4deg); }
  .breeze-logo-mark span:nth-child(3) { height: 1.05rem; transform: rotate(7deg); }
  .breeze-logo-word { font-family: var(--font-display); font-size: 1.2rem; font-weight: 900; letter-spacing: -0.055em; }

  .marketing-navigation { flex: 1; min-width: 0; }
  .marketing-nav-desktop { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
  .marketing-nav-links, .marketing-nav-actions { display: flex; align-items: center; gap: 2rem; }

  .marketing-nav-links > a,
  .marketing-menu-button,
  .nav-sign-in {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--marketing-ink);
    font-family: var(--font-sans);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    cursor: pointer;
    transition: opacity 300ms ease;
  }

  .marketing-nav-links > a:hover,
  .marketing-menu-button:hover,
  .marketing-menu-button.is-active { opacity: 0.65; }

  .marketing-mobile-header-actions,
  .marketing-menu-toggle,
  .marketing-nav-panel { display: none; }
  .marketing-nav-locked { overflow: hidden; }

  /* Desktop mega-menu plane */
  .marketing-mega-menu-shell {
    --mega-menu-height: 0px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 45;
    height: var(--mega-menu-height);
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-0.45rem) scaleY(0.985);
    transform-origin: top center;
    transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms ease, transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .marketing-mega-menu-shell.is-open { opacity: 1; pointer-events: auto; transform: none; }
  .marketing-mega-menu-surface { min-height: 100%; background: var(--marketing-paper); }
  .marketing-submenu { width: min(calc(100% - 6.125rem), 83.875rem); margin-inline: auto; padding-inline: 2rem; opacity: 0; transition: opacity 300ms ease 150ms; }
  .marketing-submenu.is-active { opacity: 1; }
  .marketing-submenu[hidden], .marketing-mega-menu-shell[hidden], .marketing-menu-scrim[hidden] { display: none !important; }
  .marketing-submenu-inner { width: 100%; min-height: inherit; margin-inline: 0; padding-top: 5rem; }
  .marketing-submenu-platform { min-height: 43rem; }
  .marketing-submenu-solutions { min-height: 27.3125rem; }
  .marketing-submenu-resources { min-height: 34.1875rem; }
  .marketing-submenu-platform .marketing-submenu-grid { min-height: 38rem; }
  .marketing-submenu-solutions .marketing-submenu-grid { min-height: 22.3125rem; }
  .marketing-submenu-resources .marketing-submenu-grid { min-height: 29.1875rem; }

  .marketing-submenu-grid {
    display: grid;
    grid-template-columns: 18.875rem repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--border-color);
  }

  .marketing-submenu-grid > * { min-width: 0; border-right: 1px solid var(--border-color); }
  .marketing-submenu-grid > *:last-child { border-right: 0; }

  .mega-feature-column { display: flex; flex-direction: column; gap: 2.5rem; padding: 2rem 2rem 3rem 0; }
  .mega-feature-card { display: flex; flex-direction: column; width: 100%; color: var(--marketing-ink); }
  .mega-feature-card:hover { opacity: 1; }
  .mega-feature-card strong { margin-top: 1.1rem; font-size: 1rem; }
  .mega-feature-card small { color: var(--text-muted); line-height: 1.45; }
  .mega-feature-visual { position: relative; display: block; height: 12rem; overflow: hidden; border-radius: var(--radius-md); background: var(--marketing-media-start); }
  .mega-feature-card-compact .mega-feature-visual { height: 5rem; background: var(--accent-primary); }
  .mega-feature-visual i { position: absolute; display: block; border: 2px solid var(--marketing-ink); background: var(--marketing-paper); }
  .mega-feature-platform i:nth-child(1) { inset: 1.25rem 1rem 1rem 1.5rem; border-radius: 0.5rem; }
  .mega-feature-platform i:nth-child(2) { left: 2.5rem; right: 2rem; top: 4rem; height: 1.5rem; }
  .mega-feature-platform i:nth-child(3) { left: 2.5rem; right: 5rem; top: 6rem; height: 1.5rem; }
  .mega-feature-platform i:nth-child(4) { left: 2.5rem; right: 3rem; top: 8rem; height: 1.5rem; }
  .mega-feature-pricing { display: flex; align-items: center; justify-content: center; gap: 0.45rem; }
  .mega-feature-pricing i { position: static; width: 3.25rem; height: 3.25rem; border-radius: 50%; }
  .mega-feature-pricing i:nth-child(2) { background: var(--marketing-ink); }

  .mega-link-column { padding: 2rem 1.5rem 3rem; }
  .mega-link-group { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
  .mega-link-group + .mega-link-group { margin-top: 2.5rem; }
  .mega-link-group-divided { padding-top: 2.5rem; border-top: 1px solid var(--border-color); }
  .mega-link-group p { margin-bottom: 0.35rem; color: color-mix(in oklch, var(--marketing-ink), transparent 55%); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; }
  .mega-link-group a { color: var(--marketing-ink); font-size: 1rem; line-height: 1.35; }
  .mega-link-group a:hover { opacity: 0.55; }

  .mega-editorial-card,
  .mega-status-card,
  .mega-resource-feature { display: flex; min-height: inherit; flex-direction: column; align-items: flex-start; padding: 2rem 1.5rem 3rem; color: var(--marketing-ink); }
  .mega-editorial-card:hover, .mega-resource-feature:hover { opacity: 1; }
  .mega-editorial-card span, .mega-status-card span, .mega-resource-feature span { font-size: 0.75rem; font-weight: 800; text-transform: uppercase; }
  .mega-editorial-card strong, .mega-status-card strong, .mega-resource-feature strong { margin-top: 1rem; font-family: var(--font-display); font-size: 1.2rem; line-height: 1.25; }
  .mega-editorial-card small, .mega-status-card p, .mega-resource-feature small { margin-top: 0.65rem; color: var(--text-muted); line-height: 1.5; }
  .mega-editorial-card i { margin-top: auto; font-size: 1.5rem; font-style: normal; }
  .mega-editorial-card::after { content: ""; width: 100%; height: 5.5rem; margin-top: 1rem; border-radius: var(--radius-md); background: var(--marketing-media-start); }
  .mega-editorial-card-accent { background: var(--accent-primary); }
  .mega-editorial-card-accent::after { background: var(--marketing-ink); }
  .mega-status-card { background: color-mix(in oklch, var(--accent-primary), white 35%); }
  .mega-status-card a { margin-top: auto; color: var(--marketing-ink); font-weight: 800; text-decoration: underline; text-underline-offset: 0.2em; }
  .mega-resource-feature { position: relative; overflow: hidden; background: color-mix(in oklch, var(--accent-primary), white 72%); }
  .mega-resource-feature i { position: absolute; right: -4rem; bottom: -5rem; width: 16rem; height: 16rem; border: 1px solid var(--marketing-ink); border-radius: 50%; }

  .marketing-menu-scrim {
    position: fixed;
    inset: var(--marketing-scrim-top, 0) 0 0;
    z-index: 20;
    background: oklch(0% 0 0 / 0.2);
    opacity: 0;
    pointer-events: none;
    transition: opacity 300ms ease;
  }
  .marketing-menu-scrim.is-open { opacity: 1; }
  .marketing-nav-actions .btn { padding-inline: 1rem; font-size: 0.68rem; }

  /* Homepage opening section */
  .home-hero { background: var(--marketing-paper); }

  .home-hero-grid {
    min-height: 39.625rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }

  .hero-copy-plane,
  .hero-product-plane {
    position: relative;
    min-width: 0;
    min-height: 39.625rem;
    overflow: hidden;
    border-radius: var(--radius-md);
  }

  .hero-copy-plane {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 3rem;
    background: var(--marketing-ink);
    color: var(--marketing-paper);
  }

  .hero-copy-plane .eyebrow {
    padding-left: 2.55rem;
    color: color-mix(in oklch, var(--marketing-paper), transparent 18%);
  }

  .hero-copy-plane .eyebrow::before {
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    margin: -0.4rem 0 0 -2.55rem;
    border-radius: var(--radius-md);
    background: var(--accent-primary);
  }

  .hero-copy-plane h1 {
    max-width: 14ch;
    margin: 1rem 0 0;
    color: var(--marketing-paper);
    font-size: clamp(2.7rem, 3.5vw, 3rem);
    font-weight: 900;
    letter-spacing: -0.055em;
    line-height: 0.98;
    text-transform: uppercase;
  }

  .hero-intro,
  .page-hero-intro { color: var(--text-muted); font-size: 1.08rem; line-height: 1.55; }

  .hero-copy-plane .hero-intro {
    max-width: 32rem;
    margin: 1.5rem 0 0;
    color: color-mix(in oklch, var(--marketing-paper), transparent 28%);
  }

  .hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.25rem; margin-top: 2rem; }
  .hero-copy-plane .hero-text-link { color: var(--marketing-paper); }
  .hero-truth { margin-top: 2rem; color: color-mix(in oklch, var(--marketing-paper), transparent 42%); font-size: 0.75rem; }
  .truth-pulse { display: none; }

  .hero-product-plane {
    display: flex;
    align-items: flex-end;
    padding: clamp(5rem, 8vw, 7.5rem) 0 0 clamp(1.5rem, 3.5vw, 3.5rem);
    isolation: isolate;
    background: var(--marketing-media-end);
  }

  .hero-product-plane::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, transparent 30%, color-mix(in oklch, var(--marketing-media-end), transparent 8%) 100%);
    pointer-events: none;
  }

  .hero-context-photo {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 700ms cubic-bezier(0.2, 0.7, 0.2, 1);
  }

  .hero-context-caption {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    max-width: 17rem;
    margin: 0;
    padding: 0.7rem 0.85rem;
    border-radius: var(--radius-md);
    background: color-mix(in oklch, var(--marketing-ink), transparent 8%);
    color: var(--marketing-paper);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.4;
  }

  .hero-product-plane:hover .hero-context-photo { transform: scale(1.025); }

  /* Product preview */
  .product-preview {
    position: relative;
    z-index: 2;
    width: 100%;
    align-self: end;
    overflow: hidden;
    border: 0.22rem solid var(--marketing-ink);
    border-right: 0;
    border-bottom: 0;
    border-radius: 1.1rem 0 0 0;
    background: var(--marketing-paper);
    color: var(--marketing-ink);
    box-shadow: none;
    transform: none;
    transition: transform 300ms ease;
  }

  .hero-product-plane:hover .product-preview { transform: translateY(-0.2rem); }
  .preview-topbar { min-height: 3.2rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.75rem 1rem; border-bottom: 1px solid var(--border-color); }
  .preview-brand { display: flex; align-items: center; gap: 0.45rem; font-family: var(--font-display); font-weight: 900; }
  .preview-mark { width: 0.8rem; height: 0.8rem; border-radius: 50%; background: var(--accent-primary); }
  .preview-date { color: var(--text-muted); font-size: 0.68rem; }
  .preview-body { min-height: 28rem; display: grid; grid-template-columns: 3rem minmax(0, 1fr); }
  .preview-sidebar { display: flex; flex-direction: column; align-items: center; gap: 1.1rem; padding: 1.4rem 0.7rem; background: var(--marketing-ink); }
  .preview-sidebar span { width: 1rem; height: 0.3rem; border-radius: var(--radius-full); background: oklch(var(--lch-paper) / 0.28); }
  .preview-sidebar span.is-active { height: 1rem; border-radius: var(--radius-sm); background: var(--accent-primary); }
  .preview-content { padding: clamp(1rem, 2vw, 1.6rem); background: var(--marketing-ui-background); }
  .preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
  .preview-heading div { display: grid; gap: 0.15rem; }
  .preview-heading small { color: var(--text-muted); }
  .preview-heading strong { font-family: var(--font-display); font-size: 1.15rem; }
  .preview-button { padding: 0.55rem 0.75rem; border-radius: var(--radius-full); background: var(--marketing-ink); color: var(--marketing-paper); font-size: 0.65rem; font-weight: 700; }
  .preview-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.7rem; margin-top: 1.25rem; }
  .preview-metrics > div { display: grid; gap: 0.15rem; padding: 0.85rem; background: var(--marketing-paper); border: 1px solid var(--border-color); }
  .preview-metrics small, .preview-metrics em { color: var(--text-muted); font-size: 0.58rem; font-style: normal; }
  .preview-metrics strong { font-family: var(--font-display); font-size: 1.45rem; }
  .preview-schedule { margin-top: 0.75rem; padding: 0.9rem; background: var(--marketing-paper); border: 1px solid var(--border-color); }
  .schedule-head { display: flex; justify-content: space-between; margin-bottom: 0.35rem; font-size: 0.68rem; }
  .schedule-head span { font-weight: 700; }
  .schedule-row { display: grid; grid-template-columns: 2.3rem 0.3rem 1fr auto; align-items: center; gap: 0.6rem; padding: 0.75rem 0; border-top: 1px solid var(--border-color); }
  .schedule-row time, .schedule-row small, .schedule-row b { font-size: 0.55rem; }
  .schedule-row time, .schedule-row small { color: var(--text-muted); }
  .schedule-row div { display: grid; }
  .schedule-row strong { font-size: 0.66rem; }
  .schedule-row b { padding: 0.3rem 0.5rem; border-radius: var(--radius-full); background: var(--marketing-mist); }
  .schedule-accent, .schedule-coral, .schedule-gold { align-self: stretch; border-radius: var(--radius-full); background: var(--accent-primary); }
  .schedule-coral { background: var(--danger); }
  .schedule-gold { background: var(--warning); }
  .preview-label { position: absolute; right: 1rem; bottom: 0.6rem; color: var(--text-muted); font-size: 0.55rem; }

  .marketing-proof-strip { padding: 3.75rem 0 5rem; }
  .proof-strip-inner { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1rem 2.5rem; }
  .proof-strip-inner p { color: var(--text-muted); }
  .proof-strip-inner span { font-family: var(--font-display); font-size: 0.9rem; font-weight: 800; }

  /* Shared page and section rhythm */
  .marketing-section { padding: clamp(5rem, 8.9vw, 8rem) 0; }
  .section-mist { background: var(--marketing-mist); }
  .section-paper { background: var(--marketing-paper); }
  .section-ink { background: var(--marketing-ink); color: var(--marketing-paper); }
  .hero-copy-plane, .section-ink, .marketing-footer { --focus-ring: var(--marketing-paper); --focus-ring-offset: var(--marketing-ink); }
  .hero-product-plane, .marketing-cta, .footer-promo { --focus-ring: var(--marketing-ink); --focus-ring-offset: var(--accent-primary); }

  .section-heading { margin-bottom: clamp(3rem, 5vw, 5rem); }
  .section-heading h2,
  .capability-heading h2 {
    margin: 0;
    font-size: clamp(2.7rem, 4.3vw, 4rem);
    font-weight: 900;
    letter-spacing: -0.055em;
    line-height: 0.96;
  }

  .split-heading { display: grid; grid-template-columns: minmax(8rem, 0.28fr) minmax(0, 1fr) minmax(15rem, 0.42fr); align-items: start; gap: 2.5rem; }
  .split-heading > p:last-child, .capability-heading > p { color: var(--text-muted); line-height: 1.65; }
  .centered-heading { max-width: 52rem; margin-inline: auto; text-align: center; }

  .page-hero { padding: 5rem 0 4rem; background: var(--marketing-paper); }
  .page-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.8fr); align-items: center; gap: clamp(3rem, 7vw, 7rem); }
  .page-hero-copy h1, .page-hero-centered h1 { margin: 0; font-size: clamp(3rem, 5.3vw, 4rem); font-weight: 900; letter-spacing: -0.055em; line-height: 0.96; text-transform: uppercase; }
  .page-hero-copy .page-hero-intro { max-width: 40rem; margin: 1.6rem 0 0; }
  .page-hero-centered { max-width: 52rem; text-align: center; }
  .page-hero-centered .page-hero-intro { max-width: 46rem; margin: 1.4rem auto 0; }
  .features-hero { min-height: 24.25rem; }
  .status-legend { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.65rem; margin-top: 1.75rem; }

  /* Homepage journey and audiences */
  .journey-layout { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); }
  .journey-stages { border-top: 1px solid var(--border-color); }
  .journey-stages:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 3px; box-shadow: 0 0 0 2px var(--focus-ring-offset); }
  .journey-stage { display: grid; grid-template-columns: 2rem 1fr; gap: 0.2rem 0.8rem; padding: 1.1rem 0; border-bottom: 1px solid var(--border-color); color: var(--text-muted); }
  .journey-stage span { grid-row: span 2; font-size: 0.7rem; }
  .journey-stage strong { color: var(--text-main); }
  .journey-stage small { font-size: 0.75rem; }
  .journey-stage.is-current { color: var(--marketing-ink); font-weight: 700; }
  .journey-stage.is-current span::before { content: ""; display: inline-block; width: 0.75rem; height: 0.75rem; margin-right: 0.35rem; border-radius: 50%; background: var(--accent-primary); }
  .journey-story { display: grid; grid-template-columns: minmax(0, 0.78fr) minmax(18rem, 1.22fr); overflow: hidden; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--marketing-paper); }
  .journey-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(2rem, 4vw, 4rem); }
  .journey-copy h3 { margin: 1rem 0; font-size: clamp(1.9rem, 3vw, 3rem); letter-spacing: -0.045em; }
  .journey-copy p { color: var(--text-muted); line-height: 1.65; }
  .journey-copy .text-link-arrow { margin-top: 1rem; }
  .journey-preview { display: grid; place-items: center; min-height: 33rem; padding: 2rem; background: var(--accent-primary); }
  .mini-browser { width: min(100%, 26rem); border: 2px solid var(--marketing-ink); border-radius: var(--radius-md); overflow: hidden; background: var(--marketing-paper); }
  .mini-browser-bar { display: flex; align-items: center; gap: 0.35rem; padding: 0.65rem; border-bottom: 1px solid var(--border-color); }
  .mini-browser-bar span { width: 0.45rem; height: 0.45rem; border-radius: 50%; background: var(--marketing-ink); }
  .mini-browser-bar small { margin-left: auto; margin-right: auto; color: var(--text-muted); }
  .mini-booking-card { display: grid; gap: 1rem; padding: 2rem; }
  .mini-booking-card > small { font-weight: 700; }
  .mini-booking-card > strong { font-family: var(--font-display); font-size: 1.7rem; }
  .mini-date-row { display: flex; justify-content: space-between; padding: 1rem; border: 1px solid var(--border-color); }
  .mini-date-row b { font-size: 0.75rem; }
  .mini-cta { padding: 0.85rem; border-radius: var(--radius-full); background: var(--marketing-ink); color: var(--marketing-paper); text-align: center; font-weight: 700; }

  .audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
  .audience-card {
    position: relative;
    min-height: 35rem;
    display: grid;
    grid-template-rows: minmax(19rem, 1fr) auto;
    padding: 0;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--marketing-paper);
    color: var(--marketing-ink);
  }
  .audience-card:hover { opacity: 1; }
  .audience-photo { min-height: 0; display: block; overflow: hidden; background: var(--marketing-media-start); }
  .audience-photo img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 550ms cubic-bezier(0.2, 0.7, 0.2, 1); }
  .audience-card:hover .audience-photo img { transform: scale(1.035); }
  .audience-content { min-height: 16rem; display: flex; flex-direction: column; padding: 1.5rem; background: var(--marketing-paper); transition: background-color 300ms ease; }
  .audience-card:hover .audience-content { background: var(--accent-primary); }
  .audience-content small { font-weight: 700; }
  .audience-content h3 { margin: auto 0 0; font-size: 2rem; letter-spacing: -0.05em; }
  .audience-content p { max-width: 25rem; margin: 0.75rem 0 1.25rem; line-height: 1.6; }
  .audience-content > span:last-child { font-weight: 700; }

  .honest-grid { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(20rem, 1.2fr); align-items: start; gap: clamp(3rem, 8vw, 8rem); }
  .honest-grid h2, .comparison-teaser h2, .marketing-cta h2 { margin: 0; font-size: clamp(2.8rem, 4.4vw, 4rem); font-weight: 900; letter-spacing: -0.055em; line-height: 0.96; }
  .honest-grid > div:first-child > p:not(.eyebrow) { max-width: 35rem; margin: 1.5rem 0; color: var(--text-muted); line-height: 1.7; }
  .status-stack { display: grid; }
  .status-stack article { padding: 1.5rem 0; border-top: 1px solid var(--border-color); }
  .status-stack article:last-child { border-bottom: 1px solid var(--border-color); }
  .status-stack h3 { margin: 1.25rem 0 0.4rem; font-size: 1.35rem; }
  .status-stack p { color: var(--text-muted); }

  .feature-status { width: fit-content; display: inline-flex; align-items: center; gap: 0.45rem; padding: 0; border: 0; color: var(--text-muted); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.03em; text-transform: uppercase; }
  .status-dot { width: 0.55rem; height: 0.55rem; border-radius: 50%; background: var(--text-muted); }
  .feature-status-available .status-dot { background: var(--success); }
  .feature-status-foundation .status-dot { background: var(--accent-primary); }
  .feature-status-planned .status-dot { background: var(--warning); }
  .feature-status-roadmap .status-dot { background: var(--danger); }

  .comparison-teaser { padding: clamp(5rem, 9vw, 8rem) 0; background: var(--marketing-ink); color: var(--marketing-paper); }
  .comparison-teaser-inner { max-width: 68rem; }
  .comparison-teaser h2 { max-width: 13ch; color: var(--marketing-paper); text-transform: uppercase; }
  .comparison-teaser p:not(.eyebrow) { max-width: 42rem; margin: 1.5rem 0 2rem; color: color-mix(in oklch, var(--marketing-paper), transparent 28%); font-size: 1.1rem; line-height: 1.7; }

  /* Capability pages */
  .capability-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.42fr); gap: 3rem; margin-bottom: 4rem; }
  .capability-heading h2 { max-width: 14ch; }
  .capability-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--border-color); border-left: 1px solid var(--border-color); }
  .capability-card { min-height: 20rem; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.5rem; border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); background: var(--marketing-paper); }
  .capability-card .feature-status { margin-bottom: auto; }
  .capability-card h3 { margin: 2rem 0 0.5rem; font-size: 1.4rem; }
  .capability-card p { color: var(--text-muted); line-height: 1.6; }
  .capability-list { border-top: 1px solid var(--border-color); }
  .capability-list article { display: grid; grid-template-columns: 4rem minmax(0, 1fr) auto; align-items: center; gap: 1.5rem; padding: 1.5rem 0; border-bottom: 1px solid var(--border-color); }
  .capability-list article > span { color: var(--text-muted); font-size: 0.75rem; }
  .capability-list h3 { margin: 0 0 0.25rem; font-size: 1.35rem; }
  .capability-list p { color: var(--text-muted); }
  .direct-booking-layout { display: grid; grid-template-columns: 1fr 26rem; gap: clamp(3rem, 8vw, 8rem); align-items: center; }
  .direct-booking-copy > div { display: grid; grid-template-columns: 2rem 1fr; gap: 0.2rem 1rem; padding: 1.35rem 0; border-bottom: 1px solid var(--border-color); }
  .direct-booking-copy > div > span { grid-row: span 2; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--accent-primary); font-size: 0.75rem; font-weight: 700; }
  .direct-booking-copy h3 { margin: 0; font-size: 1.4rem; }
  .direct-booking-copy p { color: var(--text-muted); }
  .phone-preview { width: 100%; min-height: 37rem; padding: 2rem; border: 0.45rem solid var(--marketing-ink); border-radius: 2.2rem; background: var(--marketing-paper); }
  .phone-bar { width: 5rem; height: 0.35rem; margin: -0.7rem auto 2rem; border-radius: var(--radius-full); background: var(--marketing-ink); }
  .phone-preview > small { font-weight: 700; }
  .phone-preview h3 { margin: 0.5rem 0 1.5rem; font-size: 2rem; }
  .phone-option { display: flex; justify-content: space-between; margin-top: 0.7rem; padding: 1rem; border: 1px solid var(--border-color); }
  .phone-option.is-selected { border: 2px solid var(--marketing-ink); }
  .phone-option strong { font-size: 0.75rem; }
  .phone-summary { display: grid; gap: 0.2rem; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border-color); }
  .phone-summary span, .phone-preview em { color: var(--text-muted); }
  .phone-summary strong { font-size: 0.85rem; }
  .phone-cta { margin-top: 1rem; padding: 1rem; border-radius: var(--radius-full); background: var(--marketing-ink); color: var(--marketing-paper); text-align: center; font-weight: 700; }
  .phone-preview em { display: block; margin-top: 1rem; font-size: 0.65rem; font-style: normal; text-align: center; }
  .capability-heading-light > p { color: color-mix(in oklch, var(--marketing-paper), transparent 30%); }
  .dark-capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid oklch(var(--lch-paper) / 0.2); border-left: 1px solid oklch(var(--lch-paper) / 0.2); }
  .dark-capability-grid article { min-height: 18rem; display: flex; flex-direction: column; padding: 1.5rem; border-right: 1px solid oklch(var(--lch-paper) / 0.2); border-bottom: 1px solid oklch(var(--lch-paper) / 0.2); }
  .dark-capability-grid h3 { margin: auto 0 0.6rem; font-size: 1.4rem; }
  .dark-capability-grid p { color: color-mix(in oklch, var(--marketing-paper), transparent 32%); }
  .section-ink .feature-status { color: color-mix(in oklch, var(--marketing-paper), transparent 25%); }
  .roadmap-rail, .pricing-principles { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--border-color); border-left: 1px solid var(--border-color); }
  .roadmap-rail > div, .pricing-principles article { min-height: 18rem; padding: 1.5rem; border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); }
  .roadmap-rail span, .pricing-principles span { font-size: 0.75rem; font-weight: 800; text-transform: uppercase; }
  .roadmap-rail h3, .pricing-principles h3 { margin: 4rem 0 0.75rem; font-size: 1.6rem; }
  .roadmap-rail p, .pricing-principles p { color: var(--text-muted); line-height: 1.6; }

  /* Vertical pages */
  .vertical-hero { overflow: hidden; }
  .vertical-visual {
    position: relative;
    min-height: 34rem;
    margin: 0;
    border-radius: var(--radius-md);
    isolation: isolate;
    overflow: hidden;
    background: var(--marketing-media-start);
  }
  .vertical-visual::after {
    content: "";
    position: absolute;
    inset: 35% 0 0;
    z-index: 0;
    background: linear-gradient(180deg, transparent, color-mix(in oklch, var(--marketing-ink), transparent 45%));
    pointer-events: none;
  }
  .vertical-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 700ms cubic-bezier(0.2, 0.7, 0.2, 1); }
  .vertical-visual:hover .vertical-photo { transform: scale(1.025); }
  .vertical-photo-caption {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 2;
    max-width: min(24rem, calc(100% - 3rem));
    padding: 0.75rem 0.9rem;
    border-radius: var(--radius-md);
    background: color-mix(in oklch, var(--marketing-ink), transparent 10%);
    color: var(--marketing-paper);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.45;
  }
  .vertical-card { position: absolute; z-index: 2; display: grid; gap: 0.5rem; padding: 1.4rem; border: 2px solid var(--marketing-ink); border-radius: var(--radius-md); }
  .vertical-card span, .vertical-card small { font-size: 0.72rem; }
  .vertical-card strong { font-family: var(--font-display); font-size: 1.35rem; }
  .vertical-card-primary { width: min(78%, 24rem); left: 8%; bottom: 5rem; background: var(--marketing-paper); }
  .vertical-card-secondary { right: 5%; bottom: 1.5rem; background: var(--marketing-ink); color: var(--marketing-paper); }
  .outcome-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--border-color); border-left: 1px solid var(--border-color); }
  .outcome-card { min-height: 22rem; display: flex; flex-direction: column; padding: 1.5rem; border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); background: var(--marketing-paper); }
  .outcome-number { color: var(--text-muted); font-size: 0.75rem; }
  .outcome-card h3 { margin: auto 0 0.75rem; font-size: 1.5rem; }
  .outcome-card p { color: var(--text-muted); line-height: 1.6; }
  .outcome-card .feature-status { margin-top: 1rem; }
  .feature-story { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(3rem, 8vw, 8rem); }
  .feature-story h2 { margin: 0; font-size: clamp(2.8rem, 4.5vw, 4rem); font-weight: 900; letter-spacing: -0.055em; line-height: 0.96; }
  .operator-list { border-top: 1px solid oklch(var(--lch-paper) / 0.22); }
  .operator-list > div { display: grid; grid-template-columns: 2rem 1fr; gap: 1rem; padding: 1.3rem 0; border-bottom: 1px solid oklch(var(--lch-paper) / 0.22); }
  .operator-check { color: var(--accent-primary); font-size: 1.2rem; font-weight: 800; }

  /* Pricing */
  .pricing-hero .feature-status { margin: 1.75rem auto 0; }
  .pricing-section { padding-top: 0; background: var(--marketing-paper); }
  .pricing-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
  .pricing-card { display: flex; flex-direction: column; min-height: 38rem; padding: clamp(2rem, 4vw, 3.5rem); border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--marketing-paper); }
  .pricing-card-primary { background: var(--marketing-ink); color: var(--marketing-paper); }
  .pricing-note { width: fit-content; font-size: 0.7rem; font-weight: 800; text-transform: uppercase; }
  .pricing-card h2 { margin: 2.5rem 0 0.5rem; font-size: 2rem; }
  .price { display: flex; align-items: baseline; gap: 0.6rem; margin: 0 0 1.5rem; }
  .price strong { font-family: var(--font-display); font-size: clamp(4rem, 8vw, 7rem); letter-spacing: -0.08em; line-height: 1; }
  .price span { color: var(--text-muted); }
  .pricing-card-primary .price span, .pricing-card-primary > p:not(.price), .pricing-card-primary li { color: color-mix(in oklch, var(--marketing-paper), transparent 25%); }
  .pricing-card > p:not(.price) { line-height: 1.6; }
  .pricing-card ul { display: grid; gap: 0.8rem; margin: 2rem 0; padding: 0; list-style: none; }
  .pricing-card li { padding-bottom: 0.8rem; border-bottom: 1px solid currentColor; color: var(--text-muted); }
  .pricing-card .btn { margin-top: auto; }
  .pricing-disclosure { display: grid; grid-template-columns: auto 1fr; gap: 1rem; margin-top: 1rem; padding: 1.2rem 1.5rem; border: 1px solid var(--border-color); }
  .pricing-disclosure p { color: var(--text-muted); }
  .faq-layout { display: grid; grid-template-columns: 0.7fr 1.3fr; gap: clamp(3rem, 8vw, 8rem); }
  .faq-layout h2 { margin: 0; font-size: clamp(2.6rem, 4.5vw, 4rem); font-weight: 900; letter-spacing: -0.055em; }
  .faq-list { border-top: 1px solid var(--border-color); }
  .faq-list details { padding: 1.3rem 0; border-bottom: 1px solid var(--border-color); }
  .faq-list summary { display: flex; justify-content: space-between; gap: 1rem; cursor: pointer; font-size: 1.1rem; font-weight: 700; list-style: none; }
  .faq-list summary::after { content: "+"; }
  .faq-list details[open] summary::after { content: "−"; }
  .faq-list p { max-width: 42rem; padding-top: 1rem; color: var(--text-muted); line-height: 1.7; }

  /* Comparison */
  .source-date { margin-top: 1.5rem; color: var(--text-muted); font-size: 0.78rem; }
  .comparison-positioning { display: grid; }
  .comparison-positioning article { padding: 1.5rem; border: 1px solid var(--border-color); background: var(--marketing-paper); }
  .comparison-positioning article + article { border-top: 0; background: var(--accent-primary); }
  .comparison-positioning span { font-size: 0.7rem; font-weight: 800; text-transform: uppercase; }
  .comparison-positioning h2 { margin: 1rem 0 0.5rem; font-size: 2rem; }
  .comparison-positioning p { line-height: 1.6; }
  .comparison-table-wrap { overflow-x: auto; border: 1px solid var(--border-color); background: var(--marketing-paper); }
  .comparison-table { width: 100%; min-width: 48rem; border-collapse: collapse; }
  .comparison-table th, .comparison-table td { padding: 1.25rem; border-bottom: 1px solid var(--border-color); text-align: left; vertical-align: top; }
  .comparison-table thead th { background: var(--marketing-ink); color: var(--marketing-paper); }
  .comparison-table tbody th { width: 36%; }
  .comparison-table tbody tr:last-child th, .comparison-table tbody tr:last-child td { border-bottom: 0; }
  .compare-yes, .compare-planned, .compare-roadmap, .compare-neutral { display: inline-flex; padding: 0.35rem 0.6rem; border-radius: var(--radius-full); font-size: 0.72rem; font-weight: 700; }
  .compare-yes { background: var(--success-10); color: color-mix(in oklch, var(--success), var(--marketing-ink) 28%); }
  .compare-planned { background: var(--warning-10); color: color-mix(in oklch, var(--warning), var(--marketing-ink) 42%); }
  .compare-roadmap { background: var(--marketing-roadmap-background); color: var(--marketing-roadmap-text); }
  .compare-neutral { background: var(--marketing-mist); color: var(--text-muted); }
  .source-ref { margin-left: 0.3rem; color: var(--marketing-ink); font-size: 0.72rem; font-weight: 700; }
  .decision-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
  .decision-grid article { min-height: 31rem; display: flex; flex-direction: column; padding: clamp(2rem, 4vw, 3.5rem); border: 1px solid var(--border-color); background: var(--marketing-paper); }
  .decision-grid h2 { margin: 0; font-size: clamp(2.3rem, 3.8vw, 3.5rem); font-weight: 900; letter-spacing: -0.055em; }
  .decision-grid ul { display: grid; gap: 1rem; margin: 2rem 0; padding-left: 1.2rem; color: var(--text-muted); }
  .decision-grid .text-link-arrow, .decision-grid .btn { margin-top: auto; align-self: flex-start; }
  .decision-card-accent { background: var(--accent-primary) !important; color: var(--marketing-ink); }
  .decision-card-accent li { color: var(--marketing-ink); }
  .sources-layout { display: grid; grid-template-columns: 0.7fr 1.3fr; gap: clamp(3rem, 8vw, 8rem); }
  .sources-layout h2 { margin: 0; font-size: clamp(2.5rem, 4.5vw, 4rem); font-weight: 900; letter-spacing: -0.055em; }
  .sources-layout > div:last-child { color: var(--text-muted); line-height: 1.7; }
  .comparison-source-list { display: grid; gap: 0.4rem; margin: 1.5rem 0; padding-left: 1.2rem; }
  .sources-layout a { color: var(--marketing-ink); text-decoration: underline; }

  /* CTA and footer */
  .marketing-cta { padding: clamp(5rem, 9vw, 8rem) 0; background: var(--accent-primary); color: var(--marketing-ink); }
  .cta-inner { display: grid; grid-template-columns: 1.25fr 0.75fr; align-items: end; gap: clamp(3rem, 8vw, 8rem); }
  .marketing-cta h2 { max-width: 14ch; }
  .cta-actions p { margin-bottom: 1.5rem; line-height: 1.7; }

  .marketing-footer { padding: 4.5rem 0 4rem; background: var(--marketing-ink); color: var(--marketing-paper); }
  .breeze-logo-footer { color: var(--marketing-paper); }
  .footer-primary { padding-bottom: 6rem; }
  .footer-lead { display: flex; justify-content: space-between; align-items: end; gap: 2rem; padding-bottom: 4rem; }
  .footer-lead p { max-width: 31rem; margin-top: 1rem; color: color-mix(in oklch, var(--marketing-paper), transparent 35%); }
  .footer-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2rem; }
  .footer-grid > div { display: flex; flex-direction: column; align-items: flex-start; gap: 0.8rem; }
  .footer-grid h2 { margin-bottom: 0.6rem; color: color-mix(in oklch, var(--marketing-paper), transparent 40%); font-family: var(--font-sans); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.08em; }
  .footer-grid a { color: var(--marketing-paper); }
  .footer-grid p { color: color-mix(in oklch, var(--marketing-paper), transparent 35%); font-size: 0.9rem; }
  .footer-promo { min-height: 8rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2rem; border-radius: var(--radius-md); background: var(--accent-primary); color: var(--marketing-ink); }
  .footer-promo .eyebrow { margin-bottom: 0.25rem; color: var(--marketing-ink); }
  .footer-promo h2 { max-width: 26ch; font-size: clamp(1.4rem, 2.5vw, 2rem); }
  .footer-bottom { display: flex; justify-content: space-between; gap: 1rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid oklch(var(--lch-paper) / 0.18); color: color-mix(in oklch, var(--marketing-paper), transparent 45%); font-size: 0.75rem; }

  @media (max-width: 79.999rem) {
    .marketing-utility { min-height: 2.0625rem; }
    .utility-inner { min-height: 2rem; }
    .marketing-header-inner { width: 100%; min-height: 4rem; justify-content: space-between; gap: 1rem; }
    .marketing-nav-desktop, .marketing-mega-menu-shell { display: none !important; }
    .marketing-navigation { flex: 0; }
    .marketing-mobile-header-actions { display: flex; align-items: center; gap: 0.5rem; }
    .marketing-mobile-header-actions .btn { min-height: 2.5rem; padding: 0.65rem 1rem; font-size: 0.68rem; }
    .marketing-menu-toggle { position: relative; z-index: 80; width: 3rem; height: 3rem; display: grid; place-items: center; padding: 0; border: 0; background: transparent; color: var(--marketing-ink); cursor: pointer; }
    .menu-lines { width: 1.35rem; display: grid; gap: 0.35rem; }
    .menu-lines span { display: block; height: 0.13rem; background: currentColor; transition: transform 400ms cubic-bezier(0, 0, 0, 1); }
    .nav-is-open .menu-lines span:first-child { transform: translateY(0.24rem) rotate(45deg); }
    .nav-is-open .menu-lines span:last-child { transform: translateY(-0.24rem) rotate(-45deg); }

    .marketing-nav-panel {
      position: fixed;
      inset: var(--marketing-nav-top, 4.0625rem) 0 0;
      z-index: 70;
      width: 100vw;
      min-height: 0;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      padding: 1.5rem 1.25rem 2rem;
      overflow-y: auto;
      background: var(--marketing-paper);
    }
    .marketing-nav-panel[hidden] { display: none !important; }
    .marketing-mobile-groups { border-top: 1px solid var(--border-color); }
    .marketing-mobile-group > button,
    .marketing-mobile-direct-link {
      width: 100%;
      min-height: 4.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1rem 0;
      border: 0;
      border-bottom: 1px solid var(--border-color);
      background: transparent;
      color: var(--marketing-ink);
      font-family: var(--font-display);
      font-size: 1.45rem;
      font-weight: 800;
      text-align: left;
    }
    .marketing-mobile-group > button [aria-hidden="true"] { font-family: var(--font-sans); font-size: 1.2rem; font-weight: 500; }
    .marketing-mobile-submenu { display: grid; padding: 0.5rem 0 1rem 1rem; border-bottom: 1px solid var(--border-color); }
    .marketing-mobile-submenu[hidden] { display: none; }
    .marketing-mobile-submenu a { padding: 0.75rem 0; color: var(--marketing-ink); font-size: 1rem; }
    .marketing-mobile-nav-actions { display: grid; gap: 1rem; margin-top: auto; padding-top: 2rem; }
    .marketing-mobile-nav-actions .nav-sign-in { min-height: 3rem; display: flex; align-items: center; border-bottom: 1px solid var(--border-color); font-family: var(--font-display); font-size: 1.35rem; font-weight: 800; }
  }

  @media (max-width: 68rem) {
    .split-heading { grid-template-columns: 9rem 1fr; }
    .split-heading > p:last-child { grid-column: 2; }
    .capability-grid, .outcome-grid { grid-template-columns: repeat(2, 1fr); }
    .audience-grid { grid-template-columns: 1fr 1fr; }
    .audience-card:last-child { grid-column: span 2; }
    .dark-capability-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: repeat(3, 1fr); }
  }

  @media (max-width: 62rem) {
    .home-hero-grid { min-height: auto; grid-template-columns: 1fr; gap: 1.5rem; }
    .hero-copy-plane, .hero-product-plane { min-height: 39.625rem; }
    .page-hero-grid, .feature-story { grid-template-columns: 1fr; }
    .vertical-visual { min-height: 28rem; }
  }

  @media (max-width: 48rem) {
    .marketing-container { width: calc(100% - 2.5rem); }
    .marketing-announcement, .announcement-inner { min-height: 2.5rem; }
    .announcement-inner { gap: 0.45rem; font-size: 0.72rem; }
    .announcement-inner > span:not(.announcement-kicker) { display: none; }
    .announcement-link { margin-left: auto; }
    .marketing-utility { min-height: 2.0625rem; }
    .utility-inner { min-height: 2rem; gap: 0.9rem; }
    .utility-inner a { font-size: 0.75rem; }
    .utility-inner a:first-child { display: none; }
    .utility-inner a + a { padding-left: 0.9rem; }
    .marketing-header-inner { padding-inline: 1.25rem; }
    .breeze-logo-word { font-size: 1.1rem; }
    .marketing-mobile-header-actions .btn { padding-inline: 0.8rem; font-size: 0.62rem; }
    .home-hero-grid { width: calc(100% - 2.5rem); }
    .hero-copy-plane { min-height: 26.625rem; padding: 2rem 1.25rem; }
    .hero-copy-plane .eyebrow { padding-left: 0; white-space: nowrap; }
    .hero-copy-plane .eyebrow::before { display: none; }
    .hero-copy-plane h1 { max-width: none; font-size: 1.77rem; line-height: 1.03; }
    .hero-copy-plane .hero-intro { margin-top: 1.1rem; font-size: 1rem; }
    .hero-actions { margin-top: 1.5rem; }
    .hero-actions .hero-text-link { display: none; }
    .hero-truth { display: none; }
    .hero-product-plane { height: 22.125rem; min-height: 22.125rem; max-height: 22.125rem; padding: 2rem 0 0 1.25rem; }
    .product-preview { border-width: 0.16rem; }
    .preview-body { min-height: 20rem; grid-template-columns: 2.2rem 1fr; }
    .preview-content { padding: 0.8rem; }
    .preview-metrics { gap: 0.35rem; }
    .preview-metrics > div { padding: 0.55rem; }
    .preview-metrics strong { font-size: 1.1rem; }
    .schedule-row { grid-template-columns: 2rem 0.2rem 1fr; }
    .schedule-row b { display: none; }
    .marketing-proof-strip { padding: 3rem 0; }
    .proof-strip-inner { justify-content: flex-start; gap: 1rem 1.5rem; }
    .marketing-section { padding: 5rem 0; }
    .split-heading, .capability-heading, .cta-inner, .faq-layout, .sources-layout { grid-template-columns: 1fr; gap: 1.25rem; }
    .split-heading > p:last-child { grid-column: auto; }
    .section-heading h2, .capability-heading h2 { font-size: clamp(2.3rem, 11vw, 3rem); }
    .page-hero { min-height: auto; padding: 5rem 0 3.5rem; }
    .page-hero-copy h1, .page-hero-centered h1 { font-size: 2rem; line-height: 1.02; text-align: left; }
    .page-hero-centered, .page-hero-centered .page-hero-intro { text-align: left; }
    .status-legend { justify-content: flex-start; }
    .journey-layout { grid-template-columns: 1fr; }
    .journey-stages { display: flex; overflow-x: auto; border-bottom: 1px solid var(--border-color); }
    .journey-stage { min-width: 10rem; border-bottom: 0; }
    .journey-story { grid-template-columns: 1fr; }
    .journey-preview { min-height: 27rem; }
    .audience-grid, .honest-grid, .capability-grid, .outcome-grid, .dark-capability-grid, .pricing-grid, .decision-grid { grid-template-columns: 1fr; }
    .audience-card:last-child { grid-column: auto; }
    .audience-card { min-height: 31rem; grid-template-rows: minmax(16rem, 1fr) auto; }
    .audience-content { min-height: 14rem; }
    .status-stack { min-width: 0; }
    .capability-list article { grid-template-columns: 2rem 1fr; }
    .capability-list .feature-status { grid-column: 2; }
    .direct-booking-layout { grid-template-columns: 1fr; }
    .phone-preview { width: min(100%, 26rem); margin-inline: auto; }
    .roadmap-rail, .pricing-principles { grid-template-columns: 1fr; }
    .roadmap-rail > div, .pricing-principles article { min-height: auto; }
    .roadmap-rail h3, .pricing-principles h3 { margin-top: 2rem; }
    .pricing-disclosure { grid-template-columns: 1fr; }
    .footer-primary { padding-bottom: 4rem; }
    .footer-lead { align-items: flex-start; flex-direction: column; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 2.5rem 1.5rem; }
    .footer-promo { align-items: flex-start; flex-direction: column; }
    .footer-bottom { flex-direction: column; }
  }

  @media (max-width: 23rem) {
    .marketing-container, .home-hero-grid { width: calc(100% - 1.5rem); }
    .breeze-logo-word { font-size: 1rem; }
    .marketing-mobile-header-actions .btn { display: none; }
    .hero-copy-plane { padding: 1.5rem; }
    .hero-actions { align-items: stretch; flex-direction: column; }
    .hero-actions .btn { width: 100%; }
    .preview-metrics { grid-template-columns: 1fr; }
    .preview-metrics > div:nth-child(n+2) { display: none; }
    .footer-grid { grid-template-columns: 1fr; }
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-preview,
  .hero-context-photo,
  .audience-photo img,
  .vertical-photo,
  .text-link-arrow::after,
  .hero-text-link::after,
  .menu-lines span { transform: none !important; }
}