<div class="tb-landing" data-lang="ru">

  @import url('https://fonts.googleapis.com/css2?family=Russo+One&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

  .tb-landing{
    --tb-bg:#0a0d09;
    --tb-bg-elev:#12160f;
    --tb-bg-elev-2:#171c13;
    --tb-green:#83c908;
    --tb-green-soft:#598905;
    --tb-white:#f3f5f0;
    --tb-grey:#9bb0a2;
    --tb-grey-dim:#5c6656;
    --tb-border:#232a1e;
    --tb-ff-display:'Russo One', sans-serif;
    --tb-ff-body:'Manrope', sans-serif;
    --tb-ff-mono:'JetBrains Mono', monospace;
    position:relative;
    background:var(--tb-bg);
    color:var(--tb-white);
    font-family:var(--tb-ff-body);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  .tb-landing, .tb-landing *{box-sizing:border-box;}
  .tb-landing a{color:inherit;text-decoration:none;}
  .tb-landing h1,.tb-landing h2,.tb-landing h3{font-family:var(--tb-ff-display);margin:0;line-height:1.05;font-weight:400;}
  .tb-landing p{margin:0;}
  .tb-landing :focus-visible{outline:2px solid var(--tb-green);outline-offset:3px;}
  .tb-container{max-width:1160px;margin:0 auto;padding:0 28px;}

  .tb-landing[data-lang="ru"] .tb-en{display:none;}
  .tb-landing[data-lang="en"] .tb-ru{display:none;}

  .tb-grain{
    position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.04;
    background-image:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 3px);
    mix-blend-mode:overlay;
  }
  .tb-icon{width:1em;height:1em;display:inline-block;vertical-align:-0.15em;}
  .tb-icon svg{width:100%;height:100%;display:block;}

  /* NAV */
  .tb-nav{
    position:sticky;top:0;z-index:10;
    display:flex;align-items:center;justify-content:space-between;
    padding:14px 28px;background:rgba(10,13,9,.88);backdrop-filter:blur(6px);
    border-bottom:1px solid var(--tb-border);
  }
  .tb-nav-logo{height:28px;}
  .tb-nav-logo img{height:100%;width:auto;display:block;}
  .tb-nav-links{display:flex;gap:24px;font-family:var(--tb-ff-mono);font-size:.76rem;letter-spacing:.02em;}
  .tb-nav-links a{opacity:.75;transition:opacity .2s,color .2s;}
  .tb-nav-links a:hover{opacity:1;color:var(--tb-green);}
  .tb-lang-switch{display:flex;border:1px solid var(--tb-border);overflow:hidden;font-family:var(--tb-ff-mono);font-size:.74rem;}
  .tb-lang-switch button{background:none;border:0;color:var(--tb-grey);padding:7px 12px;cursor:pointer;font-family:inherit;transition:background .2s,color .2s;}
  .tb-lang-switch button.tb-active{background:var(--tb-green);color:#08110a;}
  @media (max-width:760px){.tb-nav-links{display:none;}}

  /* HERO */
  .tb-hero{position:relative;max-width:1160px;margin:0 auto;padding:90px 28px 84px;display:flex;flex-direction:column;align-items:flex-start;}
  .tb-eyebrow{font-family:var(--tb-ff-mono);color:var(--tb-green);font-size:.78rem;letter-spacing:.1em;margin-bottom:26px;}
  .tb-eyebrow::before{content:"// ";color:var(--tb-grey-dim);}
  .tb-hero-logo{max-width:min(560px,90vw);width:100%;height:auto;display:block;margin-bottom:32px;}
  .tb-tagline{font-size:clamp(1.1rem,2.3vw,1.5rem);max-width:640px;margin-bottom:36px;}
  .tb-cursor{display:inline-block;width:.5em;background:var(--tb-green);margin-left:3px;animation:tb-blink 1s steps(1) infinite;}
  @keyframes tb-blink{50%{opacity:0;}}
  .tb-scroll-cue{font-family:var(--tb-ff-mono);font-size:.84rem;color:var(--tb-grey);border:1px solid var(--tb-border);padding:10px 18px;display:inline-flex;gap:8px;transition:border-color .2s,color .2s;}
  .tb-scroll-cue:hover{border-color:var(--tb-green);color:var(--tb-green);}

  /* ABOUT */
  .tb-about{padding:70px 28px;border-top:1px solid var(--tb-border);}
  .tb-about .tb-container{max-width:780px;}
  .tb-about-name{font-size:clamp(1.6rem,4.5vw,2.4rem);letter-spacing:.01em;margin-bottom:6px;}
  .tb-about-name .tb-terra{color:var(--tb-green);}
  .tb-about-tag{font-family:var(--tb-ff-mono);font-size:.9rem;color:var(--tb-green-soft);letter-spacing:.03em;margin-bottom:20px;}
  .tb-about p.tb-lead{font-size:1.15rem;color:var(--tb-white);opacity:.92;}
  .tb-about p.tb-lead .tb-en{display:none;}
  .tb-landing[data-lang="en"] .tb-about p.tb-lead .tb-en{display:inline;}
  .tb-landing[data-lang="en"] .tb-about p.tb-lead .tb-ru{display:none;}

  .tb-section-eyebrow{font-family:var(--tb-ff-mono);color:var(--tb-green-soft);font-size:.78rem;letter-spacing:.08em;margin-bottom:12px;}
  .tb-section-eyebrow::before{content:"// ";color:var(--tb-grey-dim);}
  .tb-section-head{margin-bottom:36px;}
  .tb-section-head h2{font-size:clamp(1.6rem,4vw,2.3rem);}
  .tb-section-sub{color:var(--tb-grey);margin-bottom:44px;max-width:600px;font-size:1.02rem;}

  /* PROJECTS */
  .tb-projects{padding:64px 28px 100px;border-top:1px solid var(--tb-border);}
  .tb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;}
  .tb-card{background:var(--tb-bg-elev);border:1px solid var(--tb-border);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease;}
  .tb-card.tb-visible{opacity:1;transform:none;}
  .tb-card-art{aspect-ratio:16/9;position:relative;overflow:hidden;background-size:cover;background-position:center;}
  .tb-card.tb-live .tb-card-art{background-color:var(--tb-green-soft);background-image:linear-gradient(135deg,var(--tb-green-soft),var(--tb-bg-elev-2));}
  .tb-card.tb-dev .tb-card-art{background-color:var(--tb-bg-elev-2);background-image:linear-gradient(135deg,var(--tb-bg-elev-2),var(--tb-bg));}
  .tb-card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;}
  .tb-card-art.tb-has-photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(10,13,9,0) 55%,rgba(10,13,9,.6));pointer-events:none;}
  .tb-card-art::after{content:attr(data-glyph);position:absolute;right:10px;bottom:-18px;font-family:var(--tb-ff-display);font-size:5.2rem;color:rgba(255,255,255,.06);}
  .tb-status-tag{position:absolute;top:12px;left:12px;z-index:2;font-family:var(--tb-ff-mono);font-size:.68rem;padding:4px 8px;border:1px solid;letter-spacing:.03em;background:rgba(10,13,9,.55);}
  .tb-card.tb-live .tb-status-tag{color:var(--tb-green);border-color:var(--tb-green);}
  .tb-card.tb-dev .tb-status-tag{color:var(--tb-grey);border-color:var(--tb-grey-dim);}
  .tb-card-body{padding:22px;display:flex;flex-direction:column;gap:11px;flex:1;}
  .tb-card-body h3{font-size:1.1rem;letter-spacing:.01em;}
  .tb-tags{display:flex;gap:7px;flex-wrap:wrap;font-family:var(--tb-ff-mono);font-size:.68rem;color:var(--tb-grey-dim);}
  .tb-tags span{border:1px solid var(--tb-border);padding:2px 7px;}
  .tb-card-body p{color:var(--tb-grey);font-size:.9rem;flex:1;}
  .tb-note-soon{font-family:var(--tb-ff-mono);font-size:.76rem;color:var(--tb-grey-dim);}
  .tb-btn{font-family:var(--tb-ff-mono);font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid var(--tb-green);color:var(--tb-green);transition:background .2s,color .2s;margin-top:auto;}
  .tb-btn:hover{background:var(--tb-green);color:#08110a;}
  .tb-btn-solid{background:var(--tb-green);color:#08110a;}
  .tb-btn-solid:hover{background:transparent;color:var(--tb-green);}

  /* EXHIBITIONS */
  .tb-expo{padding:64px 28px 100px;border-top:1px solid var(--tb-border);}
  .tb-expo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;}
  .tb-expo-item{border:1px solid var(--tb-border);background:var(--tb-bg-elev);display:flex;flex-direction:column;overflow:hidden;}
  .tb-expo-photo{aspect-ratio:16/9;position:relative;overflow:hidden;background-color:var(--tb-bg-elev-2);background-image:linear-gradient(135deg,var(--tb-bg-elev-2),var(--tb-bg));display:flex;align-items:center;justify-content:center;}
  .tb-expo-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
  .tb-expo-photo svg{width:28px;height:28px;color:var(--tb-grey-dim);opacity:.5;}
  .tb-expo-body{padding:22px;}
  .tb-expo-item .tb-expo-name{font-family:var(--tb-ff-display);font-size:1.02rem;margin-bottom:8px;}
  .tb-expo-item .tb-expo-place{font-family:var(--tb-ff-mono);font-size:.76rem;color:var(--tb-green-soft);margin-bottom:10px;letter-spacing:.02em;}
  .tb-expo-item p{color:var(--tb-grey);font-size:.86rem;}

  /* PARTNERS */
  .tb-partners{padding:64px 28px 100px;border-top:1px solid var(--tb-border);}
  .tb-partners-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:start;}
  .tb-partners p{color:var(--tb-grey);font-size:1.04rem;max-width:480px;}
  .tb-contact-block{background:var(--tb-bg-elev);border:1px solid var(--tb-border);padding:10px 26px;font-family:var(--tb-ff-mono);}
  .tb-contact-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--tb-border);font-size:.88rem;word-break:break-all;}
  .tb-contact-row:last-child{border-bottom:0;}
  .tb-contact-row .tb-icon{width:20px;height:20px;color:var(--tb-green);flex-shrink:0;}
  .tb-contact-row a{transition:color .2s;}
  .tb-contact-row a:hover{color:var(--tb-green);}
  @media (max-width:760px){.tb-partners-grid{grid-template-columns:1fr;}}
  .tb-partner-logos{margin-top:52px;padding-top:36px;border-top:1px solid var(--tb-border);}
  .tb-partner-logos-label{font-family:var(--tb-ff-mono);font-size:.74rem;color:var(--tb-grey-dim);letter-spacing:.08em;margin-bottom:18px;}
  .tb-partner-logos-row{display:flex;flex-wrap:wrap;gap:14px;}
  .tb-partner-logo{background:#fff;height:64px;padding:10px 20px;display:flex;align-items:center;justify-content:center;}
  .tb-partner-logo img{height:100%;width:auto;max-width:170px;object-fit:contain;display:block;}

  .tb-footer{padding:32px 28px;border-top:1px solid var(--tb-border);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-family:var(--tb-ff-mono);font-size:.76rem;color:var(--tb-grey-dim);}
  .tb-footer-social{display:flex;gap:14px;}
  .tb-footer-social a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--tb-border);color:var(--tb-grey);transition:color .2s,border-color .2s;}
  .tb-footer-social a:hover{color:var(--tb-green);border-color:var(--tb-green);}
  .tb-footer-social .tb-icon{width:15px;height:15px;}
  .tb-footer-vk{font-family:var(--tb-ff-mono);font-size:.62rem;font-weight:600;}

  @media (prefers-reduced-motion: reduce){
    .tb-landing *,.tb-landing *::before,.tb-landing *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
    .tb-card{opacity:1;transform:none;}
    .tb-cursor{animation:none;opacity:1;}
  }

</style>

<div class="tb-grain"></div>

<nav class="tb-nav">
  <div class="tb-nav-logo"><img src="https://optim.tildacdn.com/tild3438-3130-4563-a137-356335623164/-/format/webp/01_.png.webp" alt="Terrabyte Games"></div>
  <div class="tb-nav-links">
    <a href="#tb-projects"><span class="tb-ru">Проекты</span><span class="tb-en">Projects</span></a>
    <a href="#tb-expo"><span class="tb-ru">Выставки</span><span class="tb-en">Exhibitions</span></a>
    <a href="#tb-partners"><span class="tb-ru">Партнёрам</span><span class="tb-en">Partners</span></a>
  </div>
  <div class="tb-lang-switch">
    <button type="button" data-set-lang="ru" class="tb-active">RU</button>
    <button type="button" data-set-lang="en">EN</button>
  </div>
</nav>

<header class="tb-hero">
  <div class="tb-eyebrow"><span class="tb-ru">СТУДИЯ · МОСКВА</span><span class="tb-en">STUDIO · MOSCOW</span></div>
  <img class="tb-hero-logo" src="https://optim.tildacdn.com/tild3438-3130-4563-a137-356335623164/-/format/webp/01_.png.webp" alt="Terrabyte Games">
  <p class="tb-tagline">
    <span class="tb-ru">Психологический хоррор и сатира — от идеи до Steam.</span>
    <span class="tb-en">Psychological horror and satire — from concept to Steam.</span>
    <span class="tb-cursor"></span>
  </p>
  <a href="#tb-projects" class="tb-scroll-cue">
    <span class="tb-ru">Смотреть проекты ↓</span><span class="tb-en">See the games ↓</span>
  </a>
</header>

<section class="tb-about">
  <div class="tb-container">
    <h2 class="tb-about-name"><span class="tb-terra">TERRABYTE</span> GAMES</h2>
    <div class="tb-about-tag"><span class="tb-ru">Независимая студия разработки игр.</span><span class="tb-en">Independent game development studio.</span></div>
    <p class="tb-lead">
      <span class="tb-ru">Мы делаем игры, где напряжение — инструмент, а не спецэффект: психологический хоррор, в котором страшно от собственных решений, и сатира, в которой смешно ровно настолько, насколько неудобно. Издаём в Steam, VK Play и Ростелеком Игровой — от прототипа до релиза и после него.</span>
      <span class="tb-en">We build tension as a tool, not a special effect: psychological horror where the dread comes from your own choices, and satire that's funny exactly as far as it's uncomfortable. Publishing on Steam, VK Play, and Rostelecom Igrovoy — from prototype through release and beyond.</span>
    </p>
  </div>
</section>

<section class="tb-projects" id="tb-projects">
  <div class="tb-container">
    <div class="tb-section-head">
      <div class="tb-section-eyebrow">projects</div>
      <span class="tb-ru">Проекты</span><span class="tb-en">Games</span></h2>
    </div>
    <p class="tb-section-sub tb-ru">От вышедших хорроров до игр в разработке.</p>
    <p class="tb-section-sub tb-en">From shipped horror titles to games still in the making.</p>

    <div class="tb-grid">

      <article class="tb-card tb-live">
        <div class="tb-card-art tb-has-photo">
          <img class="tb-card-photo" src="https://optim.tildacdn.com/tild3832-3833-4533-a661-623031396437/-/format/webp/02__RAFMA.jpg.webp" alt="Run Away From Me: Alexandra">
          <span class="tb-status-tag"><span class="tb-ru">ДЕМО В STEAM</span><span class="tb-en">DEMO ON STEAM</span></span>
        </div>
        <div class="tb-card-body">
          <h3 class="tb-ru">Убеги от меня: Александра</h3>
          <h3 class="tb-en">Run Away From Me: Alexandra</h3>
          <div class="tb-tags">Horror</span>Thriller</span></div>
          <p class="tb-ru">Хоррор-триллер про побег из загородного поместья охотника на людей. Вместо инвентаря — фитнес-браслет и телефон: дыхание, пульс, шаги.</p>
          <p class="tb-en">A horror-thriller about escaping a hunter's countryside estate. No inventory menus — just a fitness bracelet and phone tracking your breathing, pulse, and steps.</p>
          <a class="tb-btn tb-btn-solid" href="https://store.steampowered.com/app/2904970/Run_away_from_me_Alexandra/" target="_blank" rel="noopener">
            <span class="tb-ru">Скачать демо в Steam</span><span class="tb-en">Download demo on Steam</span>
          </a>
        </div>
      </article>

      <article class="tb-card tb-live">
        <div class="tb-card-art tb-has-photo">
          <img class="tb-card-photo" src="https://optim.tildacdn.com/tild3938-3531-4165-b733-306162613931/-/format/webp/03__Psyhonds.jpg.webp" alt="Psyhonds">
          <span class="tb-status-tag"><span class="tb-ru">РАННИЙ ДОСТУП</span><span class="tb-en">EARLY ACCESS</span></span>
        </div>
        <div class="tb-card-body">
          Psyhonds</h3>
          <div class="tb-tags">Simulation</span>Satire</span></div>
          <p class="tb-ru">Сатирический survival-симулятор в психиатрической клинике. Четыре пациента, четыре диагноза — тихая жизнь в палате, бунт или побег.</p>
          <p class="tb-en">A satirical survival sim set in a psychiatric ward. Four patients, four diagnoses — a quiet life on the ward, a riot, or a breakout.</p>
          <a class="tb-btn tb-btn-solid" href="https://store.steampowered.com/app/4217230/Psyhonds/" target="_blank" rel="noopener">
            <span class="tb-ru">Играть в Steam</span><span class="tb-en">Play on Steam</span>
          </a>
        </div>
      </article>

      <article class="tb-card tb-dev">
        <div class="tb-card-art tb-has-photo">
          <img class="tb-card-photo" src="https://optim.tildacdn.com/tild6138-3134-4337-b862-373330303465/-/format/webp/04__Catsweeper.jpg.webp" alt="Catsweeper">
          <span class="tb-status-tag"><span class="tb-ru">В РАЗРАБОТКЕ</span><span class="tb-en">IN DEVELOPMENT</span></span>
        </div>
        <div class="tb-card-body">
          Catsweeper</h3>
          <div class="tb-tags">Puzzle</span>Roguelike</span></div>
          <p class="tb-ru">Переизобретаем «Сапёра»: мины — в кругах, а не в клетках. Ветеринарная история и логика в духе Baba Is You.</p>
          <p class="tb-en">Minesweeper, reinvented — mines live inside circles, not a grid. A vet-clinic story with Baba Is You–style puzzle logic.</p>
          <span class="tb-note-soon tb-ru">Страница в Steam — скоро.</span>
          <span class="tb-note-soon tb-en">Steam page coming soon.</span>
        </div>
      </article>

      <article class="tb-card tb-dev">
        <div class="tb-card-art tb-has-photo">
          <img class="tb-card-photo" src="https://optim.tildacdn.com/tild6331-3339-4562-b762-343662386638/-/format/webp/05__BuggingOut.jpg.webp" alt="Bugging Out">
          <span class="tb-status-tag"><span class="tb-ru">В РАЗРАБОТКЕ</span><span class="tb-en">IN DEVELOPMENT</span></span>
        </div>
        <div class="tb-card-body">
          Bugging Out</h3>
          <div class="tb-tags">Adventure</span>Co-op</span></div>
          <p class="tb-ru">Цветное приключение про ловлю жуков втроём. Сачок, банка и полянка, где всё кусается.</p>
          <p class="tb-en">A colorful co-op adventure about catching bugs. A net, a jar, and a meadow that bites back.</p>
          <span class="tb-note-soon tb-ru">Страница в Steam — скоро.</span>
          <span class="tb-note-soon tb-en">Steam page coming soon.</span>
        </div>
      </article>

      <article class="tb-card tb-dev">
        <div class="tb-card-art" data-glyph="D">
          <span class="tb-status-tag"><span class="tb-ru">В РАЗРАБОТКЕ</span><span class="tb-en">IN DEVELOPMENT</span></span>
        </div>
        <div class="tb-card-body">
          Dju</h3>
          <p class="tb-note-soon tb-ru">Подробности скоро.</p>
          <p class="tb-note-soon tb-en">Details coming soon.</p>
        </div>
      </article>

      <article class="tb-card tb-dev">
        <div class="tb-card-art" data-glyph="H">
          <span class="tb-status-tag"><span class="tb-ru">В РАЗРАБОТКЕ</span><span class="tb-en">IN DEVELOPMENT</span></span>
        </div>
        <div class="tb-card-body">
          Do No Harm</h3>
          <p class="tb-note-soon tb-ru">Подробности скоро.</p>
          <p class="tb-note-soon tb-en">Details coming soon.</p>
        </div>
      </article>

    </div>
  </div>
</section>

<section class="tb-expo" id="tb-expo">
  <div class="tb-container">
    <div class="tb-section-head">
      <div class="tb-section-eyebrow">exhibitions</div>
      <span class="tb-ru">Выставки</span><span class="tb-en">Exhibitions</span></h2>
    </div>
    <p class="tb-section-sub tb-ru">Показывали проекты на международных и российских площадках.</p>
    <p class="tb-section-sub tb-en">We've shown our games at international and Russian venues.</p>

    <div class="tb-expo-grid">
      <div class="tb-expo-item">
        <div class="tb-expo-photo">
          <img src="https://optim.tildacdn.com/tild3334-3630-4439-b836-613461363933/-/format/webp/11__TokyoGameShow.jpg.webp" alt="Tokyo Game Show 2025">
        </div>
        <div class="tb-expo-body">
          <div class="tb-expo-name">Tokyo Game Show 2025</div>
          <div class="tb-expo-place tb-ru">Токио, Япония</div>
          <div class="tb-expo-place tb-en">Tokyo, Japan</div>
          <p class="tb-ru">Run Away From Me: Alexandra на стенде студии.</p>
          <p class="tb-en">Run Away From Me: Alexandra on the studio's booth.</p>
        </div>
      </div>
      <div class="tb-expo-item">
        <div class="tb-expo-photo">
          <img src="https://optim.tildacdn.com/tild6639-3632-4238-b363-393563343066/-/format/webp/12__India.jpg.webp" alt="India Game Developer Conference 2025">
        </div>
        <div class="tb-expo-body">
          <div class="tb-expo-name">India Game Developer Conference 2025</div>
          <div class="tb-expo-place tb-ru">Ченнаи, Индия</div>
          <div class="tb-expo-place tb-en">Chennai, India</div>
          <p class="tb-ru">В составе стенда Московского кластера видеоигр и анимации.</p>
          <p class="tb-en">As part of the Moscow Video Game &amp; Animation Cluster booth.</p>
        </div>
      </div>
      <div class="tb-expo-item">
        <div class="tb-expo-photo">
          <img src="https://optim.tildacdn.com/tild3333-3636-4863-b364-663562356565/-/format/webp/13__Igromir.jpg.webp" alt="Игрокон · ИГРОПРОМ · Комик Кон Игромир">
        </div>
        <div class="tb-expo-body">
          <div class="tb-expo-name">Игрокон · ИГРОПРОМ · Комик Кон Игромир</div>
          <div class="tb-expo-place tb-ru">Москва</div>
          <div class="tb-expo-place tb-en">Moscow</div>
          <p class="tb-ru">Плейтесты в рамках акселератора «Фабрика видеоигр».</p>
          <p class="tb-en">Playtests through the Videogame Factory accelerator program.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="tb-partners" id="tb-partners">
  <div class="tb-container">
    <div class="tb-section-head">
      <div class="tb-section-eyebrow">partners</div>
      <span class="tb-ru">Партнёрам</span><span class="tb-en">Partners</span></h2>
    </div>
    <div class="tb-partners-grid">
      
        <p class="tb-ru">Разрабатываем и издаём игры для Steam, VK Play и Ростелеком Игровой. По вопросам сотрудничества и партнёрства — пишите напрямую.</p>
        <p class="tb-en">We develop and publish games for Steam, VK Play, and Rostelecom Igrovoy. For partnership and collaboration inquiries, reach out directly.</p>
      </div>
      <div class="tb-contact-block">
        <div class="tb-contact-row">
          <span class="tb-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="2.5" y="5" width="19" height="14" rx="1.5"/><path d="M3 6.5l9 6.5 9-6.5"/></svg></span>
          <a href="mailto:terrabyte.games.official@gmail.com">terrabyte.games.official@gmail.com</a>
        </div>
        <div class="tb-contact-row">
          <span class="tb-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M22 2L11 13"/><path d="M22 2l-7 20-4-9-9-4 20-7z"/></svg></span>
          <a href="https://t.me/terrabytegames" target="_blank" rel="noopener">t.me/terrabytegames</a>
        </div>
        <div class="tb-contact-row">
          <span class="tb-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="2.5" y="5" width="19" height="14" rx="4"/><path d="M10.3 9.2l5 2.8-5 2.8z" fill="currentColor" stroke="none"/></svg></span>
          <a href="https://www.youtube.com/@terrabytegames2914" target="_blank" rel="noopener">youtube.com/@terrabytegames2914</a>
        </div>
        <div class="tb-contact-row">
          <span class="tb-icon" style="font-family:var(--tb-ff-mono);font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;">VK</span>
          <a href="https://vk.ru/terrabytegames" target="_blank" rel="noopener">vk.ru/terrabytegames</a>
        </div>
      </div>
    </div>

    <div class="tb-partner-logos">
      <div class="tb-partner-logos-label"><span class="tb-ru">Партнёры</span><span class="tb-en">Partners</span></div>
      <div class="tb-partner-logos-row">
        <div class="tb-partner-logo"><img src="https://optim.tildacdn.com/tild3766-6166-4563-a264-366331656664/-/resize/406x/-/format/webp/06__Bauman.png.webp" alt="МГТУ им. Н.Э. Баумана"></div>
        <div class="tb-partner-logo"><img src="https://optim.tildacdn.com/tild3466-6432-4231-a666-326434393131/-/format/webp/07__Innopolis.png.webp" alt="Университет Иннополис"></div>
        <div class="tb-partner-logo"><img src="https://optim.tildacdn.com/tild3962-3265-4530-b664-383363633836/-/format/webp/08__Game4Art.png.webp" alt="Game4Art"></div>
        <div class="tb-partner-logo"><img src="https://optim.tildacdn.com/tild6131-3837-4131-b935-373336626432/-/format/webp/09__ScreamSchool.png.webp" alt="Scream School"></div>
        <div class="tb-partner-logo"><img src="https://optim.tildacdn.com/tild3663-3365-4266-b631-316561366365/-/resize/480x/-/format/webp/10__HSE.jpg.webp" alt="ВШБ при Высшей школе экономики"></div>
      </div>
    </div>
  </div>
</section>

<footer class="tb-footer">
  <span class="tb-ru">© 2026 Terrabyte Games (ООО «Террабайт Геймс»)</span><span class="tb-en">© 2026 Terrabyte Games</span></div>
  <div class="tb-footer-social">
    <a href="mailto:terrabyte.games.official@gmail.com" aria-label="Email"><span class="tb-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="2.5" y="5" width="19" height="14" rx="1.5"/><path d="M3 6.5l9 6.5 9-6.5"/></svg></span></a>
    <a href="https://t.me/terrabytegames" target="_blank" rel="noopener" aria-label="Telegram"><span class="tb-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M22 2L11 13"/><path d="M22 2l-7 20-4-9-9-4 20-7z"/></svg></span></a>
    <a href="https://www.youtube.com/@terrabytegames2914" target="_blank" rel="noopener" aria-label="YouTube"><span class="tb-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="2.5" y="5" width="19" height="14" rx="4"/><path d="M10.3 9.2l5 2.8-5 2.8z" fill="currentColor" stroke="none"/></svg></span></a>
    <a href="https://vk.ru/terrabytegames" target="_blank" rel="noopener" aria-label="VK" class="tb-footer-vk">VK</a>
  </div>
  terrabyte.games.official@gmail.com</div>
</footer>


</div>
