Инвесторам

Управление файлами cookies.

Настройки cookies

Cookies необходимы для корректной работы сайта. Некоторые можно настроить ниже.

Необходимые файлы cookies

Всегда включены. Эти файлы cookie необходимы для того, чтобы вы могли пользоваться веб-сайтом и использовать его функции. Их нельзя отключить. Они устанавливаются в ответ на ваши запросы, такие, как настройка параметров конфиденциальности, вход в систему или заполнение форм.

Аналитические cookies

Disabled

Эти файлы cookie собирают информацию, которая помогает нам понять, как используются наши веб-сайты или насколько эффективны наши маркетинговые кампании, или чтобы помочь нам настроить наши веб-сайты для вас.

Рекламные cookies

Disabled

Эти файлы cookies предоставляют рекламным компаниям информацию о вашей активности в Интернете, чтобы помочь им предоставлять вам более релевантную онлайн-рекламу или ограничить количество просмотров рекламы. Эта информация может быть передана другим рекламным компаниям.

<!doctype html> <html lang="ru"> <head> <base href="https://trendsstudio-promo.vercel.app/"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="theme-color" content="#ffffff"> <title>ТРЕНД СТУДИО — промостраница для инвесторов</title> <meta name="description" content="Проекты, команда и индивидуальные привилегии для крупных инвесторов ТРЕНД СТУДИО."> <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=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> <style>
    :root {
      --ink: #0b0b0d;
      --paper: #ffffff;
      --soft: #f3f3f5;
      --muted: #6a6a70;
      --line: #dedee3;
      --pink: #ed4698;
      --violet: #5546dc;
      --blue: #5367ff;
      --lime: #cbff4a;
      --radius-lg: 42px;
      --radius-md: 26px;
      --page: min(1380px, calc(100vw - 80px));
      --shadow: 0 24px 80px rgba(10, 10, 14, .14);
    }

* { box-sizing: border-box; }
    html { scroll-behavior: smooth; background: var(--paper); }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: Inter, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
    }
    body.modal-open { overflow: hidden; }
    img, video { display: block; max-width: 100%; }
    a { color: inherit; text-decoration: none; }
    button, a { -webkit-tap-highlight-color: transparent; }
    button { font: inherit; }
    :focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }

.page { width: var(--page); margin-inline: auto; }
    .section { padding: 118px 0; }
    .eyebrow {
      margin: 0 0 18px;
      color: var(--muted);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .eyebrow::before {
      content: "";
      display: inline-block;
      width: 9px;
      height: 9px;
      margin: 0 10px 1px 0;
      border-radius: 50%;
      background: var(--pink);
    }
    .display {
      max-width: 1120px;
      margin: 0;
      font-size: clamp(58px, 7.1vw, 124px);
      font-weight: 900;
      letter-spacing: -.075em;
      line-height: .88;
    }
    .display .accent { color: var(--pink); }
    .nowrap { white-space: nowrap; }
    .section-title {
      max-width: 920px;
      margin: 0;
      font-size: clamp(42px, 5.1vw, 82px);
      font-weight: 850;
      letter-spacing: -.06em;
      line-height: .96;
    }
    .lead {
      margin: 0;
      color: #414148;
      font-size: clamp(19px, 2vw, 28px);
      line-height: 1.38;
    }

.btn {
      min-height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 0 22px;
      border: 1px solid var(--ink);
      border-radius: 999px;
      background: var(--ink);
      color: #fff;
      font-weight: 800;
      transition: transform .2s ease, background .2s ease, color .2s ease;
    }
    .btn:hover { transform: translateY(-2px); background: var(--pink); border-color: var(--pink); }
    .btn.secondary { background: transparent; color: var(--ink); }
    .btn.secondary:hover { background: var(--ink); color: #fff; border-color: var(--ink); }

.hero { padding: 68px 0 42px; overflow: hidden; }
    .hero-top { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); gap: 42px; align-items: end; }
    .hero-top > * { min-width: 0; }
    .hero-copy { padding: 62px 0 54px; }
    .hero-copy .lead { max-width: 760px; margin-top: 38px; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
    .hero-art {
      position: relative;
      min-height: 560px;
      border-radius: var(--radius-lg);
      overflow: hidden;
      background: var(--violet);
      isolation: isolate;
    }
    .hero-art::before, .hero-art::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      z-index: 0;
    }
    .hero-art::before { width: 360px; height: 360px; right: -76px; top: -62px; background: var(--pink); }
    .hero-art::after { width: 244px; height: 244px; left: -58px; bottom: -36px; background: var(--lime); }
    .hero-number {
      position: absolute;
      z-index: 1;
      top: 56px;
      left: 48px;
      font-size: clamp(82px, 9vw, 158px);
      font-weight: 900;
      letter-spacing: -.08em;
      line-height: .8;
      color: #fff;
    }
    .hero-card {
      position: absolute;
      z-index: 1;
      right: 34px;
      bottom: 34px;
      width: min(360px, calc(100% - 68px));
      padding: 28px;
      border-radius: 28px;
      background: #fff;
      box-shadow: var(--shadow);
    }
    .hero-card span { color: var(--muted); font-size: 14px; font-weight: 700; }
    .hero-card strong { display: block; margin-top: 10px; font-size: 31px; line-height: 1.03; letter-spacing: -.05em; }

.ticker { margin-top: 38px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow: hidden; }
    .ticker-track { min-width: max-content; display: flex; gap: 48px; padding: 20px 0; animation: marquee 28s linear infinite; }
    .ticker-track span { display: inline-flex; align-items: center; gap: 16px; font-weight: 800; letter-spacing: -.02em; }
    .ticker-track i { width: 8px; height: 8px; border-radius: 50%; background: var(--pink); }
    @keyframes marquee { to { transform: translateX(-50%); } }
    @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .ticker-track { animation: none; } }

.reel-section { padding-top: 70px; }
    .reel-head { display: grid; grid-template-columns: 1fr .8fr; gap: 50px; align-items: end; margin-bottom: 42px; }
    .reel-wrap {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius-lg);
      background: #08080a;
      box-shadow: var(--shadow);
      aspect-ratio: 16 / 8.7;
    }
    .reel-wrap video { width: 100%; height: 100%; object-fit: cover; }
    .reel-label {
      position: absolute;
      z-index: 2;
      left: 28px;
      top: 28px;
      padding: 12px 16px;
      border-radius: 999px;
      background: #fff;
      color: var(--ink);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
    }

.projects { background: var(--soft); }
    .projects-intro { display: grid; grid-template-columns: 1fr .65fr; gap: 70px; align-items: end; margin-bottom: 56px; }
    .projects-intro .lead { max-width: 640px; }
    .project-list { display: grid; gap: 28px; }
    .project {
      min-height: 520px;
      display: grid;
      grid-template-columns: 1.22fr .78fr;
      overflow: hidden;
      border-radius: var(--radius-lg);
      background: #fff;
    }
    .project:nth-child(even) { grid-template-columns: .78fr 1.22fr; }
    .project:nth-child(even) .project-media { order: 2; }
    .project-media { position: relative; min-height: 520px; background: #101012; }
    .project-media img { width: 100%; height: 100%; object-fit: cover; }
    .project.landscape { min-height: 0; }
    .project.landscape .project-media { min-height: 0; aspect-ratio: 16 / 9; align-self: center; }
    .project.landscape .project-body { padding: 40px 44px; }
    .project.landscape h3 { margin-top: 38px; margin-bottom: 16px; }
    .project.landscape .project-meta { margin-top: 24px; }
    .project.landscape .project-link { margin-top: 26px; }
    .project-media.fit-contain img { position: relative; z-index: 1; object-fit: contain; }
    .project-media::after { content: ""; position: absolute; z-index: 2; inset: 0; border: 1px solid rgba(255,255,255,.14); pointer-events: none; }
    .project-body { display: flex; flex-direction: column; justify-content: space-between; padding: 54px 50px; }
    .project-index { color: var(--pink); font-size: 14px; font-weight: 900; letter-spacing: .12em; }
    .project h3 { margin: 70px 0 20px; font-size: clamp(38px, 4vw, 64px); line-height: .98; letter-spacing: -.06em; }
    .project p { max-width: 590px; margin: 0; color: var(--muted); font-size: 18px; line-height: 1.48; }
    .project-meta { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 34px; color: #3f3f45; font-size: 17px; font-weight: 750; line-height: 1.35; }
    .project-link { margin-top: 38px; display: inline-flex; align-items: center; gap: 12px; font-weight: 800; }
    .project-link::after { content: "↗"; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; }

.track-record { overflow: hidden; }
    .record-top { display: grid; grid-template-columns: 1.05fr .95fr; gap: 90px; align-items: center; }
    .record-stat {
      min-height: 520px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 54px;
      color: #fff;
      border-radius: var(--radius-lg);
      background: var(--violet);
    }
    .record-stat .big { font-size: clamp(120px, 15vw, 250px); font-weight: 900; line-height: .72; letter-spacing: -.09em; }
    .record-stat p { max-width: 490px; margin: 0; font-size: 22px; line-height: 1.3; }
    .record-copy .lead { max-width: 650px; margin-top: 28px; }
    .creator-grid {
      margin-top: 50px;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px;
    }
    .creator {
      min-width: 0;
      align-self: start;
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 30px;
      background: #fff;
    }
    .creator-profile {
      min-height: 184px;
      display: grid;
      grid-template-columns: 132px minmax(0, 1fr);
      gap: 22px;
      overflow: hidden;
      border-radius: 22px;
      background: #f2f2f4;
      transition: transform .2s ease, background .2s ease;
    }
    .creator-profile:hover { transform: translateY(-3px); background: #ededf0; }
    .creator-portrait { width: 100%; height: 100%; min-height: 184px; object-fit: cover; }
    .creator-info { min-width: 0; padding: 25px 22px 25px 0; display: flex; flex-direction: column; justify-content: space-between; }
    .creator-info strong { font-size: 27px; line-height: 1.05; letter-spacing: -.035em; }
    .creator-info span { color: var(--muted); font-size: 14px; line-height: 1.35; }
    .creator-info b { color: var(--ink); font-size: 14px; }
    .creator-films { margin-top: 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .film-poster {
      position: relative;
      overflow: hidden;
      aspect-ratio: 2 / 3;
      border-radius: 19px;
      background: #111;
      isolation: isolate;
    }
    .film-poster::after {
      content: "";
      position: absolute;
      z-index: 1;
      inset: 45% 0 0;
      background: linear-gradient(180deg, transparent, rgba(0,0,0,.82));
      pointer-events: none;
    }
    .film-poster img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
    .film-poster:hover img { transform: scale(1.035); }
    .film-rating {
      position: absolute;
      z-index: 3;
      top: 12px;
      left: 12px;
      min-width: 46px;
      height: 34px;
      padding: 0 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
      color: #fff;
      background: #43a846;
      box-shadow: 0 6px 18px rgba(0,0,0,.2);
      font-size: 14px;
      font-weight: 900;
      line-height: 1;
    }
    .film-caption { position: absolute; z-index: 2; left: 16px; right: 16px; bottom: 15px; color: #fff; }
    .film-caption strong { display: block; font-size: 16px; line-height: 1.1; }
    .film-caption span { display: block; margin-top: 5px; color: rgba(255,255,255,.72); font-size: 12px; }
    .film-arrow { position: absolute; z-index: 2; top: 12px; right: 12px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.92); font-size: 16px; }

.privileges { padding-top: 54px; }
    .priv-card {
      position: relative;
      overflow: hidden;
      padding: 72px;
      border-radius: var(--radius-lg);
      background: var(--lime);
      isolation: isolate;
    }
    .priv-card::after {
      content: "10%";
      position: absolute;
      z-index: -1;
      right: -25px;
      top: -74px;
      color: rgba(255,255,255,.8);
      font-size: clamp(230px, 30vw, 470px);
      font-weight: 900;
      letter-spacing: -.12em;
      line-height: 1;
    }
    .priv-head { display: grid; grid-template-columns: 1fr .62fr; gap: 50px; align-items: end; }
    .priv-head .section-title { max-width: 760px; }
    .threshold { margin: 0; padding: 24px; border-radius: 24px; background: rgba(255,255,255,.72); }
    .threshold strong { display: block; font-size: 26px; line-height: 1.12; letter-spacing: -.035em; }
    .threshold span { display: block; margin-top: 10px; font-size: 16px; line-height: 1.45; }
    .priv-percent-mobile { display: none; }
    .priv-list { list-style: none; margin: 56px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 60px; }
    .priv-list li { display: grid; grid-template-columns: 42px 1fr; gap: 18px; align-items: start; padding: 25px 0; border-top: 1px solid rgba(11,11,13,.24); font-size: 20px; font-weight: 700; line-height: 1.3; }
    .priv-list b { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: #fff; font-size: 12px; }
    .individual {
      margin-top: 18px;
      padding: 32px 38px;
      display: grid;
      grid-template-columns: .72fr 1.28fr;
      gap: 44px;
      align-items: center;
      color: #fff;
      border-radius: 28px;
      background: var(--ink);
    }
    .individual strong { font-size: 24px; }
    .individual p { margin: 0; color: #c7c7cc; font-size: 17px; line-height: 1.45; }

.financial-section { padding: 28px 0 92px; background: var(--soft); }
    .financial-shell {
      padding: 70px;
      overflow: hidden;
      border-radius: var(--radius-lg);
      background: var(--paper);
    }
    .financial-intro {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
      gap: 70px;
      align-items: end;
      margin-bottom: 46px;
    }
    .financial-title {
      max-width: 900px;
      margin: 0;
      font-size: clamp(50px, 6vw, 88px);
      font-weight: 900;
      letter-spacing: -.065em;
      line-height: .92;
    }
    .financial-title span { color: var(--pink); }
    .financial-lead { margin: 0 0 4px; color: #414148; font-size: 21px; line-height: 1.45; }
    .financial-margin-card, .financial-metric, .financial-risk { border-radius: var(--radius-md); }
    .financial-card-kicker {
      margin: 0;
      color: #a8a8ae;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .financial-margin-card {
      position: relative;
      min-height: 360px;
      padding: 38px;
      overflow: hidden;
      color: #fff;
      background: linear-gradient(145deg, var(--violet), var(--blue));
      isolation: isolate;
    }
    .financial-margin-card::before, .financial-margin-card::after {
      content: "";
      position: absolute;
      z-index: -1;
      border-radius: 50%;
    }
    .financial-margin-card::before {
      width: 300px;
      height: 300px;
      top: -130px;
      right: -100px;
      background: var(--pink);
    }
    .financial-margin-card::after {
      width: 250px;
      height: 250px;
      left: -120px;
      bottom: -210px;
      background: var(--lime);
    }
    .financial-margin-card h3 {
      max-width: 540px;
      margin: 15px 0 42px;
      font-size: 34px;
      line-height: 1.02;
      letter-spacing: -.045em;
    }
    .financial-margin-number {
      position: relative;
      z-index: 1;
      display: block;
      font-size: clamp(82px, 8vw, 124px);
      font-weight: 900;
      letter-spacing: -.08em;
      line-height: .8;
    }
    .financial-margin-caption { position: relative; z-index: 1; margin-top: 18px; font-size: 14px; font-weight: 800; }
    .financial-margin-change {
      position: absolute;
      right: 38px;
      bottom: 38px;
      width: min(390px, calc(100% - 76px));
      padding: 20px;
      border-radius: 19px;
      background: rgba(11,11,13,.88);
      backdrop-filter: blur(12px);
    }
    .financial-margin-change small { display: block; color: #b8b8bf; font-size: 12px; }
    .financial-margin-change strong { display: block; margin-top: 6px; font-size: 25px; }
    .financial-metrics {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-top: 20px;
    }
    .financial-metric {
      min-height: 176px;
      padding: 24px;
      border: 1px solid var(--line);
      background: #fff;
    }
    .financial-metric:nth-child(2) { background: #f4ffe2; border-color: #d9efad; }
    .financial-metric:nth-child(3) { background: #eef5ff; border-color: #cbdfff; }
    .financial-metric small {
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
    }
    .financial-metric strong {
      display: block;
      margin: 14px 0 10px;
      font-size: 35px;
      letter-spacing: -.055em;
      line-height: .95;
    }
    .financial-metric p { margin: 0; color: #56565d; font-size: 14px; line-height: 1.4; }
    .financial-risk { margin-top: 20px; padding: 38px; background: var(--lime); }
    .financial-risk-head {
      display: grid;
      grid-template-columns: minmax(0, .8fr) minmax(320px, 1.2fr);
      gap: 46px;
      align-items: start;
    }
    .financial-risk h3 {
      max-width: 520px;
      margin: 0;
      font-size: clamp(35px, 4vw, 60px);
      letter-spacing: -.055em;
      line-height: .98;
    }
    .financial-risk-list { display: grid; }
    .financial-risk-item {
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 16px;
      padding: 18px 0;
      border-top: 1px solid rgba(11,11,13,.18);
    }
    .financial-risk-item:first-child { border-top: 0; padding-top: 0; }
    .financial-risk-index {
      width: 36px;
      height: 36px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      color: #fff;
      background: var(--ink);
      font-size: 11px;
      font-weight: 800;
    }
    .financial-risk-item strong { display: block; margin-bottom: 5px; font-size: 18px; }
    .financial-risk-item p { margin: 0; font-size: 14px; line-height: 1.45; }

.cta-section { padding: 38px 0 110px; }
    .cta-box {
      padding: 76px 70px;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 50px;
      align-items: end;
      color: #fff;
      border-radius: var(--radius-lg);
      background: var(--pink);
    }
    .cta-box h2 { max-width: 850px; margin: 0; font-size: clamp(48px, 6vw, 94px); line-height: .92; letter-spacing: -.065em; }
    .cta-box p { max-width: 650px; margin: 24px 0 0; font-size: 19px; line-height: 1.45; }
    .cta-box .btn { flex-shrink: 0; background: #fff; color: var(--ink); border-color: #fff; }
    .cta-box .btn:hover { background: var(--ink); color: #fff; border-color: var(--ink); }

.footer { padding: 28px 0 42px; border-top: 1px solid var(--line); }
    .footer-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; color: var(--muted); font-size: 13px; line-height: 1.5; }
    .footer-row p { max-width: 760px; margin: 0; }

.mobile-menu { display: none; }

@media (max-width: 1100px) {
      :root { --page: min(100% - 48px, 1000px); }
      .hero-top, .reel-head, .projects-intro, .record-top, .priv-head { grid-template-columns: 1fr; }
      .hero-art { min-height: 420px; }
      .project, .project:nth-child(even) { grid-template-columns: 1fr; }
      .project:nth-child(even) .project-media { order: 0; }
      .project-media { min-height: 440px; }
      .project h3 { margin-top: 48px; }
      .record-top { gap: 42px; }
      .priv-card { padding: 56px; }
      .financial-shell { padding: 48px 36px; }
      .financial-intro, .financial-risk-head { grid-template-columns: 1fr; gap: 28px; }
      .financial-intro { margin-bottom: 34px; }
      .financial-lead { max-width: 680px; }
      .financial-metrics { grid-template-columns: 1fr; }
      .financial-margin-card { min-height: 390px; }
      .cta-box { grid-template-columns: 1fr; align-items: start; }
    }

@media (max-width: 700px) {
      :root { --page: calc(100vw - 32px); --radius-lg: 28px; --radius-md: 20px; }
      .section { padding: 78px 0; }
      .hero { padding-top: 30px; }
      .hero-copy { padding: 36px 0 30px; }
      .display { font-size: clamp(46px, 13.2vw, 54px); line-height: .92; }
      .hero-copy .lead { margin-top: 28px; font-size: 18px; }
      .hero-actions { flex-direction: column; }
      .btn { width: 100%; }
      .hero-art { min-height: 390px; }
      .hero-number { left: 28px; top: 42px; font-size: 110px; }
      .hero-card { right: 20px; bottom: 20px; width: calc(100% - 40px); padding: 23px; }
      .hero-card strong { font-size: 26px; }
      .ticker { margin-top: 20px; }
      .reel-section { padding-top: 52px; }
      .reel-head { gap: 24px; margin-bottom: 30px; }
      .reel-wrap { aspect-ratio: 9 / 13; }
      .reel-wrap video { object-position: center; }
      .reel-label { left: 16px; top: 16px; }
      .projects-intro { gap: 22px; margin-bottom: 36px; }
      .project-media { min-height: 250px; }
      .project.landscape .project-media { min-height: 0; aspect-ratio: 16 / 9; }
      .project-body { min-height: 420px; padding: 32px 26px; }
      .project h3 { margin-top: 42px; font-size: 40px; }
      .project p { font-size: 16px; }
      .project-meta { gap: 10px 20px; font-size: 16px; }
      .record-stat { min-height: 380px; padding: 34px 28px; }
      .record-stat .big { font-size: 146px; }
      .creator-grid { grid-template-columns: 1fr; }
      .creator { padding: 12px; border-radius: 24px; }
      .creator-profile { min-height: 146px; grid-template-columns: 104px minmax(0, 1fr); gap: 15px; border-radius: 18px; }
      .creator-portrait { min-height: 146px; }
      .creator-info { padding: 19px 15px 19px 0; }
      .creator-info strong { font-size: 22px; }
      .creator-films { gap: 8px; margin-top: 10px; }
      .film-poster { border-radius: 15px; }
      .film-caption { left: 12px; right: 12px; bottom: 12px; }
      .film-caption strong { font-size: 14px; }
      .film-arrow { top: 9px; right: 9px; width: 30px; height: 30px; }
      .film-rating { top: 9px; left: 9px; min-width: 42px; height: 30px; padding-inline: 8px; font-size: 13px; }
      .priv-card { padding: 38px 24px; }
      .priv-card::after { display: none; }
      .priv-percent-mobile {
        display: block;
        margin: 8px 0 20px;
        color: rgba(255,255,255,.82);
        font-size: 108px;
        font-weight: 900;
        letter-spacing: -.1em;
        line-height: .8;
        text-align: right;
      }
      .threshold { padding: 22px 20px; border-radius: 20px; }
      .threshold strong { font-size: 23px; }
      .priv-list { grid-template-columns: 1fr; margin-top: 38px; }
      .priv-list li { font-size: 17px; }
      .individual { grid-template-columns: 1fr; gap: 14px; padding: 27px 24px; }
      .financial-section { padding: 18px 0 72px; }
      .financial-shell { padding: 38px 16px 16px; border-radius: 28px; }
      .financial-title { font-size: 45px; }
      .financial-lead { font-size: 17px; }
      .financial-margin-card, .financial-metric, .financial-risk { border-radius: 22px; }
      .financial-margin-card, .financial-risk { padding: 24px; }
      .financial-margin-card { min-height: 420px; }
      .financial-margin-card h3 { font-size: 28px; }
      .financial-margin-number { font-size: 94px; }
      .financial-margin-change { right: 24px; bottom: 24px; width: calc(100% - 48px); }
      .financial-metrics { gap: 12px; margin-top: 12px; }
      .financial-metric { min-height: 154px; padding: 20px; }
      .financial-metric strong { margin: 12px 0 8px; font-size: 32px; }
      .financial-metric p { font-size: 13px; }
      .financial-risk h3 { font-size: 39px; }
      .cta-section { padding-top: 12px; }
      .cta-box { padding: 44px 28px; }
      .cta-box h2 { font-size: 49px; }
      .footer-row { flex-direction: column; }
    }
  </style> </head> <body> <main id="top"> <section class="hero page"> <div class="hero-top"> <div class="hero-copy"> <p class="eyebrow" data-pretext>Промостраница для инвесторов</p> <h1 class="display" data-pretext>Инвестируйте в истории, которые становятся <span class="accent">событиями.</span></h1> <p class="lead" data-pretext>ТРЕНД СТУДИО Создает полнометражные фильмы, игровые сериалы, документальное кино, реалити шоу и брендированный контент</p> <div class="hero-actions"> <a class="btn secondary" href="https://trendsstudio.ru/bonds" target="_blank" rel="noreferrer">Выпуск облигаций <span aria-hidden="true">↗</span></a> </div> </div> <div class="hero-art" aria-label="Производственный опыт команды"> <div class="hero-number" aria-hidden="true">19</div> <div class="hero-card"> <span>проектов в фильмографии продюсерской команды</span> <strong>Кино. Шоу. Документальные истории.</strong> </div> </div> </div> <div class="ticker" aria-label="Направления работы"> <div class="ticker-track"> <span><i></i>Кино и сериалы</span><span><i></i>Реалити-шоу</span><span><i></i>Документальные проекты</span><span><i></i>Бренд-контент</span><span><i></i>Производство полного цикла</span> <span aria-hidden="true"><i></i>Кино и сериалы</span><span aria-hidden="true"><i></i>Реалити-шоу</span><span aria-hidden="true"><i></i>Документальные проекты</span><span aria-hidden="true"><i></i>Бренд-контент</span><span aria-hidden="true"><i></i>Производство полного цикла</span> </div> </div> </section> <section class="section reel-section page" id="reel"> <div class="reel-head"> <div> <p class="eyebrow">В кадре</p> <h2 class="section-title" data-pretext>Мы превращаем замысел в зрелище.</h2> </div> <p class="lead" data-pretext>Шоурил — реклама, музыкальные клипы, игровое и документальное кино. Разные жанры, масштабы, визуальные языки.</p> </div> <div class="reel-wrap"> <video controls playsinline preload="metadata" poster="assets/showreel-contact.jpg" aria-label="Шоурил ТРЕНД СТУДИО"> <source src="assets/showreel.mp4" type="video/mp4">
          Ваш браузер не поддерживает видео.
        </video> <span class="reel-label">Шоурил · 02:29</span> </div> </section> <section class="section projects" id="projects"> <div class="page"> <div class="projects-intro"> <div> <p class="eyebrow">В производстве</p> <h2 class="section-title" data-pretext>Три проекта. Три разные аудитории.</h2> </div> <p class="lead" data-pretext>Спорт и молодые герои, военные песни на языке блогосферы, современный взгляд на православную традицию.</p> </div> <div class="project-list"> <article class="project"> <div class="project-media"><img src="assets/na-predele.jpg" alt="Команда проекта На пределе: Спорт на хайпе" loading="lazy"></div> <div class="project-body"> <div> <span class="project-index">01 / РЕАЛИТИ-ШОУ</span> <h3 data-pretext>На пределе: Спорт на Хайпе</h3> <p data-pretext>Молодые люди находят вдохновение в новых героях спорта. Проект о молодом поколении, для которого спортсмены и блогеры — новые ориентиры.</p> <div class="project-meta"><span>При поддержке ИРИ</span><span>Молодёжная аудитория</span><span>Спорт × блогеры</span></div> </div> <a class="project-link" href="https://pcdynamo.ru/tpost/bds1jf2801-na-predele-sport-na-haipe-rasskazivaem-o" target="_blank" rel="noreferrer">Подробнее о проекте</a> </div> </article> <article class="project landscape"> <div class="project-media fit-contain"><img src="assets/rhythm-cover.jpg" alt="Обложка проекта В Ритме Битвы" loading="lazy"></div> <div class="project-body"> <div> <span class="project-index">02 / АВТОРСКИЙ КОНТЕНТ</span> <h3 data-pretext>В Ритме Битвы</h3> <p data-pretext>Короткие авторские видео переосмысляют песни военных лет — на языке, понятном молодёжи.</p> <div class="project-meta"><span>При поддержке ИРИ</span><span>Молодёжная аудитория</span><span>История × актёры и артисты</span></div> </div> <span class="project-link">Проект в производстве</span> </div> </article> <article class="project landscape"> <div class="project-media fit-contain"><img src="assets/orthodox-cover.jpg" alt="Обложка документального сериала Рашн Ортодокс" loading="lazy"></div> <div class="project-body"> <div> <span class="project-index">03 / ДОКУМЕНТАЛЬНЫЙ СЕРИАЛ</span> <h3 data-pretext>Рашн Ортодокс</h3> <p data-pretext>Философское путешествие сквозь православную традицию в современном мире. Как православная традиция живёт сегодня — философский поиск пяти авторов.</p> <div class="project-meta"><span>При поддержке ИРИ</span><span>Молодёжная аудитория</span><span>Православие × блогеры</span></div> </div> <span class="project-link">Проект в производстве</span> </div> </article> </div> </div> </section> <section class="section track-record page" id="team"> <div class="record-top"> <div class="record-stat"> <span class="big">19</span> <p>фильмов и сериалов в фильмографии продюсерской команды за 2019–2026 годы</p> </div> <div class="record-copy"> <p class="eyebrow">Опыт команды</p> <h2 class="section-title" data-pretext>Проекты уже нашли своего зрителя.</h2> <p class="lead" data-pretext>Каждый проект — в фильмографии создателей.</p> </div> </div> <div class="creator-grid"> <article class="creator"> <a class="creator-profile" href="https://www.kinopoisk.ru/name/10351239/" target="_blank" rel="noreferrer" aria-label="Удай Абу-Зарук на Кинопоиске"> <img class="creator-portrait" src="assets/uday-abu-zaruk.jpg" alt="Удай Абу-Зарук" loading="lazy"> <span class="creator-info"> <strong>Удай Абу-Зарук</strong> <span>Продюсер, актёр</span> <b>Профиль на Кинопоиске ↗</b> </span> </a> <div class="creator-films" aria-label="Проекты Удая Абу-Зарука"> <a class="film-poster" href="https://www.kinopoisk.ru/film/8679043/" target="_blank" rel="noreferrer" aria-label="Симуляция на Кинопоиске"> <img src="assets/simulation-poster.png" alt="Постер фильма «Симуляция»" loading="lazy"> <span class="film-arrow" aria-hidden="true">↗</span> <span class="film-caption"><strong>Симуляция</strong><span>2026</span></span> </a> <a class="film-poster" href="https://www.kinopoisk.ru/series/9806134/" target="_blank" rel="noreferrer" aria-label="Звёздный старт на Кинопоиске"> <img src="assets/star-start-poster.jpg" alt="Постер сериала «Звёздный старт»" loading="lazy"> <span class="film-arrow" aria-hidden="true">↗</span> <span class="film-caption"><strong>Звёздный старт</strong><span>2025</span></span> </a> </div> </article> <article class="creator"> <a class="creator-profile" href="https://www.kinopoisk.ru/name/5474858/" target="_blank" rel="noreferrer" aria-label="Филипп Нестеров на Кинопоиске"> <img class="creator-portrait" src="assets/filipp-nesterov.jpg" alt="Филипп Нестеров" loading="lazy"> <span class="creator-info"> <strong>Филипп Нестеров</strong> <span>Продюсер</span> <b>Профиль на Кинопоиске ↗</b> </span> </a> <div class="creator-films" aria-label="Проекты Филиппа Нестерова"> <a class="film-poster" href="https://www.kinopoisk.ru/film/6155731/" target="_blank" rel="noreferrer" aria-label="Моя собака — космонавт на Кинопоиске"> <img src="assets/dog-cosmonaut-poster.jpg" alt="Постер фильма «Моя собака — космонавт»" loading="lazy"> <span class="film-rating" title="Рейтинг Кинопоиска" aria-label="Рейтинг Кинопоиска 8,3">8,3</span> <span class="film-arrow" aria-hidden="true">↗</span> <span class="film-caption"><strong>Моя собака — космонавт</strong><span>2025</span></span> </a> <a class="film-poster" href="https://www.kinopoisk.ru/film/5079139/" target="_blank" rel="noreferrer" aria-label="Путь за мечтой на Кинопоиске"> <img src="assets/dream-path-poster.jpg" alt="Постер фильма «Путь за мечтой»" loading="lazy"> <span class="film-rating" title="Рейтинг Кинопоиска" aria-label="Рейтинг Кинопоиска 7,4">7,4</span> <span class="film-arrow" aria-hidden="true">↗</span> <span class="film-caption"><strong>Путь за мечтой</strong><span>2021</span></span> </a> <a class="film-poster" href="https://www.kinopoisk.ru/film/1100766/" target="_blank" rel="noreferrer" aria-label="Волшебник на Кинопоиске"> <img src="assets/wizard-poster.jpg" alt="Постер фильма «Волшебник»" loading="lazy"> <span class="film-rating" title="Рейтинг Кинопоиска" aria-label="Рейтинг Кинопоиска 7,7">7,7</span> <span class="film-arrow" aria-hidden="true">↗</span> <span class="film-caption"><strong>Волшебник</strong><span>2019</span></span> </a> <a class="film-poster" href="https://www.kinopoisk.ru/series/4642880/" target="_blank" rel="noreferrer" aria-label="Один клик на Кинопоиске"> <img src="assets/one-click-poster.jpg" alt="Постер сериала «Один клик»" loading="lazy"> <span class="film-rating" title="Рейтинг Кинопоиска" aria-label="Рейтинг Кинопоиска 7,2">7,2</span> <span class="film-arrow" aria-hidden="true">↗</span> <span class="film-caption"><strong>Один клик</strong><span>2021</span></span> </a> </div> </article> </div> </section> <section class="section privileges page" id="privileges"> <div class="priv-card"> <div class="priv-head"> <div> <p class="eyebrow">Для крупных инвесторов</p> <h2 class="section-title" data-pretext>Больше, чем финансовое участие.</h2> </div> <span class="priv-percent-mobile" aria-hidden="true">10%</span> <div class="threshold" data-pretext> <strong>Для крупных инвесторов</strong> <span>Статус крупного инвестора начинается с участия от 10% общего объёма выпуска. Это соответствует приобретению облигаций на сумму от 30 млн ₽.</span> </div> </div> <ol class="priv-list"> <li><b>01</b><span>Билеты на закрытые кинопоказы</span></li> <li><b>02</b><span>Размещение рекламы компаний на баннерах проектов — для юридических лиц</span></li> <li><b>03</b><span>Назначение продюсером проекта</span></li> <li><b>04</b><span>Приглашения на съёмочную площадку</span></li> <li><b>05</b><span>Возможность участвовать в кастингах и съёмках проектов</span></li> </ol> <div class="individual"> <strong>Индивидуальные условия</strong> <p>Состав привилегий, формат участия и специальные условия подбираются и отдельно согласовываются с каждым крупным инвестором.</p> </div> </div> </section> <section class="financial-section" id="financial-dynamics"> <div class="financial-shell page"> <div class="financial-intro"> <div> <p class="eyebrow">Финансовая устойчивость</p> <h2 class="financial-title">Рентабельность <span>растёт.</span> Нагрузка снижается.</h2> </div> <p class="financial-lead">Положительная динамика подтверждена годовой и промежуточной бухгалтерской отчётностью компании.</p> </div> <div class="financial-margin-card"> <p class="financial-card-kicker">Чистая рентабельность выручки</p> <h3>Больше прибыли в каждом рубле выручки</h3> <strong class="financial-margin-number">36,1%</strong> <div class="financial-margin-caption">по итогам I квартала 2026 года</div> <div class="financial-margin-change"> <small>I квартал 2025 → I квартал 2026</small> <strong>5,4% → 36,1%</strong> </div> </div> <div class="financial-metrics"> <article class="financial-metric"> <small>Годовая динамика</small> <strong>Чистая прибыль ×2</strong> <p>В 2025 году чистая прибыль выросла с 2,61 до 5,23 млн ₽, а выручка — на 8,2%.</p> </article> <article class="financial-metric"> <small>Собственный капитал</small> <strong>+32,4%</strong> <p>Рост с 10,15 до 13,44 млн ₽ за I квартал 2026 года усиливает финансовую базу компании.</p> </article> <article class="financial-metric"> <small>Обязательства</small> <strong>−19%</strong> <p>За квартал снизились и долгосрочные займы, и краткосрочная кредиторская задолженность.</p> </article> </div> <div class="financial-risk"> <div class="financial-risk-head"> <h3>Факторы снижения финансового риска</h3> <div class="financial-risk-list"> <div class="financial-risk-item"> <span class="financial-risk-index">01</span> <div><strong>Прибыльный рост</strong><p>Компания сохраняет положительный финансовый результат при росте выручки.</p></div> </div> <div class="financial-risk-item"> <span class="financial-risk-index">02</span> <div><strong>Укрепление капитала</strong><p>Доля капитала в структуре баланса выросла, создавая больший запас финансовой устойчивости.</p></div> </div> <div class="financial-risk-item"> <span class="financial-risk-index">03</span> <div><strong>Снижение долговой нагрузки</strong><p>Соотношение долгосрочных займов и кредиторской задолженности к капиталу снизилось с 1,35 до 0,82.</p></div> </div> </div> </div> </div> </div> </section> <section class="cta-section page"> <div class="cta-box"> <div> <h2 data-pretext>Стать частью следующей истории.</h2> <p data-pretext>Оставьте контакт — команда расскажет о проектах, документах и индивидуальном формате участия.</p> </div> <a class="btn" href="mailto:ads@trendsstudio.ru?subject=Инвестиции%20в%20ТРЕНД%20СТУДИО">Обсудить участие <span aria-hidden="true">↗</span></a> </div> </section> </main> <footer class="footer"> <div class="footer-row page"> <p>Демонстрационный макет. Условия участия, привилегии и иные договорённости фиксируются индивидуально. Информация на странице не является публичной офертой или инвестиционной рекомендацией.</p> <span>© 2026 ТРЕНД СТУДИО</span> </div> </footer>  <script type="module">
    try {
      const { prepare, layout } = await import('https://esm.sh/@chenglou/pretext');
      const applyPretext = () => document.querySelectorAll('[data-pretext]').forEach((el) => {
        try { prepare(el); layout(el); } catch (_) {}
      });
      applyPretext();
      new ResizeObserver(applyPretext).observe(document.body);
    } catch (_) {
      // Text stays fully usable if the optional layout helper is unavailable.
    }
  </script> <script>
    document.querySelectorAll('a[href^="#"]').forEach((link) => {
      link.addEventListener('click', (event) => {
        const target = document.querySelector(link.getAttribute('href'));
        if (!target) return;
        event.preventDefault();
        target.scrollIntoView({ behavior: matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth' });
      });
    });

(() => {
      if (window.parent === window) return;

const reportHeight = () => {
        const height = Math.ceil(document.body.scrollHeight);

window.parent.postMessage({
          source: 'trendsstudio-investors',
          height
        }, '*');
      };

window.addEventListener('load', reportHeight);
      window.addEventListener('resize', reportHeight);
      new ResizeObserver(reportHeight).observe(document.documentElement);
      document.fonts?.ready.then(reportHeight);
      reportHeight();
    })();
  </script> </body> </html>