{{!< default}}
<style>
    .hero { position:relative; min-height:100svh; display:grid; align-items:end; padding:160px clamp(22px,7vw,110px) clamp(58px,8vw,105px); isolation:isolate; }
    .hero::before { content:""; position:absolute; inset:0; z-index:-3; background: radial-gradient(circle at 74% 43%, rgba(112,47,171,.34), transparent 27%), radial-gradient(circle at 90% 10%, rgba(241,218,69,.11), transparent 24%), linear-gradient(135deg,#0a0610 10%,#170b27 56%,#0b0711); }
    .hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(9,5,14,.96) 0%,rgba(9,5,14,.76) 48%,rgba(9,5,14,.18) 76%,rgba(9,5,14,.82) 100%),linear-gradient(0deg,#0b0711 0%,transparent 28%); }
    .hero-art { position:absolute; z-index:-2; inset:8% 1% 1% auto; width:min(51vw,760px); height:86%; object-fit:cover; object-position:center; opacity:.9; filter:saturate(.84) contrast(1.03); mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 85%,transparent 100%); }
    .orb { position:absolute; border-radius:50%; pointer-events:none; mix-blend-mode:screen; }
    .orb.a { width:9px;height:9px;top:23%;left:53%;background:var(--solar);box-shadow:0 0 34px 12px rgba(241,218,69,.28); }
    .orb.b { width:4px;height:4px;top:41%;right:9%;background:#fff;box-shadow:0 0 22px 7px rgba(157,92,255,.42); }
    .hero-copy { max-width:880px; }
    .eyebrow { color:var(--gold); font-size:11px; letter-spacing:.24em; text-transform:uppercase; margin:0 0 24px; display:flex; align-items:center; gap:12px; }
    .eyebrow::before { content:""; width:34px; height:1px; background:var(--gold); }
    h1 { font:500 clamp(61px,10vw,142px)/.78 var(--serif); letter-spacing:-.045em; margin:0; max-width:900px; }
    h1 em { color:var(--solar); font-weight:400; }
    .hero-lead { margin:35px 0 0; max-width:670px; font-size:clamp(17px,2vw,22px); line-height:1.55; color:#d8cfdf; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:40px; }
    .button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:0 23px; text-decoration:none; border:1px solid var(--line); border-radius:999px; font-size:12px; text-transform:uppercase; letter-spacing:.1em; transition:transform .25s,background .25s,border-color .25s,color .25s; }
    .button:hover { transform:translateY(-2px); border-color:var(--gold); }
    .button.primary { background:var(--solar); border-color:var(--solar); color:#160d20; font-weight:600; }
    .scroll-mark { position:absolute; right:clamp(22px,5vw,76px); bottom:50px; color:var(--muted); font-size:10px; letter-spacing:.2em; text-transform:uppercase; writing-mode:vertical-rl; }
    .scroll-mark::after { content:""; display:block; width:1px; height:62px; background:linear-gradient(var(--gold),transparent); margin:14px auto 0; }

    .section { position:relative; padding:clamp(88px,12vw,180px) clamp(22px,7vw,110px); }
    .section-inner { max-width:1240px; margin:auto; }
    .section-kicker { color:var(--gold); font-size:10px; letter-spacing:.22em; text-transform:uppercase; margin-bottom:24px; }
    .display { font:500 clamp(46px,7vw,94px)/.94 var(--serif); letter-spacing:-.035em; margin:0; }
    .display .accent { color:var(--solar); font-style:italic; }
    .intro-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:clamp(50px,9vw,140px); align-items:end; }
    .intro-copy { color:#cec4d7; font-size:clamp(17px,1.7vw,22px); max-width:540px; }
    .intro-copy strong { color:var(--ink); font-weight:500; }
    .truth { margin-top:70px; padding-top:35px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr 1fr; gap:34px; }
    .truth b { display:block; font:500 34px/1 var(--serif); color:var(--solar); margin-bottom:10px; }
    .truth span { color:var(--muted); font-size:13px; }

    .metasystem { background:#f0eae1; color:#17101e; }
    .metasystem .section-kicker { color:#6e448f; }
    .meta-head { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:end; margin-bottom:80px; }
    .meta-head p { max-width:500px; margin:0 0 8px; color:#574f5d; }
    .layers { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(23,16,30,.18); }
    .layer { padding:34px 34px 58px 0; border-bottom:1px solid rgba(23,16,30,.18); position:relative; }
    .layer:nth-child(3n+2),.layer:nth-child(3n+3){padding-left:34px;border-left:1px solid rgba(23,16,30,.18)}
    .layer small { font:500 12px var(--sans); color:#775398; letter-spacing:.12em; }
    .layer h3 { font:500 31px/1 var(--serif); margin:24px 0 14px; }
    .layer p { color:#635a68; font-size:14px; margin:0; }

    .gateways { background:radial-gradient(circle at 15% 20%,rgba(105,44,162,.28),transparent 31%),#0c0713; }
    .gateway-head { max-width:930px; margin-bottom:70px; }
    .gateway-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }
    .gateway { min-height:310px; padding:42px; background:#0e0916; position:relative; overflow:hidden; text-decoration:none; }
    .gateway::after { content:"↗"; position:absolute; right:32px; top:28px; color:var(--gold); font-size:20px; transition:transform .25s; }
    .gateway:hover::after { transform:translate(4px,-4px); }
    .gateway-no { color:var(--violet-bright); font-size:11px; letter-spacing:.17em; }
    .gateway h3 { font:500 clamp(34px,4vw,57px)/.95 var(--serif); margin:52px 0 16px; }
    .gateway p { color:var(--muted); max-width:450px; margin:0; font-size:14px; }
    .gateway.feature { background:linear-gradient(135deg,#2e1550,#140a20); }
    .gateway.feature h3 { color:var(--solar); }

    .method { background:#1a0d2a; overflow:hidden; }
    .method::before { content:"LUMOS"; position:absolute; right:-.04em; top:.25em; font:600 clamp(140px,28vw,420px)/1 var(--serif); color:transparent; -webkit-text-stroke:1px rgba(230,210,255,.07); }
    .method-grid { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.72fr); gap:90px; align-items:center; }
    .method-steps { margin-top:58px; }
    .step { display:grid; grid-template-columns:52px 1fr; gap:20px; padding:22px 0; border-bottom:1px solid var(--line); }
    .step i { font:italic 28px var(--serif); color:var(--gold); }
    .step b { display:block; font-weight:500; margin-bottom:5px; }
    .step span { color:var(--muted); font-size:14px; }
    .method-card { border:1px solid rgba(241,218,69,.28); padding:46px; background:rgba(10,5,16,.45); backdrop-filter:blur(8px); }
    .method-card p { font:italic 34px/1.18 var(--serif); margin:0 0 34px; }
    .method-card small { color:var(--gold); letter-spacing:.15em; text-transform:uppercase; }

    .creator { background:#d7c4ed; color:#21132e; padding-bottom:0; }
    .creator-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(50px,9vw,130px); align-items:center; }
    .art-frame { position:relative; min-height:670px; }
    .art-frame img { width:100%; height:670px; object-fit:cover; object-position:center; filter:saturate(.8); }
    .art-frame::before { content:""; position:absolute; inset:-18px 18px 18px -18px; border:1px solid rgba(70,35,95,.42); z-index:0; }
    .art-frame img { position:relative; z-index:1; }
    .art-caption { position:absolute; z-index:2; bottom:24px; left:24px; right:24px; background:rgba(15,8,20,.78); color:#fff; padding:14px 18px; font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
    .creator .section-kicker { color:#70418d; }
    .creator-copy .display { max-width:650px; }
    .creator-copy .lead { font:400 clamp(23px,2.6vw,34px)/1.2 var(--serif); margin:40px 0 28px; }
    .creator-copy .body { color:#584964; max-width:600px; }
    .creator-copy .button { border-color:rgba(33,19,46,.25); margin-top:22px; }
    .manifesto { margin-top:110px; background:var(--solar); color:#160d20; padding:clamp(58px,8vw,110px) clamp(22px,7vw,110px); }
    .manifesto-inner { max-width:1100px; margin:auto; }
    .manifesto p { font:500 clamp(40px,6vw,81px)/.98 var(--serif); margin:0; }

    .entry { text-align:center; min-height:72svh; display:grid; place-items:center; background:radial-gradient(circle at 50% 50%,rgba(94,43,147,.32),transparent 38%),#0b0711; }
    .entry .section-inner { max-width:960px; }
    .entry p { color:var(--muted); max-width:600px; margin:28px auto 40px; }
    .entry .button { margin:5px; }
    .entry .fine { display:block; margin-top:45px; color:#786d83; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }

    [data-reveal] { opacity:1; transform:none; }
    .motion-ready [data-reveal] { opacity:0; transform:translateY(28px); transition:opacity .8s ease,transform .8s ease; }
    .motion-ready [data-reveal].visible { opacity:1; transform:none; }
    @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}.button{transition:none}}
    @media (max-width:900px){
        .hero-art{width:74vw;opacity:.52;right:-18%;}
        .intro-grid,.meta-head,.method-grid,.creator-grid{grid-template-columns:1fr}
        .truth{grid-template-columns:1fr}
        .layers{grid-template-columns:1fr}
        .layer,.layer:nth-child(3n+2),.layer:nth-child(3n+3){padding:28px 0;border-left:0}
        .art-frame,.art-frame img{min-height:520px;height:520px}
    }
    @media (max-width:650px){
        .hero{align-items:center;padding-top:125px}.hero-copy{margin-top:28vh}.hero-art{width:110vw;height:68%;top:5%;right:-38%}.scroll-mark{display:none}
        .gateway-grid{grid-template-columns:1fr}.gateway{min-height:265px;padding:32px}.gateway h3{margin-top:40px}
        .method-card{padding:30px}.truth{margin-top:45px}.creator{padding-top:90px}.art-frame,.art-frame img{min-height:460px;height:460px}
    }
</style>

<section class="hero">
    <img class="hero-art" src="{{asset "images/touchstone-2026.jpg"}}" alt="TOUCHSTONE — работа Маргариты Рудомановой, 2026">
    <span class="orb a"></span><span class="orb b"></span>
    <div class="hero-copy" data-reveal>
        <p class="eyebrow" data-ru="Метасистема для живой реальности" data-en="A metasystem for a living reality">Метасистема для живой реальности</p>
        <h1>Cosmos<br><em>Luminosity</em></h1>
        <p class="hero-lead" data-ru="Работа с мышлением, состоянием и телом человека — чтобы распознавать собственные желания, обновлять внутренние настройки и создавать жизнь из целостности." data-en="Work with human thinking, state and body — to recognize your own desires, update inner settings and create life from wholeness.">Работа с мышлением, состоянием и телом человека — чтобы распознавать собственные желания, обновлять внутренние настройки и создавать жизнь из целостности.</p>
        <div class="hero-actions">
            <a class="button primary" href="#gateways"><span data-ru="Выбрать ворота" data-en="Choose a gateway">Выбрать ворота</span> <span>↓</span></a>
            <a class="button" href="https://getmagic.cloud" target="_blank" rel="noopener" data-ru="Задать вопрос Magic Cloud ↗" data-en="Ask Magic Cloud ↗">Задать вопрос Magic Cloud ↗</a>
        </div>
    </div>
    <span class="scroll-mark" data-ru="Исследовать систему" data-en="Explore the system">Исследовать систему</span>
</section>

<section class="section" id="metasystem">
    <div class="section-inner">
        <div class="intro-grid" data-reveal>
            <div><p class="section-kicker" data-ru="01 · Позиционирование" data-en="01 · Positioning">01 · Позиционирование</p><h2 class="display"><span data-ru="Человек уже несёт в себе " data-en="Every person already carries ">Человек уже несёт в себе </span><span class="accent"><span data-ru="ресурсы" data-en="the resources">ресурсы</span></span><span data-ru=" для создания желаемой жизни." data-en=" to create the life they desire."> для создания желаемой жизни.</span></h2></div>
            <div class="intro-copy"><span data-ru="Cosmos Luminosity видит человека как " data-en="Cosmos Luminosity sees the human being as a ">Cosmos Luminosity видит человека как </span><strong><span data-ru="целостную живую адаптивную систему" data-en="whole, living adaptive system">целостную живую адаптивную систему</span></strong><span data-ru=". Мышление, состояние, тело, чувствительность, язык и действие могут вновь вступить в согласованность — в ритме, который подходит именно тебе." data-en=". Thinking, state, body, sensitivity, language and action can return to coherence — in the rhythm that is right for you.">. Мышление, состояние, тело, чувствительность, язык и действие могут вновь вступить в согласованность — в ритме, который подходит именно тебе.</span></div>
        </div>
        <div class="truth" data-reveal>
            <div><b data-ru="Распознать" data-en="Recognize">Распознать</b><span data-ru="то, что действительно происходит и какой паттерн управляет выбором сейчас" data-en="what is really happening and which pattern is guiding your choices now">то, что действительно происходит и какой паттерн управляет выбором сейчас</span></div>
            <div><b data-ru="Перенастроить" data-en="Reconfigure">Перенастроить</b><span data-ru="внутреннюю архитектуру через внимание, тело, смысл и состояние" data-en="your inner architecture through attention, body, meaning and state">внутреннюю архитектуру через внимание, тело, смысл и состояние</span></div>
            <div><b data-ru="Воплотить" data-en="Embody">Воплотить</b><span data-ru="новую сборку в решении, действии, проекте, отношениях и материальной реальности" data-en="a new configuration through decisions, actions, projects, relationships and material reality">новую сборку в решении, действии, проекте, отношениях и материальной реальности</span></div>
        </div>
    </div>
</section>

<section class="section metasystem">
    <div class="section-inner">
        <div class="meta-head" data-reveal>
            <div><p class="section-kicker" data-ru="02 · Архитектура" data-en="02 · Architecture">02 · Архитектура</p><h2 class="display"><span data-ru="Одна вселенная." data-en="One universe.">Одна вселенная.</span><br><span data-ru="Много способов " data-en="Many ways to ">Много способов </span><span class="accent"><span data-ru="войти." data-en="enter.">войти.</span></span></h2></div>
            <p data-ru="Метасистема соединяет современные знания о психике и теле, практику состояния, символические системы, творчество и цифровые инструменты. Для каждой задачи выбирается свой маршрут." data-en="The metasystem connects contemporary knowledge of psyche and body, state practices, symbolic systems, creativity and digital tools. Each task has its own route.">Метасистема соединяет современные знания о психике и теле, практику состояния, символические системы, творчество и цифровые инструменты. Для каждой задачи выбирается свой маршрут.</p>
        </div>
        <div class="layers" data-reveal>
            <article class="layer"><small>THINKING</small><h3 data-ru="Мышление" data-en="Thinking">Мышление</h3><p data-ru="Вопросы, язык, смысловые конструкции и новые способы видеть ситуацию." data-en="Questions, language, meaning structures and new ways of seeing a situation.">Вопросы, язык, смысловые конструкции и новые способы видеть ситуацию.</p></article>
            <article class="layer"><small>STATE</small><h3 data-ru="Состояние" data-en="State">Состояние</h3><p data-ru="Внутренняя опора, ясность, жизненность и способность выбирать из себя." data-en="Inner grounding, clarity, vitality and the capacity to choose from within.">Внутренняя опора, ясность, жизненность и способность выбирать из себя.</p></article>
            <article class="layer"><small>BODY</small><h3 data-ru="Тело" data-en="Body">Тело</h3><p data-ru="Ощущения, ритмы и сигналы тела как живая навигационная система." data-en="Sensations, rhythms and body signals as a living navigation system.">Ощущения, ритмы и сигналы тела как живая навигационная система.</p></article>
            <article class="layer"><small>MEANING</small><h3 data-ru="Смысловое творчество" data-en="Meaning Creation">Смысловое творчество</h3><p data-ru="Создание новых образов, различений и смыслов с переводом в жизнь." data-en="Creating new images, distinctions and meanings — and bringing them into life.">Создание новых образов, различений и смыслов с переводом в жизнь.</p></article>
            <article class="layer"><small>SYMBOLS</small><h3 data-ru="Символические системы" data-en="Symbolic Systems">Символические системы</h3><p data-ru="Архетипы и космические циклы как интерфейсы восприятия и диалога." data-en="Archetypes and cosmic cycles as interfaces for perception and dialogue.">Архетипы и космические циклы как интерфейсы восприятия и диалога.</p></article>
            <article class="layer"><small>REALITY</small><h3 data-ru="Живое воплощение" data-en="Living Embodiment">Живое воплощение</h3><p data-ru="Решения, продукты, отношения, деньги, творчество и следующий живой ход." data-en="Decisions, products, relationships, money, creativity and the next living move.">Решения, продукты, отношения, деньги, творчество и следующий живой ход.</p></article>
        </div>
    </div>
</section>

<section class="section gateways" id="gateways">
    <div class="section-inner">
        <div class="gateway-head" data-reveal><p class="section-kicker" data-ru="03 · Cosmos Luminosity Gateways" data-en="03 · Cosmos Luminosity Gateways">03 · Cosmos Luminosity Gateways</p><h2 class="display"><span data-ru="Какие ворота готовы " data-en="Which gateways are ready to ">Какие ворота готовы </span><span class="accent"><span data-ru="открыться" data-en="open">открыться</span></span><span data-ru=" сейчас?" data-en=" now?"> сейчас?</span></h2></div>
        <div class="gateway-grid" data-reveal>
            <a class="gateway feature" href="https://getmagic.cloud" target="_blank" rel="noopener"><span class="gateway-no">01 · SYMBOLIC ENTRY</span><h3>Magic Cloud</h3><p data-ru="Задать живой вопрос и получить символический ответ — первый контакт с полем Cosmos Luminosity." data-en="Ask a living question and receive a symbolic response — your first contact with the Cosmos Luminosity field.">Задать живой вопрос и получить символический ответ — первый контакт с полем Cosmos Luminosity.</p></a>
            <article class="gateway"><span class="gateway-no">02 · SOUND & STATE</span><h3>AudioBoosts</h3><p data-ru="Звуковые коды состояния: голос ведёт внимание, музыка держит поле, а тело интегрирует новую внутреннюю функцию." data-en="Sonic codes of state: the voice guides attention, music holds the field, and the body integrates a new inner function.">Звуковые коды состояния: голос ведёт внимание, музыка держит поле, а тело интегрирует новую внутреннюю функцию.</p></article>
            <article class="gateway"><span class="gateway-no">03 · BODY & TOUCH</span><h3>Gateways</h3><p data-ru="Очная практика лёгких касаний 33 точек головы — ворота спокойствия, ясности, энергии, творчества и присутствия." data-en="An in-person light-touch practice using 33 points on the head — gateways into calm, clarity, energy, creativity and presence.">Очная практика лёгких касаний 33 точек головы — ворота спокойствия, ясности, энергии, творчества и присутствия.</p></article>
            <article class="gateway"><span class="gateway-no">04 · KNOWLEDGE & ROUTES</span><h3>Portal</h3><p data-ru="Живая многомерная среда знаний, практик, искусства, исследований и персональных маршрутов." data-en="A living multidimensional environment of knowledge, practices, art, research and personal routes.">Живая многомерная среда знаний, практик, искусства, исследований и персональных маршрутов.</p></article>
            <article class="gateway"><span class="gateway-no">05 · SENSORY RITUAL</span><h3>Cosmos Cacao</h3><p data-ru="Церемониальное какао и сценарий состояния для самостоятельной, парной или групповой церемонии." data-en="Ceremonial cacao and a state journey for solo, couple or group ceremonies.">Церемониальное какао и сценарий состояния для самостоятельной, парной или групповой церемонии.</p></article>
            <article class="gateway"><span class="gateway-no">06 · INNER SPACE</span><h3>LumoSide</h3><p data-ru="Закрытое женское пространство AudioBoosts, практик, энергетических вопросов, тела, интуиции и новых состояний." data-en="A private women’s space for AudioBoosts, practices, energetic questions, body, intuition and new states.">Закрытое женское пространство AudioBoosts, практик, энергетических вопросов, тела, интуиции и новых состояний.</p></article>
        </div>
    </div>
</section>

<section class="section method">
    <div class="section-inner method-grid">
        <div data-reveal>
            <p class="section-kicker" data-ru="04 · Как происходит обновление" data-en="04 · How renewal happens">04 · Как происходит обновление</p><h2 class="display"><span data-ru="От старого кода — к " data-en="From old code to ">От старого кода — к </span><span class="accent"><span data-ru="живому выбору." data-en="living choice.">живому выбору.</span></span></h2>
            <div class="method-steps">
                <div class="step"><i>1</i><div><b data-ru="Контакт" data-en="Contact">Контакт</b><span data-ru="С запросом, телом, состоянием и реальной ситуацией." data-en="With the request, body, state and real-life situation.">С запросом, телом, состоянием и реальной ситуацией.</span></div></div>
                <div class="step"><i>2</i><div><b data-ru="Распознавание" data-en="Recognition">Распознавание</b><span data-ru="Какая внутренняя настройка активна и что она создаёт." data-en="Which inner setting is active and what it creates.">Какая внутренняя настройка активна и что она создаёт.</span></div></div>
                <div class="step"><i>3</i><div><b data-ru="Новая сборка" data-en="New Configuration">Новая сборка</b><span data-ru="Образ, смысл, вопрос, состояние или инструмент для обновления." data-en="An image, meaning, question, state or instrument for renewal.">Образ, смысл, вопрос, состояние или инструмент для обновления.</span></div></div>
                <div class="step"><i>4</i><div><b data-ru="Воплощение" data-en="Embodiment">Воплощение</b><span data-ru="Следующий живой ход и обратная связь от реальности." data-en="The next living move and feedback from reality.">Следующий живой ход и обратная связь от реальности.</span></div></div>
            </div>
        </div>
        <aside class="method-card" data-reveal><p data-ru="«Какой вариант уже рядом, но пока не распознан моим вниманием?»" data-en="“What possibility is already near, yet still unrecognized by my attention?”">«Какой вариант уже рядом, но пока не распознан моим вниманием?»</p><small data-ru="Вопрос Cosmos Luminosity" data-en="A Cosmos Luminosity question">Вопрос Cosmos Luminosity</small></aside>
    </div>
</section>

<section class="section creator" id="creator">
    <div class="section-inner creator-grid">
        <figure class="art-frame" data-reveal><img src="{{asset "images/cosmic-tree.jpg"}}" alt="Космическое дерево — ранняя работа Маргариты Рудомановой"><figcaption class="art-caption" data-ru="Spazio Dimensioni · авторское искусство" data-en="Spazio Dimensioni · original art">Spazio Dimensioni · авторское искусство</figcaption></figure>
        <div class="creator-copy" data-reveal>
            <p class="section-kicker" data-ru="05 · Создательница" data-en="05 · Creator">05 · Создательница</p><h2 class="display"><span data-ru="Маргарита" data-en="Margarita">Маргарита</span><br><span class="accent"><span data-ru="Рудоманова" data-en="Rudomanova">Рудоманова</span></span></h2>
            <p class="lead" data-ru="Создательница Cosmos Luminosity, автор смысловых систем, практик состояния и искусства намерения." data-en="Creator of Cosmos Luminosity, author of meaning systems, state practices and intention art.">Создательница Cosmos Luminosity, автор смысловых систем, практик состояния и искусства намерения.</p>
            <p class="body" data-ru="Маргарита соединяет психологическое знание, коучинг, телесную чувствительность, энергетические и символические практики с опытом бренд-стратегии и созданием цифровых продуктов. Её ключевой метод — смысловое творчество: способность распознавать связи и превращать их в язык, инструменты, маршруты и живые системы." data-en="Margarita brings together psychological knowledge, coaching, embodied sensitivity, energetic and symbolic practices with her experience in brand strategy and digital product creation. Her core method is Meaning Creation: the ability to recognize connections and transform them into language, instruments, routes and living systems.">Маргарита соединяет психологическое знание, коучинг, телесную чувствительность, энергетические и символические практики с опытом бренд-стратегии и созданием цифровых продуктов. Её ключевой метод — смысловое творчество: способность распознавать связи и превращать их в язык, инструменты, маршруты и живые системы.</p>
            <a class="button" href="#entry" data-ru="Войти в пространство ↓" data-en="Enter the space ↓">Войти в пространство ↓</a>
        </div>
    </div>
    <div class="manifesto"><div class="manifesto-inner" data-reveal><p><span data-ru="Глубина становится языком." data-en="Depth becomes language.">Глубина становится языком.</span><br><span data-ru="Язык — выбором." data-en="Language becomes choice.">Язык — выбором.</span><br><span data-ru="Выбор — созданной реальностью." data-en="Choice becomes created reality.">Выбор — созданной реальностью.</span></p></div></div>
</section>

<section class="section entry" id="entry">
    <div class="section-inner" data-reveal>
        <p class="section-kicker" data-ru="06 · Точка входа" data-en="06 · Point of entry">06 · Точка входа</p><h2 class="display"><span data-ru="С какого вопроса начинается твоя " data-en="Which question begins your ">С какого вопроса начинается твоя </span><span class="accent"><span data-ru="следующая реальность?" data-en="next reality?">следующая реальность?</span></span></h2>
        <p data-ru="Можно начать с символического ответа Magic Cloud или познакомиться с архитектурой Cosmos Luminosity на этой странице." data-en="Begin with a symbolic response from Magic Cloud or explore the Cosmos Luminosity architecture on this page.">Можно начать с символического ответа Magic Cloud или познакомиться с архитектурой Cosmos Luminosity на этой странице.</p>
        <a class="button primary" href="https://getmagic.cloud" target="_blank" rel="noopener" data-ru="Открыть Magic Cloud ↗" data-en="Open Magic Cloud ↗">Открыть Magic Cloud ↗</a>
        <a class="button" href="#metasystem" data-ru="Исследовать метасистему ↑" data-en="Explore the metasystem ↑">Исследовать метасистему ↑</a>
        <span class="fine" data-ru="Cosmos Luminosity · Meaning-making for a living future" data-en="Cosmos Luminosity · Meaning-making for a living future">Cosmos Luminosity · Meaning-making for a living future</span>
    </div>
</section>

<script>
(() => {
  const items = document.querySelectorAll('[data-reveal]');
  if (!('IntersectionObserver' in window) || window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
  document.documentElement.classList.add('motion-ready');
  const observer = new IntersectionObserver(entries => entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); } }), {threshold:.08, rootMargin:'0px 0px 80px 0px'});
  items.forEach(x => observer.observe(x));
  setTimeout(() => items.forEach(x => x.classList.add('visible')), 1600);
})();
</script>