<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="noindex, follow">
  <meta name="color-scheme" content="light dark">
  <meta name="theme-color" content="#f5f7fb">
  <meta name="description" content="Домен зарегистрирован. Регистрация доменных имен, освобождающиеся домены, лицензии на серверное ПО, разработка и SSL-сертификаты.">
  <title>Домен зарегистрирован — ru-tld.ru</title>
  <link rel="icon" type="image/png" href="/favicon-2.png">
  <style>
    :root {
      --ink: #101d38;
      --muted: #64718b;
      --muted-2: #7b879b;
      --border: #e4e9f2;
      --blue: #315bde;
      --bg: #f5f7fb;
      --card: #ffffff;
      --card-2: #edf1f8;
      --radius: 22px;
      --shadow-soft: 0 5px 22px rgba(23,47,94,.025);
      --shadow-card: 0 14px 34px rgba(23,47,94,.09);
      --hero-start: #0d1e3e;
      --hero-end: #152c55;
      --hero-muted: #bdcbe3;
      --hero-ink: #ffffff;
      --toggle-bg: #ffffff;
    }

    html[data-theme="dark"] {
      --ink: #e6edf8;
      --muted: #a7b3c8;
      --muted-2: #95a4bc;
      --border: #26334f;
      --blue: #82a6ff;
      --bg: #0d1320;
      --card: #111a2b;
      --card-2: #10192a;
      --shadow-soft: 0 8px 24px rgba(0,0,0,.22);
      --shadow-card: 0 16px 38px rgba(0,0,0,.30);
      --hero-start: #09101c;
      --hero-end: #10203c;
      --hero-muted: #aebbd1;
      --hero-ink: #f3f7ff;
      --toggle-bg: #17233a;
    }

    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      background: var(--bg);
      color: var(--ink);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      line-height: 1.55;
      transition: background-color .2s ease, color .2s ease;
    }
    a { color: inherit; }
    a:focus-visible, button:focus-visible { outline: 3px solid #8aabff; outline-offset: 4px; }
    .container { width: min(1120px, calc(100% - 48px)); margin-inline: auto; }

    .site-header { padding: 25px 0; }
    .site-header .container { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
    .brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; min-width: 0; }
    .brand-mark {
      width: 42px; height: 42px; display: grid; place-items: center; flex: none;
      border-radius: 13px; background: #ffffff; border: 1px solid var(--border);
      box-shadow: 0 7px 17px rgba(22,58,156,.08); overflow: hidden;
    }
    .brand-mark img { width: 24px; height: 24px; object-fit: contain; display: block; }
    .brand-name { display: block; font-weight: 820; font-size: 17px; line-height: 1.1; letter-spacing: -.45px; }
    .brand-desc { display: block; color: var(--muted); font-size: 12px; margin-top: 3px; }
    .header-actions { display: flex; align-items: center; gap: 10px; }
    .theme-toggle {
      width: 42px; height: 42px; padding: 0;
      border: 1px solid var(--border);
      background: var(--toggle-bg);
      color: var(--muted);
      border-radius: 12px;
      cursor: pointer;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      flex: none;
      transition: background-color .2s ease, color .2s ease, border-color .2s ease;
    }
    .theme-toggle:hover { color: var(--ink); border-color: var(--muted-2); }
    .theme-toggle svg { width: 20px; height: 20px; }
    .theme-icon-sun { display: none; }
    html[data-theme="dark"] .theme-icon-moon { display: none; }
    html[data-theme="dark"] .theme-icon-sun { display: block; }

    .hero {
      position: relative; overflow: hidden;
      background: #10254a;
      background-image: radial-gradient(ellipse at 90% 13%, rgba(72,122,245,.40) 0%, transparent 43%),
                        radial-gradient(ellipse at 27% 112%, rgba(45,101,196,.26) 0%, transparent 52%),
                        linear-gradient(118deg, var(--hero-start) 0%, var(--hero-end) 100%);
      border-radius: 30px; min-height: 315px; isolation: isolate;
      box-shadow: 0 20px 65px rgba(17,37,75,.10);
    }
    .hero::before {
      content: ""; position: absolute; inset: 0; pointer-events: none;
      background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
                        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size: 48px 48px; mask-image: linear-gradient(to left, black, transparent 80%);
    }
    .hero-content { position: relative; z-index: 1; display: grid; grid-template-columns: 1.16fr .84fr; align-items: center; gap: 20px; padding: 42px 60px; }
    .eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #c3d5ff; font-size: 12px; letter-spacing: .11em; text-transform: uppercase; font-weight: 730; }
    .status-dot { width: 9px; height: 9px; flex: none; border-radius: 50%; background: #76e2b3; box-shadow: 0 0 0 5px rgba(118,226,179,.13); }
    h1 { margin: 24px 0 16px; color: var(--hero-ink); line-height: 1.08; letter-spacing: -.05em; font-size: clamp(37px, 4.8vw, 67px); font-weight: 790; overflow-wrap: anywhere; }
    .hero-description { color: var(--hero-muted); font-size: 17px; line-height: 1.65; max-width: 620px; margin: 0; }
    .illustration { position: relative; display: grid; place-items: center; min-height: 220px; }
    .orbit { width: 220px; aspect-ratio: 1; border: 1px solid rgba(166,195,250,.25); border-radius: 50%; display: grid; place-items: center; position: relative; }
    .orbit::before { content: ""; position: absolute; inset: 28px; border: 1px dashed rgba(170,198,255,.28); border-radius: 50%; }
    .orbit::after { content: ""; position: absolute; width: 11px; height: 11px; right: 28px; top: 41px; background: #79caff; border-radius: 50%; box-shadow: 0 0 0 7px rgba(121,202,255,.12); }
    .orb {
      width: 132px; height: 132px; display: grid; place-items: center; border-radius: 38px;
      background: linear-gradient(135deg, #416bd1, #27488e); border: 1px solid rgba(204,222,255,.25);
      box-shadow: 0 17px 44px rgba(3,15,42,.32), inset 0 1px 0 rgba(255,255,255,.15);
      transform: rotate(-8deg);
    }
    .orb svg { color: #e5efff; width: 75px; height: 75px; transform: rotate(8deg); }
    .float-pill {
      position: absolute; z-index: 2; border: 1px solid rgba(201,219,252,.24);
      color: #e8efff; font-size: 12px; font-weight: 650; white-space: nowrap;
      padding: 10px 13px; border-radius: 10px; background: rgba(31,58,105,.94);
      box-shadow: 0 12px 23px rgba(0,0,0,.13);
    }
    .float-pill.top { top: 23px; left: -18px; }
    .float-pill.bottom { bottom: 29px; right: -10px; }

    .services { padding: 59px 0 42px; }
    .section-header { margin-bottom: 25px; }
    h2 { font-size: clamp(26px, 3vw, 34px); letter-spacing: -.035em; margin: 0 0 6px; font-weight: 790; line-height: 1.2; }
    .section-header p { color: var(--muted); font-size: 15px; margin: 0; }
    .services-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 17px; }
    .service {
      --accent: #4168cb; --accent-bg: #edf2ff;
      grid-column: span 2; display: flex; flex-direction: column; min-height: 226px;
      border-radius: var(--radius); border: 1px solid var(--border); background: var(--card);
      padding: 26px 25px 23px; position: relative;
      box-shadow: var(--shadow-soft);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
    }
    .service:hover { transform: translateY(-4px); border-color: #bccbed; box-shadow: var(--shadow-card); }
    html[data-theme="dark"] .service:hover { border-color: #3a4a6e; }
    .service:nth-child(-n+2) { grid-column: span 3; min-height: 231px; }
    .service.is-ardis { --accent: #2f57c4; --accent-bg: #edf2ff; }
    .service.is-active { --accent: #0b9483; --accent-bg: #e8f9f5; }
    .service.is-backorder { --accent: #a45a14; --accent-bg: #fff5e8; }
    .service.is-rutld { --accent: #6c56c5; --accent-bg: #f1edff; }
    .service.is-isp { --accent: #d34d61; --accent-bg: #fff0f2; }
    html[data-theme="dark"] .service.is-ardis { --accent-bg: rgba(47,87,196,.16); }
    html[data-theme="dark"] .service.is-active { --accent-bg: rgba(11,148,131,.15); }
    html[data-theme="dark"] .service.is-backorder { --accent-bg: rgba(164,90,20,.16); }
    html[data-theme="dark"] .service.is-rutld { --accent-bg: rgba(108,86,197,.16); }
    html[data-theme="dark"] .service.is-isp { --accent-bg: rgba(211,77,97,.16); }
    .service-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
    .service-icon { width: 48px; height: 48px; border-radius: 15px; background: var(--accent-bg); color: var(--accent); display: grid; place-items: center; }
    .service-icon svg { width: 25px; height: 25px; stroke-width: 1.8; }
    .service-arrow { color: #a1aec3; transition: transform .2s ease, color .2s ease; }
    .service-arrow-link { color: #a1aec3; display: inline-flex; padding: 4px; margin: -4px; border-radius: 6px; text-decoration: none; }
    .service-arrow-link:hover .service-arrow, .service:hover .service-arrow { transform: translate(3px,-3px); color: var(--accent); }
    .service a:focus-visible { outline: 3px solid #8aabff; outline-offset: 3px; border-radius: 3px; }
    .service-label { color: #76839a; font-size: 11px; letter-spacing: .09em; text-transform: uppercase; font-weight: 750; margin: 0 0 3px; }
    .service-name { display: inline-block; align-self: flex-start; text-decoration: none; font-size: 22px; font-weight: 790; letter-spacing: -.035em; line-height: 1.25; color: var(--ink); }
    .service-name:hover { color: var(--accent); }
    .service-description { color: var(--muted); font-size: 14px; margin: 9px 0 0; line-height: 1.65; }
    .service-description a { color: var(--muted-2); font-weight: 680; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(123,135,155,.55); }
    .service-description a:hover { color: var(--ink); text-decoration-color: currentColor; }
    .service-domain { font-size: 12px; font-weight: 730; color: var(--muted-2); margin-top: auto; padding-top: 15px; align-self: flex-start; text-decoration: none; }
    .service-domain:hover { text-decoration: underline; color: var(--ink); }
    .service-domain svg { width: 12px; height: 12px; vertical-align: -2px; margin-left: 3px; }

    .bottom-note { background: var(--card-2); border: 1px solid var(--border); border-radius: 17px; padding: 20px 25px; margin: 3px 0 35px; display: flex; align-items: center; gap: 17px; }
    .bottom-note-icon { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 13px; background: var(--card); color: var(--muted-2); }
    .bottom-note p { margin: 0; color: var(--muted); font-size: 13px; }
    .bottom-note strong { display: block; font-size: 14px; color: var(--muted-2); margin-bottom: 3px; font-weight: 700; }

    @media (max-width: 920px) {
      .hero-content { grid-template-columns: 1fr .65fr; padding: 40px 43px; }
      .orbit { width: 195px; }
      .orb { width: 115px; height: 115px; border-radius: 30px; }
      .orb svg { width: 62px; height: 62px; }
      .services-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .service, .service:nth-child(-n+2) { grid-column: span 1; min-height: 231px; }
    }
    @media (max-width: 680px) {
      .container { width: min(100% - 30px, 1120px); }
      .site-header { padding: 18px 0; }
      .site-header .container { align-items: flex-start; }
      .header-actions { flex-direction: column; align-items: flex-end; }
      .hero { border-radius: 23px; min-height: auto; }
      .hero-content { display: block; padding: 38px 29px 36px; }
      .hero-description { font-size: 15px; }
      .illustration { display: none; }
      h1 { font-size: clamp(34px, 9vw, 53px); margin-top: 20px; }
      .services { padding: 41px 0 25px; }
      .services-grid { grid-template-columns: 1fr; gap: 13px; }
      .service, .service:nth-child(-n+2) { min-height: 0; padding: 23px; }
      .service-top { margin-bottom: 15px; }
      .bottom-note { align-items: flex-start; padding: 17px; margin-bottom: 25px; }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { transition: none !important; }
    }
  </style>
</head>
<body>
  <header class="site-header">
    <div class="container">
      <a class="brand" href="https://ru-tld.ru/" aria-label="ru-tld.ru, главная страница">
        <span class="brand-mark"><img src="/favicon-2.png" alt="" width="24" height="24"></span>
        <span><span class="brand-name">ru-tld.ru</span><span class="brand-desc">Регистрация доменов</span></span>
      </a>
      <div class="header-actions">
        <button class="theme-toggle" type="button" id="themeToggle" aria-label="Включить ночной режим" title="Включить ночной режим">
          <svg class="theme-icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.5 13.2A8.6 8.6 0 0 1 10.8 3.5a8.7 8.7 0 1 0 9.7 9.7Z"/></svg>
          <svg class="theme-icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2m0 16v2M4.93 4.93l1.42 1.42m11.3 11.3 1.42 1.42M2 12h2m16 0h2M4.93 19.07l1.42-1.42m11.3-11.3 1.42-1.42"/></svg>
        </button>
      </div>
    </div>
  </header>

  <main class="container">
    <section class="hero" aria-labelledby="parking-title">
      <div class="hero-content">
        <div>
          <span class="eyebrow"><span class="status-dot" aria-hidden="true"></span> Домен зарегистрирован</span>
          <h1 id="parking-title" data-domain>www.4living.ru</h1>
          <p class="hero-description">На этом домене пока не опубликован сайт.</p>
        </div>
        <div class="illustration" aria-hidden="true">
          <div class="orbit">
            <div class="orb">
              <svg viewBox="0 0 96 96" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <circle cx="48" cy="48" r="33"/><path d="M15 48h66M48 15c-11 10-17 21-17 33s6 23 17 33M48 15c11 10 17 21 17 33s-6 23-17 33M23 28c14 9 36 10 50 0M23 68c14-9 36-10 50 0"/>
              </svg>
            </div>
            <span class="float-pill top">✓ Доменное имя</span>
            <span class="float-pill bottom">● Зарегистрирован</span>
          </div>
        </div>
      </div>
    </section>

    <section class="services" aria-labelledby="services-title">
      <div class="section-header">
        <h2 id="services-title">Наши проекты и услуги</h2>
        <p>Регистрация доменных имен, освобождающиеся домены, лицензии на серверное ПО, разработка и SSL-сертификаты.</p>
      </div>

      <div class="services-grid">
        <article class="service is-backorder">
          <div class="service-top">
            <span class="service-icon" aria-hidden="true"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M12 3v4m0 10v4M4.2 7.5l3 2.5m9.6 4 3 2.5M3 12h4m10 0h4M4.2 16.5l3-2.5m9.6-4 3-2.5"></path><circle cx="12" cy="12" r="4"></circle></svg></span>
            <a class="service-arrow-link" href="https://backorder.ru/" aria-label="Открыть сайт backorder.ru"><svg class="service-arrow" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 17 17 7M8 7h9v9"/></svg></a>
          </div>
          <span class="service-label">Освобождающиеся домены</span>
          <a class="service-name" href="https://backorder.ru/">BackOrder.ru</a>
          <p class="service-description">Сервис регистрации освобождающихся доменных имен.</p>
          <a class="service-domain" href="https://backorder.ru/">backorder.ru <span aria-hidden="true">↗</span></a>
        </article>

        <article class="service is-isp">
          <div class="service-top">
            <span class="service-icon" aria-hidden="true"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M9 3h6l1 3 3 1 2 5-2 5-3 1-1 3H9l-1-3-3-1-2-5 2-5 3-1 1-3Z"></path><path d="m9 12 2 2 4-4"></path></svg></span>
            <a class="service-arrow-link" href="https://www.isplicense.ru/" aria-label="Открыть сайт isplicense.ru"><svg class="service-arrow" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 17 17 7M8 7h9v9"/></svg></a>
          </div>
          <span class="service-label">Лицензии и программное обеспечение</span>
          <a class="service-name" href="https://www.isplicense.ru/">ISPlicense.ru</a>
          <p class="service-description">Лицензии ispmanager, Plesk, cPanel, DirectAdmin и другого программного обеспечения. Разработка. <a href="https://www.isplicense.ru/services/ssl-sert/">SSL-сертификаты</a>.</p>
          <a class="service-domain" href="https://www.isplicense.ru/">isplicense.ru <span aria-hidden="true">↗</span></a>
        </article>

        <article class="service is-ardis">
          <div class="service-top">
            <span class="service-icon" aria-hidden="true"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"></circle><path d="M3 12h18M12 3c-3 3-4.5 6-4.5 9S9 18 12 21M12 3c3 3 4.5 6 4.5 9S15 18 12 21"></path></svg></span>
            <a class="service-arrow-link" href="https://ардис.рф/" aria-label="Открыть сайт Ардис.рф"><svg class="service-arrow" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 17 17 7M8 7h9v9"/></svg></a>
          </div>
          <span class="service-label">Аккредитованный регистратор</span>
          <a class="service-name" href="https://ардис.рф/">Ардис</a>
          <p class="service-description">Аккредитованный регистратор .RU, .SU и .РФ, <a href="https://ардис.рф/ssl/">SSL-сертификаты</a>, <a href="https://ардис.рф/product/">EPPmanager</a>, <a href="https://ардис.рф/services/domennyj-broker/">доменный брокер</a>.</p>
          <a class="service-domain" href="https://ардис.рф/">Ардис.рф <span aria-hidden="true">↗</span></a>
        </article>

        <article class="service is-rutld">
          <div class="service-top">
            <span class="service-icon" aria-hidden="true"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><rect height="6" rx="2" width="18" x="3" y="4"></rect><rect height="6" rx="2" width="18" x="3" y="14"></rect><path d="M7 7h.01M7 17h.01M11 7h7M11 17h7"></path></svg></span>
            <a class="service-arrow-link" href="https://ru-tld.ru/" aria-label="Открыть сайт ru-tld.ru"><svg class="service-arrow" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 17 17 7M8 7h9v9"/></svg></a>
          </div>
          <span class="service-label">Регистрация и продление доменов</span>
          <a class="service-name" href="https://ru-tld.ru/">ru-tld.ru</a>
          <p class="service-description">Регистрация и продление доменных имен у разных регистраторов по отличным ценам. <a href="https://ru-tld.ru/ssl/">SSL-сертификаты</a>.</p>
          <a class="service-domain" href="https://ru-tld.ru/">ru-tld.ru <span aria-hidden="true">↗</span></a>
        </article>

        <article class="service is-active">
          <div class="service-top">
            <span class="service-icon" aria-hidden="true"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><rect height="16" rx="3" width="18" x="3" y="4"></rect><path d="M3 9h18M7 6.5h.01M10 6.5h.01m-3 8 3 3 6-6"></path></svg></span>
            <a class="service-arrow-link" href="https://active.domains/" aria-label="Открыть сайт active.domains"><svg class="service-arrow" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 17 17 7M8 7h9v9"/></svg></a>
          </div>
          <span class="service-label">Аккредитованный регистратор</span>
          <a class="service-name" href="https://active.domains/">Актив</a>
          <p class="service-description">Аккредитованный регистратор доменных имен .RU, .SU и .РФ. ICANN аккредитованный регистратор. Регистрация и продление доменов, <a href="https://active.domains/ssl/">SSL-сертификаты</a>.</p>
          <a class="service-domain" href="https://active.domains/">active.domains <span aria-hidden="true">↗</span></a>
        </article>
      </div>
    </section>

    <aside class="bottom-note" aria-label="Информация о странице">
      <span class="bottom-note-icon" aria-hidden="true">
        <svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 11v5m0-8h.01"/></svg>
      </span>
      <div>
        <strong>Это служебная страница</strong>
        <p>Она отображается, пока администратор домена не разместил собственный сайт. Для управления доменом обратитесь к сервису, через который он зарегистрирован.</p>
      </div>
    </aside>
  </main>


  <script>
    (function () {
      var root = document.documentElement;
      var storageKey = 'parking-theme';
      var fallback = location.hostname && location.hostname !== 'localhost' ? location.hostname : 'example.ru';
      var nodes = document.querySelectorAll('[data-domain]');
      var domain = (nodes[0] && nodes[0].textContent.trim()) || fallback;
      for (var i = 0; i < nodes.length; i++) nodes[i].textContent = domain;
      document.title = domain + ' — домен зарегистрирован | ru-tld.ru';

      var toggle = document.getElementById('themeToggle');
      var systemDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
      var savedTheme = '';
      try { savedTheme = localStorage.getItem(storageKey) || ''; } catch (e) {}
      var currentTheme = savedTheme || (systemDark ? 'dark' : 'light');

      function applyTheme(theme) {
        root.setAttribute('data-theme', theme);
        var themeColor = theme === 'dark' ? '#0d1320' : '#f5f7fb';
        var metaTheme = document.querySelector('meta[name="theme-color"]');
        if (metaTheme) metaTheme.setAttribute('content', themeColor);
        if (toggle) {
          var label = theme === 'dark' ? 'Включить дневной режим' : 'Включить ночной режим';
          toggle.setAttribute('aria-label', label);
          toggle.setAttribute('title', label);
          toggle.setAttribute('aria-pressed', theme === 'dark' ? 'true' : 'false');
        }
      }

      applyTheme(currentTheme);
      if (toggle) {
        toggle.addEventListener('click', function () {
          currentTheme = root.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';
          applyTheme(currentTheme);
          try { localStorage.setItem(storageKey, currentTheme); } catch (e) {}
        });
      }
    }());
  </script>

  <!-- Yandex.Metrika counter -->
  <script>
    (function(m,e,t,r,i,k,a){
      m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
      m[i].l=1*new Date();
      for (var j=0; j<document.scripts.length; j++) {
        if (document.scripts[j].src===r) return;
      }
      k=e.createElement(t);a=e.getElementsByTagName(t)[0];
      k.async=1;k.src=r;a.parentNode.insertBefore(k,a);
    })(window,document,"script","https://mc.yandex.ru/metrika/tag.js","ym");
    ym(32576790,"init",{clickmap:true,trackLinks:true,accurateTrackBounce:true});
  </script>
  <noscript><div><img src="https://mc.yandex.ru/watch/32576790" style="position:absolute;left:-9999px" alt=""></div></noscript>
  <!-- /Yandex.Metrika counter -->
</body>
</html>
