<!doctype html>
<html lang="hu">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Bérlőellenőrzés és bérlőminősítés – AI | Rentize+</title>
    
    <!-- SEO Meta Tags -->
    <meta name="description" content="Bérlőellenőrzés és bérlőminősítés AI modellel percek alatt. Ellenőrzött személyazonosság, jövedelem és banki adatok – kockázatmentes lakáskiadás bérbeadóknak. Próbáld ki ingyen!" />
    <meta name="keywords" content="bérlőellenőrzés, bérlőminősítés, bérlő ellenőrzés, bérlő átvilágítás, bérlőátvilágítás, bérlő előminősítés, tenant screening, bérlői profil, KYC bérlő, jövedelemellenőrzés, bérbeadás biztonságosan, albérlő ellenőrzés, lakáskiadás" />
    <meta name="author" content="Rentize" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1" />
    <meta name="google-site-verification" content="CgjzdOC85d67GbH0E4BPanzP9nGH2WvbbsF_EPp06lk" />
    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="Bérlőellenőrzés és bérlőminősítés – AI | Rentize+" />
    <meta property="og:description" content="Bérlőellenőrzés és bérlőminősítés AI modellel percek alatt. Ellenőrzött személyazonosság, jövedelem és banki adatok – kockázatmentes lakáskiadás bérbeadóknak." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://rentize.hu/berloatvilagitas" />
    <meta property="og:image" content="https://rentize.hu/rentize-kyc-promo.png" />
    <meta property="og:locale" content="hu_HU" />
    <meta property="og:site_name" content="Rentize" />
    
    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Bérlőellenőrzés és bérlőminősítés | Rentize+" />
    <meta name="twitter:description" content="Bérlőellenőrzés és bérlőminősítés AI modellel percek alatt. Kockázatmentes lakáskiadás bérbeadóknak." />
    <meta name="twitter:image" content="https://rentize.hu/rentize-kyc-promo.png" />
    
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png" />
    <link rel="icon" type="image/png" sizes="64x64" href="/favicon-64x64.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    
    <!-- Resource hints: max 2 preconnect (fonts only); Firebase uses dns-prefetch on landing -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="dns-prefetch" href="https://firebasestorage.googleapis.com" />
    <link rel="dns-prefetch" href="https://firestore.googleapis.com" />
    <link rel="dns-prefetch" href="https://rentize-f4055.firebaseapp.com" />
    <link rel="dns-prefetch" href="https://www.googleapis.com" />
    <link rel="dns-prefetch" href="https://europe-west1-rentize-f4055.cloudfunctions.net" />

    <!-- LCP hero — mobile-first webp preload before JS bundle -->
    <link rel="preload" as="image" href="/ts-track-progress-mobile.webp" type="image/webp" fetchpriority="high" media="(max-width: 739px)" />
    <link rel="preload" as="image" href="/ts-track-progress.webp" type="image/webp" fetchpriority="high" media="(min-width: 740px)" />
    <link rel="preload" as="image" href="/rentize-logo.webp" type="image/webp" />

    <!-- Critical CSS inline for faster FCP -->
    <style>
      /* Critical CSS - Above the fold styles */
      * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }
      
      html, body {
        overflow-x: hidden;
        max-width: 100vw;
        width: 100%;
        background: #ffffff;
        color: #0f172a;
        font-family: 'Plus Jakarta Sans', 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
      }
      
      #root {
        min-height: 100vh;
      }

      /* ─────────── App-shell skeleton ─────────── */
      .rz-app-shell {
        position: fixed;
        inset: 0;
        background: #ffffff;
        z-index: 1;
        pointer-events: none;
      }
      .rz-app-shell__nav {
        height: 64px;
        border-bottom: 1px solid rgba(148, 163, 184, 0.35);
        display: flex;
        align-items: center;
        padding: 0 24px;
        gap: 12px;
        background: #ffffff;
      }
      .rz-app-shell__logo {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background: linear-gradient(135deg, #2563eb, #60a5fa);
      }
      .rz-app-shell__logo-text {
        width: 72px;
        height: 16px;
        border-radius: 4px;
        background: linear-gradient(90deg, #e2e8f0 0%, #f1f5f9 50%, #e2e8f0 100%);
        background-size: 200% 100%;
        animation: rz-shimmer 1.4s ease-in-out infinite;
      }
      .rz-app-shell__main {
        padding: 32px 24px;
        max-width: 1280px;
        margin: 0 auto;
      }
      .rz-app-shell__hero {
        height: 240px;
        border-radius: 16px;
        background: linear-gradient(135deg, #f8faff 0%, #eff6ff 40%, #dbeafe 100%);
        margin-bottom: 32px;
        position: relative;
        overflow: hidden;
      }
      .rz-app-shell__hero::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.45) 50%, transparent 100%);
        background-size: 200% 100%;
        animation: rz-shimmer 1.6s ease-in-out infinite;
      }
      .rz-app-shell__grid {
        display: grid;
        gap: 24px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      @media (max-width: 900px) {
        .rz-app-shell__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      }
      @media (max-width: 600px) {
        .rz-app-shell__grid { grid-template-columns: 1fr; }
      }
      .rz-app-shell__card {
        border-radius: 12px;
        overflow: hidden;
        background: #f8fafc;
        border: 1px solid rgba(226, 232, 240, 0.8);
      }
      .rz-app-shell__card-img {
        height: 180px;
        background: linear-gradient(90deg, #e2e8f0 0%, #f1f5f9 50%, #e2e8f0 100%);
        background-size: 200% 100%;
        animation: rz-shimmer 1.4s ease-in-out infinite;
      }
      .rz-app-shell__card-body {
        padding: 16px;
      }
      .rz-app-shell__line {
        height: 12px;
        border-radius: 6px;
        background: linear-gradient(90deg, #e2e8f0 0%, #f1f5f9 50%, #e2e8f0 100%);
        background-size: 200% 100%;
        animation: rz-shimmer 1.4s ease-in-out infinite;
        margin-bottom: 8px;
      }
      .rz-app-shell__line--short { width: 40%; }
      .rz-app-shell__line--mid { width: 70%; }
      .rz-app-shell.rz-app-shell--hidden {
        opacity: 0;
        transition: opacity 0.18s ease-out;
      }
      @keyframes rz-shimmer {
        0% { background-position: 200% 0; }
        100% { background-position: -200% 0; }
      }

      #boot-fallback {
        display: none;
        position: fixed;
        inset: 0;
        z-index: 2;
        background: #ffffff;
        align-items: center;
        justify-content: center;
        padding: 24px;
        text-align: center;
        font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
      }
      #boot-fallback.is-visible {
        display: flex;
        flex-direction: column;
        gap: 16px;
      }
      #boot-fallback p {
        color: #475569;
        font-size: 14px;
        line-height: 1.5;
        max-width: 20rem;
      }
      #boot-fallback button {
        border: 0;
        border-radius: 9999px;
        background: #2563eb;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 10px 20px;
        cursor: pointer;
      }

      /* ─────────── Static LCP fallback (landing, mobile-first) ─────────── */
      #lcp-fallback {
        display: none;
        position: fixed;
        inset: 0;
        z-index: 0;
        overflow-y: auto;
        background: #ffffff;
        font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
        color: #0f172a;
      }
      #lcp-fallback.is-active { display: block; }
      #lcp-fallback.lcp-fallback--hidden {
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.15s ease-out;
      }
      .lcp-nav {
        position: sticky;
        top: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 64px;
        padding: 0 16px;
        border-bottom: 1px solid rgba(148, 163, 184, 0.45);
        background: #ffffff;
      }
      .lcp-nav__brand {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 20px;
        font-weight: 600;
        color: #0f172a;
        text-decoration: none;
      }
      .lcp-nav__logo {
        width: 32px;
        height: 32px;
        border-radius: 8px;
      }
      .lcp-main {
        max-width: 80rem;
        margin: 0 auto;
        padding: 32px 16px 24px;
      }
      .lcp-hero__title {
        margin: 0 0 16px;
        font-size: clamp(1.75rem, calc(1rem + 5.2vw), 2.75rem);
        line-height: 1.12;
        color: #0f1f5c;
        font-weight: 500;
        letter-spacing: -0.02em;
      }
      .lcp-hero__title strong {
        display: block;
        font-weight: 700;
        color: #1f4fbf;
      }
      .lcp-hero__lead {
        margin: 0 0 12px;
        max-width: 36rem;
        font-size: clamp(1.0625rem, calc(0.9375rem + 0.65vw), 1.25rem);
        line-height: 1.625;
        color: #334155;
      }
      .lcp-hero__lead b { font-weight: 600; }
      .lcp-hero__img-wrap {
        margin-top: 20px;
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
      }
      .lcp-hero__img-box {
        overflow: hidden;
        border-radius: 1rem;
        background: #eef3fb;
        box-shadow: 0 16px 40px rgba(15, 31, 92, 0.1);
      }
      .lcp-hero__img {
        display: block;
        width: 100%;
        height: auto;
      }
    </style>
    
    <!-- Load fonts — Plus Jakarta Sans + Poppins in a single combined request -->
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap"
      media="print"
      onload="this.media='all'"
    />
    <noscript>
      <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet" />
    </noscript>
    
    <!-- Preload critical JS modules for faster startup -->
    
    <!-- Schema.org Structured Data for SEO -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Rentize",
      "url": "https://rentize.hu",
      "description": "Bérlőellenőrzés és bérlőminősítés AI modellel percek alatt. Ellenőrzött személyazonosság, jövedelem és banki adatok – kockázatmentes lakáskiadás bérbeadóknak."
    }
    </script>
    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Rentize",
      "url": "https://rentize.hu",
      "logo": "https://rentize.hu/rentize-logo.png",
      "description": "Bérlőellenőrzés és bérlőminősítés platform bérbeadóknak",
      "address": {
        "@type": "PostalAddress",
        "addressCountry": "HU",
        "addressLocality": "Budapest"
      },
      "sameAs": [
        "https://www.facebook.com/rentize",
        "https://www.instagram.com/rentize",
        "https://www.linkedin.com/company/rentize"
      ]
    }
    </script>
    <script type="module" crossorigin src="/assets/index-BBIXpg-G.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/react-dom-BlU3Tx9F.js">
    <link rel="modulepreload" crossorigin href="/assets/tanstack-BbRyG63c.js">
    <link rel="modulepreload" crossorigin href="/assets/react-router-DN5LWmAA.js">
    <link rel="modulepreload" crossorigin href="/assets/react-helmet-_o7MoYYd.js">
    <link rel="modulepreload" crossorigin href="/assets/i18n-BlXLldAO.js">
    <link rel="preload" as="style" href="/assets/index-DXO91YXL.css" onload="this.onload=null;this.rel='stylesheet'" /><link rel="stylesheet" href="/assets/index-DXO91YXL.css" media="print" onload="this.media='all'" /><noscript><link rel="stylesheet" href="/assets/index-DXO91YXL.css" /></noscript>
  </head>
  <body>
    <div id="root"></div>

    <!-- Static LCP paint for tenant-screening landing (before React). Removed after mount. -->
    <div id="lcp-fallback" aria-hidden="true">
      <header class="lcp-nav">
        <a class="lcp-nav__brand" href="/">
          <img class="lcp-nav__logo" src="/rentize-logo.webp" alt="" width="32" height="32" fetchpriority="high" />
          <span>Rentize</span>
        </a>
      </header>
      <main class="lcp-main">
        <h1 class="lcp-hero__title" id="lcp-fallback-title">
          Megérzések helyett
          <strong>használd a Rentize AI-t.</strong>
        </h1>
        <p class="lcp-hero__lead" id="lcp-fallback-lead">
          Helyezd adatalapokra a bérlőválasztást.
          <b>Minősítsd elő bérlőidet és adj ki kockázatmentesen.</b>
        </p>
        <div class="lcp-hero__img-wrap">
          <div class="lcp-hero__img-box">
            <picture>
              <source srcset="/ts-track-progress-mobile.webp" type="image/webp" media="(max-width: 739px)" />
              <source srcset="/ts-track-progress.webp" type="image/webp" />
              <img
                class="lcp-hero__img"
                src="/ts-track-progress.png"
                alt=""
                width="688"
                height="632"
                fetchpriority="high"
                decoding="async"
              />
            </picture>
          </div>
        </div>
      </main>
    </div>

    <script>
      (function () {
        var p = window.location.pathname;
        var landing = p === "/" || p === "/berloatvilagitas" || p === "/tenantscreening";
        if (!landing) return;
        var lcp = document.getElementById("lcp-fallback");
        var shell = document.getElementById("app-shell");
        if (lcp) lcp.classList.add("is-active");
        if (shell) shell.style.display = "none";
        try {
          var lng = localStorage.getItem("i18nextLng") || "";
          var en = lng.indexOf("en") === 0 || (!lng && navigator.language && navigator.language.indexOf("hu") !== 0);
          if (en) {
            var t = document.getElementById("lcp-fallback-title");
            var l = document.getElementById("lcp-fallback-lead");
            if (t) t.innerHTML = 'Instead of gut feeling,<strong>use Rentize+ AI.</strong>';
            if (l) l.innerHTML = 'Put tenant selection on a data-driven footing. <b>Pre-qualify your tenants and lease with less risk.</b>';
          }
        } catch (_) {}
      })();
    </script>

    <!-- App-shell shown during initial JS load. Removed by client/App.tsx after React mounts. -->
    <div id="app-shell" class="rz-app-shell" aria-hidden="true">
      <div class="rz-app-shell__nav">
        <div class="rz-app-shell__logo"></div>
        <div class="rz-app-shell__logo-text"></div>
      </div>
      <div class="rz-app-shell__main">
        <div class="rz-app-shell__hero"></div>
        <div class="rz-app-shell__grid">
          <div class="rz-app-shell__card">
            <div class="rz-app-shell__card-img"></div>
            <div class="rz-app-shell__card-body">
              <div class="rz-app-shell__line rz-app-shell__line--mid"></div>
              <div class="rz-app-shell__line rz-app-shell__line--short"></div>
            </div>
          </div>
          <div class="rz-app-shell__card">
            <div class="rz-app-shell__card-img"></div>
            <div class="rz-app-shell__card-body">
              <div class="rz-app-shell__line rz-app-shell__line--mid"></div>
              <div class="rz-app-shell__line rz-app-shell__line--short"></div>
            </div>
          </div>
          <div class="rz-app-shell__card">
            <div class="rz-app-shell__card-img"></div>
            <div class="rz-app-shell__card-body">
              <div class="rz-app-shell__line rz-app-shell__line--mid"></div>
              <div class="rz-app-shell__line rz-app-shell__line--short"></div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div id="boot-fallback" aria-live="polite">
      <p>Az oldal betöltése elhúzódott. Próbáld újra, vagy másold be a linket Safari / Chrome böngészőbe.</p>
      <button type="button" onclick="window.location.reload()">Újratöltés</button>
    </div>

    <script>
      (function () {
        var BOOT_MS = 14000;
        var bootTimer = window.setTimeout(function () {
          if (window.__RENTIZE_APP_MOUNTED__) return;
          var shell = document.getElementById("app-shell");
          if (shell) {
            shell.classList.add("rz-app-shell--hidden");
            window.setTimeout(function () {
              if (shell.parentNode) shell.parentNode.removeChild(shell);
            }, 220);
          }
          var fallback = document.getElementById("boot-fallback");
          if (fallback) fallback.classList.add("is-visible");
        }, BOOT_MS);
        window.__rentizeClearBootTimer = function () {
          window.clearTimeout(bootTimer);
        };
      })();
    </script>

  </body>
</html>
