.elementor-10580 .elementor-element.elementor-element-26e6b10{--display:flex;}.elementor-10580 .elementor-element.elementor-global-8717{--e-image-carousel-slides-to-show:10;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10580 .elementor-element.elementor-global-8717 .swiper-wrapper{display:flex;align-items:center;}.elementor-10580 .elementor-element.elementor-element-739cf59{--display:flex;}.elementor-10580 .elementor-element.elementor-element-c1da8db{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:200px 200px;--row-gap:200px;--column-gap:200px;--padding-top:5em;--padding-bottom:5em;--padding-left:3em;--padding-right:3em;}.elementor-10580 .elementor-element.elementor-element-c1da8db:not(.elementor-motion-effects-element-type-background), .elementor-10580 .elementor-element.elementor-element-c1da8db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fa32ee1 );}.elementor-10580 .elementor-element.elementor-element-161e8f9{--display:flex;}.elementor-10580 .elementor-element.elementor-element-6d999c3{width:initial;max-width:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-10580 .elementor-element.elementor-element-6d999c3 .elementor-heading-title{color:var( --e-global-color-137adf1 );}.elementor-10580 .elementor-element.elementor-element-c20faf3{--display:flex;}.elementor-10580 .elementor-element.elementor-element-c20faf3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10580 .elementor-element.elementor-element-5ef284e{width:var( --container-widget-width, 27em );max-width:27em;--container-widget-width:27em;--container-widget-flex-grow:0;}.elementor-10580 .elementor-element.elementor-element-5ef284e .elementor-heading-title{color:var( --e-global-color-text );}.elementor-10580 .elementor-element.elementor-element-1badf10{width:var( --container-widget-width, 27em );max-width:27em;--container-widget-width:27em;--container-widget-flex-grow:0;text-align:start;color:var( --e-global-color-text );}.elementor-10580 .elementor-element.elementor-element-bd9bc1f{width:var( --container-widget-width, 27em );max-width:27em;--container-widget-width:27em;--container-widget-flex-grow:0;--e-icon-list-icon-size:24px;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-10580 .elementor-element.elementor-element-bd9bc1f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-10580 .elementor-element.elementor-element-bd9bc1f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-10580 .elementor-element.elementor-element-bd9bc1f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-10580 .elementor-element.elementor-element-bd9bc1f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-10580 .elementor-element.elementor-element-bd9bc1f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-10580 .elementor-element.elementor-element-bd9bc1f .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-10580 .elementor-element.elementor-element-bd9bc1f .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-10580 .elementor-element.elementor-element-bd9bc1f .elementor-icon-list-text{transition:color 0.3s;}.elementor-10580 .elementor-element.elementor-element-231c29e{width:var( --container-widget-width, 27em );max-width:27em;--container-widget-width:27em;--container-widget-flex-grow:0;text-align:start;color:var( --e-global-color-text );}.elementor-10580 .elementor-element.elementor-element-18b331d{--display:flex;}@media(min-width:768px){.elementor-10580 .elementor-element.elementor-element-c20faf3{--width:99.761%;}}@media(max-width:1024px){.elementor-10580 .elementor-element.elementor-global-8717{--e-image-carousel-slides-to-show:4;}.elementor-10580 .elementor-element.elementor-element-c1da8db{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:4em;--padding-bottom:4em;--padding-left:3em;--padding-right:3em;}.elementor-10580 .elementor-element.elementor-element-5ef284e{width:100%;max-width:100%;text-align:center;}.elementor-10580 .elementor-element.elementor-element-1badf10{width:100%;max-width:100%;text-align:center;}.elementor-10580 .elementor-element.elementor-element-231c29e{width:100%;max-width:100%;text-align:center;}}@media(max-width:767px){.elementor-10580 .elementor-element.elementor-global-8717{--e-image-carousel-slides-to-show:4;}.elementor-10580 .elementor-element.elementor-element-c1da8db{--padding-top:3em;--padding-bottom:3em;--padding-left:1.5em;--padding-right:1.5em;}}/* Start custom CSS for global, class: .elementor-global-8717 */.elementor-10580 .elementor-element.elementor-global-8717 .swiper-wrapper {
  display: flex;
  animation: scroll-left 20s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.elementor-10580 .elementor-element.elementor-global-8717 .swiper-slide {
  flex-shrink: 0;
  width: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26e6b10 */<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Suburb Reports — iRealty | Turn Market Curiosity Into Listing Opportunities</title>
  <meta name="description" content="iRealty's Suburb Reports deliver automated local market data straight to your prospects — so every click becomes a conversation, and every conversation becomes a listing." />
  <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=Outfit:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" />
  <style>
    /* ===== RESET & BASE ===== */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Outfit', sans-serif;
      background: #fff;
      color: #1a1a2e;
      line-height: 1.6;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
    }
    img { display: block; max-width: 100%; }
    a { text-decoration: none; color: inherit; }

/* Force hero CTA text colours (theme/Elementor override-proof) */
.hero .btn-primary,
.hero .btn-primary:visited,
.hero .btn-primary:hover,
.hero .btn-primary:focus,
.hero .btn-primary:active,
.hero .btn-ghost-white,
.hero .btn-ghost-white:visited,
.hero .btn-ghost-white:hover,
.hero .btn-ghost-white:focus,
.hero .btn-ghost-white:active {
  color: #ffffff !important;
}

/* If your theme applies underline/filters to links */
.hero .btn-primary,
.hero .btn-ghost-white {
  text-decoration: none !important;
}
    /* ===== BRAND TOKENS ===== */
    :root {
      --magenta: #B8226A;
      --magenta-dark: #8e1751;
      --magenta-light: #d93a80;
      --magenta-bg: #fdf0f5;
      --gold: #f5a623;
      --dark: #0d0d1a;
      --dark2: #1a1a2e;
      --mid: #4a4a6a;
      --grey: #6b7280;
      --grey-light: #f7f8fa;
      --border: #edeaf0;
      --white: #ffffff;
      --grad-hero: linear-gradient(135deg, #0f0c1e 0%, #1e0a30 45%, #2e0d40 75%, #18001f 100%);
      --grad-magenta: linear-gradient(135deg, #B8226A 0%, #d93a80 100%);
      --shadow-card: 0 4px 24px rgba(184,34,106,0.10);
      --shadow-hover: 0 12px 40px rgba(184,34,106,0.22);
      --radius: 16px;
      --radius-sm: 10px;
    }

    /* ===== UTILITIES ===== */
    .container { max-width: 1160px; margin: 0 auto; padding: 0 24px; }
    .text-center { text-align: center; }

    /* ===== SHARED SECTION STYLES ===== */
    section { padding: 96px 24px; }
    .section-eyebrow {
      display: inline-flex; align-items: center; gap: 8px;
      background: var(--magenta-bg);
      border: 1px solid rgba(184,34,106,0.18);
      border-radius: 50px; padding: 6px 16px;
      font-size: 11px; font-weight: 700; color: var(--magenta);
      letter-spacing: 0.07em; text-transform: uppercase;
      margin-bottom: 16px;
    }
    .section-title {
      font-size: clamp(28px, 3.5vw, 44px);
      font-weight: 800; color: var(--dark2);
      line-height: 1.15; letter-spacing: -0.02em;
    }
    .section-sub {
      font-size: 17px; color: var(--grey);
      line-height: 1.7; max-width: 600px;
    }
    .section-sub.center { margin: 0 auto; }

    /* ===== BUTTONS ===== */
    .btn-outline {
      display: inline-block; padding: 10px 22px;
      border: 2px solid var(--magenta); color: var(--magenta);
      border-radius: 50px; font-size: 14px; font-weight: 600;
      font-family: 'Outfit', sans-serif; transition: all 0.25s;
    }
    .btn-outline:hover { background: var(--magenta); color: #fff; }

    .btn-primary {
      display: inline-block; padding: 12px 28px;
      background: var(--grad-magenta); color: #fff;
      border-radius: 50px; font-size: 14px; font-weight: 700;
      font-family: 'Outfit', sans-serif;
      border: none; cursor: pointer; transition: all 0.25s;
      box-shadow: 0 4px 18px rgba(184,34,106,0.32);
    }
    .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(184,34,106,0.44); }
    .btn-primary.large { padding: 16px 40px; font-size: 16px; }

    .btn-ghost-white {
      display: inline-block;
      border: 2px solid rgba(255,255,255,0.50); color: #fff;
      padding: 14px 34px; border-radius: 50px;
      font-size: 15px; font-weight: 700;
      font-family: 'Outfit', sans-serif;
      transition: background 0.2s, border-color 0.2s;
    }
    .btn-ghost-white:hover { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.80); }

    .btn-white-solid {
      display: inline-block;
      background: #fff; color: var(--magenta-dark);
      padding: 16px 40px; border-radius: 50px;
      font-size: 16px; font-weight: 800;
      font-family: 'Outfit', sans-serif;
      transition: transform 0.2s, box-shadow 0.2s;
    }
    .btn-white-solid:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,0,0,0.18); }

    /* ===== MOCK REPORT (shared component) ===== */
    .mock-report {
      background: #fff; border-radius: 20px;
      border: 1px solid var(--border);
      box-shadow: 0 20px 60px rgba(0,0,0,0.10);
      overflow: hidden; font-family: 'Outfit', sans-serif;
    }
    .mock-report-header {
      background: var(--grad-magenta); padding: 20px 24px;
      display: flex; align-items: center; justify-content: space-between;
    }
    .mock-report-header h4 { font-size: 16px; font-weight: 800; color: #fff; }
    .mock-report-header span { font-size: 12px; color: rgba(255,255,255,0.78); }
    .mock-report-body { padding: 22px; }
    .mock-stat-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 18px; }
    .mock-stat-box { background: var(--grey-light); border-radius: 10px; padding: 12px 10px; text-align: center; }
    .mock-stat-label { font-size: 10px; font-weight: 600; color: var(--grey); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 4px; }
    .mock-stat-val { font-size: 17px; font-weight: 900; color: var(--dark2); line-height: 1.2; }
    .mock-stat-val.up { color: #148a50; }
    .mock-stat-val.mag { color: var(--magenta); }
    .mock-chart-label { font-size: 11px; font-weight: 700; color: var(--grey); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 10px; }
    .mock-bars { display: flex; align-items: flex-end; gap: 5px; height: 64px; margin-bottom: 18px; }
    .mock-bar { flex: 1; border-radius: 4px 4px 0 0; background: var(--border); transition: background 0.2s; }
    .mock-bar.hi { background: var(--magenta); }
    .mock-bar.med { background: rgba(184,34,106,0.42); }
    .mock-cta-btn {
      display: block; text-align: center;
      background: var(--grad-magenta); color: #fff;
      padding: 13px; border-radius: 10px;
      font-size: 13px; font-weight: 800;
      font-family: 'Outfit', sans-serif; transition: opacity 0.2s;
    }
    .mock-cta-btn:hover { opacity: 0.88; }

    /* ===== RESPONSIVE — TABLET ===== */
    @media (max-width: 960px) {
      .nav-links { display: none; }
      .nav-cta { display: none; }
      .nav-hamburger { display: flex; }
      .hero-inner { grid-template-columns: 1fr; gap: 48px; }
      .hero-visual { max-width: 440px; margin: 0 auto; }
      .hero-screen-badge { left: 0; }
      .problem-grid { grid-template-columns: 1fr; gap: 44px; }
      .how-grid { grid-template-columns: repeat(2,1fr); }
      .how-grid::before { display: none; }
      .showcase-grid { grid-template-columns: 1fr; gap: 36px; }
      .showcase-grid.flip { direction: ltr; }
      .inside-grid { grid-template-columns: repeat(2,1fr); }
      .stats-grid { grid-template-columns: repeat(2,1fr); row-gap: 36px; }
      .stat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 28px; }
      .stat-item:nth-last-child(-n+2) { border-bottom: none; }
      .audience-grid { grid-template-columns: 1fr; }
    }

    /* ===== RESPONSIVE — MOBILE ===== */
    @media (max-width: 600px) {
      section { padding: 64px 16px; }
      .hero { padding: 72px 16px 56px; }
      .hero h1 { font-size: 30px; }
      .hero-sub { font-size: 15px; }
      .hero-stats { gap: 16px; flex-wrap: wrap; }
      .hero-stat-num { font-size: 22px; }
      .hero-btns { flex-direction: column; gap: 12px; }
      .hero-btns .btn-primary.large,
      .hero-btns .btn-ghost-white { display: block; text-align: center; }
      .problem-grid { gap: 32px; }
      .how-grid { grid-template-columns: 1fr; }
      .inside-grid { grid-template-columns: 1fr; }
      .stats-grid { grid-template-columns: 1fr; }
      .stat-item { border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 24px; border-right: none; }
      .stat-item:last-child { border-bottom: none; }
      .stat-num { font-size: 42px; }
      .audience-card { padding: 28px 22px; }
      .testi-card { padding: 32px 20px; }
      .testi-quote { font-size: 16px; }
      .cta-btns { flex-direction: column; align-items: center; }
      .cta-btns a { width: 100%; max-width: 280px; text-align: center; }
      .logos-inner { gap: 8px 20px; }
      .demo-frame-url { display: none; }
      .journey-visual { padding: 24px; }
    }

    @media (max-width: 380px) {
      .hero h1 { font-size: 26px; }
      .section-title { font-size: 24px; }
    }
  </style>
</head>
<body>/* End custom CSS */