<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ozzicat.com.au</title>
  <style>
  * { box-sizing: border-box; }
  body { font-family: Arial, sans-serif; background: #0e1b36; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; }
  .banner { background: #ff9800; color: #fff; text-align: center; font-size: 15px; padding: 10px 16px; font-weight: bold; line-height: 1.5; word-break: break-word; }
  .container { max-width: 480px; margin: 40px auto 0 auto; background: #172447; border-radius: 0 0 8px 8px; box-shadow: 0 4px 24px rgba(0,0,0,0.18); padding: 0 0 30px 0; position: relative; overflow: hidden; }
  .domain-title { color: #bfc9db; font-size: 22px; font-weight: bold; text-align: center; margin: 32px 16px 10px 16px; letter-spacing: 1px; word-break: break-all; overflow-wrap: anywhere; }
  .related { color: #bfc9db; font-size: 12px; text-align: left; margin-left: 24px; margin-bottom: 8px; }
  .search-links { display: flex; flex-direction: column; gap: 14px; margin: 0 16px; }
  .search-link { background: #0e1b36; color: #fff; border: 2px solid #bfc9db; border-radius: 16px; padding: 18px 16px; font-size: 16px; font-weight: 600; text-decoration: none; display: flex; align-items: center; justify-content: space-between; transition: background 0.2s, color 0.2s; word-break: break-word; min-height: 56px; -webkit-tap-highlight-color: transparent; }
  .search-link:hover { background: #1e2c54; color: #ff9800; }
  .arrow { font-size: 22px; color: #bfc9db; margin-left: 12px; flex-shrink: 0; line-height: 1; }
  .status { color: #bfc9db; font-size: 14px; text-align: center; margin: 0; padding: 0 16px; }
  .footer { text-align: center; color: #bfc9db; font-size: 12px; margin-top: 30px; padding: 0 16px; line-height: 1.8; }
  .footer a { color: #bfc9db; text-decoration: underline; margin: 0 4px; }
  .note { background: #172447; color: #bfc900; font-size: 11px; margin: 18px 16px 0 16px; padding: 8px 12px; border-radius: 6px; text-align: center; line-height: 1.6; }
  .contact { color: #bfc9db; font-size: 13px; margin-top: 8px; }
  .contact a { color: #bfc9db; }
  @media (max-width: 480px) {
    .container { margin: 0; border-radius: 0; width: 100%; min-height: 100vh; }
    .banner { font-size: 12px; padding: 10px 12px; }
    .domain-title { font-size: 17px; margin: 24px 12px 10px 12px; }
    .related { margin-left: 16px; }
    .search-links { margin: 0 10px; gap: 10px; }
    .search-link { font-size: 14px; padding: 15px 12px; border-radius: 12px; }
    .arrow { font-size: 20px; margin-left: 8px; }
    .note { margin: 14px 10px 0 10px; font-size: 10px; }
    .footer { font-size: 11px; margin-top: 24px; }
  }
  @media (min-width: 481px) and (max-width: 600px) {
    .container { margin: 0; border-radius: 0; width: 100%; }
    .banner { font-size: 13px; }
    .domain-title { font-size: 19px; }
    .search-links { margin: 0 14px; gap: 12px; }
    .search-link { font-size: 15px; padding: 16px 14px; }
  }
</style>
</head>
<body>
  <div class="banner">Website Under Redevelopment — business enquiries: contact@blackboxmedia.au</div>
  <div class="container">
    <div class="domain-title">ozzicat.com.au</div>
    <div class="related">Related searches</div>
    <div class="search-links" id="search-links">
      <p class="status">Loading related links...</p>
    </div>
    <div class="footer">
      2026 Copyright | All Rights Reserved.
      <div class="contact">Contact: <a href="mailto:contact@blackboxmedia.au">contact@blackboxmedia.au</a></div>
    </div>
    <div class="note">Note: ozzicat.com.au is the name of the domain registrant's service that provides links to advertisements for services, goods, events or activities that may be of interest to you, based on the search term “ozzicat”.</div>
  </div>
  <script>
    var SEARCH_LABEL = "ozzicat";
    function getSearchQuery(kw) {
      var parts = kw.split(' ').filter(Boolean).slice(0, 2);
      return parts.length ? parts.join(' ') : kw;
    }
    function sanitizeText(value) {
      var clean = String(value || '').replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();
      return clean.split(' - ')[0].trim();
    }
    function buildFallbackLinks(kw) {
      var hints = [
        kw + ' in australia',
        kw + ' services',
        kw + ' business',
        kw + ' directory',
        kw + ' contact'
      ];
      return hints.map(function(label) {
        return { text: label, url: 'https://www.google.com/search?q=' + encodeURIComponent(label) };
      });
    }
    async function fetchLinks(query) {
      var response = await fetch('https://api.duckduckgo.com/?q=' + encodeURIComponent(query) + '&format=json&no_redirect=1');
      var data = await response.json();
      var queryWord = query.split(' ')[0].toLowerCase();
      var topics = Array.isArray(data.RelatedTopics) ? data.RelatedTopics : [];
      return topics
        .filter(function(t) { return t && t.FirstURL && t.Text; })
        .map(function(t) {
          return {
            url: 'https://www.google.com/search?q=' + encodeURIComponent(sanitizeText(t.Text)),
            text: sanitizeText(t.Text)
          };
        })
        .filter(function(link) { return link.text && link.text.toLowerCase().includes(queryWord); })
        .slice(0, 5);
    }
    function renderLinks(links) {
      var container = document.getElementById('search-links');
      container.innerHTML = '';
      if (!links.length) {
        var p = document.createElement('p');
        p.className = 'status';
        p.textContent = 'No related links were found for this domain.';
        container.appendChild(p);
        return;
      }
      links.forEach(function(link) {
        var a = document.createElement('a');
        a.className = 'search-link';
        a.href = link.url;
        a.target = '_blank';
        a.rel = 'noopener noreferrer';
        var span = document.createElement('span');
        span.textContent = link.text;
        var arrow = document.createElement('span');
        arrow.className = 'arrow';
        arrow.innerHTML = '&#8250;';
        a.appendChild(span);
        a.appendChild(arrow);
        container.appendChild(a);
      });
    }
    async function init() {
      var searchLabel = SEARCH_LABEL;
      var searchQuery = getSearchQuery(searchLabel);
      try {
        var links = await fetchLinks(searchQuery);
        renderLinks(links.length ? links : buildFallbackLinks(searchLabel));
      } catch (e) {
        renderLinks(buildFallbackLinks(searchLabel));
      }
    }
    init();
  </script>
</body>
</html>