@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/14b6aebb899cbea9.woff2?v=f89377ea61) format('woff2');
}
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/5276ae12340d0360.woff2?v=61bd676a7b) format('woff2');
}
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/2ddbbcb0584d9c83.woff2?v=a4e39920a6) format('woff2');
}
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/2f7cd19cf0f76a41.woff2?v=c271202134) format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/6d83b1a12212ea9e.woff2?v=75c33c3115) format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/655ecee898b68ff3.woff2?v=ff7dccc54b) format('woff2');
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/daba415d86cb6486.woff2?v=e0c9fce160) format('woff2');
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/84f611d2daf17615.woff2?v=f0f489d9ed) format('woff2');
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/75ad872ee8d3ae2f.woff2?v=b0f14c85d3) format('woff2');
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/9c53087cfe2d8705.woff2?v=7cabb983e8) format('woff2');
}

/* The landing is independent of the dashboard and the original boot screen. */

.world-canvas:not([data-frame]){visibility:hidden}

:root{color-scheme:dark;--ink:#f3f3ed;--muted:#d1d7d6;--glass:rgba(10,20,24,.76);--stroke:rgba(240,249,245,.24);--mint:#d4edc1;--sea:#9cdfdd;--sand:#ddba91;--display:'Unbounded',sans-serif;--body:'Golos Text',sans-serif;--mono:'JetBrains Mono',monospace;--gutter:clamp(28px,4.3vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:auto;background:#080b0d}body{margin:0;font-family:var(--body);background:#080b0d;color:var(--ink);overflow-x:hidden}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}a:hover{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--sea);outline-offset:6px}button:disabled{cursor:wait}::selection{color:#0b1517;background:var(--mint)}
#dc-root,#dc-root>.sc-host{height:0!important}.lp{min-height:0!important}.site{position:relative;isolation:isolate}.site a{color:inherit}.site button{font-family:var(--body)}
.skip-link{position:fixed;left:24px;top:-90px;z-index:80;padding:12px 20px;background:#fff;color:#111!important}.skip-link:focus{top:20px}
.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px var(--gutter);color:#fff;background:linear-gradient(180deg,rgba(0,5,9,.68),transparent);transition:opacity .65s,transform .65s}
.brand{display:flex;align-items:center;gap:11px;font:600 16px var(--display);white-space:nowrap;letter-spacing:-.7px}.brand img{width:27px;height:31px}.header-nav{display:flex;gap:30px;margin-left:40px;font-size:13px;color:#e1e7e6}.header-nav a{position:relative;padding:8px 0}.header-nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.header-nav a:hover:after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:21px;font-size:13px}.utility{border:0;background:none;color:#fff;padding:6px;font:11px var(--mono)!important}.theme-toggle{width:28px;height:28px;display:grid;place-items:center}.theme-toggle svg{width:17px;height:17px}.header-start{display:flex;align-items:center;gap:21px;border:1px solid rgba(255,255,255,.38);border-radius:30px;padding:11px 18px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);transition:background .2s}.header-start:hover{background:rgba(255,255,255,.18)}.arrow{display:inline-block;font-family:var(--body);font-size:19px;line-height:1}
.journey{height:calc(1150vh + 70vh);position:relative}.world-stage{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;background:#0a0c0f}.world-poster,.world-canvas,.stars,.atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.world-poster{object-fit:cover;object-position:50% 50%}.world-canvas{display:block}.stars{z-index:1}.star{position:absolute;width:2px;height:2px;opacity:.3;border-radius:50%;background:#edfaff;box-shadow:0 0 7px 2px #c9e7ff,0 0 20px 4px #aacdff80;animation:starlight var(--duration,3s) var(--delay,0s) ease-in-out infinite}.star.large:before,.star.large:after{content:'';position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,#e7f5ff,transparent);transform:translate(-50%,-50%);width:13px;height:1px}.star.large:after{transform:translate(-50%,-50%) rotate(90deg);width:10px}.stars.is-still{opacity:0}.stars.is-still .star{animation-play-state:paused}@keyframes starlight{0%,100%{opacity:.15;transform:scale(.65)}45%{opacity:.95;transform:scale(1.2)}70%{opacity:.4;transform:scale(.85)}}
.atmosphere{z-index:2;background:linear-gradient(0deg,rgba(3,10,14,.92),rgba(3,10,14,.68) 27%,rgba(3,10,14,.38) 48%,transparent 72%);opacity:var(--shade,.6);will-change:opacity}.world-stage:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 140px rgba(0,0,0,.12)}
.scene{position:absolute;inset:0 0 auto;height:100vh;height:100svh;z-index:3;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform}.scene.is-active{visibility:visible}.scene-content{pointer-events:auto}.scene[inert] .scene-content{pointer-events:none}.eyebrow{font:400 10px var(--mono);letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:0 0 23px}.eyebrow:before{content:'';width:5px;height:5px;background:var(--sea);border-radius:50%;box-shadow:0 0 9px #9cdfdd88}.scene h1,.scene h2{font-family:var(--display);font-weight:400;letter-spacing:-.055em;text-wrap:balance}.scene h2{font-size:clamp(30px,3.15vw,58px);line-height:1.25;margin:0 0 19px}.scene p{font-size:15px;line-height:1.65;max-width:39ch;color:var(--muted);margin:0}.scene a.text-link{display:inline-flex;align-items:center;gap:17px;margin-top:23px;font-size:13px;border-bottom:1px solid #ffffff50;padding-bottom:7px}.scene a.text-link .arrow{transition:transform .2s}.scene a.text-link:hover .arrow{transform:translateX(4px)}
.hero-center{position:absolute;top:37%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}.hero-center .eyebrow{justify-content:center;margin-bottom:25px;color:#dbe5e9;font-size:10px;letter-spacing:.24em}.hero-center .eyebrow:before{display:none}.hero-center h1{display:inline-block;white-space:nowrap;font-size:clamp(48px,6.8vw,150px);line-height:1.12;margin:0;transform:translateX(var(--hero-word-offset,0px));text-shadow:0 3px 45px #06101866;letter-spacing:-.065em}.hero-center p{margin:27px auto 0;max-width:50ch;color:#e2e7e8;font-size:15px;line-height:1.6}.hero-bottom{position:absolute;bottom:115px;left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-end;justify-content:space-between}.hero-note{max-width:29ch!important;font-size:12px!important;color:#e3e9e9!important}.hero-note strong{display:block;font-weight:500;margin-bottom:5px}.scroll-cue{border:0;color:#fff;background:none;display:flex;gap:15px;align-items:center;text-align:left;padding:8px 0;font-size:11px;line-height:1.5}.scroll-cue svg{width:29px;height:39px;fill:none;stroke:currentColor;stroke-width:1;opacity:.85}.scroll-cue circle{animation:scroll-dot 2.5s ease-in-out infinite}@keyframes scroll-dot{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(9px);opacity:1}}.hero-signature{font:10px var(--mono);letter-spacing:.1em;color:#c5cecf;text-align:right;line-height:1.8}
.copy-left{position:absolute;left:var(--gutter);bottom:132px;width:44%;max-width:660px;text-shadow:0 2px 22px rgba(0,0,0,.38)}.copy-right{position:absolute;right:calc(var(--gutter) + 25px);bottom:132px;width:39%;max-width:590px;text-shadow:0 2px 22px rgba(0,0,0,.38)}
.float-card{position:absolute;right:var(--gutter);bottom:139px;width:290px;color:var(--ink);border:1px solid var(--stroke);border-radius:17px;background:var(--glass);backdrop-filter:blur(20px);box-shadow:0 18px 50px rgba(0,0,0,.13);overflow:hidden;transform:translate3d(0,var(--tile-y,0px),0) rotate(var(--tile-r,0deg));will-change:transform}.card-topline{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-bottom:1px solid var(--stroke);font:9px var(--mono);color:var(--muted);letter-spacing:.06em}.card-topline .status-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:5px}.prompt-content{padding:20px;font-size:14px;line-height:1.65}.prompt-content span{display:block;font:9px var(--mono);color:var(--muted);margin-bottom:9px}.prompt-footer{display:flex;align-items:center;justify-content:space-between;padding:0 20px 17px;font-size:10px;color:var(--muted)}.prompt-footer b{font-weight:400;border:1px solid var(--stroke);padding:5px 8px;border-radius:5px}.card-corner{font:22px var(--display);color:var(--sea)}
/* Сцена «Изображения»: слева ролик со сменой образов, справа промпт. Окошко 3:4 следует за шириной карточки. */
.idea-card{--idea-pad:14px;display:grid;grid-template-columns:44% minmax(0,1fr);grid-template-rows:auto 1fr auto}.idea-card .card-topline{grid-column:1/-1}.idea-media{grid-column:1;grid-row:2/4;padding:var(--idea-pad) 0 var(--idea-pad) var(--idea-pad)}.idea-media video{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:8px;background:#0c1417}.idea-card .prompt-content{grid-column:2;padding:var(--idea-pad) var(--idea-pad) 8px;font-size:13px;line-height:1.55}.idea-card .prompt-footer{grid-column:2;align-self:end;padding:0 var(--idea-pad) var(--idea-pad)}
.film-card{left:var(--gutter);right:auto;bottom:146px;width:305px}.film-frames{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:14px 12px 0}.film-frames video{display:block;width:100%;height:91px;object-fit:cover;border-radius:5px;filter:saturate(.9);background:#0c1417}.film-track{height:2px;margin:15px 16px 10px;background:var(--stroke)}.film-track span{height:100%;display:block;width:var(--clip-progress,40%);background:var(--sea)}.film-caption{display:flex;justify-content:space-between;padding:0 16px 15px;font:9px var(--mono);color:var(--muted)}
.sound-card{left:var(--gutter);right:auto;width:300px}.sound-title{display:flex;align-items:center;gap:12px;padding:20px 19px 8px;font-size:14px}.sound-symbol{display:grid;place-items:center;width:34px;height:34px;background:rgba(156,223,221,.13);border:1px solid var(--stroke);border-radius:50%;color:var(--sea);font-size:17px}.sound-title small{display:block;font:9px var(--mono);color:var(--muted);margin-top:5px}.waveform{height:60px;display:flex;gap:4px;align-items:center;padding:0 20px;overflow:hidden}.waveform i{flex:1;height:var(--bar-h);background:var(--sea);border-radius:3px;transform:scaleY(var(--wave-scale,1));opacity:.78}.sound-card .film-caption{padding-top:9px}
.workflow-card{width:370px}.workflow{padding:20px;display:flex;gap:6px;align-items:center}.workflow-step{flex:1;text-align:center;border:1px solid var(--stroke);border-radius:9px;padding:15px 5px 11px;background:rgba(255,255,255,.025);font-size:10px}.workflow-step span{display:block;font-size:22px;margin-bottom:12px;color:var(--sea)}.workflow-arrow{font-size:15px;color:var(--muted)}.workflow-foot{margin:0 20px 18px;padding-top:12px;border-top:1px solid var(--stroke);font-size:11px;color:var(--muted)}
.balance-copy{bottom:170px}.balance-copy h2{font-size:clamp(31px,3.5vw,64px)}.balance-card{width:330px;bottom:165px;padding:25px}.balance-card h3{font-size:17px;font-weight:500;margin:0 0 12px}.balance-card p{font-size:12px;text-shadow:none}.wallets{display:flex;gap:9px;margin:21px 0 17px}.wallets span{display:grid;place-items:center;height:42px;min-width:48px;padding:0 10px;border:1px solid var(--stroke);border-radius:9px;font:16px var(--display)}.wallets span:nth-child(3){font:11px var(--mono)}.platforms{font-size:11px;color:var(--muted);border-top:1px solid var(--stroke);padding-top:15px}
.final-content{position:absolute;left:50%;top:18%;transform:translateX(-50%);text-align:center;width:90%;color:#292820;text-shadow:none}.final-content .eyebrow{justify-content:center;color:#4d4b42;margin-bottom:19px}.final-content .eyebrow:before{background:#646e51;box-shadow:none}.final-content h2{font-size:clamp(37px,4.3vw,82px);line-height:1.22;margin-bottom:23px}.final-content h2 span{display:block}.final-content h2 em{font-style:normal;color:#666249}.primary-cta{border:1px solid rgba(255,255,255,.16);background:#f2f3e9;color:#162020!important;border-radius:40px;padding:9px 10px 9px 27px;display:inline-flex;align-items:center;gap:29px;font-size:14px;font-weight:500;box-shadow:0 5px 30px rgba(0,0,0,.12);transition:transform .2s,box-shadow .2s}.primary-cta .button-arrow{display:grid;place-items:center;background:#1c2828;color:#f3f5ea;width:37px;height:37px;border-radius:50%;font-size:21px}.primary-cta:hover{transform:translateY(-3px);box-shadow:0 9px 38px rgba(0,0,0,.18)}.final-content .primary-cta{background:#292d25;color:#fff!important;border-color:#292d25}.final-content .button-arrow{background:#e5e8d8;color:#2b3027}.final-content .final-note{margin:15px auto 0;font-size:11px;color:#45463d;max-width:none}.final-footer{position:absolute;bottom:96px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:22px;align-items:flex-end;font-size:11px;color:#45443b}.final-footer .footer-links{display:flex;gap:20px}.final-footer a{border-bottom:1px solid #45443b40;padding-bottom:4px}.final-footer .footer-brand{font:11px var(--display);display:block;margin-bottom:8px}
.journey-rail{position:fixed;bottom:0;left:0;right:0;padding:0 var(--gutter) 22px;z-index:15;transition:opacity .65s,color .5s;color:#e8eeed}.rail-line{height:1px;background:rgba(231,240,238,.28);position:relative;margin-bottom:17px}.rail-fill{position:absolute;left:0;top:0;width:100%;height:1px;transform:scaleX(var(--progress,0));transform-origin:left;background:currentColor;will-change:transform}.rail-dot{position:absolute;left:calc(var(--progress,0) * 100%);top:-2px;width:5px;height:5px;background:currentColor;border-radius:50%;transform:translateX(-50%)}.rail-labels{display:flex;justify-content:space-between;align-items:center}.rail-link{background:none;border:0;color:inherit;font:9px var(--mono)!important;padding:7px 0;letter-spacing:.04em;opacity:.58;display:flex;align-items:center;gap:8px;transition:opacity .2s}.rail-link:before{content:'';width:3px;height:3px;border-radius:50%;background:currentColor;opacity:0}.rail-link[aria-current="step"]{opacity:1}.rail-link[aria-current="step"]:before{opacity:1}.rail-link:hover{opacity:1}.rail-caption{font:9px var(--mono);opacity:.7;min-width:36px;text-align:right}.final-world .journey-rail{color:#3a3f32}.final-world .rail-line{background:#3a3f3240}.final-world .site-header{background:linear-gradient(180deg,#eae4d28c,transparent);color:#262b25}.final-world .header-nav,.final-world .utility{color:#262b25}.final-world .header-start{border-color:#262b2550;background:#eee9dd22}
body:not(.is-ready) .site-header,body:not(.is-ready) .journey-rail{opacity:0;transform:translateY(-8px);pointer-events:none}body:not(.is-ready) .world-stage{visibility:hidden}.scene-status{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);z-index:25;border:1px solid var(--stroke);padding:9px 14px;border-radius:20px;background:var(--glass);font-size:11px;color:var(--ink)}.scene-status:empty{display:none}
.light-ui{--ink:#1b292b;--muted:#495759;--glass:rgba(244,246,239,.92);--stroke:rgba(33,55,55,.24)}.light-ui .float-card{--sea:#255f65;--mint:#496635}.light-ui .scene-content:not(.float-card):not(.final-content){color:#f3f3ed;--muted:#d1d7d6}.light-ui .hero-center{color:#f3f3ed}
.entry-dialog{width:min(460px,calc(100vw - 40px));padding:40px;border:1px solid var(--stroke);border-radius:23px;background:var(--glass);color:var(--ink);backdrop-filter:blur(35px);box-shadow:0 30px 100px #0006}.entry-dialog::backdrop{background:#081318a6;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:16px;top:15px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:22px}.entry-dialog h2{font:400 26px/1.4 var(--display);letter-spacing:-1px;margin:20px 0 14px}.entry-dialog p{color:var(--muted);font-size:14px;line-height:1.6}.entry-dialog .eyebrow{margin-bottom:20px}.entry-dialog .primary-cta{margin-top:17px;width:100%;justify-content:space-between;padding-left:20px}.entry-dialog .entry-alt{display:block;text-align:center;font-size:12px;margin-top:18px;color:var(--muted)}.entry-dialog .prototype-note{font-size:11px;margin-top:22px;border-top:1px solid var(--stroke);padding-top:16px}.noscript{position:fixed;z-index:100;inset:0;display:grid;place-content:center;background:#0b1215;color:#fff;text-align:center;padding:40px}.noscript h2{font:42px var(--display)}
@media(min-aspect-ratio:2/1){.hero-center{top:42%}.copy-left,.copy-right{bottom:110px}.final-content{top:16%}.final-content h2{font-size:clamp(32px,6vh,66px)}.float-card{bottom:112px}}
@media(max-width:1150px){.header-nav{gap:19px;margin-left:0}.header-actions{gap:14px}.header-start{gap:12px;padding:10px 14px}.site-header{gap:15px;padding-top:22px}.copy-left{width:48%}.copy-right{width:44%;right:var(--gutter)}.float-card{width:260px}.workflow-card{width:310px}.scene h2{font-size:34px}.hero-bottom{bottom:105px}.final-content h2{font-size:46px}.hero-center{top:39%}.eyebrow{font-size:9px}}
@media(max-height:700px){.copy-left,.copy-right{bottom:100px}.scene h2{font-size:32px;margin-bottom:13px}.scene p{font-size:13px}.eyebrow{margin-bottom:15px}.float-card{bottom:108px}.hero-bottom{bottom:92px}.hero-center p{margin-top:18px}.final-content{top:18%}.final-content h2{font-size:40px;margin-bottom:16px}.final-content .eyebrow{margin-bottom:12px}.final-footer{bottom:81px}.journey-rail{padding-bottom:14px}.rail-line{margin-bottom:10px}}
@media(max-width:850px){.header-nav{display:none}.site-header{padding-left:24px;padding-right:24px}.brand{font-size:14px}.header-actions{gap:10px}.header-start{font-size:11px}.hero-signature{display:none}.hero-center h1{font-size:10vw}.float-card{width:235px}.copy-left,.copy-right{max-width:50%;}.scene h2{font-size:28px}.rail-link{font-size:8px!important}.rail-caption{display:none}.workflow-card{width:270px}.final-content h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.stars{display:none}.scene,.float-card{will-change:auto}}
/* Вопросы и ответы. Фильм занимает прежние 1150vh, ещё 70vh после последнего кадра мир уходит в темноту
   (в светлой теме - в светлый фон), затем раздел идёт обычной прокруткой. */
.journey-outro{position:absolute;left:0;right:0;bottom:0;height:70vh;visibility:hidden;pointer-events:none}
.outro-shade{position:absolute;inset:0;z-index:4;background:#000;opacity:var(--outro,0);pointer-events:none}
.faq-zone .journey-rail{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s,visibility 0s linear .45s}
.faq{position:relative;background:#000;color:#f3f3ed;padding:clamp(88px,13vh,150px) var(--gutter) clamp(96px,14vh,160px)}
.faq-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(240px,4fr) minmax(0,7fr);gap:clamp(40px,7vw,120px);align-items:start}
.faq-head{position:sticky;top:clamp(110px,16vh,150px)}
.faq-head h2{font:400 clamp(28px,2.6vw,46px)/1.22 var(--display);letter-spacing:-.055em;margin:0 0 20px;text-wrap:balance}
.faq-head h2:focus{outline:none}.faq-head h2:focus-visible{outline:2px solid var(--sea);outline-offset:6px}
.faq-intro{margin:0;max-width:32ch;font-size:15px;line-height:1.65;color:#c3cbca}
.faq-list{border-top:1px solid rgba(243,243,237,.18)}
.faq-item{border-bottom:1px solid rgba(243,243,237,.18)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 0;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:focus-visible{outline:2px solid var(--sea);outline-offset:4px;border-radius:4px}
.faq-item h3{margin:0;font:400 clamp(17px,1.3vw,21px)/1.45 var(--body);letter-spacing:-.01em}
.faq-icon{position:relative;flex:none;width:36px;height:36px;border:1px solid rgba(243,243,237,.34);border-radius:50%;transition:transform .3s,background .2s}
.faq-icon:before,.faq-icon:after{content:'';position:absolute;left:50%;top:50%;width:12px;height:1px;background:currentColor;transform:translate(-50%,-50%)}
.faq-icon:after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item[open] .faq-icon{transform:rotate(45deg)}
.faq-item summary:hover .faq-icon{background:rgba(243,243,237,.08)}
.faq-answer{padding:0 64px 28px 0}
.faq-answer p{margin:0;max-width:64ch;font-size:15px;line-height:1.7;color:#c3cbca}
.faq-answer a{color:#f3f3ed;border-bottom:1px solid rgba(243,243,237,.45);padding-bottom:1px}
.faq-answer a:hover{border-bottom-color:#f3f3ed}
.light-ui .outro-shade{background:#eef0e8}
.light-ui .faq{--sea:#255f65;background:#eef0e8;color:#1b292b}
.light-ui .faq-intro,.light-ui .faq-answer p{color:#495759}
.light-ui .faq-list,.light-ui .faq-item{border-color:rgba(27,41,43,.18)}
.light-ui .faq-icon{border-color:rgba(27,41,43,.34)}
.light-ui .faq-item summary:hover .faq-icon{background:rgba(27,41,43,.06)}
.light-ui .faq-answer a{color:#1b292b;border-bottom-color:rgba(27,41,43,.45)}
@media(max-width:850px){.faq-inner{grid-template-columns:1fr;gap:36px}.faq-head{position:static}.faq-answer{padding-right:0}}
/* Подвал с документами и контактами: виден только в самом конце, после вопросов и ответов. */
.site-footer{background:#000;color:#f3f3ed;padding:56px var(--gutter) calc(40px + env(safe-area-inset-bottom));border-top:1px solid rgba(243,243,237,.14)}
.site-footer-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(220px,4fr) minmax(0,4fr) minmax(0,3fr);gap:clamp(32px,6vw,96px)}
.site-footer p{margin:0}
.site-footer-name{display:flex;align-items:center;gap:10px;margin-bottom:12px!important;font:400 15px var(--display);letter-spacing:-.03em}
.site-footer-brand p:not(.site-footer-name){max-width:30ch;font-size:13px;line-height:1.6;color:#c3cbca}
.site-footer-label{margin-bottom:14px!important;font:400 10px var(--mono);letter-spacing:.15em;color:#c3cbca}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.site-footer li a{font-size:14px;line-height:1.5;border-bottom:1px solid rgba(243,243,237,.3);padding-bottom:2px}
.site-footer li a:hover{border-bottom-color:#f3f3ed}
.site-footer-legal{max-width:1240px;margin:48px auto 0!important;padding-top:20px;border-top:1px solid rgba(243,243,237,.12);font-size:12px;line-height:1.6;color:#aeb7b6}
.light-ui .site-footer{--sea:#255f65;background:#eef0e8;color:#1b292b;border-top-color:rgba(27,41,43,.14)}
.light-ui .site-footer-brand p:not(.site-footer-name),.light-ui .site-footer-label,.light-ui .site-footer-legal{color:#495759}
.light-ui .site-footer li a{border-bottom-color:rgba(27,41,43,.35)}
.light-ui .site-footer-legal{border-top-color:rgba(27,41,43,.12)}
@media(max-width:850px){.site-footer-inner{grid-template-columns:1fr 1fr}.site-footer-brand{grid-column:1/-1}}
@media(max-width:560px){.site-footer-inner{grid-template-columns:1fr;gap:28px}.site-footer-legal{margin-top:32px!important}}


/* Shared collection surfaces. Category marks are symbols, not invented brand logos. */
.catalog-model-copy{flex:1}.catalog-model-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:5px 12px;margin-top:10px}.catalog-model-meta .catalog-model-type{margin-top:0}.catalog-model-price{font:10px/1.5 var(--mono);color:var(--catalog-ink);white-space:nowrap}.catalog-footer>[data-catalog-i18n="footer"]{max-width:75ch;font-size:10px;line-height:1.5}.catalog-footer>a{flex-shrink:0}
.scene-models{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:19px 0 0;max-width:480px}.scene-models button{border:1px solid #dfecea38;border-radius:6px;background:#09131565;padding:6px 9px;color:#eef4f1;font:10px var(--body);backdrop-filter:blur(8px);transition:border-color .2s,background .2s}.scene-models button:hover{background:#1b3339cf;border-color:#b9d5ce88}.scene-models .strip-more{border:0;background:transparent;color:#dae8e4;padding-left:4px}.scene-models+.text-link{margin-top:15px!important}
.collection-copy{width:44%;max-width:650px}.collection-copy h2{font-size:clamp(32px,3.6vw,64px)}.catalog-launch{display:inline-flex;align-items:center;gap:18px;padding:13px 16px 13px 20px;margin-top:26px;border:1px solid #e4ede967;border-radius:30px;background:#edf3e8;color:#172722;font-size:13px;transition:transform .2s,background .2s}.catalog-launch:hover{transform:translateY(-2px);background:#fff}.catalog-launch-count{font:10px var(--mono);background:#1727220e;border:1px solid #17272220;border-radius:14px;padding:4px 7px}.collection-note{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:11px;color:#d5dfdc}.collection-note a{font-size:17px}.model-constellation{position:absolute;right:var(--gutter);bottom:133px;width:min(40vw,525px);transform:translate3d(0,var(--tile-y,0px),0);--collection-reveal:inherit}.constellation-caption{font:8px var(--mono);letter-spacing:.13em;color:#e6eeea;margin-bottom:18px}.model-mosaic{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.model-mosaic li{opacity:clamp(0,calc(var(--collection-reveal,1)*2 - var(--tile-delay)),1);transform:translateY(calc((1 - var(--collection-reveal,1)) * var(--tile-distance)));}.mosaic-model{display:flex;align-items:center;gap:9px;width:100%;height:59px;padding:10px 12px;border-radius:10px;border:1px solid var(--stroke);background:var(--glass);backdrop-filter:blur(16px);text-align:left;color:var(--ink);font:11px var(--body);transition:background .2s,border-color .2s,transform .2s}.mosaic-model:hover{background:#1e343b;border-color:#aecdc980;transform:translateY(-3px)}.model-mark{flex-shrink:0;display:grid;place-items:center;width:31px;height:31px;color:var(--model-color,#9cdfdd);font:19px var(--body);border-radius:9px;background:color-mix(in srgb,var(--model-color,#9cdfdd) 9%,transparent)}.model-mark svg{width:19px;height:19px}.constellation-more{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 2px 0;background:none;border:0;color:#d8e3de;font:10px var(--body)}.constellation-more:hover{color:#fff}.light-ui .mosaic-model:hover{background:#fff}.light-ui .model-mark{color:var(--model-dark,#285762);background:color-mix(in srgb,var(--model-dark,#285762) 8%,transparent)}

.model-catalog{--catalog-bg:rgba(14,23,27,.97);--catalog-ink:#eef2ed;--catalog-muted:#a7b7b6;--catalog-line:#d5e8df21;--catalog-hover:#e4f1e908;--catalog-pill:#d8eee3;--catalog-pill-ink:#172723;position:fixed;inset:0;width:calc(100vw - 80px);max-width:1320px;height:calc(100svh - 72px);max-height:990px;margin:auto;padding:0;border:1px solid #d1e5df38;border-radius:22px;background:var(--catalog-bg);color:var(--catalog-ink);box-shadow:0 30px 120px #0006;overflow:hidden;overscroll-behavior:contain;backdrop-filter:blur(32px)}.model-catalog::backdrop{background:#030c12a3;backdrop-filter:blur(12px)}.model-catalog[open]{animation:catalog-in .26s cubic-bezier(.2,.7,.2,1)}@keyframes catalog-in{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.catalog-shell{height:100%;display:flex;flex-direction:column;padding:0 42px}.catalog-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:77px;border-bottom:1px solid var(--catalog-line);gap:20px}.catalog-wordmark{display:flex;align-items:center;gap:12px;font-size:11px}.catalog-wordmark>span:first-of-type{font:500 12px var(--display)}.catalog-wordmark>span:last-child{color:var(--catalog-muted)}.catalog-slash{margin:0 3px;color:var(--catalog-muted)}.catalog-header-actions{display:flex;align-items:center;gap:23px}.catalog-close,.catalog-language{color:var(--catalog-muted);border:0;background:none;font:11px var(--body);padding:7px 0}.catalog-close{display:flex;align-items:center;gap:14px}.catalog-close span:last-child{font-size:25px;font-weight:300;line-height:1}.catalog-close:hover,.catalog-language:hover{color:var(--catalog-ink)}.catalog-language{font-family:var(--mono)}.catalog-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:32px 0 27px;flex-shrink:0}.catalog-intro .eyebrow{font-size:8px;color:var(--catalog-muted);margin-bottom:14px}.catalog-intro h2{font:400 clamp(25px,2.5vw,42px)/1.3 var(--display);letter-spacing:-.055em;margin:0}.catalog-intro p{font-size:12px;line-height:1.65;margin:0 0 4px;color:var(--catalog-muted)}.catalog-controls{flex-shrink:0}.catalog-search-wrap>label{display:block;font-size:10px;color:var(--catalog-muted);margin-bottom:8px}.catalog-search{display:flex;align-items:center;gap:12px;border:1px solid var(--catalog-line);background:var(--catalog-hover);border-radius:10px;padding:0 16px;height:48px}.catalog-search:focus-within{border-color:#a0c4ba}.catalog-search svg{width:18px;height:18px;color:var(--catalog-muted);flex-shrink:0}.catalog-search input{display:block;width:100%;min-width:0;border:0;background:none;color:var(--catalog-ink);font:13px var(--body);outline:none;line-height:1.5;padding:12px 0}.catalog-search input::placeholder{color:var(--catalog-muted);opacity:.8}.catalog-search input::-webkit-search-cancel-button{-webkit-appearance:none}.search-shortcut{font-size:20px;opacity:.55}.catalog-clear{border:0;background:none;color:var(--catalog-muted);font-size:22px;line-height:1;padding:6px}.catalog-filters{display:flex;gap:7px;padding:17px 0 19px;flex-wrap:wrap}.catalog-filter{display:flex;align-items:center;gap:9px;border:1px solid var(--catalog-line);border-radius:25px;padding:8px 13px;background:none;color:var(--catalog-muted);font:11px var(--body);transition:background .2s,color .2s}.catalog-filter small{font:9px var(--mono);opacity:.7}.catalog-filter:hover{background:var(--catalog-hover);color:var(--catalog-ink)}.catalog-filter[aria-pressed=true]{background:var(--catalog-pill);color:var(--catalog-pill-ink);border-color:transparent}.catalog-results-head{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--catalog-line);font:9px var(--mono);color:var(--catalog-muted);flex-shrink:0}.catalog-results-note{font:10px var(--body)}.catalog-results{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#aac6ba50 transparent;padding:0 6px 16px 0}.catalog-results:focus-visible{outline-offset:-2px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 25px;list-style:none;padding:0;margin:0}.catalog-model{display:flex;align-items:flex-start;gap:12px;min-height:96px;padding:19px 4px 19px 2px;border-bottom:1px solid var(--catalog-line);border-radius:0;transition:background .2s}.catalog-model:hover{background:var(--catalog-hover)}.catalog-model .model-mark{width:35px;height:35px;border-radius:10px;margin-top:1px}.catalog-model h3{font:500 13px/1.5 var(--body);margin:0 0 5px;letter-spacing:0}.catalog-model p{color:var(--catalog-muted);font:11px/1.55 var(--body);margin:0;max-width:30ch}.catalog-model-copy{min-width:0}.catalog-model-type{display:block;font:8px var(--mono);color:var(--catalog-muted);margin-top:8px;opacity:.8}.catalog-footer{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:20px;height:68px;border-top:1px solid var(--catalog-line);color:var(--catalog-muted);font-size:10px}.catalog-footer a{display:flex;align-items:center;gap:17px;color:var(--catalog-ink);font-size:12px}.catalog-footer a span:last-child{font-size:18px}.catalog-empty{text-align:center;padding:40px 20px 50px;color:var(--catalog-muted)}.catalog-empty strong{display:block;color:var(--catalog-ink);font:400 21px/1.5 var(--display);margin:0 0 12px}.catalog-empty p{font-size:12px;line-height:1.6}.catalog-empty button{margin-top:14px;padding:10px 18px;border:1px solid var(--catalog-line);background:var(--catalog-hover);border-radius:25px;color:var(--catalog-ink);font-size:12px}.catalog-open .stars .star{animation-play-state:paused}.catalog-open .scroll-cue circle{animation-play-state:paused}
.light-ui .model-catalog{--catalog-bg:rgba(240,243,236,.98);--catalog-ink:#223330;--catalog-muted:#53665f;--catalog-line:#1d413225;--catalog-hover:#1d413208;--catalog-pill:#233b31;--catalog-pill-ink:#f2f6ed;border-color:#cbd5cd}.light-ui .model-catalog .eyebrow:before{background:#416650;box-shadow:none}
@media(max-width:1150px){.model-constellation{width:40%;bottom:135px}.mosaic-model{padding:9px 8px;gap:6px;font-size:9px;height:54px}.model-mosaic{gap:6px}.mosaic-model .model-mark{width:25px;height:25px}.collection-copy h2{font-size:34px}.model-catalog{width:calc(100vw - 40px);height:calc(100svh - 40px)}.catalog-shell{padding:0 28px}.catalog-intro p{font-size:11px}.catalog-filter{padding:8px 10px;gap:7px}.catalog-grid{gap:0 18px}}
@media(max-height:760px){.catalog-header{height:58px}.catalog-intro{padding:23px 0 20px}.catalog-intro h2{font-size:29px}.catalog-intro .eyebrow{margin-bottom:10px}.catalog-filters{padding:13px 0}.catalog-footer{height:54px}.catalog-model{min-height:87px;padding-top:15px;padding-bottom:15px}.model-catalog{height:calc(100svh - 36px)}.model-constellation{bottom:110px}.model-mosaic{gap:6px}.mosaic-model{height:50px}.collection-note{margin-top:13px}.catalog-launch{margin-top:20px}.collection-copy{bottom:112px}.scene-models{margin-top:13px}}
@media(max-width:850px){.model-catalog{width:calc(100vw - 24px)}.catalog-shell{padding:0 20px}.catalog-intro p{display:none}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-wordmark>span:last-child{display:none}.catalog-results-note{display:none}.catalog-filters{gap:5px}.catalog-filter{font-size:10px;padding:7px 9px}.model-constellation{width:43%}.model-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.model-mosaic li:nth-child(n+9){display:none}.constellation-caption{font-size:7px}.mosaic-model{height:45px}.collection-copy{max-width:44%}}
@media(prefers-reduced-motion:reduce){.model-catalog[open]{animation:none}.model-mosaic li{transform:none}.mosaic-model:hover,.catalog-launch:hover{transform:none}}

/* Optional soundtrack and the first-frame sky. The original loader is untouched. */
.header-nav .subscription-nav{padding:8px 12px;border:1px solid #c8e8db66;border-radius:22px;background:#d4edc114;color:#e1f3d8;white-space:nowrap}.header-nav .subscription-nav:after{display:none}.header-nav .subscription-nav:hover{background:#d4edc126}
.hero-center .no-subscription-badge{display:flex;width:max-content;margin-left:auto;margin-right:auto;border:1px solid #d2ecde66;border-radius:30px;padding:10px 18px;color:#e7f4e0;background:#0a1a1c70;backdrop-filter:blur(9px);font-size:11px;letter-spacing:.17em;margin-bottom:22px}.hero-center .no-subscription-badge:before{display:block;background:#d4edc1;box-shadow:0 0 9px #d4edc155}
.hero-note{max-width:35ch!important}.hero-note strong{font-size:13px;font-weight:600;color:#f1f5ed}.hero-note span{display:block;max-width:30ch}
.music-toggle{width:28px;height:28px;display:grid;place-items:center}.music-toggle svg{width:19px;height:19px}.music-waves{display:none}.music-toggle[aria-pressed="true"] .music-waves{display:block}.music-toggle[aria-pressed="true"] .music-slash{display:none}.music-toggle[aria-disabled="true"]{opacity:.65;cursor:default}.music-toggle[aria-pressed="true"]{color:var(--mint)}
.meteor-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;mask-image:var(--sky-mask);mask-size:cover;mask-position:center;mask-repeat:no-repeat;visibility:hidden}.meteor-layer.is-active{visibility:visible}.meteor{position:absolute;width:var(--tail,150px);height:1.5px;border-radius:50%;background:linear-gradient(90deg,transparent,#c8e9fa65 45%,#f1fbff);transform-origin:right center;filter:drop-shadow(0 0 3px #bae6ff);will-change:transform,opacity}.meteor:after{content:'';position:absolute;right:-1px;top:-1px;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 8px #d8f1ff}
.balance-copy{bottom:145px;width:48%}.balance-copy h2{font-size:clamp(34px,3.8vw,70px);letter-spacing:-.06em}.balance-copy .eyebrow{color:#dbedd1}.balance-copy p{max-width:36ch}.balance-methods{display:flex;gap:8px;margin-top:23px}.balance-methods span{display:grid;place-items:center;height:33px;min-width:38px;padding:0 11px;border:1px solid #ffffff40;border-radius:7px;font:13px var(--mono);background:#06101825}.balance-methods span:nth-child(3){font-size:10px}.balance-platforms{margin-top:12px;font-size:11px;color:#d1d7d6}
.integration-stack{position:absolute;right:var(--gutter);bottom:141px;width:36%;max-width:430px;display:grid;gap:12px;transform:translate3d(0,var(--tile-y,0px),0);will-change:transform}.integration-card{border:1px solid var(--stroke);border-radius:15px;padding:20px 22px;background:var(--glass);backdrop-filter:blur(22px);box-shadow:0 14px 45px #00000018;color:var(--ink)}.integration-label{display:flex;align-items:center;gap:9px;font:10px var(--mono);letter-spacing:.03em;margin-bottom:13px}.integration-symbol{font:20px var(--body);color:var(--sea);line-height:1}.integration-platforms,.volume-label{margin-left:auto;font-size:9px;color:var(--muted)}.volume-label{color:var(--mint);background:#d4edc10d;border:1px solid #d4edc133;border-radius:20px;padding:5px 8px;font-size:8px}.integration-card h3{margin:0 0 9px;font-size:18px;line-height:1.35;font-weight:500;letter-spacing:-.025em}.scene .integration-card p{font-size:12px;line-height:1.6;max-width:43ch;color:var(--muted)}.integration-card a{display:flex;align-items:center;justify-content:space-between;width:fit-content;gap:20px;margin-top:14px;font-size:11px;border-bottom:1px solid var(--stroke);padding-bottom:5px}.integration-card a:hover{color:var(--sea)}
.light-ui .integration-card{--sea:#255f65;--mint:#496635;--muted:#495759;color:#1b292b}.final-world .subscription-nav{color:#344633;border-color:#34463366;background:#e8f1d940}
@media(max-width:1250px){.header-nav{gap:17px;margin-left:0}.header-actions{gap:12px}.integration-card{padding:17px 19px}.integration-card h3{font-size:17px}.balance-copy h2{font-size:38px}}
@media(max-height:700px){.balance-copy,.integration-stack{bottom:106px}.integration-card{padding:15px 19px}.integration-stack{gap:10px}.balance-copy h2{font-size:34px}.balance-methods{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.meteor-layer{display:none}.integration-stack{will-change:auto}}

/* Intro copy frames the title above; the subscription promise sits below. */
.hero-center p{margin:0 auto 24px}.hero-center .no-subscription-badge{margin:24px auto 0}
@media(max-height:700px){.hero-center p{margin:0 auto 18px}.hero-center .no-subscription-badge{margin-top:18px}}

/* A compact table of contents keeps every section reachable at narrower widths. */
.header-nav{align-items:center;gap:22px;margin-left:0}.section-menu{position:relative;color:inherit}.section-menu summary{display:flex;align-items:center;gap:9px;padding:9px 0;cursor:pointer;list-style:none;white-space:nowrap}.section-menu summary::-webkit-details-marker{display:none}.section-menu summary svg{width:10px;height:7px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .2s}.section-menu[open] summary svg{transform:rotate(180deg)}.section-menu summary:focus-visible{outline:2px solid var(--sea);outline-offset:6px;border-radius:3px}.section-menu-panel{position:absolute;top:calc(100% + 15px);left:0;right:auto;width:330px;max-width:calc(100vw - 40px);max-height:calc(100svh - 110px);overflow:auto;border:1px solid var(--stroke);border-radius:16px;padding:17px;background:var(--glass);backdrop-filter:blur(28px);box-shadow:0 20px 70px #0006;color:var(--ink);text-align:left}.section-menu-caption{display:block;font:9px var(--mono);letter-spacing:.1em;color:var(--muted);padding:4px 10px 13px}.header-nav .section-menu-panel a{display:grid;grid-template-columns:22px 1fr 12px;align-items:center;gap:9px;padding:12px 10px;border-radius:7px;font-size:13px;line-height:1.4}.header-nav .section-menu-panel a:after{display:none}.section-menu-panel a small{font:8px var(--mono);color:var(--muted)}.section-menu-panel a>:last-child{color:var(--muted);font-size:14px}.section-menu-panel a:hover,.section-menu-panel a:focus-visible{background:#a3d8d510}.menu-catalog{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px;padding:15px 10px 4px;border:0;border-top:1px solid var(--stroke);background:none;color:var(--ink);font-size:12px}.menu-catalog:hover{color:var(--sea)}.final-world .section-menu-panel{color:var(--ink)}
@media(max-width:1150px){.header-nav{gap:15px}.header-actions{gap:11px}.site-header{gap:16px}.integration-label{gap:7px}}
@media(max-width:1000px){.header-nav>.subscription-nav{display:none}.header-nav{gap:20px}.header-actions{gap:10px}.header-start{gap:9px;padding:10px 13px}.site-header{padding-left:28px;padding-right:28px}}
@media(max-width:850px){.header-nav{display:flex}.header-nav>.header-catalog-link{display:none}.site-header{gap:12px}.header-start{font-size:11px}.section-menu-panel{right:auto;left:0;width:310px}}
@media(max-width:680px){.site-header{padding-left:18px;padding-right:18px}.site-header .brand{gap:6px;font-size:12px}.header-actions{gap:6px}.header-actions .theme-toggle{display:none}.section-menu-panel{position:fixed;left:18px;right:18px;top:75px;width:auto}.header-nav{font-size:12px}}

/* cyhub.ai: маски из папки кадров, адреса ставит сервер в style у <html> */
@media(max-aspect-ratio:1/1){.meteor-layer{mask-image:var(--sky-mask-mobile)}}
/* Звук заметен: круг вокруг значка, мягкий пульс, пока музыка ждёт разрешения браузера, и «дыхание» волн, пока играет. */
.music-toggle{position:relative}
.music-toggle:before{content:'';position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:1px solid rgba(243,243,237,.34);border-color:color-mix(in srgb,currentColor 40%,transparent);pointer-events:none;transition:border-color .2s}
.music-toggle:hover:before{border-color:currentColor}
.music-toggle.is-waiting:before{animation:music-call 2.2s ease-in-out infinite}
.music-toggle[aria-pressed="true"] .music-waves{animation:music-breathe 2.6s ease-in-out infinite}
.final-world .site-header .music-toggle[aria-pressed="true"]{color:#2f5d2a}
.loader-sound{position:absolute;top:24px;right:clamp(20px,3vw,40px);z-index:6;color:#e8eeed}
@keyframes music-call{0%,100%{box-shadow:0 0 0 0 rgba(156,223,221,0)}50%{box-shadow:0 0 0 6px rgba(156,223,221,.24)}}
@keyframes music-breathe{0%,100%{opacity:.45}50%{opacity:1}}

/* Плашка cookie (assets/analytics.js): тонкая полупрозрачная строка «Используем cookie»,
   «Подробнее» и «Разрешить». На компьютере стоит над шкалой миров, на телефоне поверх неё. */
/* Если вместо assets/analytics.js подключён общий cookie-notice.js основного сайта (сборка --site-analytics): та же позиция строки над шкалой миров, а во время экрана загрузки она скрыта. */
:root{--cookie-notice-bottom:72px;--cookie-notice-left:var(--gutter)}.faq-zone{--cookie-notice-bottom:16px}html.intro-loading .cookie-notice,html.intro-revealing .cookie-notice{visibility:hidden}
.cyhub-consent{position:fixed;left:var(--gutter);bottom:calc(72px + env(safe-area-inset-bottom));z-index:60;max-width:calc(100vw - 2 * var(--gutter));padding:2px 2px 2px 12px;border:1px solid rgba(243,243,237,.14);border-radius:999px;background:rgba(6,10,12,.6);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);color:#f3f3ed;font:11px/1.35 var(--body)}
.cyhub-consent.is-open{border-radius:14px;padding:8px 8px 8px 14px}
.faq-zone .cyhub-consent{bottom:calc(16px + env(safe-area-inset-bottom))}
.cyhub-consent-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.cyhub-consent-short{margin:0 4px 0 0}
.cyhub-consent button{min-height:24px;padding:2px 9px;border-radius:999px;border:1px solid transparent;background:none;color:inherit;font:500 11px var(--body);cursor:pointer}
.cyhub-consent .cyhub-consent-more{padding:2px 5px;opacity:.8;text-decoration:underline;text-underline-offset:3px}
.cyhub-consent .cyhub-consent-more:hover{opacity:1}
.cyhub-consent button[data-consent="granted"]{background:rgba(243,243,237,.14);border-color:rgba(243,243,237,.3)}
.cyhub-consent button[data-consent="granted"]:hover{background:rgba(243,243,237,.24)}
.cyhub-consent-extra{max-width:430px;margin-top:6px;padding:8px 6px 2px 0;border-top:1px solid rgba(243,243,237,.14)}
.cyhub-consent-details{margin:0 0 8px;line-height:1.5;color:#d1d7d6}
.cyhub-consent .cyhub-consent-decline{border-color:rgba(243,243,237,.3)}
.cyhub-consent a{color:#f3f3ed;border-bottom:1px solid rgba(243,243,237,.45)}
.cyhub-consent button:focus-visible,.site-footer-cookie:focus-visible{outline:2px solid var(--sea);outline-offset:2px}
.light-ui .cyhub-consent{background:rgba(244,246,239,.62);border-color:rgba(27,41,43,.14);color:#1b292b}
.light-ui .cyhub-consent-details{color:#495759}
.light-ui .cyhub-consent a{color:#1b292b;border-bottom-color:rgba(27,41,43,.45)}
.light-ui .cyhub-consent button[data-consent="granted"],.light-ui .cyhub-consent .cyhub-consent-decline{background:rgba(27,41,43,.08);border-color:rgba(27,41,43,.28)}
.light-ui .cyhub-consent-extra{border-top-color:rgba(27,41,43,.14)}
@media(max-aspect-ratio:1/1){.cyhub-consent{left:8px;right:auto;bottom:calc(6px + env(safe-area-inset-bottom));max-width:calc(100vw - 16px);padding:2px 2px 2px 10px;font-size:10.5px}.cyhub-consent-row{gap:2px}.cyhub-consent-short{margin-right:0;white-space:nowrap}.cyhub-consent button{padding:2px 8px;font-size:10.5px}.cyhub-consent .cyhub-consent-more{padding:2px 3px}}
.site-footer-cookie{padding:0;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font:inherit;cursor:pointer}

/* The portrait film has its own composition; all coordinates follow its crop. */
.mobile-menu-account,.portrait-menu-link{display:none!important}
.mobile-copy-break{display:none}
.site .brand:hover{color:inherit}
.brand-copy{display:flex;flex-direction:column;gap:5px}
.brand-copy small{font:400 10px/1.2 var(--body);letter-spacing:0;color:inherit;opacity:.85}
.section-menu summary .menu-icon{display:none}
.header-login{white-space:nowrap}
.menu-theme{display:none}
@media(max-width:680px),(max-aspect-ratio:1/1){.section-menu-panel .menu-theme{display:block;color:var(--ink);width:100%;text-align:left;padding:14px 10px;margin-top:10px;border-top:1px solid var(--stroke)}}
@media(min-aspect-ratio:10001/10000) and (max-width:1150px){.header-nav>.subscription-nav{display:none}.site-header{gap:15px}.header-actions{gap:12px}}
@media(min-aspect-ratio:10001/10000) and (max-width:950px){.header-nav>.header-catalog-link{display:none}}
@media(max-aspect-ratio:1/1){
  :root{--gutter:clamp(20px,5vw,44px)}
  html{overscroll-behavior-y:none}
  .site-header{padding:calc(13px + env(safe-area-inset-top)) var(--gutter) 16px;gap:8px;align-items:center}
  .site-header .brand{font-size:13px;gap:8px;letter-spacing:-.6px;flex-shrink:0}
  .brand img{width:22px;height:26px}
  .header-actions{margin-left:auto;gap:1px;order:2}
  .header-actions>.header-start{display:none}
  .header-actions>.header-login{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 15px;margin-left:5px;border:1px solid #eaf1e859;border-radius:24px;background:#0b182b77;font-size:12px}
  .final-world .header-login{background:#f5f0e8a8;border-color:#26312559}
  .brand-copy{gap:4px}
  .brand-copy small{font-size:9px}
  .site-header .brand{gap:6px}
  .header-actions .utility.theme-toggle{display:none}
  .header-actions #language-toggle{width:30px}
  .header-actions .utility{width:36px;height:40px;padding:9px;display:grid;place-items:center}
  .header-nav{display:flex;order:1;margin:0;font-size:12px;gap:0}
  .header-nav>.header-catalog-link,.header-nav>.subscription-nav{display:none}
  .section-menu summary{width:36px;min-height:44px;justify-content:center;padding:7px 0}
  .section-menu summary>span,.section-menu summary .menu-chevron{display:none}
  .section-menu summary .menu-icon{display:block;width:19px;height:19px;stroke-width:1.5}
  .section-menu[open] summary .menu-icon{transform:none}
  .section-menu-panel{position:fixed;inset:calc(68px + env(safe-area-inset-top)) var(--gutter) auto;width:auto;max-width:none;max-height:calc(100svh - 100px - env(safe-area-inset-top));padding:14px}
  .header-nav .section-menu-panel a{min-height:44px;padding:11px 9px}
  .section-menu-caption{font-size:8px}
  .mobile-menu-account{display:grid!important;grid-template-columns:1fr 1.8fr;gap:8px;border-top:1px solid var(--stroke);padding-top:14px;margin-top:17px}
  .header-nav .mobile-menu-account a{display:flex;justify-content:center;font-size:12px;border:1px solid var(--stroke);border-radius:30px;padding:9px}
  .mobile-menu-account a:last-child{background:var(--mint);color:#172722}
  .header-nav .portrait-menu-link{display:grid!important}
  .journey{height:calc(1150svh + 70svh)}
  .journey-outro{height:70svh}
  .faq{padding:88px var(--gutter) 72px}
  .site-footer{padding:44px var(--gutter) calc(32px + env(safe-area-inset-bottom))}
  .faq-inner{grid-template-columns:1fr;gap:30px}
  .faq-head{position:static}
  .faq-item summary{padding:20px 0;gap:18px}
  .faq-item h3{font-size:16px}
  .faq-icon{width:32px;height:32px}
  .faq-answer{padding:0 0 22px}
  .faq-answer p{font-size:14px}
  .world-stage:after{box-shadow:none}
  .atmosphere{background:linear-gradient(0deg,#040b10eb,#040b10c4 19%,#040b106b 34%,transparent 52%)}
  .scene h2{font-size:clamp(27px,7.5vw,44px);line-height:1.22;letter-spacing:-.055em;margin-bottom:13px}
  .scene p{font-size:14px;line-height:1.55;max-width:38ch}
  .eyebrow{font-size:9px;margin-bottom:14px;letter-spacing:.12em}
  .hero-center{inset:0;width:100%;height:100%;transform:none;text-align:center}
  .hero-center h1{position:absolute;left:50%;top:var(--hero-title-y,34.7%);line-height:1.12;transform:translate(calc(-50% + var(--hero-word-offset,0px)),-50%);text-shadow:0 2px 20px #0009}
  .hero-center p{position:absolute;left:50%;right:auto;top:var(--hero-copy-y,53%);width:var(--hero-copy-width,55vw);transform:translate(-50%,-50%);margin:0;font-size:var(--hero-copy-size,13px);line-height:1.45;color:#fff;max-width:none;text-shadow:0 1px 3px #000,0 0 12px #000}
  .hero-sentence{display:block;text-wrap:balance}
  .hero-copy-divider{display:none}
  .hero-center p:before{content:"";position:absolute;inset:-7px -10px;z-index:-1;background:radial-gradient(ellipse,#04090cb3,transparent 73%);pointer-events:none}
  .hero-center .no-subscription-badge{position:absolute;left:50%;top:var(--hero-badge-y,67%);transform:translate(-50%,-50%);margin:0;padding:10px 15px;font-size:10px;letter-spacing:.15em;white-space:nowrap;background:#09171de0;border-color:#d4edc17a}
  .hero-bottom{bottom:calc(60px + env(safe-area-inset-bottom));left:var(--gutter);right:var(--gutter);justify-content:space-between;gap:18px;align-items:flex-end}
  .hero-note{max-width:24ch!important;font-size:11px!important;line-height:1.5!important}
  .hero-note strong{display:none}
  .hero-note span{max-width:24ch}
  .hero-signature{display:none}
  .scroll-cue{font-size:10px;gap:9px;flex-shrink:0;min-height:44px}
  .scroll-cue svg{width:22px;height:32px}
  .copy-left,.copy-right,.collection-copy{left:var(--gutter);right:var(--gutter);bottom:calc(69px + env(safe-area-inset-bottom));width:auto;max-width:none}
  .scene a.text-link{font-size:12px;min-height:37px;margin-top:12px;padding-bottom:5px}
  .scene-models{margin-top:14px;gap:6px}
  .scene-models button{font-size:10px;padding:7px 8px;min-height:32px}
  .float-card,.film-card,.sound-card{left:auto;right:var(--gutter);top:calc(88px + env(safe-area-inset-top));bottom:auto;width:min(245px,66vw);border-radius:13px}
  .float-card .card-topline{font-size:8px;padding:10px 13px}
  .prompt-content{padding:12px 14px;font-size:11px;line-height:1.5}
  .prompt-content span{font-size:8px;margin-bottom:5px}
  .prompt-footer{font-size:9px;padding:0 14px 11px}
  .idea-card{--idea-pad:10px}
  .idea-card .prompt-content{font-size:11px;line-height:1.5;padding-bottom:6px}
  .idea-media video{border-radius:6px}
  .film-frames{margin:10px 10px 0;gap:4px}
  .film-frames video{height:65px}
  .film-track{margin:10px 13px 8px}
  .film-caption{font-size:8px;padding:0 13px 11px}
  .sound-title{font-size:12px;padding:13px 13px 4px;gap:9px}
  .sound-title small{font-size:7px}
  .sound-symbol{width:27px;height:27px}
  .waveform{height:44px;padding:0 14px}
  .sound-card .film-caption{font-size:7px}
  .collection-copy{top:calc(91px + env(safe-area-inset-top));bottom:auto;text-shadow:0 2px 20px #000a}
  .scene[data-scene=workflow]:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#030a10bf,#030a10aa 30%,#030a1070 41%,transparent 55%)}
  .collection-copy h2{font-size:clamp(29px,8vw,46px)}
  .collection-copy p{max-width:34ch;font-size:13px}
  .catalog-launch{margin-top:17px;padding:11px 14px 11px 17px;gap:14px;font-size:12px}
  .collection-note{font-size:10px;margin-top:12px}
  .model-constellation{width:auto;left:var(--gutter);right:var(--gutter);bottom:calc(68px + env(safe-area-inset-bottom))}
  .model-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .model-mosaic li:nth-child(n){display:block}
  .mosaic-model{height:44px;padding:7px;gap:6px;font-size:10px;border-radius:8px}
  .mosaic-model .model-mark{width:20px;height:25px;border-radius:5px;flex-shrink:0}
  .mosaic-model .model-mark svg{width:16px;height:16px}
  .constellation-caption{font-size:7px;margin-bottom:10px}
  .constellation-more{padding-top:12px;font-size:10px;min-height:37px}
  .balance-copy{top:auto;bottom:calc(85px + env(safe-area-inset-bottom));width:auto;max-width:none}
  .balance-copy h2{font-size:clamp(32px,9vw,52px)}
  .balance-copy .eyebrow{font-size:8px}
  .balance-copy p{max-width:36ch}
  .balance-methods{margin-top:20px}
  .balance-methods span{height:34px;min-width:40px}
  .balance-platforms{margin-top:12px}
  .integration-stack{width:auto;max-width:none;left:var(--gutter);right:var(--gutter);bottom:calc(74px + env(safe-area-inset-bottom));gap:10px}
  .integration-card{padding:18px;border-radius:13px}
  .integration-label{font-size:10px;margin-bottom:11px}
  .integration-card h3{font-size:20px;max-width:27ch;margin-bottom:9px}
  .scene .integration-card p{font-size:12px;max-width:42ch;line-height:1.55}
  .integration-card a{font-size:12px;margin-top:12px;min-height:30px}
  .final-content{top:calc(88px + env(safe-area-inset-top));left:var(--gutter);right:var(--gutter);width:auto;transform:none}
  .final-content h2{font-size:clamp(26px,7.3vw,44px);margin-bottom:19px}
  .final-content .eyebrow{font-size:8px;margin-bottom:15px}
  .final-content .primary-cta{font-size:13px;padding:8px 9px 8px 22px;gap:20px}
  .final-content .final-note{display:table;font-size:10px;margin:9px auto 0;padding:4px 9px;border-radius:14px;background:#f1ecdcab;color:#36392f}
  .final-footer{bottom:calc(64px + env(safe-area-inset-bottom));left:var(--gutter);right:var(--gutter);justify-content:center;text-align:center;font-size:10px}
  .final-footer>div:first-child{display:none}
  .final-footer .footer-links{gap:26px}
  .final-footer a{padding:10px 0}
  .journey-rail{padding:0 var(--gutter) calc(12px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#040b10b3,transparent)}
  .rail-line{margin-bottom:4px}
  .rail-labels{position:relative;gap:0}
  .rail-link{font-size:0!important;letter-spacing:0;gap:0;flex:1;min-height:28px;position:relative}
  .rail-link:before{opacity:.5;width:4px;height:4px}
  .rail-link[aria-current=step]:before{width:17px;height:3px;border-radius:3px;opacity:1}
  .rail-link:hover{opacity:1}
  .rail-caption{display:block;font-size:8px;min-width:35px}
  .final-world .journey-rail{background:linear-gradient(0deg,#eee9dd73,transparent)}
  .scene-status{bottom:53px;max-width:90vw;white-space:nowrap;font-size:10px}
  .entry-dialog{padding:27px 22px;width:calc(100vw - 32px);max-height:calc(100svh - 40px);overflow:auto}
  .entry-dialog h2{font-size:23px}
  .entry-dialog .primary-cta{font-size:12px;gap:14px}
  .model-catalog{width:calc(100vw - 20px);height:calc(100svh - 24px);max-height:none;border-radius:16px}
  .catalog-shell{padding:0 17px}
  .catalog-header{height:57px;gap:10px}
  .catalog-header-actions{gap:14px}
  .catalog-close{gap:9px;min-height:42px}
  .catalog-wordmark>span:last-child{display:none}
  .catalog-wordmark{gap:5px}
  .catalog-wordmark>span:first-of-type{font-size:11px}
  .catalog-intro{padding:20px 0 18px;gap:0}
  .catalog-intro .eyebrow{font-size:7px;margin-bottom:9px}
  .catalog-intro h2{font-size:27px}
  .catalog-intro p{display:none}
  .catalog-search{height:44px;padding:0 12px}
  .catalog-search input{font-size:16px}
  .catalog-search-wrap>label{font-size:10px}
  .catalog-filters{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding:12px 0;gap:6px;scrollbar-width:none}
  .catalog-filter{flex-shrink:0;font-size:11px;min-height:36px;padding:7px 10px}
  .catalog-results-head{padding:11px 0}
  .catalog-grid{grid-template-columns:1fr}
  .catalog-model{padding:16px 2px;gap:12px}
  .catalog-model h3{font-size:14px}
  .catalog-model p{font-size:12px;max-width:none}
  .catalog-model-price{font-size:11px}
  .catalog-footer{height:auto;min-height:72px;padding:12px 0;gap:13px}
  .catalog-footer>[data-catalog-i18n=footer]{font-size:9px;line-height:1.5}
  .catalog-footer>a{font-size:10px;gap:8px}
}
@media(max-aspect-ratio:1/1) and (min-width:600px){
  .scene p{font-size:17px;max-width:42ch}
  .float-card,.film-card,.sound-card{width:290px;top:105px}
  .copy-left,.copy-right{bottom:95px;max-width:540px}
  .collection-copy{max-width:540px;bottom:auto}
  .model-constellation{left:var(--gutter);right:var(--gutter);max-width:650px}
  .mosaic-model{height:55px;font-size:13px}
  .integration-stack{max-width:540px;left:auto}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-aspect-ratio:1/1) and (max-height:700px){
  .scene h2{font-size:27px;margin-bottom:10px}
  .scene p{font-size:12px;line-height:1.5}
  .eyebrow{font-size:8px;margin-bottom:10px}
  .copy-left,.copy-right{bottom:56px}
  .scene-models{margin-top:10px;gap:5px}
  .scene-models button{font-size:9px;padding:5px 7px;min-height:28px}
  .float-card,.film-card,.sound-card{top:77px;width:210px}
  .prompt-content{font-size:10px;padding:9px 12px}
  .idea-card{--idea-pad:9px}
  .idea-card .prompt-content{font-size:10px}
  .film-frames video{height:48px}
  .hero-bottom{bottom:50px}
  .hero-note{font-size:10px!important;max-width:21ch!important}
  .hero-center p{font-size:var(--hero-copy-size,12px);line-height:1.45}
  .hero-center .no-subscription-badge{font-size:9px;padding:8px 12px}
  .collection-copy{top:76px;bottom:auto}
  .collection-copy p{font-size:12px}
  .collection-note{margin-top:8px;font-size:9px}
  .catalog-launch{margin-top:12px;padding:9px 12px;gap:10px}
  .model-constellation{bottom:53px}
  .mosaic-model{height:35px;font-size:8px;padding:5px;gap:4px}
  .model-mosaic{gap:4px}
  .mosaic-model .model-mark{width:17px;height:21px}
  .constellation-caption{margin-bottom:8px}
  .constellation-more{padding-top:7px;font-size:9px;min-height:29px}
  .balance-copy{bottom:70px}
  .balance-copy h2{font-size:32px}
  .integration-stack{bottom:61px;gap:8px}
  .integration-card{padding:14px}
  .integration-label{margin-bottom:8px;font-size:9px}
  .integration-card h3{font-size:18px}
  .scene .integration-card p{font-size:11px}
  .final-content{top:77px}
  .final-content h2{font-size:25px;margin-bottom:14px}
  .final-footer{bottom:51px}
  .catalog-intro{padding:14px 0}
  .catalog-intro h2{font-size:23px}
}
@media(max-width:360px) and (max-aspect-ratio:1/1){
  .site-header{gap:3px;padding-left:16px;padding-right:16px}
  .site-header .brand{font-size:11px;gap:5px}
  .header-actions .utility{width:29px;padding:7px}
  .header-actions>.header-login{padding:8px 12px;margin-left:2px;font-size:11px}
  .brand-copy small{font-size:8px}
  .section-menu summary{width:29px}
  .header-nav{font-size:11px}
}
/* A phone turned sideways uses the wide film with a shorter content layout. */
@media(min-aspect-ratio:10001/10000) and (max-height:550px){
  :root{--gutter:24px}
  .site-header{padding:8px var(--gutter);gap:14px}
  .site-header .brand{font-size:12px;gap:7px}
  .brand img{width:21px;height:24px}
  .header-nav,.header-actions{font-size:11px}
  .header-actions{gap:10px}
  .header-start{padding:8px 12px;font-size:10px}
  .section-menu-panel{top:43px;max-height:calc(100svh - 58px)}
  .copy-left,.copy-right{bottom:62px;width:44%;max-width:44%}
  .scene h2,.balance-copy h2{font-size:25px;line-height:1.2;margin-bottom:10px}
  .scene p{font-size:11px;line-height:1.45}
  .eyebrow{font-size:7px;margin-bottom:9px}
  .scene-models{margin-top:8px;gap:4px}
  .scene-models button{padding:4px 6px;font-size:8px}
  .scene a.text-link,.scene-models+.text-link{font-size:10px;margin-top:9px!important;padding-bottom:4px}
  .float-card{bottom:68px;width:220px}
  .card-topline{padding:9px 12px;font-size:7px}
  .prompt-content{font-size:11px;padding:12px}
  .prompt-content span{font-size:7px}
  .prompt-footer{padding:0 12px 12px;font-size:8px}
  .idea-card{--idea-pad:10px}
  .idea-card .prompt-content{font-size:11px;line-height:1.45}
  .film-frames video{height:58px}
  .film-caption{font-size:7px}
  .sound-title{font-size:12px;padding:12px}
  .sound-title small{font-size:7px}
  .waveform{height:42px}
  .model-constellation{bottom:65px}
  .model-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  .model-mosaic li:nth-child(n){display:block}
  .mosaic-model{height:36px;padding:5px;gap:4px;font-size:8px}
  .mosaic-model .model-mark{width:19px;height:21px}
  .mosaic-model .model-mark svg{width:15px;height:15px}
  .constellation-caption{font-size:6px;margin-bottom:8px}
  .constellation-more{font-size:9px;padding-top:9px}
  .catalog-launch{margin-top:14px;padding:9px 12px;font-size:11px}
  .collection-note{font-size:9px;margin-top:10px}
  .balance-methods{margin-top:12px}
  .balance-methods span{height:26px;min-width:32px;font-size:11px}
  .balance-platforms{font-size:9px;margin-top:8px}
  .integration-stack{bottom:62px;width:42%;gap:7px}
  .integration-card{padding:11px 14px}
  .integration-label{font-size:8px;margin-bottom:7px}
  .integration-platforms,.volume-label{font-size:7px}
  .integration-card h3{font-size:14px;margin-bottom:5px}
  .scene .integration-card p{font-size:10px;line-height:1.4}
  .integration-card a{font-size:10px;margin-top:8px;padding-bottom:3px}
  .hero-center{top:38%}
  .hero-center p{font-size:11px;margin-bottom:11px}
  .hero-center .no-subscription-badge{font-size:8px;margin-top:12px;padding:7px 11px}
  .hero-bottom{bottom:65px}
  .hero-note{font-size:10px!important}
  .hero-note strong{font-size:10px}
  .scroll-cue{font-size:9px}
  .final-content{top:20%}
  .final-content h2{font-size:28px;margin-bottom:14px}
  .final-content .eyebrow{font-size:7px;margin-bottom:10px}
  .final-content .primary-cta{font-size:11px;padding:6px 7px 6px 20px}
  .primary-cta .button-arrow{width:29px;height:29px;font-size:17px}
  .final-content .final-note{font-size:9px;margin-top:9px}
  .final-footer{bottom:60px;font-size:9px}
  .journey-rail{padding-bottom:9px}
  .rail-line{margin-bottom:5px}
  .rail-link{font-size:7px!important}
  .scene-status{bottom:53px}
  .model-catalog{height:calc(100svh - 16px)}
  .catalog-header{height:44px}
  .catalog-intro{display:none}
  .catalog-search-wrap{padding-top:10px}
  .catalog-search{height:35px}
  .catalog-filters{padding:8px 0}
  .catalog-filter{padding:5px 9px}
  .catalog-results-head{padding:8px 0}
  .catalog-footer{height:45px}
}

/* Desktop navigation belongs next to the brand; account actions stay right. */
@media(min-aspect-ratio:10001/10000){
  .site-header{justify-content:flex-start}
  .header-nav{margin-left:0;margin-right:auto}
  .header-actions{margin-left:auto}
}


:root{color-scheme:dark;--mint:#d4edc1;--mono:'JetBrains Mono',monospace;--body:'Golos Text',sans-serif;--display:'Unbounded',sans-serif}*{box-sizing:border-box}body{margin:0;background:#050c10;color:#edf4ee;font:14px var(--body)}a,button{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.preview-bar{height:49px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1c;background:#0c1418;font:9px var(--mono);letter-spacing:.05em}.preview-bar>span{color:#849292}.preview-bar b{color:#dae8de;font-weight:400;margin-left:15px}.preview-bar>div{display:flex;gap:25px;align-items:center}.preview-bar button{border:0;background:none;font:inherit;padding:7px 0}.preview-bar a:hover,.preview-bar button:hover{color:var(--mint)}
.cosmos{position:relative;min-height:710px;height:calc(100svh - 49px);overflow:hidden;isolation:isolate}.cosmos-world,.cosmos-shade,.cosmos-stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cosmos-world{object-fit:cover;opacity:.44;filter:saturate(.6);transition:opacity 1.5s,filter 1.5s}.cosmos-shade{background:linear-gradient(180deg,#03101760 0%,#04101835 25%,#041018da 67%,#030b10f5 100%)}.cosmos-stars{overflow:hidden}.cosmos-stars i{position:absolute;width:2px;height:2px;background:#e6f5ff;box-shadow:0 0 8px 1px #b2e5ff77;border-radius:50%;animation:twinkle var(--duration) var(--delay) ease-in-out infinite}@keyframes twinkle{0%,100%{opacity:.1}50%{opacity:.85;transform:scale(1.3)}}.cosmos-brand{position:absolute;left:40px;top:31px;font:500 13px var(--display);letter-spacing:-.04em}.cosmos-brand span{display:block;font:8px var(--mono);letter-spacing:.06em;color:#a3b4b7;margin-top:10px}
.loading-center{position:absolute;top:12%;left:50%;transform:translateX(-50%);text-align:center;width:90%}.orbital-progress{position:relative;width:226px;height:226px;margin:auto}.orbital-progress svg{width:100%;height:100%;fill:none;transform:rotate(-90deg)}.orbit-outer{stroke:#c9e5e826;stroke-width:.6;stroke-dasharray:1 14}.orbit-inner{stroke:#c9e5e818;stroke-width:.5}.orbit-base{stroke:#b7d7d929;stroke-width:.8}.orbit-fill{stroke:#d4edc1;stroke-width:1.7;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round;transition:stroke-dashoffset .14s ease;filter:drop-shadow(0 0 5px #dcf4d555)}.orbit-halo{position:absolute;inset:24px;border-radius:50%;background:radial-gradient(ellipse,#9dc8cf12,transparent 70%);box-shadow:0 0 60px #b9dfe90c,inset 0 0 40px #b9dfe90c}.percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);display:flex;align-items:baseline;gap:5px;font:400 58px var(--display);letter-spacing:-.09em;font-variant-numeric:tabular-nums}.percent small{font:16px var(--mono);letter-spacing:0;color:#a8c1c5}.orbit-caption{position:absolute;left:0;right:0;bottom:64px;font:8px var(--mono);letter-spacing:.24em;color:#abc3c5}.loading-center h2{font:400 clamp(20px,2.3vw,32px)/1.3 var(--display);letter-spacing:-.045em;margin:23px 0 12px}.loading-center>p{color:#aebfc2;font-size:13px;margin:0}
.model-panel{position:absolute;bottom:111px;left:50%;transform:translateX(-50%);width:min(920px,84vw)}.model-heading{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:.13em;color:#91aaaf;border-bottom:1px solid #bddeea25;padding-bottom:16px;margin-bottom:13px}.model-legend{font-size:9px;letter-spacing:0;color:#b6cccf}.loader-models{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px 20px}.loader-models li{display:flex;align-items:center;gap:8px;min-width:0;height:24px;font-size:11px;color:#71838a;transition:color .4s}.model-dot{width:4px;height:4px;flex:none;border:1px solid #849ca570;border-radius:50%;position:relative}.model-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.loader-models .loading{color:#e0edf0}.loading .model-dot{background:#d3ebff;border-color:#d3ebff;box-shadow:0 0 9px 2px #cae7ff60;animation:twinkle .7s ease-in-out infinite}.loader-models .ready{color:#c9d9d8}.ready .model-dot{background:#c8e8b7;border-color:#c8e8b7}.ready .model-dot:after{content:'';position:absolute;width:8px;height:8px;inset:-3px;border:1px solid #c8e8b726;border-radius:50%}
.cosmos-footer{position:absolute;bottom:31px;left:40px;right:40px;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:9px var(--mono);color:#7f9ba2}.cosmos-footer #completion{position:absolute;left:50%;transform:translateX(-50%);color:var(--mint)}.continue{display:inline-flex;align-items:center;gap:28px;padding:12px 17px;border:1px solid #cce2c765;border-radius:25px;background:#d4edc112;color:#e2efdb;font:12px var(--body)}.continue:hover{background:#d4edc125}.continue[hidden]{display:none}.cosmos.complete .cosmos-world{opacity:.68;filter:saturate(.8)}.cosmos.complete .model-legend{color:var(--mint)}
@media(max-height:780px){.cosmos{min-height:630px}.loading-center{top:8%}.orbital-progress{width:190px;height:190px}.percent{font-size:48px}.orbit-caption{bottom:52px}.loading-center h2{margin-top:14px;font-size:24px}.model-panel{bottom:94px}.cosmos-footer{bottom:23px}.cosmos-brand{top:25px}}
@media(max-width:1000px){.loader-models{gap:6px 12px}.loader-models li{font-size:10px}.model-panel{width:88vw}.cosmos-brand{left:30px}.cosmos-brand span{max-width:130px;line-height:1.7}.preview-bar{padding:0 20px}.preview-bar>div{gap:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Both the poster and the real landing occupy the exact same viewport. */
.landing-preview{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;visibility:hidden;pointer-events:none;background:transparent;transition:opacity 1.3s ease;z-index:2}.cosmos.is-transitioning .landing-preview{visibility:visible;opacity:1;pointer-events:auto}.cosmos.is-transitioning .cosmos-world{opacity:1;filter:none}.cosmos .loading-center,.cosmos .model-panel,.cosmos .cosmos-brand,.cosmos .cosmos-footer,.cosmos .cosmos-stars,.cosmos .cosmos-shade{transition:opacity .8s ease,transform 1.1s cubic-bezier(.2,.65,.2,1);z-index:3}.cosmos.is-transitioning .loading-center{opacity:0;transform:translateX(-50%) scale(1.06);pointer-events:none}.cosmos.is-transitioning .model-panel{opacity:0;transform:translate(-50%,18px);pointer-events:none}.cosmos.is-transitioning .cosmos-brand,.cosmos.is-transitioning .cosmos-footer,.cosmos.is-transitioning .cosmos-stars,.cosmos.is-transitioning .cosmos-shade{opacity:0;pointer-events:none}.cosmos.is-transitioning .cosmos-shade{transition-duration:1.3s}.cosmos.preview-landed> :not(.landing-preview){visibility:hidden}.cosmos.preview-landed .landing-preview{z-index:5}


.loader-controls{display:flex;flex-direction:column;align-items:flex-end;gap:10px;color:#c3d3d4}.remember-loader{display:inline-flex;align-items:center;gap:8px;font:11px var(--body);cursor:pointer}.remember-loader input{appearance:none;display:grid;place-content:center;margin:0;width:15px;height:15px;border:1px solid #d4edc180;border-radius:4px;background:#d4edc10a;cursor:pointer}.remember-loader input:checked{background:var(--mint);border-color:var(--mint)}.remember-loader input:checked:after{content:'';width:7px;height:4px;border:solid #18251d;border-width:0 0 1.5px 1.5px;transform:translateY(-1px) rotate(-45deg)}.remember-loader input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.skip-loader{padding:0 0 3px;border:0;border-bottom:1px solid #c3d3d438;background:none;font:9px var(--mono);color:#9db5bd;cursor:pointer}.skip-loader:hover{color:#e4f1e1}.cosmos:not(.is-transitioning){cursor:pointer}.cosmos-footer #completion{left:40%;font-size:8px}
/* A saved preference hides the loading UI before first paint. Keep the shared
   first-frame poster visible while the real landing prepares its canvas/font. */
.skip-cosmos .cosmos>:not(.cosmos-world):not(.landing-preview):not(.cosmos-shade){visibility:hidden}.skip-cosmos .cosmos-world{opacity:1;filter:none}.skip-cosmos .cosmos-shade{opacity:0}.skip-cosmos .landing-preview{transition:none}

/* Experiment B: a star field becomes the first world. No portal is visible
   during the model-loading timeline; only the reveal introduces the poster. */
.cosmos{background:#04080d}
.genesis-sky{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 51% 35%,#101b2a 0%,#07111c 38%,#03070c 80%);opacity:1;transition:opacity 1s ease 1.05s}
.cosmos .cosmos-world,.cosmos.complete .cosmos-world{opacity:0;filter:none;transition:none}
.cosmos .cosmos-shade{background:linear-gradient(180deg,transparent 25%,#02070c26 60%,#02070c88);pointer-events:none}
.cosmos .cosmos-stars{display:none}
.cosmos .loading-center{transition:opacity .55s ease,transform .9s cubic-bezier(.2,.65,.2,1)}
.cosmos .model-panel{transition:opacity .55s ease .08s,transform .8s ease}
.cosmos .cosmos-brand,.cosmos .cosmos-footer{transition:opacity .4s ease}
.cosmos.is-transitioning .cosmos-world{opacity:1;animation:world-arrives 1.9s cubic-bezier(.22,.65,.28,1) both}
.cosmos.is-transitioning .genesis-sky{opacity:0}
.cosmos.is-transitioning .loading-center{transform:translate(-50%,-12px) scale(.96)}
.cosmos.is-transitioning .cosmos-shade{transition:opacity 1.2s ease .5s}
.cosmos .landing-preview{transition:opacity .75s ease 1.5s}
@keyframes world-arrives{
  0%{opacity:0;filter:blur(14px) brightness(.45);transform:scale(1.045);mask-image:radial-gradient(ellipse,#000 40%,transparent 70%);mask-size:45% 45%;mask-repeat:no-repeat;mask-position:50% 44%}
  35%{opacity:.7;filter:blur(5px) brightness(.7)}
  100%{opacity:1;filter:blur(0) brightness(1);transform:scale(1);mask-image:radial-gradient(ellipse,#000 40%,transparent 70%);mask-size:600% 600%;mask-repeat:no-repeat;mask-position:50% 44%}
}
.cosmos.skip-animation .cosmos-world{animation:none}
.cosmos.skip-animation .landing-preview{transition:opacity .5s ease}
.cosmos.skip-animation .genesis-sky{transition:opacity .45s ease}
.skip-cosmos .cosmos .cosmos-world{opacity:1;animation:none}
.skip-cosmos .genesis-sky{visibility:hidden}
.skip-cosmos .cosmos .landing-preview{transition:none}
@media(prefers-reduced-motion:reduce){.cosmos.is-transitioning .cosmos-world{animation:none;opacity:1}.genesis-sky{transition:none}}
.cosmos{background:radial-gradient(ellipse at 51% 35%,#101b2a 0%,#07111c 38%,#03070c 80%)}
.genesis-sky{background:none}
.cosmos-picture{position:absolute;inset:0;pointer-events:none}
.skip-cosmos .cosmos>.cosmos-picture{visibility:visible}
.cosmos.preview-landed>.cosmos-picture{visibility:hidden}
/* Replay returns directly to the initial sky, without a reverse crossfade. */
.cosmos:not(.is-transitioning) .landing-preview,.cosmos:not(.is-transitioning) .genesis-sky,.cosmos:not(.is-transitioning) .loading-center,.cosmos:not(.is-transitioning) .model-panel,.cosmos:not(.is-transitioning) .cosmos-brand,.cosmos:not(.is-transitioning) .cosmos-footer,.cosmos:not(.is-transitioning) .cosmos-shade{transition:none}

@media(max-aspect-ratio:1/1){
  .cosmos{height:100svh;min-height:0}
  .preview-bar{position:absolute;inset:0 0 auto;height:43px;padding:0 20px;z-index:10;background:transparent;border:0}
  .preview-bar>span{display:none}
  .preview-bar>div{width:100%;justify-content:space-between;gap:12px}
  .preview-bar a{font-size:8px}
  #landing-link{display:none}
  body:has(.preview-landed) .preview-bar{display:none}
  .cosmos-brand{top:calc(62px + env(safe-area-inset-top));left:24px;font-size:12px}
  .cosmos-brand span{max-width:none;font-size:7px;margin-top:8px}
  .loading-center{top:17%;width:calc(100% - 40px)}
  .orbital-progress{width:155px;height:155px}
  .percent{font-size:42px;gap:4px}
  .percent small{font-size:13px}
  .orbit-caption{bottom:42px;font-size:7px}
  .loading-center h2{font-size:21px;margin:16px 0 10px}
  .loading-center>p{font-size:11px;line-height:1.5;max-width:30ch;margin:0 auto}
  .model-panel{width:auto;left:24px;right:24px;bottom:calc(114px + env(safe-area-inset-bottom));transform:none}
  .model-heading{padding-bottom:12px;margin-bottom:10px;font-size:6px;letter-spacing:.08em}
  .model-legend{font-size:8px}
  .loader-models{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 8px}
  .loader-models li{font-size:10px;height:19px;gap:6px}
  .cosmos-footer{left:20px;right:20px;bottom:calc(25px + env(safe-area-inset-bottom));justify-content:center}
  .cosmos-footer #demo-note,.cosmos-footer #completion{display:none}
  .loader-controls{align-items:center;gap:14px}
  .remember-loader{font-size:11px;min-height:25px}
  .remember-loader input{width:18px;height:18px}
  .skip-loader{font-size:8px;min-height:27px}
}
@media(max-aspect-ratio:1/1) and (max-height:730px){
  .cosmos-brand{top:51px;font-size:10px}
  .cosmos-brand span{display:none}
  .loading-center{top:75px}
  .orbital-progress{width:110px;height:110px}
  .percent{font-size:31px}
  .percent small{font-size:10px}
  .orbit-caption{bottom:27px;font-size:6px}
  .loading-center h2{font-size:18px;margin:10px 0 6px}
  .loading-center>p{font-size:10px;max-width:none}
  .model-panel{bottom:91px;left:20px;right:20px}
  .loader-models{gap:2px 7px}
  .loader-models li{font-size:9px;height:15px;gap:5px}
  .model-heading{padding-bottom:8px;margin-bottom:7px}
  .cosmos-footer{bottom:16px}
  .loader-controls{gap:5px}
  .remember-loader{font-size:10px}
}
/* Compact landscape phones: progress at left, all 36 models at right. */
@media(min-aspect-ratio:10001/10000) and (max-height:550px){
  .cosmos-brand{left:24px;top:18px;font-size:11px}
  .cosmos-brand span{display:none}
  .loading-center{left:24px;top:70px;width:32%;transform:none}
  .orbital-progress{width:116px;height:116px}
  .percent{font-size:32px}.percent small{font-size:10px}
  .orbit-caption{bottom:29px;font-size:6px}
  .loading-center h2{font-size:17px;margin:10px 0 7px}
  .loading-center>p{font-size:10px;line-height:1.4;max-width:25ch;margin:auto}
  .model-panel{left:auto;right:24px;top:71px;bottom:auto;transform:none;width:56%}
  .model-heading{font-size:6px;padding-bottom:10px;margin-bottom:9px;letter-spacing:0}
  .model-legend{font-size:7px}.loader-models{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px 9px}
  .loader-models li{font-size:8px;height:19px;gap:5px}
  .cosmos-footer{bottom:17px;left:24px;right:24px}.cosmos-footer #completion{left:0}
  .remember-loader{font-size:10px}.skip-loader{font-size:8px}
}

/* The export uses one document and one viewport, without preview chrome/iframe. */
html.intro-loading{overflow:hidden}body{margin:0;background:#080b0d}#cosmos{position:fixed;inset:0;z-index:80;width:100%;height:100vh;height:100svh;min-height:0;background:none}
#cosmos:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 51% 35%,#101b2a 0%,#07111c 38%,#03070c 80%);transition:opacity 1.5s ease .5s}
#cosmos.is-transitioning:before{opacity:0}#cosmos.is-transitioning{pointer-events:none}#cosmos.preview-landed{display:none}
#world-site{opacity:0;transition:opacity .75s ease 1.5s}html.intro-revealing #world-site,html.intro-complete #world-site{opacity:1}html.intro-complete #world-site{transition:none}
#cosmos.is-transitioning .cosmos-world{animation:world-arrives 1.9s cubic-bezier(.22,.65,.28,1) both,standalone-handoff .7s ease 1.7s forwards}
@keyframes standalone-handoff{from{opacity:1}to{opacity:0}}
html.skip-cosmos #world-site{transition:none}html.skip-cosmos #cosmos:before{opacity:0}html.skip-cosmos #cosmos.is-transitioning .cosmos-world{animation:none;opacity:0}
#cosmos.skip-animation.is-transitioning .cosmos-world{animation:standalone-handoff .5s ease forwards}html.intro-fast #world-site{transition:opacity .5s ease}
#cosmos #demo-note{display:none}#cosmos .cosmos-footer{justify-content:flex-end}
@media(prefers-reduced-motion:reduce){#world-site{transition:none}#cosmos.is-transitioning .cosmos-world{animation:none;opacity:0}}
/* Стили связки лендинга с сайтом cyhub.ai (01.10.2026): кнопки ботов, подвал с
   документами, строка оплаты и скидок, строка cookie над шкалой прокрутки.
   Идёт последним в landing-site.css. */

/* Строка cookie (website/static/cookie-notice.js) над шкалой прокрутки: с v10 (02.10.2026)
   позицию задаёт atmosphere.css дизайнера (отступ по --gutter, у FAQ ниже, скрыта на экране
   загрузки); мобильная строка ниже ни на что не влияла: cookie-notice.js на телефоне читает
   --cookie-notice-bottom-mobile
:root{--cookie-notice-bottom:72px;--cookie-notice-left:24px}
@media(max-aspect-ratio:1/1){:root{--cookie-notice-bottom:calc(58px + env(safe-area-inset-bottom));--cookie-notice-left:12px}}
*/

/* Скрытое атрибутом hidden: у этих элементов свой display в стилях пакета */
.music-toggle[hidden],[data-discounts][hidden]{display:none!important}

/* Оплата и скидки */
.balance-pay{margin:12px 0 0;font-size:12px;line-height:1.5;color:#e1f3d8;max-width:36ch}
.discounts-line{margin:8px 0 0;font-size:12px;color:var(--mint)}
@media(max-aspect-ratio:1/1){.balance-pay{font-size:11px;margin-top:8px}.discounts-line{font-size:11px;margin-top:6px}}

/* Окно «Где создавать»: две кнопки ботов */
.entry-bots{display:grid;gap:10px;margin-top:6px}
.entry-bots .primary-cta{margin-top:0}
.entry-dialog .entry-bots .primary-cta:first-child{margin-top:11px}

/* Подвал финала: до 02.10.2026 здесь же документы, почта и «Настройки cookie»; с v10 они в
   подвале #site-footer, а в финале три ссылки дизайнера (API, Партнёрам, Поддержка)
.final-footer .footer-links{flex-wrap:wrap;justify-content:flex-end;row-gap:8px;max-width:62%}
.final-footer .footer-cookie{font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid #45443b40;padding:0 0 4px;cursor:pointer}
@media(max-aspect-ratio:1/1){
  .final-footer .footer-links{justify-content:center;max-width:none;column-gap:16px;row-gap:0}
  .final-footer .footer-cookie{padding:10px 0}
}
*/

/* Подвал каталога: цены и боты */
.catalog-footer .catalog-pricing{display:inline;color:var(--catalog-ink);font-size:inherit;border-bottom:1px solid var(--catalog-line)}
.catalog-footer .catalog-bots{display:flex;gap:18px;flex-shrink:0}
.catalog-footer .catalog-bots a{gap:8px}
.catalog-footer .catalog-bots .catalog-bot-arrow{font-size:14px}
@media(max-aspect-ratio:1/1){.catalog-footer{flex-wrap:wrap}.catalog-footer .catalog-bots{gap:14px}}
